@mx-cartographer/experiences 9.4.50 → 9.4.51

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [9.4.51] - 10-01-2026
+
+- **FIXED** - Certain text elements which didn't have enough color contrast (MEW-4120)
+
 ## [9.4.50] - 10-01-2026
 
 - **FIXED** - Category rule dialog now receives screen reader focus when it opens from the category drawer (MEW-4017)

package/dist/budgets/components/addbudget/Header.es.js

@@ -19,7 +19,7 @@ var v = u(() => {
           variant: "body1",
           children: i(d, "0,0")
         }), /* @__PURE__ */ e(r, {
-          color: "secondary",
+          color: "text.secondary",
           variant: "body2",
           children: n.projected_income
         })]
@@ -37,7 +37,7 @@ var v = u(() => {
           variant: "body1",
           children: i(c, "0,0")
         }), /* @__PURE__ */ e(r, {
-          color: "secondary",
+          color: "text.secondary",
           variant: "body2",
           children: n.budgeted
         })]
@@ -55,7 +55,7 @@ var v = u(() => {
           variant: "body1",
           children: i(a, "0,0")
         }), /* @__PURE__ */ e(r, {
-          color: "secondary",
+          color: "text.secondary",
           variant: "body2",
           children: n.remaining
         })]

package/dist/budgets/components/addbudget/Header.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.es.js","names":[],"sources":["../../../../src/budgets/components/addbudget/Header.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useBudgetsStore, useGlobalCopyStore, useRecurringTransactionsStore } from '../../../common'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\nexport const Header = observer(() => {\n  const { budgets: copy } = useGlobalCopyStore()\n  const { totalBudgeted } = useBudgetsStore()\n  const { incomeTotal } = useRecurringTransactionsStore()\n\n  const remaining = incomeTotal - totalBudgeted\n\n  return (\n    <Stack direction=\"row\" justifyContent=\"center\" my={16} spacing={20}>\n      <Stack alignItems=\"center\">\n        <Text bold={true} variant=\"body1\">\n          {formatCurrency(incomeTotal, '0,0')}\n        </Text>\n        <Text color=\"secondary\" variant=\"body2\">\n          {copy.projected_income}\n        </Text>\n      </Stack>\n\n      <Text bold={true} justifyContent=\"center\" variant=\"body1\">\n        {'-'}\n      </Text>\n\n      <Stack alignItems=\"center\">\n        <Text bold={true} variant=\"body1\">\n          {formatCurrency(totalBudgeted, '0,0')}\n        </Text>\n        <Text color=\"secondary\" variant=\"body2\">\n          {copy.budgeted}\n        </Text>\n      </Stack>\n\n      <Text bold={true} justifyContent=\"center\" variant=\"body1\">\n        {'='}\n      </Text>\n\n      <Stack alignItems=\"center\">\n        <Text bold={true} variant=\"body1\">\n          {formatCurrency(remaining, '0,0')}\n        </Text>\n        <Text color=\"secondary\" variant=\"body2\">\n          {copy.remaining}\n        </Text>\n      </Stack>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;AASA,IAAa,IAAS,EAAA,MAAe;AACnC,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,aAAA,EAAA,IAAgB,EAA8B,GAEhD,IAAY,IAAc;AAEhC,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,WAAU;AAAA,IAAM,gBAAe;AAAA,IAAS,IAAI;AAAA,IAAI,SAAS;AAAA,IAAhE,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAlB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAe,GAAa,KAAK;AAAA,QAC9B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAY,SAAQ;AAAA,UAC7B,UAAA,EAAK;AAAA,QACF,CAAA,CACD;AAAA;MAEP,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,gBAAe;AAAA,QAAS,SAAQ;AAAA,QAC/C,UAAA;AAAA,MACG,CAAA;AAAA,MAEN,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAlB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAe,GAAe,KAAK;AAAA,QAChC,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAY,SAAQ;AAAA,UAC7B,UAAA,EAAK;AAAA,QACF,CAAA,CACD;AAAA;MAEP,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,gBAAe;AAAA,QAAS,SAAQ;AAAA,QAC/C,UAAA;AAAA,MACG,CAAA;AAAA,MAEN,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAlB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAe,GAAW,KAAK;AAAA,QAC5B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAY,SAAQ;AAAA,UAC7B,UAAA,EAAK;AAAA,QACF,CAAA,CACD;AAAA;IACF;AAAA;AAEX,CAAC"}
+{"version":3,"file":"Header.es.js","names":[],"sources":["../../../../src/budgets/components/addbudget/Header.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { useBudgetsStore, useGlobalCopyStore, useRecurringTransactionsStore } from '../../../common'\nimport { formatCurrency } from '../../../core/utils/NumberFormatting'\n\nexport const Header = observer(() => {\n  const { budgets: copy } = useGlobalCopyStore()\n  const { totalBudgeted } = useBudgetsStore()\n  const { incomeTotal } = useRecurringTransactionsStore()\n\n  const remaining = incomeTotal - totalBudgeted\n\n  return (\n    <Stack direction=\"row\" justifyContent=\"center\" my={16} spacing={20}>\n      <Stack alignItems=\"center\">\n        <Text bold={true} variant=\"body1\">\n          {formatCurrency(incomeTotal, '0,0')}\n        </Text>\n        <Text color=\"text.secondary\" variant=\"body2\">\n          {copy.projected_income}\n        </Text>\n      </Stack>\n\n      <Text bold={true} justifyContent=\"center\" variant=\"body1\">\n        {'-'}\n      </Text>\n\n      <Stack alignItems=\"center\">\n        <Text bold={true} variant=\"body1\">\n          {formatCurrency(totalBudgeted, '0,0')}\n        </Text>\n        <Text color=\"text.secondary\" variant=\"body2\">\n          {copy.budgeted}\n        </Text>\n      </Stack>\n\n      <Text bold={true} justifyContent=\"center\" variant=\"body1\">\n        {'='}\n      </Text>\n\n      <Stack alignItems=\"center\">\n        <Text bold={true} variant=\"body1\">\n          {formatCurrency(remaining, '0,0')}\n        </Text>\n        <Text color=\"text.secondary\" variant=\"body2\">\n          {copy.remaining}\n        </Text>\n      </Stack>\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;AASA,IAAa,IAAS,EAAA,MAAe;AACnC,QAAM,EAAE,SAAS,EAAA,IAAS,EAAmB,GACvC,EAAE,eAAA,EAAA,IAAkB,EAAgB,GACpC,EAAE,aAAA,EAAA,IAAgB,EAA8B,GAEhD,IAAY,IAAc;AAEhC,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,WAAU;AAAA,IAAM,gBAAe;AAAA,IAAS,IAAI;AAAA,IAAI,SAAS;AAAA,IAAhE,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAlB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAe,GAAa,KAAK;AAAA,QAC9B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,UAClC,UAAA,EAAK;AAAA,QACF,CAAA,CACD;AAAA;MAEP,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,gBAAe;AAAA,QAAS,SAAQ;AAAA,QAC/C,UAAA;AAAA,MACG,CAAA;AAAA,MAEN,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAlB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAe,GAAe,KAAK;AAAA,QAChC,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,UAClC,UAAA,EAAK;AAAA,QACF,CAAA,CACD;AAAA;MAEP,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,gBAAe;AAAA,QAAS,SAAQ;AAAA,QAC/C,UAAA;AAAA,MACG,CAAA;AAAA,MAEN,gBAAA,EAAC,GAAD;AAAA,QAAO,YAAW;AAAA,QAAlB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAe,GAAW,KAAK;AAAA,QAC5B,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,UAClC,UAAA,EAAK;AAAA,QACF,CAAA,CACD;AAAA;IACF;AAAA;AAEX,CAAC"}

package/dist/budgets/components/addbudget/RecalculateBudgets.es.js

@@ -2,20 +2,20 @@ import { useBudgetsStore as b, useCategoryStore as h, useGlobalCopyStore as x }
 import y from "../../../common/components/drawer/Drawer.es.js";
 import { RecalculateBudgetRow as _ } from "./RecalculateBudgetRow.es.js";
 import i from "react";
-import s from "@mui/material/Stack";
+import n from "@mui/material/Stack";
 import { Text as a } from "@mxenabled/mxui";
 import C from "@mui/material/Button";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import v from "@mui/material/Box";
 import B from "@mui/material/List";
-var F = ({ onRecalculateBudgets: n }) => {
-  const { budgets: t, common: m } = x(), { spendCategories: u } = h(), { recalculateBudgets: d, setAlert: p } = b(), [g, o] = i.useState(!1), c = u.filter((r) => r.totalAverageAmount > 0), f = async () => {
-    await d(c), o(!1), p({
+var F = ({ onRecalculateBudgets: s }) => {
+  const { budgets: t, common: m } = x(), { spendCategories: u } = h(), { recalculateBudgets: p, setAlert: d } = b(), [g, o] = i.useState(!1), l = u.filter((r) => r.totalAverageAmount > 0), f = async () => {
+    await p(l), o(!1), d({
       msg: t.alert_recalculated_budgets,
       severity: "success"
-    }), n?.();
+    }), s?.();
   };
-  return /* @__PURE__ */ l(i.Fragment, { children: [
+  return /* @__PURE__ */ c(i.Fragment, { children: [
     /* @__PURE__ */ e(C, {
       onClick: () => o(!0),
       sx: {
@@ -32,6 +32,7 @@ var F = ({ onRecalculateBudgets: n }) => {
         textAlign: "center"
       },
       variant: "subtitle1",
+      component: "span",
       children: t.recalculate_help
     }),
     /* @__PURE__ */ e(y, {
@@ -40,7 +41,7 @@ var F = ({ onRecalculateBudgets: n }) => {
       onClose: () => o(!1),
       onPrimaryAction: f,
       title: t.recalculate_title,
-      children: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l(s, {
+      children: /* @__PURE__ */ c(n, { children: [/* @__PURE__ */ c(n, {
         mx: 24,
         my: 16,
         children: [/* @__PURE__ */ e(a, {
@@ -48,12 +49,13 @@ var F = ({ onRecalculateBudgets: n }) => {
           variant: "body1",
           children: t.recalculate_description_top
         }), /* @__PURE__ */ e(a, {
+          component: "span",
           variant: "subtitle2",
           children: t.recalculate_description_bottom
         })]
       }), /* @__PURE__ */ e(v, {
         bgcolor: "background.paper",
-        children: /* @__PURE__ */ e(B, { children: c.map((r) => /* @__PURE__ */ e(_, { category: r }, r.guid)) })
+        children: /* @__PURE__ */ e(B, { children: l.map((r) => /* @__PURE__ */ e(_, { category: r }, r.guid)) })
       })] })
     })
   ] });

package/dist/budgets/components/addbudget/RecalculateBudgets.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecalculateBudgets.es.js","names":[],"sources":["../../../../src/budgets/components/addbudget/RecalculateBudgets.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport List from '@mui/material/List'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Drawer, useBudgetsStore, useCategoryStore, useGlobalCopyStore } from '../../../common'\n\nimport { RecalculateBudgetRow } from './RecalculateBudgetRow'\n\ninterface RecalculateBudgetsProps {\n  onRecalculateBudgets?: () => void\n}\n\nexport const RecalculateBudgets = ({ onRecalculateBudgets }: RecalculateBudgetsProps) => {\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { spendCategories } = useCategoryStore()\n  const { recalculateBudgets, setAlert } = useBudgetsStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  const newBudgetCategories = spendCategories.filter((category) => category.totalAverageAmount > 0)\n\n  const handlePrimaryClick = async () => {\n    await recalculateBudgets(newBudgetCategories)\n\n    setIsOpen(false)\n    setAlert({ msg: copy.alert_recalculated_budgets, severity: 'success' })\n    onRecalculateBudgets?.()\n  }\n\n  return (\n    <React.Fragment>\n      <Button onClick={() => setIsOpen(true)} sx={{ mt: 24, mx: 24 }} variant=\"text\">\n        {copy.recalculate_button}\n      </Button>\n\n      <Text sx={{ mx: 24, my: 16, textAlign: 'center' }} variant=\"subtitle1\">\n        {copy.recalculate_help}\n      </Text>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        onPrimaryAction={handlePrimaryClick}\n        title={copy.recalculate_title}\n      >\n        <Stack>\n          <Stack mx={24} my={16}>\n            <Text bold={true} variant=\"body1\">\n              {copy.recalculate_description_top}\n            </Text>\n            <Text variant=\"subtitle2\">{copy.recalculate_description_bottom}</Text>\n          </Stack>\n          <Box bgcolor=\"background.paper\">\n            <List>\n              {newBudgetCategories.map((category) => (\n                <RecalculateBudgetRow category={category} key={category.guid} />\n              ))}\n            </List>\n          </Box>\n        </Stack>\n      </Drawer>\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;;;;;AAiBA,IAAa,IAAA,CAAsB,EAAE,sBAAA,EAAA,MAAoD;AACvF,QAAM,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC3D,EAAE,iBAAA,EAAA,IAAoB,EAAiB,GACvC,EAAE,oBAAA,GAAoB,UAAA,EAAA,IAAa,EAAgB,GAEnD,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAsB,EAAgB,OAAA,CAAQ,MAAa,EAAS,qBAAqB,CAAC,GAE1F,IAAqB,YAAY;AACrC,UAAM,EAAmB,CAAmB,GAE5C,EAAU,EAAK,GACf,EAAS;AAAA,MAAE,KAAK,EAAK;AAAA,MAA4B,UAAU;AAAA,IAAU,CAAC,GACtE,IAAuB;AAAA,EACzB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MAAQ,SAAA,MAAe,EAAU,EAAI;AAAA,MAAG,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,MAAG,SAAQ;AAAA,MACrE,UAAA,EAAK;AAAA,IACA,CAAA;AAAA,IAER,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MAAG,SAAQ;AAAA,MACxD,UAAA,EAAK;AAAA,IACF,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,EAAW;AAAA,MACnB,QAAA;AAAA,MACR,SAAA,MAAe,EAAU,EAAK;AAAA,MAC9B,iBAAiB;AAAA,MACjB,OAAO,EAAK;AAAA,MAEZ,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,QAAI,IAAI;AAAA,QAAnB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAK;AAAA,QACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,SAAQ;AAAA,UAAa,UAAA,EAAK;AAAA,QAAqC,CAAA,CAChE;AAAA,MACP,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,QAAK,SAAQ;AAAA,QACX,UAAA,gBAAA,EAAC,GAAD,EAAA,UACG,EAAoB,IAAA,CAAK,MACxB,gBAAA,EAAC,GAAD,EAAgC,UAAA,EAA+B,GAAhB,EAAS,IAAO,CAChE,EACG,CAAA;AAAA,MACH,CAAA,CACA,EAAA,CAAA;AAAA,IACD,CAAA;AAAA,EACM,EAAA,CAAA;AAEpB"}
+{"version":3,"file":"RecalculateBudgets.es.js","names":[],"sources":["../../../../src/budgets/components/addbudget/RecalculateBudgets.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport List from '@mui/material/List'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { Drawer, useBudgetsStore, useCategoryStore, useGlobalCopyStore } from '../../../common'\n\nimport { RecalculateBudgetRow } from './RecalculateBudgetRow'\n\ninterface RecalculateBudgetsProps {\n  onRecalculateBudgets?: () => void\n}\n\nexport const RecalculateBudgets = ({ onRecalculateBudgets }: RecalculateBudgetsProps) => {\n  const { budgets: copy, common: commonCopy } = useGlobalCopyStore()\n  const { spendCategories } = useCategoryStore()\n  const { recalculateBudgets, setAlert } = useBudgetsStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  const newBudgetCategories = spendCategories.filter((category) => category.totalAverageAmount > 0)\n\n  const handlePrimaryClick = async () => {\n    await recalculateBudgets(newBudgetCategories)\n\n    setIsOpen(false)\n    setAlert({ msg: copy.alert_recalculated_budgets, severity: 'success' })\n    onRecalculateBudgets?.()\n  }\n\n  return (\n    <React.Fragment>\n      <Button onClick={() => setIsOpen(true)} sx={{ mt: 24, mx: 24 }} variant=\"text\">\n        {copy.recalculate_button}\n      </Button>\n\n      <Text sx={{ mx: 24, my: 16, textAlign: 'center' }} variant=\"subtitle1\" component=\"span\">\n        {copy.recalculate_help}\n      </Text>\n      <Drawer\n        ariaLabelClose={commonCopy.close_aria}\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        onPrimaryAction={handlePrimaryClick}\n        title={copy.recalculate_title}\n      >\n        <Stack>\n          <Stack mx={24} my={16}>\n            <Text bold={true} variant=\"body1\">\n              {copy.recalculate_description_top}\n            </Text>\n            <Text component=\"span\" variant=\"subtitle2\">\n              {copy.recalculate_description_bottom}\n            </Text>\n          </Stack>\n          <Box bgcolor=\"background.paper\">\n            <List>\n              {newBudgetCategories.map((category) => (\n                <RecalculateBudgetRow category={category} key={category.guid} />\n              ))}\n            </List>\n          </Box>\n        </Stack>\n      </Drawer>\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;;;;;AAiBA,IAAa,IAAA,CAAsB,EAAE,sBAAA,EAAA,MAAoD;AACvF,QAAM,EAAE,SAAS,GAAM,QAAQ,EAAA,IAAe,EAAmB,GAC3D,EAAE,iBAAA,EAAA,IAAoB,EAAiB,GACvC,EAAE,oBAAA,GAAoB,UAAA,EAAA,IAAa,EAAgB,GAEnD,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAsB,EAAgB,OAAA,CAAQ,MAAa,EAAS,qBAAqB,CAAC,GAE1F,IAAqB,YAAY;AACrC,UAAM,EAAmB,CAAmB,GAE5C,EAAU,EAAK,GACf,EAAS;AAAA,MAAE,KAAK,EAAK;AAAA,MAA4B,UAAU;AAAA,IAAU,CAAC,GACtE,IAAuB;AAAA,EACzB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,IACE,gBAAA,EAAC,GAAD;AAAA,MAAQ,SAAA,MAAe,EAAU,EAAI;AAAA,MAAG,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,MAAG;AAAA,MAAG,SAAQ;AAAA,MACrE,UAAA,EAAK;AAAA,IACA,CAAA;AAAA,IAER,gBAAA,EAAC,GAAD;AAAA,MAAM,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,WAAW;AAAA,MAAS;AAAA,MAAG,SAAQ;AAAA,MAAY,WAAU;AAAA,MAC9E,UAAA,EAAK;AAAA,IACF,CAAA;AAAA,IACN,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB,EAAW;AAAA,MACnB,QAAA;AAAA,MACR,SAAA,MAAe,EAAU,EAAK;AAAA,MAC9B,iBAAiB;AAAA,MACjB,OAAO,EAAK;AAAA,MAEZ,UAAA,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,QAAI,IAAI;AAAA,QAAnB,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,UACvB,UAAA,EAAK;AAAA,QACF,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UAAM,WAAU;AAAA,UAAO,SAAQ;AAAA,UAC5B,UAAA,EAAK;AAAA,QACF,CAAA,CACD;AAAA,MACP,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,QAAK,SAAQ;AAAA,QACX,UAAA,gBAAA,EAAC,GAAD,EAAA,UACG,EAAoB,IAAA,CAAK,MACxB,gBAAA,EAAC,GAAD,EAAgC,UAAA,EAA+B,GAAhB,EAAS,IAAO,CAChE,EACG,CAAA;AAAA,MACH,CAAA,CACA,EAAA,CAAA;AAAA,IACD,CAAA;AAAA,EACM,EAAA,CAAA;AAEpB"}

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

@@ -50,6 +50,7 @@ var P = ({ additionalContent: u, connectTitle: k, connectDescription: v, childre
             pb: s ? 0 : 24
           },
           children: [t && typeof t == "string" ? /* @__PURE__ */ o(A, { children: t }) : t, c && /* @__PURE__ */ o(M, {
+            color: "text.secondary",
             sx: { lineHeight: "24px" },
             children: c
           })]

package/dist/finstrong/components/KeyIndicatorsDrawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyIndicatorsDrawer.es.js","names":[],"sources":["../../../src/finstrong/components/KeyIndicatorsDrawer.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { P, H3 } from '@mxenabled/mxui'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Drawer, Loader, useGlobalCopyStore, useGlobalUiStore } from '../../common'\nimport { ConnectMoreAccountsCard } from './ConnectMoreAccountsCard'\n\ninterface KeyIndicatorsDrawerProps {\n  additionalContent?: React.ReactNode\n  connectTitle?: string\n  connectDescription?: string\n  children?: React.ReactNode\n  description?: string\n  drawerTitle?: string\n  isOpen: boolean\n  loadConnectAccountsCard?: boolean\n  onClose: () => void\n  stickyComponent?: React.ReactNode\n  title?: string | React.ReactNode\n  drawerType?: 'connectDrawer' | 'connectionsDrawer'\n}\n\nconst KeyIndicatorsDrawer: React.FC<React.PropsWithChildren<KeyIndicatorsDrawerProps>> = ({\n  additionalContent,\n  connectTitle,\n  connectDescription,\n  children,\n  description,\n  drawerTitle,\n  isOpen,\n  loadConnectAccountsCard = true,\n  onClose,\n  stickyComponent,\n  title,\n  drawerType,\n}: KeyIndicatorsDrawerProps) => {\n  const { finstrong: copy } = useGlobalCopyStore()\n\n  const { isCopyLoaded } = useGlobalUiStore()\n  const [isScrolled, setIsScrolled] = useState(false)\n  const scrollContainerRef = useRef<HTMLElement | null>(null)\n\n  const handleScroll = useCallback(() => {\n    if (scrollContainerRef.current) {\n      const hasScrolled = scrollContainerRef.current.scrollTop > 0\n      setIsScrolled((prev) => (prev !== hasScrolled ? hasScrolled : prev))\n    }\n  }, [])\n\n  const contentCallbackRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      // Clean up previous listener\n      if (scrollContainerRef.current) {\n        scrollContainerRef.current.removeEventListener('scroll', handleScroll)\n      }\n\n      if (node) {\n        // Find the scrollable parent\n        let parent = node.parentElement\n        while (parent) {\n          const { overflow, overflowY } = window.getComputedStyle(parent)\n          if (\n            overflow === 'auto' ||\n            overflowY === 'auto' ||\n            overflow === 'scroll' ||\n            overflowY === 'scroll'\n          ) {\n            scrollContainerRef.current = parent\n            parent.addEventListener('scroll', handleScroll, { passive: true })\n            break\n          }\n          parent = parent.parentElement\n        }\n      }\n    },\n    [handleScroll],\n  )\n\n  useEffect(() => {\n    if (!isOpen) {\n      setIsScrolled(false)\n    }\n  }, [isOpen])\n\n  useEffect(() => {\n    return () => {\n      if (scrollContainerRef.current) {\n        scrollContainerRef.current.removeEventListener('scroll', handleScroll)\n      }\n    }\n  }, [handleScroll])\n\n  if (!isCopyLoaded) return <Loader />\n\n  return (\n    <Drawer isOpen={isOpen} onClose={onClose} title={drawerTitle || copy.key_indicators}>\n      <Stack\n        ref={contentCallbackRef}\n        sx={{ backgroundColor: 'background.default', height: '100%' }}\n      >\n        {(title || description) && (\n          <Stack\n            sx={{\n              backgroundColor: 'background.paper',\n              gap: 8,\n              p: 24,\n              pb: stickyComponent ? 0 : 24,\n            }}\n          >\n            {title && typeof title === 'string' ? <H3>{title}</H3> : title}\n            {description && <P sx={{ lineHeight: '24px' }}>{description}</P>}\n          </Stack>\n        )}\n\n        {stickyComponent && (\n          <Box\n            sx={{\n              position: 'sticky',\n              top: 0,\n              zIndex: 1,\n              '& > *': {\n                borderBottom: isScrolled ? '1px solid' : 'none',\n                borderColor: isScrolled ? 'divider' : 'transparent',\n              },\n            }}\n          >\n            {stickyComponent}\n          </Box>\n        )}\n        {additionalContent && <Box>{additionalContent}</Box>}\n        <Stack sx={{ bgcolor: 'background.default', gap: 24, p: 24 }}>\n          {children}\n          {loadConnectAccountsCard && (\n            <ConnectMoreAccountsCard\n              description={connectDescription}\n              drawerType={drawerType}\n              isDashboard={true}\n              sx={{ backgroundColor: 'background.paper' }}\n              title={connectTitle}\n            />\n          )}\n        </Stack>\n      </Stack>\n    </Drawer>\n  )\n}\nexport default observer(KeyIndicatorsDrawer)\n"],"mappings":"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"}
+{"version":3,"file":"KeyIndicatorsDrawer.es.js","names":[],"sources":["../../../src/finstrong/components/KeyIndicatorsDrawer.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { P, H3 } from '@mxenabled/mxui'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { Drawer, Loader, useGlobalCopyStore, useGlobalUiStore } from '../../common'\nimport { ConnectMoreAccountsCard } from './ConnectMoreAccountsCard'\n\ninterface KeyIndicatorsDrawerProps {\n  additionalContent?: React.ReactNode\n  connectTitle?: string\n  connectDescription?: string\n  children?: React.ReactNode\n  description?: string\n  drawerTitle?: string\n  isOpen: boolean\n  loadConnectAccountsCard?: boolean\n  onClose: () => void\n  stickyComponent?: React.ReactNode\n  title?: string | React.ReactNode\n  drawerType?: 'connectDrawer' | 'connectionsDrawer'\n}\n\nconst KeyIndicatorsDrawer: React.FC<React.PropsWithChildren<KeyIndicatorsDrawerProps>> = ({\n  additionalContent,\n  connectTitle,\n  connectDescription,\n  children,\n  description,\n  drawerTitle,\n  isOpen,\n  loadConnectAccountsCard = true,\n  onClose,\n  stickyComponent,\n  title,\n  drawerType,\n}: KeyIndicatorsDrawerProps) => {\n  const { finstrong: copy } = useGlobalCopyStore()\n\n  const { isCopyLoaded } = useGlobalUiStore()\n  const [isScrolled, setIsScrolled] = useState(false)\n  const scrollContainerRef = useRef<HTMLElement | null>(null)\n\n  const handleScroll = useCallback(() => {\n    if (scrollContainerRef.current) {\n      const hasScrolled = scrollContainerRef.current.scrollTop > 0\n      setIsScrolled((prev) => (prev !== hasScrolled ? hasScrolled : prev))\n    }\n  }, [])\n\n  const contentCallbackRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      // Clean up previous listener\n      if (scrollContainerRef.current) {\n        scrollContainerRef.current.removeEventListener('scroll', handleScroll)\n      }\n\n      if (node) {\n        // Find the scrollable parent\n        let parent = node.parentElement\n        while (parent) {\n          const { overflow, overflowY } = window.getComputedStyle(parent)\n          if (\n            overflow === 'auto' ||\n            overflowY === 'auto' ||\n            overflow === 'scroll' ||\n            overflowY === 'scroll'\n          ) {\n            scrollContainerRef.current = parent\n            parent.addEventListener('scroll', handleScroll, { passive: true })\n            break\n          }\n          parent = parent.parentElement\n        }\n      }\n    },\n    [handleScroll],\n  )\n\n  useEffect(() => {\n    if (!isOpen) {\n      setIsScrolled(false)\n    }\n  }, [isOpen])\n\n  useEffect(() => {\n    return () => {\n      if (scrollContainerRef.current) {\n        scrollContainerRef.current.removeEventListener('scroll', handleScroll)\n      }\n    }\n  }, [handleScroll])\n\n  if (!isCopyLoaded) return <Loader />\n\n  return (\n    <Drawer isOpen={isOpen} onClose={onClose} title={drawerTitle || copy.key_indicators}>\n      <Stack\n        ref={contentCallbackRef}\n        sx={{ backgroundColor: 'background.default', height: '100%' }}\n      >\n        {(title || description) && (\n          <Stack\n            sx={{\n              backgroundColor: 'background.paper',\n              gap: 8,\n              p: 24,\n              pb: stickyComponent ? 0 : 24,\n            }}\n          >\n            {title && typeof title === 'string' ? <H3>{title}</H3> : title}\n            {description && (\n              <P color=\"text.secondary\" sx={{ lineHeight: '24px' }}>\n                {description}\n              </P>\n            )}\n          </Stack>\n        )}\n\n        {stickyComponent && (\n          <Box\n            sx={{\n              position: 'sticky',\n              top: 0,\n              zIndex: 1,\n              '& > *': {\n                borderBottom: isScrolled ? '1px solid' : 'none',\n                borderColor: isScrolled ? 'divider' : 'transparent',\n              },\n            }}\n          >\n            {stickyComponent}\n          </Box>\n        )}\n        {additionalContent && <Box>{additionalContent}</Box>}\n        <Stack sx={{ bgcolor: 'background.default', gap: 24, p: 24 }}>\n          {children}\n          {loadConnectAccountsCard && (\n            <ConnectMoreAccountsCard\n              description={connectDescription}\n              drawerType={drawerType}\n              isDashboard={true}\n              sx={{ backgroundColor: 'background.paper' }}\n              title={connectTitle}\n            />\n          )}\n        </Stack>\n      </Stack>\n    </Drawer>\n  )\n}\nexport default observer(KeyIndicatorsDrawer)\n"],"mappings":"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"}

package/dist/help/components/HelpList.es.js

@@ -1,7 +1,7 @@
 import { useEvent as S } from "../../common/context/hooks.es.js";
 import { ANALYTICS_EVENTS as h } from "../../common/constants/Analytics.es.js";
 import _, { useState as T } from "react";
-import t from "@mui/material/Stack";
+import o from "@mui/material/Stack";
 import { H3 as k, Icon as B, P as D, Text as u } from "@mxenabled/mxui";
 import H from "@mui/material/Button";
 import { ExpandMore as j } from "@mxenabled/mx-icons";
@@ -22,10 +22,10 @@ var ir = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
       justifyContent: "space-between",
       mb: 24
     },
-    children: [/* @__PURE__ */ e(t, { children: [/* @__PURE__ */ r(k, { children: b }), /* @__PURE__ */ r(D, {
+    children: [/* @__PURE__ */ e(o, { children: [/* @__PURE__ */ r(k, { children: b }), /* @__PURE__ */ r(D, {
       variant: "body1",
       children: g
-    })] }), f && /* @__PURE__ */ r(t, {
+    })] }), f && /* @__PURE__ */ r(o, {
       sx: { pt: {
         xs: 12,
         md: 0
@@ -39,7 +39,7 @@ var ir = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
         children: c
       })
     })]
-  }), /* @__PURE__ */ r(t, {
+  }), /* @__PURE__ */ r(o, {
     sx: {
       flexDirection: {
         xs: "column",
@@ -49,7 +49,7 @@ var ir = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
     },
     children: [0, 1].map((d) => {
       const s = d === 0 ? 0 : m, I = d === 0 ? m : n.length, L = n.slice(s, I);
-      return /* @__PURE__ */ r(t, {
+      return /* @__PURE__ */ r(o, {
         sx: {
           flex: 1,
           gap: 12,
@@ -60,11 +60,11 @@ var ir = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
           return /* @__PURE__ */ e(O, {
             disableGutters: !0,
             expanded: x === y,
-            onChange: (o, i) => {
+            onChange: (t, i) => {
               l(h.HELP_EXPAND_TOPIC, { feature: a }), R(i ? x : null);
             },
-            sx: (o) => ({
-              border: `1px solid ${o.palette.neutral?.light}`,
+            sx: (t) => ({
+              border: `1px solid ${t.palette.neutral?.light}`,
               borderRadius: "8px !important",
               "&:before": { opacity: 0 },
               "& .MuiAccordion-region": {
@@ -80,7 +80,7 @@ var ir = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
                   height: 64,
                   p: "14px 24px"
                 },
-                children: /* @__PURE__ */ e(t, {
+                children: /* @__PURE__ */ e(o, {
                   sx: {
                     alignItems: "center",
                     flexDirection: "row",
@@ -103,13 +103,13 @@ var ir = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
                 },
                 children: /* @__PURE__ */ r(M, {
                   disablePadding: !0,
-                  children: A.map(({ label: o, topicKey: i }) => /* @__PURE__ */ r(N, {
-                    "aria-label": o,
+                  children: A.map(({ label: t, topicKey: i }) => /* @__PURE__ */ r(N, {
+                    "aria-label": t,
                     divider: !0,
                     onClick: () => v({
                       guid: p,
                       category: a,
-                      pageTitle: o,
+                      pageTitle: t,
                       topicKey: i
                     }),
                     sx: {
@@ -121,9 +121,9 @@ var ir = ({ buttonText: c, hasRequestButton: f = !1, helpCategories: n = [], hel
                       }
                     },
                     children: /* @__PURE__ */ r(u, {
-                      color: "secondary",
+                      color: "text.secondary",
                       variant: "body2",
-                      children: o
+                      children: t
                     })
                   }, i))
                 })

package/dist/help/components/HelpList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpList.es.js","names":[],"sources":["../../../src/help/components/HelpList.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport List from '@mui/material/List'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport Stack from '@mui/material/Stack'\n\nimport { H3, Icon, P, Text } from '@mxenabled/mxui'\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../common'\nimport { type HelpCategory, type SelectedTopic } from '../../core'\n\nexport interface HelpListProps {\n  buttonText: string\n  hasRequestButton?: boolean\n  helpCategories: HelpCategory[]\n  helpContent: string\n  helpTitle: string\n  onRequestHelp: () => void\n  onTopicSelect: (topic: SelectedTopic) => void\n}\n\nexport const HelpList: React.FC<HelpListProps> = ({\n  buttonText,\n  hasRequestButton = false,\n  helpCategories = [],\n  helpContent,\n  helpTitle,\n  onRequestHelp,\n  onTopicSelect,\n}) => {\n  const [expanded, setExpanded] = useState<number | null>(null)\n  const midpoint = Math.ceil(helpCategories.length / 2)\n\n  const { onEvent } = useEvent()\n\n  return (\n    <React.Fragment>\n      <Grid\n        container={true}\n        sx={{\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          mb: 24,\n        }}\n      >\n        <Stack>\n          <H3>{helpTitle}</H3>\n          <P variant=\"body1\">{helpContent}</P>\n        </Stack>\n        {hasRequestButton && (\n          <Stack\n            sx={{\n              pt: {\n                xs: 12,\n                md: 0,\n              },\n            }}\n          >\n            <Button\n              aria-label={buttonText}\n              onClick={() => {\n                onEvent(ANALYTICS_EVENTS.HELP_CLICK_REQUEST_SUPPORT, {})\n\n                onRequestHelp()\n              }}\n              variant=\"contained\"\n            >\n              {buttonText}\n            </Button>\n          </Stack>\n        )}\n      </Grid>\n\n      <Stack sx={{ flexDirection: { xs: 'column', md: 'row' }, gap: 12 }}>\n        {[0, 1].map((half) => {\n          const start = half === 0 ? 0 : midpoint\n          const end = half === 0 ? midpoint : helpCategories.length\n          const items = helpCategories.slice(start, end)\n\n          return (\n            <Stack key={half} sx={{ flex: 1, gap: 12, maxWidth: { md: 'calc(50% - 6px)' } }}>\n              {items.map(({ guid, icon, topics, title }, i) => {\n                const key = i + start\n                return (\n                  <Accordion\n                    disableGutters={true}\n                    expanded={key === expanded}\n                    key={guid}\n                    onChange={(_, isExpanded) => {\n                      onEvent(ANALYTICS_EVENTS.HELP_EXPAND_TOPIC, { feature: title })\n\n                      setExpanded(isExpanded ? key : null)\n                    }}\n                    sx={(theme) => ({\n                      border: `1px solid ${theme.palette.neutral?.light}`,\n                      borderRadius: '8px !important',\n                      '&:before': {\n                        opacity: 0,\n                      },\n                      '& .MuiAccordion-region': {\n                        bgcolor: 'background.default',\n                        borderBottomLeftRadius: 8,\n                        borderBottomRightRadius: 8,\n                      },\n                    })}\n                  >\n                    <AccordionSummary\n                      expandIcon={<ExpandMore sx={{ color: 'text.primary' }} />}\n                      sx={{ height: 64, p: '14px 24px' }}\n                    >\n                      <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 12 }}>\n                        <Icon name={icon} size={24} />\n                        <Text variant=\"body1\">{title}</Text>\n                      </Stack>\n                    </AccordionSummary>\n                    <Divider />\n                    <AccordionDetails\n                      sx={{\n                        ml: 56,\n                        p: 0,\n                      }}\n                    >\n                      <List disablePadding={true}>\n                        {topics.map(({ label, topicKey }) => (\n                          <ListItemButton\n                            aria-label={label}\n                            divider={true}\n                            key={topicKey}\n                            onClick={() =>\n                              onTopicSelect({ guid, category: title, pageTitle: label, topicKey })\n                            }\n                            sx={{\n                              pl: '6px !important',\n                              borderColor: 'neutral.light',\n                              '&:last-child': {\n                                border: 'none !important',\n                                borderBottomRightRadius: 7,\n                              },\n                            }}\n                          >\n                            <Text color=\"secondary\" variant=\"body2\">\n                              {label}\n                            </Text>\n                          </ListItemButton>\n                        ))}\n                      </List>\n                    </AccordionDetails>\n                  </Accordion>\n                )\n              })}\n            </Stack>\n          )\n        })}\n      </Stack>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"HelpList.es.js","names":[],"sources":["../../../src/help/components/HelpList.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Button from '@mui/material/Button'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport List from '@mui/material/List'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport Stack from '@mui/material/Stack'\n\nimport { H3, Icon, P, Text } from '@mxenabled/mxui'\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../common'\nimport { type HelpCategory, type SelectedTopic } from '../../core'\n\nexport interface HelpListProps {\n  buttonText: string\n  hasRequestButton?: boolean\n  helpCategories: HelpCategory[]\n  helpContent: string\n  helpTitle: string\n  onRequestHelp: () => void\n  onTopicSelect: (topic: SelectedTopic) => void\n}\n\nexport const HelpList: React.FC<HelpListProps> = ({\n  buttonText,\n  hasRequestButton = false,\n  helpCategories = [],\n  helpContent,\n  helpTitle,\n  onRequestHelp,\n  onTopicSelect,\n}) => {\n  const [expanded, setExpanded] = useState<number | null>(null)\n  const midpoint = Math.ceil(helpCategories.length / 2)\n\n  const { onEvent } = useEvent()\n\n  return (\n    <React.Fragment>\n      <Grid\n        container={true}\n        sx={{\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          mb: 24,\n        }}\n      >\n        <Stack>\n          <H3>{helpTitle}</H3>\n          <P variant=\"body1\">{helpContent}</P>\n        </Stack>\n        {hasRequestButton && (\n          <Stack\n            sx={{\n              pt: {\n                xs: 12,\n                md: 0,\n              },\n            }}\n          >\n            <Button\n              aria-label={buttonText}\n              onClick={() => {\n                onEvent(ANALYTICS_EVENTS.HELP_CLICK_REQUEST_SUPPORT, {})\n\n                onRequestHelp()\n              }}\n              variant=\"contained\"\n            >\n              {buttonText}\n            </Button>\n          </Stack>\n        )}\n      </Grid>\n\n      <Stack sx={{ flexDirection: { xs: 'column', md: 'row' }, gap: 12 }}>\n        {[0, 1].map((half) => {\n          const start = half === 0 ? 0 : midpoint\n          const end = half === 0 ? midpoint : helpCategories.length\n          const items = helpCategories.slice(start, end)\n\n          return (\n            <Stack key={half} sx={{ flex: 1, gap: 12, maxWidth: { md: 'calc(50% - 6px)' } }}>\n              {items.map(({ guid, icon, topics, title }, i) => {\n                const key = i + start\n                return (\n                  <Accordion\n                    disableGutters={true}\n                    expanded={key === expanded}\n                    key={guid}\n                    onChange={(_, isExpanded) => {\n                      onEvent(ANALYTICS_EVENTS.HELP_EXPAND_TOPIC, { feature: title })\n\n                      setExpanded(isExpanded ? key : null)\n                    }}\n                    sx={(theme) => ({\n                      border: `1px solid ${theme.palette.neutral?.light}`,\n                      borderRadius: '8px !important',\n                      '&:before': {\n                        opacity: 0,\n                      },\n                      '& .MuiAccordion-region': {\n                        bgcolor: 'background.default',\n                        borderBottomLeftRadius: 8,\n                        borderBottomRightRadius: 8,\n                      },\n                    })}\n                  >\n                    <AccordionSummary\n                      expandIcon={<ExpandMore sx={{ color: 'text.primary' }} />}\n                      sx={{ height: 64, p: '14px 24px' }}\n                    >\n                      <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 12 }}>\n                        <Icon name={icon} size={24} />\n                        <Text variant=\"body1\">{title}</Text>\n                      </Stack>\n                    </AccordionSummary>\n                    <Divider />\n                    <AccordionDetails\n                      sx={{\n                        ml: 56,\n                        p: 0,\n                      }}\n                    >\n                      <List disablePadding={true}>\n                        {topics.map(({ label, topicKey }) => (\n                          <ListItemButton\n                            aria-label={label}\n                            divider={true}\n                            key={topicKey}\n                            onClick={() =>\n                              onTopicSelect({ guid, category: title, pageTitle: label, topicKey })\n                            }\n                            sx={{\n                              pl: '6px !important',\n                              borderColor: 'neutral.light',\n                              '&:last-child': {\n                                border: 'none !important',\n                                borderBottomRightRadius: 7,\n                              },\n                            }}\n                          >\n                            <Text color=\"text.secondary\" variant=\"body2\">\n                              {label}\n                            </Text>\n                          </ListItemButton>\n                        ))}\n                      </List>\n                    </AccordionDetails>\n                  </Accordion>\n                )\n              })}\n            </Stack>\n          )\n        })}\n      </Stack>\n    </React.Fragment>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AA4BA,IAAa,KAAA,CAAqC,EAChD,YAAA,GACA,kBAAA,IAAmB,IACnB,gBAAA,IAAiB,CAAC,GAClB,aAAA,GACA,WAAA,GACA,eAAA,GACA,eAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAU,CAAA,IAAe,EAAwB,IAAI,GACtD,IAAW,KAAK,KAAK,EAAe,SAAS,CAAC,GAE9C,EAAE,SAAA,EAAA,IAAY,EAAS;AAE7B,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW;AAAA,IACX,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,IAAI;AAAA,IACN;AAAA,IANF,UAAA,CAQE,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAc,CAAA,GACnB,gBAAA,EAAC,GAAD;AAAA,MAAG,SAAQ;AAAA,MAAS,UAAA;AAAA,IAAe,CAAA,CAC9B,EAAA,CAAA,GACN,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI,EACF,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,MACN,EACF;AAAA,MAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,QACE,cAAY;AAAA,QACZ,SAAA,MAAe;AACb,UAAA,EAAQ,EAAiB,4BAA4B,CAAC,CAAC,GAEvD,EAAc;AAAA,QAChB;AAAA,QACA,SAAQ;AAAA,QAEP,UAAA;AAAA,MACK,CAAA;AAAA,IACH,CAAA,CAEL;AAAA,EAEN,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,eAAe;AAAA,QAAE,IAAI;AAAA,QAAU,IAAI;AAAA,MAAM;AAAA,MAAG,KAAK;AAAA,IAAG;AAAA,IAC9D,UAAA,CAAC,GAAG,CAAC,EAAE,IAAA,CAAK,MAAS;AACpB,YAAM,IAAQ,MAAS,IAAI,IAAI,GACzB,IAAM,MAAS,IAAI,IAAW,EAAe,QAC7C,IAAQ,EAAe,MAAM,GAAO,CAAG;AAE7C,aACE,gBAAA,EAAC,GAAD;AAAA,QAAkB,IAAI;AAAA,UAAE,MAAM;AAAA,UAAG,KAAK;AAAA,UAAI,UAAU,EAAE,IAAI,kBAAkB;AAAA,QAAE;AAAA,QAC3E,UAAA,EAAM,IAAA,CAAK,EAAE,MAAA,GAAM,MAAA,GAAM,QAAA,GAAQ,OAAA,EAAA,GAAS,MAAM;AAC/C,gBAAM,IAAM,IAAI;AAChB,iBACE,gBAAA,EAAC,GAAD;AAAA,YACE,gBAAgB;AAAA,YAChB,UAAU,MAAQ;AAAA,YAElB,UAAA,CAAW,GAAG,MAAe;AAC3B,cAAA,EAAQ,EAAiB,mBAAmB,EAAE,SAAS,EAAM,CAAC,GAE9D,EAAY,IAAa,IAAM,IAAI;AAAA,YACrC;AAAA,YACA,IAAA,CAAK,OAAW;AAAA,cACd,QAAQ,aAAa,EAAM,QAAQ,SAAS,KAAA;AAAA,cAC5C,cAAc;AAAA,cACd,YAAY,EACV,SAAS,EACX;AAAA,cACA,0BAA0B;AAAA,gBACxB,SAAS;AAAA,gBACT,wBAAwB;AAAA,gBACxB,yBAAyB;AAAA,cAC3B;AAAA,YACF;AAAA,YApBF,UAAA;AAAA,cAsBE,gBAAA,EAAC,GAAD;AAAA,gBACE,YAAY,gBAAA,EAAC,GAAD,EAAY,IAAI,EAAE,OAAO,eAAe,EAAI,CAAA;AAAA,gBACxD,IAAI;AAAA,kBAAE,QAAQ;AAAA,kBAAI,GAAG;AAAA,gBAAY;AAAA,gBAEjC,UAAA,gBAAA,EAAC,GAAD;AAAA,kBAAO,IAAI;AAAA,oBAAE,YAAY;AAAA,oBAAU,eAAe;AAAA,oBAAO,KAAK;AAAA,kBAAG;AAAA,kBAAjE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,oBAAM,MAAM;AAAA,oBAAM,MAAM;AAAA,kBAAK,CAAA,GAC7B,gBAAA,EAAC,GAAD;AAAA,oBAAM,SAAQ;AAAA,oBAAS,UAAA;AAAA,kBAAY,CAAA,CAC9B;AAAA;cACS,CAAA;AAAA,cAClB,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,cACV,gBAAA,EAAC,GAAD;AAAA,gBACE,IAAI;AAAA,kBACF,IAAI;AAAA,kBACJ,GAAG;AAAA,gBACL;AAAA,gBAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,kBAAM,gBAAgB;AAAA,kBACnB,UAAA,EAAO,IAAA,CAAK,EAAE,OAAA,GAAO,UAAA,EAAA,MACpB,gBAAA,EAAC,GAAD;AAAA,oBACE,cAAY;AAAA,oBACZ,SAAS;AAAA,oBAET,SAAA,MACE,EAAc;AAAA,sBAAE,MAAA;AAAA,sBAAM,UAAU;AAAA,sBAAO,WAAW;AAAA,sBAAO,UAAA;AAAA,oBAAS,CAAC;AAAA,oBAErE,IAAI;AAAA,sBACF,IAAI;AAAA,sBACJ,aAAa;AAAA,sBACb,gBAAgB;AAAA,wBACd,QAAQ;AAAA,wBACR,yBAAyB;AAAA,sBAC3B;AAAA,oBACF;AAAA,oBAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,sBAAM,OAAM;AAAA,sBAAiB,SAAQ;AAAA,sBAClC,UAAA;AAAA,oBACG,CAAA;AAAA,kBACQ,GAhBT,CAgBS,CACjB;AAAA,gBACG,CAAA;AAAA,cACU,CAAA;AAAA,YACT;AAAA,UA5DJ,GAAA,CA4DI;AAAA,QAEf,CAAC;AAAA,MACI,GAtEK,CAsEL;AAAA,IAEX,CAAC;AAAA,EACI,CAAA,CACO,EAAA,CAAA;AAEpB"}

package/dist/help/components/requestsupport/ContactSupport.es.js

@@ -10,10 +10,10 @@ import c from "@mui/material/Box";
 import y from "@mui/material/TextField";
 import I from "@mui/material/Alert";
 import A from "@mui/material/Snackbar";
-var N = ({ alert: t, copy: r, email: n, institution: o, isLoading: i, isOpen: _, onClose: h, onSubmit: d, setAlert: a, topic: f }) => {
-  const [s, l] = m.useState(""), { onEvent: x } = b(), p = () => !i && h(), g = () => {
-    x(C.HELP_SUBMIT_SUPPORT_REQUEST, { supportRequest: s }), l(""), d(s);
-  }, v = o ? r.request_support_institution_short_content : r.request_support_contact_short_content;
+var N = ({ alert: r, copy: t, email: n, institution: o, isLoading: i, isOpen: _, onClose: h, onSubmit: d, setAlert: a, topic: x }) => {
+  const [s, l] = m.useState(""), { onEvent: f } = b(), p = () => !i && h(), g = () => {
+    f(C.HELP_SUBMIT_SUPPORT_REQUEST, { supportRequest: s }), l(""), d(s);
+  }, v = o ? t.request_support_institution_short_content : t.request_support_contact_short_content;
   return /* @__PURE__ */ u(q, {
     isOpen: _,
     isPrimaryDisabled: !s || !n,
@@ -21,22 +21,22 @@ var N = ({ alert: t, copy: r, email: n, institution: o, isLoading: i, isOpen: _,
     onPrimaryAction: g,
     onSecondaryAction: p,
     secondaryColor: "primary",
-    title: r.request_support,
+    title: t.request_support,
     children: [i ? /* @__PURE__ */ e(T, {}) : /* @__PURE__ */ u(m.Fragment, { children: [
       /* @__PURE__ */ e(E, {
         hasIcon: !o,
         institution: o,
         reverse: !!o,
         subtitle: v,
-        title: f
+        title: x
       }),
       /* @__PURE__ */ e(c, {
         sx: { px: 24 },
         children: /* @__PURE__ */ e(y, {
           error: !n,
           fullWidth: !0,
-          helperText: n ? null : r.request_support_email_not_exists_message,
-          label: r.request_contact_support_label,
+          helperText: n ? null : t.request_support_email_not_exists_message,
+          label: t.request_contact_support_label,
           multiline: !0,
           onChange: ({ target: { value: S } }) => l(S),
           slotProps: { inputLabel: { shrink: !0 } },
@@ -57,28 +57,28 @@ var N = ({ alert: t, copy: r, email: n, institution: o, isLoading: i, isOpen: _,
       /* @__PURE__ */ e(c, {
         sx: { p: "12px 24px 64px" },
         children: /* @__PURE__ */ e(P, {
-          color: "secondary",
+          color: "text.secondary",
           sx: {
             fontSize: 13,
             fontWeight: 400
           },
           variant: "subtitle2",
-          children: r.request_contact_support_warning
+          children: t.request_contact_support_warning
         })
       })
-    ] }), t.message && /* @__PURE__ */ e(A, {
+    ] }), r.message && /* @__PURE__ */ e(A, {
       anchorOrigin: {
         vertical: "bottom",
         horizontal: "center"
       },
       autoHideDuration: 3500,
       onClose: () => a(""),
-      open: !!t.message && t.severity === "error" && !i,
+      open: !!r.message && r.severity === "error" && !i,
       children: /* @__PURE__ */ e(I, {
         onClose: () => a(""),
-        severity: t.severity,
+        severity: r.severity,
         variant: "filled",
-        children: t.message
+        children: r.message
       })
     })]
   });

package/dist/help/components/requestsupport/ContactSupport.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContactSupport.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/ContactSupport.tsx"],"sourcesContent":["import React from 'react'\n\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Snackbar from '@mui/material/Snackbar'\nimport TextField from '@mui/material/TextField'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, Drawer, Loader, useEvent } from '../../../common'\nimport { type HelpAlertProps, HelpCopy } from '../../../core'\nimport { RequestSupportHeader } from './RequestSupportHeader'\n\ninterface ContactSupportProps {\n  alert: HelpAlertProps\n  copy: HelpCopy\n  email?: string | null | undefined\n  institution?: string\n  isLoading: boolean\n  isOpen: boolean\n  onClose: () => void\n  onSubmit: (message: string) => void\n  setAlert: (message: string) => void\n  topic: string\n}\n\nexport const ContactSupport: React.FC<ContactSupportProps> = ({\n  alert,\n  copy,\n  email,\n  institution,\n  isLoading,\n  isOpen,\n  onClose,\n  onSubmit,\n  setAlert,\n  topic,\n}) => {\n  const [message, setMessage] = React.useState('')\n\n  const { onEvent } = useEvent()\n\n  const handleClose = () => !isLoading && onClose()\n\n  const handlePrimaryAction = () => {\n    onEvent(ANALYTICS_EVENTS.HELP_SUBMIT_SUPPORT_REQUEST, {\n      supportRequest: message,\n    })\n\n    setMessage('')\n    onSubmit(message)\n  }\n\n  const subtitle = institution\n    ? copy.request_support_institution_short_content\n    : copy.request_support_contact_short_content\n  return (\n    <Drawer\n      isOpen={isOpen}\n      isPrimaryDisabled={!message || !email}\n      onClose={handleClose}\n      onPrimaryAction={handlePrimaryAction}\n      onSecondaryAction={handleClose}\n      secondaryColor=\"primary\"\n      title={copy.request_support}\n    >\n      {isLoading ? (\n        <Loader />\n      ) : (\n        <React.Fragment>\n          <RequestSupportHeader\n            hasIcon={!institution}\n            institution={institution}\n            reverse={!!institution}\n            subtitle={subtitle}\n            title={topic}\n          />\n\n          <Box sx={{ px: 24 }}>\n            <TextField\n              error={!email}\n              fullWidth={true}\n              helperText={!email ? copy.request_support_email_not_exists_message : null}\n              label={copy.request_contact_support_label}\n              multiline={true}\n              onChange={({ target: { value } }) => setMessage(value)}\n              slotProps={{ inputLabel: { shrink: true } }}\n              sx={{\n                '& .MuiInputBase-root': { alignItems: 'flex-start', minHeight: 124 },\n                '& .MuiInputBase-input::placeholder': {\n                  fontSize: 13,\n                  color: 'text.secondary',\n                },\n              }}\n              value={message}\n              variant=\"outlined\"\n            />\n          </Box>\n          <Box sx={{ p: '12px 24px 64px' }}>\n            <Text\n              color=\"secondary\"\n              sx={{\n                fontSize: 13,\n                fontWeight: 400,\n              }}\n              variant=\"subtitle2\"\n            >\n              {copy.request_contact_support_warning}\n            </Text>\n          </Box>\n        </React.Fragment>\n      )}\n      {alert.message && (\n        <Snackbar\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n          autoHideDuration={3500}\n          onClose={() => setAlert('')}\n          open={!!alert.message && alert.severity === 'error' && !isLoading}\n        >\n          <Alert onClose={() => setAlert('')} severity={alert.severity} variant=\"filled\">\n            {alert.message}\n          </Alert>\n        </Snackbar>\n      )}\n    </Drawer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,IAAa,IAAA,CAAiD,EAC5D,OAAA,GACA,MAAA,GACA,OAAA,GACA,aAAA,GACA,WAAA,GACA,QAAA,GACA,SAAA,GACA,UAAA,GACA,UAAA,GACA,OAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAS,CAAA,IAAc,EAAM,SAAS,EAAE,GAEzC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,IAAA,MAAoB,CAAC,KAAa,EAAQ,GAE1C,IAAA,MAA4B;AAChC,IAAA,EAAQ,EAAiB,6BAA6B,EACpD,gBAAgB,EAClB,CAAC,GAED,EAAW,EAAE,GACb,EAAS,CAAO;AAAA,EAClB,GAEM,IAAW,IACb,EAAK,4CACL,EAAK;AACT,SACE,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACR,mBAAmB,CAAC,KAAW,CAAC;AAAA,IAChC,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,gBAAe;AAAA,IACf,OAAO,EAAK;AAAA,IAPd,UAAA,CASG,IACC,gBAAA,EAAC,GAAD,CAAS,CAAA,IAET,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS,CAAC;AAAA,QACG,aAAA;AAAA,QACb,SAAS,CAAC,CAAC;AAAA,QACD,UAAA;AAAA,QACV,OAAO;AAAA,MACR,CAAA;AAAA,MAED,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,IAAI,GAAG;AAAA,QAChB,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,OAAO,CAAC;AAAA,UACR,WAAW;AAAA,UACX,YAAa,IAAwD,OAAhD,EAAK;AAAA,UAC1B,OAAO,EAAK;AAAA,UACZ,WAAW;AAAA,UACX,UAAA,CAAW,EAAE,QAAQ,EAAE,OAAA,EAAA,EAAA,MAAc,EAAW,CAAK;AAAA,UACrD,WAAW,EAAE,YAAY,EAAE,QAAQ,GAAK,EAAE;AAAA,UAC1C,IAAI;AAAA,YACF,wBAAwB;AAAA,cAAE,YAAY;AAAA,cAAc,WAAW;AAAA,YAAI;AAAA,YACnE,sCAAsC;AAAA,cACpC,UAAU;AAAA,cACV,OAAO;AAAA,YACT;AAAA,UACF;AAAA,UACA,OAAO;AAAA,UACP,SAAQ;AAAA,QACT,CAAA;AAAA,MACE,CAAA;AAAA,MACL,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,GAAG,iBAAiB;AAAA,QAC7B,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,IAAI;AAAA,YACF,UAAU;AAAA,YACV,YAAY;AAAA,UACd;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA,EAAK;AAAA,QACF,CAAA;AAAA,MACH,CAAA;AAAA,IACS,EAAA,CAAA,GAEjB,EAAM,WACL,gBAAA,EAAC,GAAD;AAAA,MACE,cAAc;AAAA,QAAE,UAAU;AAAA,QAAU,YAAY;AAAA,MAAS;AAAA,MACzD,kBAAkB;AAAA,MAClB,SAAA,MAAe,EAAS,EAAE;AAAA,MAC1B,MAAM,CAAC,CAAC,EAAM,WAAW,EAAM,aAAa,WAAW,CAAC;AAAA,MAExD,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAO,SAAA,MAAe,EAAS,EAAE;AAAA,QAAG,UAAU,EAAM;AAAA,QAAU,SAAQ;AAAA,QACnE,UAAA,EAAM;AAAA,MACF,CAAA;AAAA,IACC,CAAA,CAEN;AAAA;AAEZ"}
+{"version":3,"file":"ContactSupport.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/ContactSupport.tsx"],"sourcesContent":["import React from 'react'\n\nimport Alert from '@mui/material/Alert'\nimport Box from '@mui/material/Box'\nimport Snackbar from '@mui/material/Snackbar'\nimport TextField from '@mui/material/TextField'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { ANALYTICS_EVENTS, Drawer, Loader, useEvent } from '../../../common'\nimport { type HelpAlertProps, HelpCopy } from '../../../core'\nimport { RequestSupportHeader } from './RequestSupportHeader'\n\ninterface ContactSupportProps {\n  alert: HelpAlertProps\n  copy: HelpCopy\n  email?: string | null | undefined\n  institution?: string\n  isLoading: boolean\n  isOpen: boolean\n  onClose: () => void\n  onSubmit: (message: string) => void\n  setAlert: (message: string) => void\n  topic: string\n}\n\nexport const ContactSupport: React.FC<ContactSupportProps> = ({\n  alert,\n  copy,\n  email,\n  institution,\n  isLoading,\n  isOpen,\n  onClose,\n  onSubmit,\n  setAlert,\n  topic,\n}) => {\n  const [message, setMessage] = React.useState('')\n\n  const { onEvent } = useEvent()\n\n  const handleClose = () => !isLoading && onClose()\n\n  const handlePrimaryAction = () => {\n    onEvent(ANALYTICS_EVENTS.HELP_SUBMIT_SUPPORT_REQUEST, {\n      supportRequest: message,\n    })\n\n    setMessage('')\n    onSubmit(message)\n  }\n\n  const subtitle = institution\n    ? copy.request_support_institution_short_content\n    : copy.request_support_contact_short_content\n  return (\n    <Drawer\n      isOpen={isOpen}\n      isPrimaryDisabled={!message || !email}\n      onClose={handleClose}\n      onPrimaryAction={handlePrimaryAction}\n      onSecondaryAction={handleClose}\n      secondaryColor=\"primary\"\n      title={copy.request_support}\n    >\n      {isLoading ? (\n        <Loader />\n      ) : (\n        <React.Fragment>\n          <RequestSupportHeader\n            hasIcon={!institution}\n            institution={institution}\n            reverse={!!institution}\n            subtitle={subtitle}\n            title={topic}\n          />\n\n          <Box sx={{ px: 24 }}>\n            <TextField\n              error={!email}\n              fullWidth={true}\n              helperText={!email ? copy.request_support_email_not_exists_message : null}\n              label={copy.request_contact_support_label}\n              multiline={true}\n              onChange={({ target: { value } }) => setMessage(value)}\n              slotProps={{ inputLabel: { shrink: true } }}\n              sx={{\n                '& .MuiInputBase-root': { alignItems: 'flex-start', minHeight: 124 },\n                '& .MuiInputBase-input::placeholder': {\n                  fontSize: 13,\n                  color: 'text.secondary',\n                },\n              }}\n              value={message}\n              variant=\"outlined\"\n            />\n          </Box>\n          <Box sx={{ p: '12px 24px 64px' }}>\n            <Text\n              color=\"text.secondary\"\n              sx={{\n                fontSize: 13,\n                fontWeight: 400,\n              }}\n              variant=\"subtitle2\"\n            >\n              {copy.request_contact_support_warning}\n            </Text>\n          </Box>\n        </React.Fragment>\n      )}\n      {alert.message && (\n        <Snackbar\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n          autoHideDuration={3500}\n          onClose={() => setAlert('')}\n          open={!!alert.message && alert.severity === 'error' && !isLoading}\n        >\n          <Alert onClose={() => setAlert('')} severity={alert.severity} variant=\"filled\">\n            {alert.message}\n          </Alert>\n        </Snackbar>\n      )}\n    </Drawer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,IAAa,IAAA,CAAiD,EAC5D,OAAA,GACA,MAAA,GACA,OAAA,GACA,aAAA,GACA,WAAA,GACA,QAAA,GACA,SAAA,GACA,UAAA,GACA,UAAA,GACA,OAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAS,CAAA,IAAc,EAAM,SAAS,EAAE,GAEzC,EAAE,SAAA,EAAA,IAAY,EAAS,GAEvB,IAAA,MAAoB,CAAC,KAAa,EAAQ,GAE1C,IAAA,MAA4B;AAChC,IAAA,EAAQ,EAAiB,6BAA6B,EACpD,gBAAgB,EAClB,CAAC,GAED,EAAW,EAAE,GACb,EAAS,CAAO;AAAA,EAClB,GAEM,IAAW,IACb,EAAK,4CACL,EAAK;AACT,SACE,gBAAA,EAAC,GAAD;AAAA,IACU,QAAA;AAAA,IACR,mBAAmB,CAAC,KAAW,CAAC;AAAA,IAChC,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,gBAAe;AAAA,IACf,OAAO,EAAK;AAAA,IAPd,UAAA,CASG,IACC,gBAAA,EAAC,GAAD,CAAS,CAAA,IAET,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS,CAAC;AAAA,QACG,aAAA;AAAA,QACb,SAAS,CAAC,CAAC;AAAA,QACD,UAAA;AAAA,QACV,OAAO;AAAA,MACR,CAAA;AAAA,MAED,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,IAAI,GAAG;AAAA,QAChB,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,OAAO,CAAC;AAAA,UACR,WAAW;AAAA,UACX,YAAa,IAAwD,OAAhD,EAAK;AAAA,UAC1B,OAAO,EAAK;AAAA,UACZ,WAAW;AAAA,UACX,UAAA,CAAW,EAAE,QAAQ,EAAE,OAAA,EAAA,EAAA,MAAc,EAAW,CAAK;AAAA,UACrD,WAAW,EAAE,YAAY,EAAE,QAAQ,GAAK,EAAE;AAAA,UAC1C,IAAI;AAAA,YACF,wBAAwB;AAAA,cAAE,YAAY;AAAA,cAAc,WAAW;AAAA,YAAI;AAAA,YACnE,sCAAsC;AAAA,cACpC,UAAU;AAAA,cACV,OAAO;AAAA,YACT;AAAA,UACF;AAAA,UACA,OAAO;AAAA,UACP,SAAQ;AAAA,QACT,CAAA;AAAA,MACE,CAAA;AAAA,MACL,gBAAA,EAAC,GAAD;AAAA,QAAK,IAAI,EAAE,GAAG,iBAAiB;AAAA,QAC7B,UAAA,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,IAAI;AAAA,YACF,UAAU;AAAA,YACV,YAAY;AAAA,UACd;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA,EAAK;AAAA,QACF,CAAA;AAAA,MACH,CAAA;AAAA,IACS,EAAA,CAAA,GAEjB,EAAM,WACL,gBAAA,EAAC,GAAD;AAAA,MACE,cAAc;AAAA,QAAE,UAAU;AAAA,QAAU,YAAY;AAAA,MAAS;AAAA,MACzD,kBAAkB;AAAA,MAClB,SAAA,MAAe,EAAS,EAAE;AAAA,MAC1B,MAAM,CAAC,CAAC,EAAM,WAAW,EAAM,aAAa,WAAW,CAAC;AAAA,MAExD,UAAA,gBAAA,EAAC,GAAD;AAAA,QAAO,SAAA,MAAe,EAAS,EAAE;AAAA,QAAG,UAAU,EAAM;AAAA,QAAU,SAAQ;AAAA,QACnE,UAAA,EAAM;AAAA,MACF,CAAA;AAAA,IACC,CAAA,CAEN;AAAA;AAEZ"}

package/dist/help/components/requestsupport/HelpByCategoryList.es.js

@@ -72,7 +72,7 @@ var w = ({ helpByCategory: t, onClick: s }) => {
                 }
               },
               children: /* @__PURE__ */ r(a, {
-                color: "secondary",
+                color: "text.secondary",
                 variant: "body2",
                 children: o
               })

package/dist/help/components/requestsupport/HelpByCategoryList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpByCategoryList.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/HelpByCategoryList.tsx"],"sourcesContent":["import React from 'react'\n\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport Stack from '@mui/material/Stack'\n\nimport { Icon, Text } from '@mxenabled/mxui'\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../../common'\nimport { type HelpType } from '../../../core'\n\ninterface HelpByCategory {\n  guid: string\n  icon: string\n  title: string\n  topics: Topic[]\n}\n\ninterface HelpByCategoryListProps {\n  helpByCategory: HelpByCategory[]\n  onClick: (label: string, type: HelpType) => void\n}\n\ninterface Topic {\n  label: string\n  type: HelpType\n}\n\nexport const HelpByCategoryList: React.FC<HelpByCategoryListProps> = ({\n  helpByCategory,\n  onClick,\n}) => {\n  const [expanded, setExpanded] = React.useState<number | null>(null)\n\n  const { onEvent } = useEvent()\n\n  return (\n    <Stack sx={{ flex: 1, gap: 12, p: 12 }}>\n      {helpByCategory.map(({ icon, topics, title }, i) => (\n        <Accordion\n          disableGutters={true}\n          expanded={i === expanded}\n          key={i}\n          onChange={(_, isExpanded) => {\n            onEvent(ANALYTICS_EVENTS.HELP_EXPAND_CATEGORY, {\n              category: title,\n            })\n\n            setExpanded(isExpanded ? i : null)\n          }}\n          sx={accordionStyles}\n        >\n          <AccordionSummary\n            expandIcon={<ExpandMore sx={{ color: 'text.primary' }} />}\n            sx={{ p: '14px 24px', height: 64 }}\n          >\n            <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 12 }}>\n              <Icon name={icon} size={24} />\n              <Text variant=\"body1\">{title}</Text>\n            </Stack>\n          </AccordionSummary>\n          <Divider />\n          <AccordionDetails\n            sx={{\n              ml: 56,\n              p: 0,\n            }}\n          >\n            <List sx={{ '& .MuiListItemButton-root': { pl: 6 } }}>\n              {topics.map(({ label, type }, i) => (\n                <ListItemButton\n                  divider={true}\n                  key={i}\n                  onClick={() => {\n                    onEvent(ANALYTICS_EVENTS.HELP_CLICK_CATEGORY, {\n                      category: title,\n                      helpTopic: label,\n                    })\n\n                    onClick(label, type)\n                  }}\n                  sx={{\n                    borderColor: 'neutral.light',\n                    '&:last-child': {\n                      border: 'none',\n                      borderBottomRightRadius: 7,\n                    },\n                  }}\n                >\n                  <Text color=\"secondary\" variant=\"body2\">\n                    {label}\n                  </Text>\n                </ListItemButton>\n              ))}\n            </List>\n          </AccordionDetails>\n        </Accordion>\n      ))}\n    </Stack>\n  )\n}\n\nconst accordionStyles = (theme: any) => {\n  return {\n    border: `1px solid ${theme.palette.neutral?.light}`,\n    borderRadius: '8px',\n    '&:first-of-type': { borderRadius: '8px' },\n    '&:before': {\n      opacity: 0,\n    },\n    '& .MuiAccordion-region': {\n      borderBottomLeftRadius: 8,\n      borderBottomRightRadius: 8,\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAiCA,IAAa,IAAA,CAAyD,EACpE,gBAAA,GACA,SAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAU,CAAA,IAAe,EAAM,SAAwB,IAAI,GAE5D,EAAE,SAAA,EAAA,IAAY,EAAS;AAE7B,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,MAAM;AAAA,MAAG,KAAK;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,IAClC,UAAA,EAAe,IAAA,CAAK,EAAE,MAAA,GAAM,QAAA,GAAQ,OAAA,EAAA,GAAS,MAC5C,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB;AAAA,MAChB,UAAU,MAAM;AAAA,MAEhB,UAAA,CAAW,GAAG,MAAe;AAC3B,QAAA,EAAQ,EAAiB,sBAAsB,EAC7C,UAAU,EACZ,CAAC,GAED,EAAY,IAAa,IAAI,IAAI;AAAA,MACnC;AAAA,MACA,IAAI;AAAA,MAXN,UAAA;AAAA,QAaE,gBAAA,EAAC,GAAD;AAAA,UACE,YAAY,gBAAA,EAAC,GAAD,EAAY,IAAI,EAAE,OAAO,eAAe,EAAI,CAAA;AAAA,UACxD,IAAI;AAAA,YAAE,GAAG;AAAA,YAAa,QAAQ;AAAA,UAAG;AAAA,UAEjC,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAO,IAAI;AAAA,cAAE,YAAY;AAAA,cAAU,eAAe;AAAA,cAAO,KAAK;AAAA,YAAG;AAAA,YAAjE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,MAAM;AAAA,YAAK,CAAA,GAC7B,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,cAAS,UAAA;AAAA,YAAY,CAAA,CAC9B;AAAA;QACS,CAAA;AAAA,QAClB,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,QACV,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,IAAI;AAAA,YACJ,GAAG;AAAA,UACL;AAAA,UAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI,EAAE,6BAA6B,EAAE,IAAI,EAAE,EAAE;AAAA,YAChD,UAAA,EAAO,IAAA,CAAK,EAAE,OAAA,GAAO,MAAA,EAAA,GAAQ,MAC5B,gBAAA,EAAC,GAAD;AAAA,cACE,SAAS;AAAA,cAET,SAAA,MAAe;AACb,gBAAA,EAAQ,EAAiB,qBAAqB;AAAA,kBAC5C,UAAU;AAAA,kBACV,WAAW;AAAA,gBACb,CAAC,GAED,EAAQ,GAAO,CAAI;AAAA,cACrB;AAAA,cACA,IAAI;AAAA,gBACF,aAAa;AAAA,gBACb,gBAAgB;AAAA,kBACd,QAAQ;AAAA,kBACR,yBAAyB;AAAA,gBAC3B;AAAA,cACF;AAAA,cAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,gBAAM,OAAM;AAAA,gBAAY,SAAQ;AAAA,gBAC7B,UAAA;AAAA,cACG,CAAA;AAAA,YACQ,GApBT,CAoBS,CACjB;AAAA,UACG,CAAA;AAAA,QACU,CAAA;AAAA,MACT;AAAA,IAtDJ,GAAA,CAsDI,CACZ;AAAA,EACI,CAAA;AAEX,GAEM,IAAA,CAAmB,OAChB;AAAA,EACL,QAAQ,aAAa,EAAM,QAAQ,SAAS,KAAA;AAAA,EAC5C,cAAc;AAAA,EACd,mBAAmB,EAAE,cAAc,MAAM;AAAA,EACzC,YAAY,EACV,SAAS,EACX;AAAA,EACA,0BAA0B;AAAA,IACxB,wBAAwB;AAAA,IACxB,yBAAyB;AAAA,EAC3B;AACF"}
+{"version":3,"file":"HelpByCategoryList.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/HelpByCategoryList.tsx"],"sourcesContent":["import React from 'react'\n\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport Stack from '@mui/material/Stack'\n\nimport { Icon, Text } from '@mxenabled/mxui'\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nimport { ANALYTICS_EVENTS, useEvent } from '../../../common'\nimport { type HelpType } from '../../../core'\n\ninterface HelpByCategory {\n  guid: string\n  icon: string\n  title: string\n  topics: Topic[]\n}\n\ninterface HelpByCategoryListProps {\n  helpByCategory: HelpByCategory[]\n  onClick: (label: string, type: HelpType) => void\n}\n\ninterface Topic {\n  label: string\n  type: HelpType\n}\n\nexport const HelpByCategoryList: React.FC<HelpByCategoryListProps> = ({\n  helpByCategory,\n  onClick,\n}) => {\n  const [expanded, setExpanded] = React.useState<number | null>(null)\n\n  const { onEvent } = useEvent()\n\n  return (\n    <Stack sx={{ flex: 1, gap: 12, p: 12 }}>\n      {helpByCategory.map(({ icon, topics, title }, i) => (\n        <Accordion\n          disableGutters={true}\n          expanded={i === expanded}\n          key={i}\n          onChange={(_, isExpanded) => {\n            onEvent(ANALYTICS_EVENTS.HELP_EXPAND_CATEGORY, {\n              category: title,\n            })\n\n            setExpanded(isExpanded ? i : null)\n          }}\n          sx={accordionStyles}\n        >\n          <AccordionSummary\n            expandIcon={<ExpandMore sx={{ color: 'text.primary' }} />}\n            sx={{ p: '14px 24px', height: 64 }}\n          >\n            <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 12 }}>\n              <Icon name={icon} size={24} />\n              <Text variant=\"body1\">{title}</Text>\n            </Stack>\n          </AccordionSummary>\n          <Divider />\n          <AccordionDetails\n            sx={{\n              ml: 56,\n              p: 0,\n            }}\n          >\n            <List sx={{ '& .MuiListItemButton-root': { pl: 6 } }}>\n              {topics.map(({ label, type }, i) => (\n                <ListItemButton\n                  divider={true}\n                  key={i}\n                  onClick={() => {\n                    onEvent(ANALYTICS_EVENTS.HELP_CLICK_CATEGORY, {\n                      category: title,\n                      helpTopic: label,\n                    })\n\n                    onClick(label, type)\n                  }}\n                  sx={{\n                    borderColor: 'neutral.light',\n                    '&:last-child': {\n                      border: 'none',\n                      borderBottomRightRadius: 7,\n                    },\n                  }}\n                >\n                  <Text color=\"text.secondary\" variant=\"body2\">\n                    {label}\n                  </Text>\n                </ListItemButton>\n              ))}\n            </List>\n          </AccordionDetails>\n        </Accordion>\n      ))}\n    </Stack>\n  )\n}\n\nconst accordionStyles = (theme: any) => {\n  return {\n    border: `1px solid ${theme.palette.neutral?.light}`,\n    borderRadius: '8px',\n    '&:first-of-type': { borderRadius: '8px' },\n    '&:before': {\n      opacity: 0,\n    },\n    '& .MuiAccordion-region': {\n      borderBottomLeftRadius: 8,\n      borderBottomRightRadius: 8,\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAiCA,IAAa,IAAA,CAAyD,EACpE,gBAAA,GACA,SAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAU,CAAA,IAAe,EAAM,SAAwB,IAAI,GAE5D,EAAE,SAAA,EAAA,IAAY,EAAS;AAE7B,SACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,MAAM;AAAA,MAAG,KAAK;AAAA,MAAI,GAAG;AAAA,IAAG;AAAA,IAClC,UAAA,EAAe,IAAA,CAAK,EAAE,MAAA,GAAM,QAAA,GAAQ,OAAA,EAAA,GAAS,MAC5C,gBAAA,EAAC,GAAD;AAAA,MACE,gBAAgB;AAAA,MAChB,UAAU,MAAM;AAAA,MAEhB,UAAA,CAAW,GAAG,MAAe;AAC3B,QAAA,EAAQ,EAAiB,sBAAsB,EAC7C,UAAU,EACZ,CAAC,GAED,EAAY,IAAa,IAAI,IAAI;AAAA,MACnC;AAAA,MACA,IAAI;AAAA,MAXN,UAAA;AAAA,QAaE,gBAAA,EAAC,GAAD;AAAA,UACE,YAAY,gBAAA,EAAC,GAAD,EAAY,IAAI,EAAE,OAAO,eAAe,EAAI,CAAA;AAAA,UACxD,IAAI;AAAA,YAAE,GAAG;AAAA,YAAa,QAAQ;AAAA,UAAG;AAAA,UAEjC,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAO,IAAI;AAAA,cAAE,YAAY;AAAA,cAAU,eAAe;AAAA,cAAO,KAAK;AAAA,YAAG;AAAA,YAAjE,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,cAAM,MAAM;AAAA,cAAM,MAAM;AAAA,YAAK,CAAA,GAC7B,gBAAA,EAAC,GAAD;AAAA,cAAM,SAAQ;AAAA,cAAS,UAAA;AAAA,YAAY,CAAA,CAC9B;AAAA;QACS,CAAA;AAAA,QAClB,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,QACV,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,IAAI;AAAA,YACJ,GAAG;AAAA,UACL;AAAA,UAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAM,IAAI,EAAE,6BAA6B,EAAE,IAAI,EAAE,EAAE;AAAA,YAChD,UAAA,EAAO,IAAA,CAAK,EAAE,OAAA,GAAO,MAAA,EAAA,GAAQ,MAC5B,gBAAA,EAAC,GAAD;AAAA,cACE,SAAS;AAAA,cAET,SAAA,MAAe;AACb,gBAAA,EAAQ,EAAiB,qBAAqB;AAAA,kBAC5C,UAAU;AAAA,kBACV,WAAW;AAAA,gBACb,CAAC,GAED,EAAQ,GAAO,CAAI;AAAA,cACrB;AAAA,cACA,IAAI;AAAA,gBACF,aAAa;AAAA,gBACb,gBAAgB;AAAA,kBACd,QAAQ;AAAA,kBACR,yBAAyB;AAAA,gBAC3B;AAAA,cACF;AAAA,cAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,gBAAM,OAAM;AAAA,gBAAiB,SAAQ;AAAA,gBAClC,UAAA;AAAA,cACG,CAAA;AAAA,YACQ,GApBT,CAoBS,CACjB;AAAA,UACG,CAAA;AAAA,QACU,CAAA;AAAA,MACT;AAAA,IAtDJ,GAAA,CAsDI,CACZ;AAAA,EACI,CAAA;AAEX,GAEM,IAAA,CAAmB,OAChB;AAAA,EACL,QAAQ,aAAa,EAAM,QAAQ,SAAS,KAAA;AAAA,EAC5C,cAAc;AAAA,EACd,mBAAmB,EAAE,cAAc,MAAM;AAAA,EACzC,YAAY,EACV,SAAS,EACX;AAAA,EACA,0BAA0B;AAAA,IACxB,wBAAwB;AAAA,IACxB,yBAAyB;AAAA,EAC3B;AACF"}

package/dist/help/components/requestsupport/RequestSupportInstitution.es.js

@@ -30,12 +30,12 @@ var j = ({ copy: t, institution: o, isOpen: p, onClose: i, popularTopicsDrawerOn
           p: 24
         },
         children: [/* @__PURE__ */ r(b, {
-          color: "secondary",
+          color: "text.primary",
           sx: { fontWeight: 600 },
           variant: "body1",
           children: n(t.request_support_institution_message_title, o)
         }), /* @__PURE__ */ r(_, {
-          color: "secondary",
+          color: "text.secondary",
           sx: {
             fontWeight: 400,
             mt: 2

package/dist/help/components/requestsupport/RequestSupportInstitution.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSupportInstitution.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/RequestSupportInstitution.tsx"],"sourcesContent":["import { P, Text } from '@mxenabled/mxui'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { Drawer, useGlobalCopyStore } from '../../../common'\nimport { HelpCopy } from '../../../core'\nimport { RequestSupportHeader } from './RequestSupportHeader'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface RequestSupportInstitutionProps {\n  copy: HelpCopy\n  institution: string\n  isOpen: boolean\n  onClose: () => void\n  popularTopicsDrawerOnClose: () => void\n  title: string\n}\n\nexport const RequestSupportInstitution: React.FC<RequestSupportInstitutionProps> = ({\n  copy,\n  institution,\n  isOpen,\n  onClose,\n  popularTopicsDrawerOnClose,\n  title,\n}) => {\n  const { common: commonCopy } = useGlobalCopyStore()\n  return (\n    <Drawer isOpen={isOpen} onClose={onClose} title={copy.request_support}>\n      <RequestSupportHeader\n        hasIcon={false}\n        institution={institution}\n        reverse={true}\n        subtitle={copy.request_support_institution_short_content}\n        title={title}\n      />\n      <Box\n        sx={{\n          bgcolor: 'background.paper',\n          borderRadius: '8px',\n          boxShadow: '0px 2px 8px rgba(106, 115, 129, 0.12)',\n          m: 24,\n          p: 24,\n        }}\n      >\n        <Text\n          color=\"secondary\"\n          sx={{\n            fontWeight: 600,\n          }}\n          variant=\"body1\"\n        >\n          {buildDynamicCopy(copy.request_support_institution_message_title, institution) as string}\n        </Text>\n        <P\n          color=\"secondary\"\n          sx={{\n            fontWeight: 400,\n            mt: 2,\n          }}\n          variant=\"subtitle2\"\n        >\n          {buildDynamicCopy(copy.request_support_institution_message, institution) as string}\n        </P>\n      </Box>\n\n      <Stack direction=\"column\" spacing={8} sx={{ mx: 24 }}>\n        <Button onClick={popularTopicsDrawerOnClose} variant=\"contained\">\n          {commonCopy.done_button}\n        </Button>\n        <Button onClick={onClose} variant=\"text\">\n          {copy.request_support_institution_back}\n        </Button>\n      </Stack>\n    </Drawer>\n  )\n}\n"],"mappings":";;;;;;;;;AAmBA,IAAa,IAAA,CAAuE,EAClF,MAAA,GACA,aAAA,GACA,QAAA,GACA,SAAA,GACA,4BAAA,GACA,OAAA,EAAA,MACI;AACJ,QAAM,EAAE,QAAQ,EAAA,IAAe,EAAmB;AAClD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,QAAA;AAAA,IAAiB,SAAA;AAAA,IAAS,OAAO,EAAK;AAAA,IAAtD,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS;AAAA,QACI,aAAA;AAAA,QACb,SAAS;AAAA,QACT,UAAU,EAAK;AAAA,QACR,OAAA;AAAA,MACR,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,SAAS;AAAA,UACT,cAAc;AAAA,UACd,WAAW;AAAA,UACX,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,IAAI,EACF,YAAY,IACd;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA,EAAiB,EAAK,2CAA2C,CAAW;AAAA,QACzE,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,IAAI;AAAA,UACN;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA,EAAiB,EAAK,qCAAqC,CAAW;AAAA,QACtE,CAAA,CACA;AAAA;MAEL,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAS,SAAS;AAAA,QAAG,IAAI,EAAE,IAAI,GAAG;AAAA,QAAnD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAQ,SAAS;AAAA,UAA4B,SAAQ;AAAA,UAClD,UAAA,EAAW;AAAA,QACN,CAAA,GACR,gBAAA,EAAC,GAAD;AAAA,UAAQ,SAAS;AAAA,UAAS,SAAQ;AAAA,UAC/B,UAAA,EAAK;AAAA,QACA,CAAA,CACH;AAAA;IACD;AAAA;AAEZ"}
+{"version":3,"file":"RequestSupportInstitution.es.js","names":[],"sources":["../../../../src/help/components/requestsupport/RequestSupportInstitution.tsx"],"sourcesContent":["import { P, Text } from '@mxenabled/mxui'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\n\nimport { Drawer, useGlobalCopyStore } from '../../../common'\nimport { HelpCopy } from '../../../core'\nimport { RequestSupportHeader } from './RequestSupportHeader'\nimport { buildDynamicCopy } from '../../../core/utils/Localization'\n\ninterface RequestSupportInstitutionProps {\n  copy: HelpCopy\n  institution: string\n  isOpen: boolean\n  onClose: () => void\n  popularTopicsDrawerOnClose: () => void\n  title: string\n}\n\nexport const RequestSupportInstitution: React.FC<RequestSupportInstitutionProps> = ({\n  copy,\n  institution,\n  isOpen,\n  onClose,\n  popularTopicsDrawerOnClose,\n  title,\n}) => {\n  const { common: commonCopy } = useGlobalCopyStore()\n  return (\n    <Drawer isOpen={isOpen} onClose={onClose} title={copy.request_support}>\n      <RequestSupportHeader\n        hasIcon={false}\n        institution={institution}\n        reverse={true}\n        subtitle={copy.request_support_institution_short_content}\n        title={title}\n      />\n      <Box\n        sx={{\n          bgcolor: 'background.paper',\n          borderRadius: '8px',\n          boxShadow: '0px 2px 8px rgba(106, 115, 129, 0.12)',\n          m: 24,\n          p: 24,\n        }}\n      >\n        <Text\n          color=\"text.primary\"\n          sx={{\n            fontWeight: 600,\n          }}\n          variant=\"body1\"\n        >\n          {buildDynamicCopy(copy.request_support_institution_message_title, institution) as string}\n        </Text>\n        <P\n          color=\"text.secondary\"\n          sx={{\n            fontWeight: 400,\n            mt: 2,\n          }}\n          variant=\"subtitle2\"\n        >\n          {buildDynamicCopy(copy.request_support_institution_message, institution) as string}\n        </P>\n      </Box>\n\n      <Stack direction=\"column\" spacing={8} sx={{ mx: 24 }}>\n        <Button onClick={popularTopicsDrawerOnClose} variant=\"contained\">\n          {commonCopy.done_button}\n        </Button>\n        <Button onClick={onClose} variant=\"text\">\n          {copy.request_support_institution_back}\n        </Button>\n      </Stack>\n    </Drawer>\n  )\n}\n"],"mappings":";;;;;;;;;AAmBA,IAAa,IAAA,CAAuE,EAClF,MAAA,GACA,aAAA,GACA,QAAA,GACA,SAAA,GACA,4BAAA,GACA,OAAA,EAAA,MACI;AACJ,QAAM,EAAE,QAAQ,EAAA,IAAe,EAAmB;AAClD,SACE,gBAAA,EAAC,GAAD;AAAA,IAAgB,QAAA;AAAA,IAAiB,SAAA;AAAA,IAAS,OAAO,EAAK;AAAA,IAAtD,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACE,SAAS;AAAA,QACI,aAAA;AAAA,QACb,SAAS;AAAA,QACT,UAAU,EAAK;AAAA,QACR,OAAA;AAAA,MACR,CAAA;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,SAAS;AAAA,UACT,cAAc;AAAA,UACd,WAAW;AAAA,UACX,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,QAPF,UAAA,CASE,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,IAAI,EACF,YAAY,IACd;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA,EAAiB,EAAK,2CAA2C,CAAW;AAAA,QACzE,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,UACE,OAAM;AAAA,UACN,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,IAAI;AAAA,UACN;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA,EAAiB,EAAK,qCAAqC,CAAW;AAAA,QACtE,CAAA,CACA;AAAA;MAEL,gBAAA,EAAC,GAAD;AAAA,QAAO,WAAU;AAAA,QAAS,SAAS;AAAA,QAAG,IAAI,EAAE,IAAI,GAAG;AAAA,QAAnD,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAQ,SAAS;AAAA,UAA4B,SAAQ;AAAA,UAClD,UAAA,EAAW;AAAA,QACN,CAAA,GACR,gBAAA,EAAC,GAAD;AAAA,UAAQ,SAAS;AAAA,UAAS,SAAQ;AAAA,UAC/B,UAAA,EAAK;AAAA,QACA,CAAA,CACH;AAAA;IACD;AAAA;AAEZ"}

package/dist/insights/components/shared/InsightsCard/CardError.es.js

@@ -1,26 +1,26 @@
-import { ThemedSVGImage as o } from "../ThemedSVGImage.es.js";
-import { ReactComponent as t } from "./images/BeatErrorView.es.js";
+import { ThemedSVGImage as m } from "../ThemedSVGImage.es.js";
+import { ReactComponent as o } from "./images/BeatErrorView.es.js";
 import "react";
 import e from "@mui/material/Stack";
-import { P as a } from "@mxenabled/mxui";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { P as i } from "@mxenabled/mxui";
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
 var s = {
   marginBottom: 16,
   maxWidth: 120,
   width: "100%"
-}, g = ({ erroredText: m }) => /* @__PURE__ */ i(e, {
+}, g = ({ erroredText: t }) => /* @__PURE__ */ a(e, {
   sx: { alignItems: "center" },
-  children: [/* @__PURE__ */ r(o, {
+  children: [/* @__PURE__ */ r(m, {
     divProps: { style: s },
-    image: t
-  }), /* @__PURE__ */ r(a, {
-    color: "secondary",
+    image: o
+  }), /* @__PURE__ */ r(i, {
+    color: "text.primary",
     sx: {
       mx: 8,
       mb: 8
     },
     variant: "subtitle2",
-    children: m
+    children: t
   })]
 });
 export {

package/dist/insights/components/shared/InsightsCard/CardError.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardError.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/CardError.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\nimport { ThemedSVGImage } from '../ThemedSVGImage'\n\nimport { ReactComponent as BeatErrorView } from './images/BeatErrorView.svg'\n\nexport interface CardErrorProps {\n  erroredText: string\n}\n\nconst imageStyles = {\n  marginBottom: 16,\n  maxWidth: 120,\n  width: '100%',\n}\n\nexport const CardError: React.FC<CardErrorProps> = ({ erroredText }) => {\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n      }}\n    >\n      <ThemedSVGImage divProps={{ style: imageStyles }} image={BeatErrorView} />\n      <P color=\"secondary\" sx={{ mx: 8, mb: 8 }} variant=\"subtitle2\">\n        {erroredText}\n      </P>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;AAcA,IAAM,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AACT,GAEa,IAAA,CAAuC,EAAE,aAAA,EAAA,MAElD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI,EACF,YAAY,SACd;AAAA,EAHF,UAAA,CAKE,gBAAA,EAAC,GAAD;AAAA,IAAgB,UAAU,EAAE,OAAO,EAAY;AAAA,IAAG,OAAO;AAAA,EAAgB,CAAA,GACzE,gBAAA,EAAC,GAAD;AAAA,IAAG,OAAM;AAAA,IAAY,IAAI;AAAA,MAAE,IAAI;AAAA,MAAG,IAAI;AAAA,IAAE;AAAA,IAAG,SAAQ;AAAA,IAChD,UAAA;AAAA,EACA,CAAA,CACE"}
+{"version":3,"file":"CardError.es.js","names":[],"sources":["../../../../../src/insights/components/shared/InsightsCard/CardError.tsx"],"sourcesContent":["import React from 'react'\n\nimport { P } from '@mxenabled/mxui'\n\nimport Stack from '@mui/material/Stack'\n\nimport { ThemedSVGImage } from '../ThemedSVGImage'\n\nimport { ReactComponent as BeatErrorView } from './images/BeatErrorView.svg'\n\nexport interface CardErrorProps {\n  erroredText: string\n}\n\nconst imageStyles = {\n  marginBottom: 16,\n  maxWidth: 120,\n  width: '100%',\n}\n\nexport const CardError: React.FC<CardErrorProps> = ({ erroredText }) => {\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n      }}\n    >\n      <ThemedSVGImage divProps={{ style: imageStyles }} image={BeatErrorView} />\n      <P color=\"text.primary\" sx={{ mx: 8, mb: 8 }} variant=\"subtitle2\">\n        {erroredText}\n      </P>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;AAcA,IAAM,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,OAAO;AACT,GAEa,IAAA,CAAuC,EAAE,aAAA,EAAA,MAElD,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI,EACF,YAAY,SACd;AAAA,EAHF,UAAA,CAKE,gBAAA,EAAC,GAAD;AAAA,IAAgB,UAAU,EAAE,OAAO,EAAY;AAAA,IAAG,OAAO;AAAA,EAAgB,CAAA,GACzE,gBAAA,EAAC,GAAD;AAAA,IAAG,OAAM;AAAA,IAAe,IAAI;AAAA,MAAE,IAAI;AAAA,MAAG,IAAI;AAAA,IAAE;AAAA,IAAG,SAAQ;AAAA,IACnD,UAAA;AAAA,EACA,CAAA,CACE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.4.50",
+  "version": "9.4.51",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",