@mx-cartographer/experiences 6.25.3-alpha.al3 → 6.25.3-alpha.mega2

package/dist/help/components/HelpContent.js

@@ -0,0 +1,186 @@
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import u from "react";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as a } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import C from "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+import "@mui/material/Grid";
+import { Header as y } from "./content/Header.js";
+import { contentSection as d } from "./content/section/index.js";
+const yr = ({
+  copy: r,
+  hasRequestButton: p = !1,
+  onNavigateToList: m,
+  onRequestSupport: i,
+  topicInfo: { category: e, pageTitle: n, topicKey: l, guid: c }
+}) => {
+  const { help: s } = a(), t = d[c] || null;
+  return /* @__PURE__ */ f(u.Fragment, { children: [
+    /* @__PURE__ */ o(
+      y,
+      {
+        buttonCopy: r.request_support,
+        hasRequestButton: p,
+        onNavigateToList: m,
+        onRequestSupport: i,
+        title: e,
+        topicTitle: n
+      }
+    ),
+    /* @__PURE__ */ o(C, { children: t && /* @__PURE__ */ o(t, { copy: s, topicKey: l }) })
+  ] });
+};
+export {
+  yr as HelpContent
+};
+//# sourceMappingURL=HelpContent.js.map

package/dist/help/components/HelpContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpContent.js","sources":["../../../src/help/components/HelpContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport { type HelpContentProps, ErrorBoundary, useGlobalCopyStore } from '../../common'\n\nimport { Header } from './content'\nimport { contentSection } from './content/section'\n\nexport const HelpContent: React.FC<HelpContentProps> = ({\n  copy,\n  hasRequestButton = false,\n  onNavigateToList,\n  onRequestSupport,\n  topicInfo: { category, pageTitle, topicKey, guid },\n}) => {\n  const { help: helpCopy } = useGlobalCopyStore()\n  const ContentComponent = contentSection[guid as keyof typeof contentSection] || null\n\n  return (\n    <React.Fragment>\n      <Header\n        buttonCopy={copy.request_support}\n        hasRequestButton={hasRequestButton}\n        onNavigateToList={onNavigateToList}\n        onRequestSupport={onRequestSupport}\n        title={category}\n        topicTitle={pageTitle}\n      />\n      <ErrorBoundary>\n        {ContentComponent && <ContentComponent copy={helpCopy} topicKey={topicKey} />}\n      </ErrorBoundary>\n    </React.Fragment>\n  )\n}\n"],"names":["HelpContent","copy","hasRequestButton","onNavigateToList","onRequestSupport","category","pageTitle","topicKey","guid","helpCopy","useGlobalCopyStore","ContentComponent","contentSection","jsxs","React","jsx","Header","ErrorBoundary"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,KAA0C,CAAC;AAAA,EACtD,MAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAW,EAAE,UAAAC,GAAU,WAAAC,GAAW,UAAAC,GAAU,MAAAC,EAAK;AACnD,MAAM;AACJ,QAAM,EAAE,MAAMC,EAAS,IAAIC,EAAmB,GACxCC,IAAmBC,EAAeJ,CAAmC,KAAK;AAG9E,SAAA,gBAAAK,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,YAAYf,EAAK;AAAA,QACjB,kBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,OAAOC;AAAA,QACP,YAAYC;AAAA,MAAA;AAAA,IACd;AAAA,IACA,gBAAAS,EAACE,KACE,UAAoBN,KAAA,gBAAAI,EAACJ,KAAiB,MAAMF,GAAU,UAAAF,GAAoB,EAC7E,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/help/components/HelpList.js

@@ -0,0 +1,119 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import L, { useState as S } from "react";
+import j from "@mui/icons-material/ExpandMore";
+import C from "@mui/material/Accordion";
+import M from "@mui/material/AccordionDetails";
+import w from "@mui/material/AccordionSummary";
+import E from "@mui/material/Button";
+import G from "@mui/material/Divider";
+import d from "@mui/material/Grid";
+import H from "@mui/material/List";
+import P from "@mui/material/ListItemButton";
+import m from "@mui/material/Stack";
+import { H3 as z, P as F, Icon as T, Text as h } from "@mxenabled/mxui";
+const K = ({
+  buttonText: a,
+  hasRequestButton: f = !1,
+  helpCategories: i = [],
+  helpContent: u,
+  helpTitle: g,
+  onRequestHelp: b,
+  onTopicSelect: y
+}) => {
+  const [B, R] = S(null), c = Math.ceil(i.length / 2);
+  return /* @__PURE__ */ e(L.Fragment, { children: [
+    /* @__PURE__ */ e(d, { container: !0, sx: { alignItems: "center", mb: 24 }, children: [
+      /* @__PURE__ */ e(d, { item: !0, md: 12, sm: 12, xs: 12, children: [
+        /* @__PURE__ */ r(z, { children: g }),
+        /* @__PURE__ */ r(F, { variant: "Body", children: u })
+      ] }),
+      f && /* @__PURE__ */ r(
+        d,
+        {
+          item: !0,
+          md: 6,
+          sm: 12,
+          sx: {
+            display: "flex",
+            justifyContent: { md: "flex-end", sm: "flex-start", xs: "flex-start" },
+            mt: { xs: 12, sm: 12, md: 0 }
+          },
+          xs: 12,
+          children: /* @__PURE__ */ r(E, { "aria-label": a, onClick: b, variant: "contained", children: a })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r(m, { sx: { flexDirection: { xs: "column", md: "row" }, gap: 12 }, children: [0, 1].map((n) => {
+      const l = n === 0 ? 0 : c, v = n === 0 ? c : i.length, k = i.slice(l, v);
+      return /* @__PURE__ */ r(m, { sx: { flex: 1, gap: 12, maxWidth: { md: "calc(50% - 6px)" } }, children: k.map(({ guid: s, icon: I, topics: A, title: p }, D) => {
+        const x = D + l;
+        return /* @__PURE__ */ e(
+          C,
+          {
+            disableGutters: !0,
+            expanded: x === B,
+            onChange: (t, o) => R(o ? x : null),
+            sx: (t) => ({
+              border: `1px solid ${t.palette.border?.light}`,
+              borderRadius: "8px !important",
+              "&:before": {
+                opacity: 0
+              },
+              "& .MuiAccordion-region": {
+                bgcolor: "background.default",
+                borderBottomLeftRadius: 8,
+                borderBottomRightRadius: 8
+              }
+            }),
+            children: [
+              /* @__PURE__ */ r(
+                w,
+                {
+                  expandIcon: /* @__PURE__ */ r(j, { sx: { color: "text.primary" } }),
+                  sx: { height: 64, p: "14px 24px" },
+                  children: /* @__PURE__ */ e(m, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
+                    /* @__PURE__ */ r(T, { name: I, size: 24 }),
+                    /* @__PURE__ */ r(h, { variant: "Body", children: p })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ r(G, {}),
+              /* @__PURE__ */ r(
+                M,
+                {
+                  sx: {
+                    ml: 56,
+                    p: 0
+                  },
+                  children: /* @__PURE__ */ r(H, { disablePadding: !0, children: A.map(({ label: t, topicKey: o }) => /* @__PURE__ */ r(
+                    P,
+                    {
+                      "aria-label": t,
+                      divider: !0,
+                      onClick: () => y({ guid: s, category: p, pageTitle: t, topicKey: o }),
+                      sx: {
+                        pl: "6px !important",
+                        borderColor: "border.light",
+                        "&:last-child": {
+                          border: "none !important",
+                          borderBottomRightRadius: 7
+                        }
+                      },
+                      children: /* @__PURE__ */ r(h, { color: "secondary", variant: "Small", children: t })
+                    },
+                    o
+                  )) })
+                }
+              )
+            ]
+          },
+          s
+        );
+      }) }, n);
+    }) })
+  ] });
+};
+export {
+  K as HelpList
+};
+//# sourceMappingURL=HelpList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpList.js","sources":["../../../src/help/components/HelpList.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport ExpandMore from '@mui/icons-material/ExpandMore'\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'\n\nimport type { HelpCategory, SelectedTopic } from '../../common'\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  return (\n    <React.Fragment>\n      <Grid container={true} sx={{ alignItems: 'center', mb: 24 }}>\n        <Grid item={true} md={12} sm={12} xs={12}>\n          <H3>{helpTitle}</H3>\n          <P variant=\"Body\">{helpContent}</P>\n        </Grid>\n        {hasRequestButton && (\n          <Grid\n            item={true}\n            md={6}\n            sm={12}\n            sx={{\n              display: 'flex',\n              justifyContent: { md: 'flex-end', sm: 'flex-start', xs: 'flex-start' },\n              mt: { xs: 12, sm: 12, md: 0 },\n            }}\n            xs={12}\n          >\n            <Button aria-label={buttonText} onClick={onRequestHelp} variant=\"contained\">\n              {buttonText}\n            </Button>\n          </Grid>\n        )}\n      </Grid>\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) => setExpanded(isExpanded ? key : null)}\n                    sx={(theme) => ({\n                      border: `1px solid ${theme.palette.border?.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=\"Body\">{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: 'border.light',\n                              '&:last-child': {\n                                border: 'none !important',\n                                borderBottomRightRadius: 7,\n                              },\n                            }}\n                          >\n                            <Text color=\"secondary\" variant=\"Small\">\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"],"names":["HelpList","buttonText","hasRequestButton","helpCategories","helpContent","helpTitle","onRequestHelp","onTopicSelect","expanded","setExpanded","useState","midpoint","jsxs","React","Grid","jsx","H3","P","Button","Stack","half","start","end","items","guid","icon","topics","title","i","key","Accordion","_","isExpanded","theme","AccordionSummary","ExpandMore","Icon","Text","Divider","AccordionDetails","List","label","topicKey","ListItemButton"],"mappings":"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"}

package/dist/help/components/content/BottomImageContent.js

@@ -0,0 +1,51 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import l from "react";
+import p from "@mui/material/Box";
+import a from "@mui/material/Divider";
+import e from "@mui/material/Grid";
+import { useTheme as h } from "@mui/material/styles";
+const j = ({
+  altImage: i,
+  content: o,
+  hasDivider: n = !0,
+  image: s,
+  imageLargeBreakPoint: d = 12,
+  sx: c
+}) => {
+  const r = h();
+  return /* @__PURE__ */ m(l.Fragment, { children: [
+    /* @__PURE__ */ t(p, { sx: { pb: 48, ...c }, children: /* @__PURE__ */ m(e, { container: !0, rowSpacing: 24, children: [
+      /* @__PURE__ */ t(e, { item: !0, lg: 12, md: 12, sm: 12, xs: 12, children: o }),
+      /* @__PURE__ */ t(
+        e,
+        {
+          item: !0,
+          lg: d,
+          md: 12,
+          sm: 12,
+          sx: {
+            m: "0 auto",
+            [r.breakpoints.between("sm", "lg")]: {
+              display: "flex",
+              justifyContent: "center"
+            },
+            "& img": {
+              width: "100%",
+              maxWidth: 1176,
+              [r.breakpoints.between("sm", "lg")]: {
+                width: "75%"
+              }
+            }
+          },
+          xs: 12,
+          children: /* @__PURE__ */ t("img", { alt: i, src: s })
+        }
+      )
+    ] }) }),
+    n && /* @__PURE__ */ t(a, {})
+  ] });
+};
+export {
+  j as BottomImageContent
+};
+//# sourceMappingURL=BottomImageContent.js.map

package/dist/help/components/content/BottomImageContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomImageContent.js","sources":["../../../../src/help/components/content/BottomImageContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport Grid from '@mui/material/Grid'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ImageContentProps } from '../../../common/types/Help'\n\nexport const BottomImageContent: React.FC<ImageContentProps> = ({\n  altImage,\n  content,\n  hasDivider = true,\n  image,\n  imageLargeBreakPoint = 12,\n  sx,\n}) => {\n  const theme = useTheme()\n  return (\n    <React.Fragment>\n      <Box sx={{ pb: 48, ...sx }}>\n        <Grid container={true} rowSpacing={24}>\n          <Grid item={true} lg={12} md={12} sm={12} xs={12}>\n            {content}\n          </Grid>\n          <Grid\n            item={true}\n            lg={imageLargeBreakPoint}\n            md={12}\n            sm={12}\n            sx={{\n              m: '0 auto',\n              [theme.breakpoints.between('sm', 'lg')]: {\n                display: 'flex',\n                justifyContent: 'center',\n              },\n              '& img': {\n                width: '100%',\n                maxWidth: 1176,\n                [theme.breakpoints.between('sm', 'lg')]: {\n                  width: '75%',\n                },\n              },\n            }}\n            xs={12}\n          >\n            <img alt={altImage} src={image} />\n          </Grid>\n        </Grid>\n      </Box>\n      {hasDivider && <Divider />}\n    </React.Fragment>\n  )\n}\n"],"names":["BottomImageContent","altImage","content","hasDivider","image","imageLargeBreakPoint","sx","theme","useTheme","jsxs","React","jsx","Box","Grid","Divider"],"mappings":";;;;;;AASO,MAAMA,IAAkD,CAAC;AAAA,EAC9D,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,IAAAC;AACF,MAAM;AACJ,QAAMC,IAAQC;AAEZ,SAAA,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAI,EAAA,IAAI,EAAE,IAAI,IAAI,GAAGN,EAAG,GACvB,UAAC,gBAAAG,EAAAI,GAAA,EAAK,WAAW,IAAM,YAAY,IACjC,UAAA;AAAA,MAAC,gBAAAF,EAAAE,GAAA,EAAK,MAAM,IAAM,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAC3C,UACHX,GAAA;AAAA,MACA,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,IAAIR;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,YACF,GAAG;AAAA,YACH,CAACE,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAC,GAAG;AAAA,cACvC,SAAS;AAAA,cACT,gBAAgB;AAAA,YAClB;AAAA,YACA,SAAS;AAAA,cACP,OAAO;AAAA,cACP,UAAU;AAAA,cACV,CAACA,EAAM,YAAY,QAAQ,MAAM,IAAI,CAAC,GAAG;AAAA,gBACvC,OAAO;AAAA,cACT;AAAA,YACF;AAAA,UACF;AAAA,UACA,IAAI;AAAA,UAEJ,UAAC,gBAAAI,EAAA,OAAA,EAAI,KAAKV,GAAU,KAAKG,GAAO;AAAA,QAAA;AAAA,MAClC;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,IACCD,uBAAeW,GAAQ,EAAA;AAAA,EAC1B,EAAA,CAAA;AAEJ;"}

package/dist/help/components/content/ContentItem.js

@@ -0,0 +1,22 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import d from "@mui/material/Box";
+import { P as f, H3 as y } from "@mxenabled/mxui";
+const l = ({ content: t, sx: n }) => /* @__PURE__ */ e(f, { sx: { lineHeight: "24px", py: 6, ...n }, children: t }), j = ({ content: t, sx: n }) => /* @__PURE__ */ e(y, { color: "text.primary", sx: { py: 12, whiteSpace: { sm: "nowrap", xs: "wrap" }, ...n }, children: t }), E = ({
+  items: t,
+  listType: n = "ul",
+  subItemPlacement: i,
+  subItems: c = [],
+  subListType: r = "ol"
+}) => {
+  const p = n, m = r;
+  return /* @__PURE__ */ e(d, { sx: { [n]: { m: 0, p: 0, pl: 16, "& li::marker": { fontSize: 15 } } }, children: /* @__PURE__ */ e(p, { children: t.map((s, o) => /* @__PURE__ */ a("li", { children: [
+    /* @__PURE__ */ e(l, { content: s, sx: { py: 1 } }),
+    i === o ? /* @__PURE__ */ e(m, { ...r === "ol" && { type: "a" }, children: c.map((x, h) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(l, { content: x, sx: { py: 1 } }) }, h)) }) : null
+  ] }, o)) }) });
+};
+export {
+  E as List,
+  j as SectionTitle,
+  l as Text
+};
+//# sourceMappingURL=ContentItem.js.map

package/dist/help/components/content/ContentItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentItem.js","sources":["../../../../src/help/components/content/ContentItem.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport { H3, P } from '@mxenabled/mxui'\n\nimport { ListProps, SectionTitleProps, TextProps } from '../../../common/types/Help'\n\nexport const Text: React.FC<TextProps> = ({ content, sx }) => (\n  <P sx={{ lineHeight: '24px', py: 6, ...sx }}>{content}</P>\n)\n\nexport const SectionTitle: React.FC<SectionTitleProps> = ({ content, sx }) => (\n  <H3 color=\"text.primary\" sx={{ py: 12, whiteSpace: { sm: 'nowrap', xs: 'wrap' }, ...sx }}>\n    {content}\n  </H3>\n)\n\nexport const List: React.FC<ListProps> = ({\n  items,\n  listType = 'ul',\n  subItemPlacement,\n  subItems = [],\n  subListType = 'ol',\n}) => {\n  const Element = listType\n  const SubElement = subListType\n\n  return (\n    <Box sx={{ [listType]: { m: 0, p: 0, pl: 16, '& li::marker': { fontSize: 15 } } }}>\n      <Element>\n        {items.map((elm, i) => (\n          <li key={i}>\n            <Text content={elm} sx={{ py: 1 }} />\n            {subItemPlacement === i ? (\n              <SubElement {...(subListType === 'ol' && { type: 'a' })}>\n                {subItems.map((subElm, index) => (\n                  <li key={index}>\n                    <Text content={subElm} sx={{ py: 1 }} />\n                  </li>\n                ))}\n              </SubElement>\n            ) : null}\n          </li>\n        ))}\n      </Element>\n    </Box>\n  )\n}\n"],"names":["Text","content","sx","jsx","P","SectionTitle","H3","List","items","listType","subItemPlacement","subItems","subListType","Element","SubElement","Box","elm","i","subElm","index"],"mappings":";;;AAKO,MAAMA,IAA4B,CAAC,EAAE,SAAAC,GAAS,IAAAC,QAClD,gBAAAC,EAAAC,GAAA,EAAE,IAAI,EAAE,YAAY,QAAQ,IAAI,GAAG,GAAGF,KAAO,UAAQD,GAAA,GAG3CI,IAA4C,CAAC,EAAE,SAAAJ,GAAS,IAAAC,QAClE,gBAAAC,EAAAG,GAAA,EAAG,OAAM,gBAAe,IAAI,EAAE,IAAI,IAAI,YAAY,EAAE,IAAI,UAAU,IAAI,OAAU,GAAA,GAAGJ,EAAG,GACpF,UACHD,EAAA,CAAA,GAGWM,IAA4B,CAAC;AAAA,EACxC,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,kBAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,aAAAC,IAAc;AAChB,MAAM;AACJ,QAAMC,IAAUJ,GACVK,IAAaF;AAEnB,SACG,gBAAAT,EAAAY,GAAA,EAAI,IAAI,EAAE,CAACN,CAAQ,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,IAAI,gBAAgB,EAAE,UAAU,GAAK,EAAA,EAC5E,GAAA,UAAA,gBAAAN,EAACU,GACE,EAAA,UAAAL,EAAM,IAAI,CAACQ,GAAKC,wBACd,MACC,EAAA,UAAA;AAAA,IAAA,gBAAAd,EAACH,KAAK,SAASgB,GAAK,IAAI,EAAE,IAAI,KAAK;AAAA,IAClCN,MAAqBO,IACnB,gBAAAd,EAAAW,GAAA,EAAY,GAAIF,MAAgB,QAAQ,EAAE,MAAM,IAAA,GAC9C,UAAAD,EAAS,IAAI,CAACO,GAAQC,MACrB,gBAAAhB,EAAC,MACC,EAAA,UAAA,gBAAAA,EAACH,GAAK,EAAA,SAASkB,GAAQ,IAAI,EAAE,IAAI,EAAK,EAAA,CAAA,EAAA,GAD/BC,CAET,CACD,EACH,CAAA,IACE;AAAA,EAVG,EAAA,GAAAF,CAWT,CACD,EACH,CAAA,EACF,CAAA;AAEJ;"}

package/dist/help/components/content/Header.js

@@ -0,0 +1,214 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import c from "react";
+import d from "@mui/material/Breadcrumbs";
+import x from "@mui/material/Button";
+import o from "@mui/material/Grid";
+import { H3 as h, Text as i, H2 as f } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as u } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../accounts/AccountsWidget.js";
+import "../../../accounts/AccountsMiniWidget.js";
+import "../../../accounts/ConnectMiniWidget.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../../settings/SettingsWidget.js";
+import "../../../settings/components/SettingsWidgetContents.js";
+import "../../../settings/components/profile/ProfileTab.js";
+import "../../../settings/components/devices/DeviceTab.js";
+import "../../../settings/NotificationSettingsWidget.js";
+import "../../../settings/components/notifications/NotificationSettings.js";
+import "../../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../../trends/TrendsFullWidget.js";
+import "../../../trends/TrendsMiniWidget.js";
+import "../../../trends/TrendsMicroWidget.js";
+import "../../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const ho = ({
+  buttonCopy: m,
+  hasRequestButton: e,
+  onNavigateToList: l,
+  onRequestSupport: n,
+  title: a,
+  topicTitle: p
+}) => {
+  const { help: s } = u();
+  return /* @__PURE__ */ t(c.Fragment, { children: [
+    /* @__PURE__ */ t(o, { container: !0, sx: { alignItems: "center", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ t(o, { item: !0, sm: 6, xs: 12, children: [
+        /* @__PURE__ */ r(h, { color: "text.primary", children: a }),
+        /* @__PURE__ */ t(
+          d,
+          {
+            separator: /* @__PURE__ */ r(i, { bold: !0, color: "grey.600", sx: { fontWeight: 700 }, variant: "Small", children: "/" }),
+            children: [
+              /* @__PURE__ */ r(
+                i,
+                {
+                  bold: !0,
+                  color: "primary.lighter",
+                  onClick: l,
+                  sx: { cursor: "pointer", fontWeight: 700 },
+                  variant: "Small",
+                  children: s.list_title
+                }
+              ),
+              /* @__PURE__ */ r(i, { bold: !0, color: "text.secondary", sx: { fontWeight: 700 }, variant: "Small", children: p })
+            ]
+          }
+        )
+      ] }),
+      e && /* @__PURE__ */ r(
+        o,
+        {
+          item: !0,
+          sm: 6,
+          sx: {
+            display: "flex",
+            justifyContent: { sm: "flex-end" },
+            mt: { xs: 24, sm: 0 }
+          },
+          xs: 12,
+          children: /* @__PURE__ */ r(x, { "aria-label": m, onClick: n, variant: "contained", children: m })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r(f, { color: "text.primary", sx: { mt: 24, whiteSpace: { sm: "nowrap", xs: "wrap" } }, children: p })
+  ] });
+};
+export {
+  ho as Header
+};
+//# sourceMappingURL=Header.js.map