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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpByCategoryList.js","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 ExpandMore from '@mui/icons-material/ExpandMore'\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'\n\nimport type { HelpType } from '../../../common'\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  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            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=\"Body\">{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={() => onClick(label, type)}\n                  sx={{\n                    borderColor: 'border.light',\n                    '&:last-child': {\n                      border: 'none',\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    </Stack>\n  )\n}\n\nconst accordionStyles = (theme: any) => {\n  return {\n    border: `1px solid ${theme.palette.border?.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"],"names":["HelpByCategoryList","helpByCategory","onClick","expanded","setExpanded","React","Stack","icon","topics","title","i","jsxs","Accordion","_","isExpanded","accordionStyles","jsx","AccordionSummary","ExpandMore","Icon","Text","Divider","AccordionDetails","List","label","type","ListItemButton","theme"],"mappings":";;;;;;;;;;;AAgCO,MAAMA,IAAwD,CAAC;AAAA,EACpE,gBAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM,SAAwB,IAAI;AAClE,2BACGC,GAAM,EAAA,IAAI,EAAE,MAAM,GAAG,KAAK,IAAI,GAAG,MAC/B,UAAAL,EAAe,IAAI,CAAC,EAAE,MAAAM,GAAM,QAAAC,GAAQ,OAAAC,KAASC,MAC5C,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB;AAAA,MAChB,UAAUF,MAAMP;AAAA,MAEhB,UAAU,CAACU,GAAGC,MAAe;AACf,QAAAV,EAAAU,IAAaJ,IAAI,IAAI;AAAA,MACnC;AAAA,MACA,IAAIK;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAa,gBAAAD,EAAAE,GAAA,EAAW,IAAI,EAAE,OAAO,kBAAkB;AAAA,YACvD,IAAI,EAAE,GAAG,aAAa,QAAQ,GAAG;AAAA,YAEjC,UAAA,gBAAAP,EAACL,GAAM,EAAA,IAAI,EAAE,YAAY,UAAU,eAAe,OAAO,KAAK,GAAA,GAC5D,UAAA;AAAA,cAAA,gBAAAU,EAACG,GAAK,EAAA,MAAMZ,GAAM,MAAM,IAAI;AAAA,cAC3B,gBAAAS,EAAAI,GAAA,EAAK,SAAQ,QAAQ,UAAMX,GAAA;AAAA,YAAA,GAC9B;AAAA,UAAA;AAAA,QACF;AAAA,0BACCY,GAAQ,EAAA;AAAA,QACT,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,GAAG;AAAA,YACL;AAAA,YAEA,4BAACC,GAAK,EAAA,IAAI,EAAE,6BAA6B,EAAE,IAAI,EAAA,EAAI,GAChD,YAAO,IAAI,CAAC,EAAE,OAAAC,GAAO,MAAAC,EAAA,GAAQf,MAC5B,gBAAAM;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,SAAS;AAAA,gBAET,SAAS,MAAMxB,EAAQsB,GAAOC,CAAI;AAAA,gBAClC,IAAI;AAAA,kBACF,aAAa;AAAA,kBACb,gBAAgB;AAAA,oBACd,QAAQ;AAAA,oBACR,yBAAyB;AAAA,kBAC3B;AAAA,gBACF;AAAA,gBAEA,4BAACL,GAAK,EAAA,OAAM,aAAY,SAAQ,SAC7B,UACHI,GAAA;AAAA,cAAA;AAAA,cAZKd;AAAAA,YAcR,CAAA,GACH;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,IA1CKA;AAAA,EA4CR,CAAA,EACH,CAAA;AAEJ,GAEMK,IAAkB,CAACY,OAChB;AAAA,EACL,QAAQ,aAAaA,EAAM,QAAQ,QAAQ,KAAK;AAAA,EAChD,cAAc;AAAA,EACd,mBAAmB,EAAE,cAAc,MAAM;AAAA,EACzC,YAAY;AAAA,IACV,SAAS;AAAA,EACX;AAAA,EACA,0BAA0B;AAAA,IACxB,wBAAwB;AAAA,IACxB,yBAAyB;AAAA,EAC3B;AAAA;"}

package/dist/help/components/requestsupport/MissingInstitution.js

@@ -0,0 +1,247 @@
+import { jsxs as x, jsx as p } from "react/jsx-runtime";
+import g from "react";
+import { observer as D } from "mobx-react-lite";
+import L from "@mui/material/Alert";
+import W from "@mui/material/Snackbar";
+import E from "@mui/material/Stack";
+import I from "@mui/material/TextField";
+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 { useHelpStore as k } 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 "../../../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 A from "../../../common/components/drawer/Drawer.js";
+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/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 { RequestSupportHeader as F } from "./RequestSupportHeader.js";
+const _ = {
+  institutionName: "",
+  institutionWebsite: ""
+}, u = {
+  institutionName: "",
+  institutionLoginPage: "",
+  institutionWebsite: ""
+}, Nr = D(
+  ({ copy: r, isOpen: h, onClose: v, onSave: b }) => {
+    const { alert: m, isLoading: q, setAlert: l } = k(), [c, d] = g.useState(_), [e, s] = g.useState(u), f = [
+      { name: "institutionName", required: !0 },
+      { name: "institutionWebsite", required: !0 },
+      { name: "institutionLoginPage", required: !1 }
+    ].map((i, t) => ({
+      ...i,
+      label: r.popular_topics_missing_institution_fields[t.toString()]
+    })), S = () => {
+      d(_), s(u), v();
+    }, C = (i) => {
+      const {
+        target: { name: t, value: n }
+      } = i;
+      s((o) => ({
+        ...o,
+        [t]: n
+      }));
+    };
+    return /* @__PURE__ */ x(
+      A,
+      {
+        isOpen: h,
+        onClose: S,
+        onPrimaryAction: () => {
+          const i = {};
+          let t = !0;
+          f.forEach(({ label: n, name: o, required: P }) => {
+            const a = e[o];
+            P && !a && (i[o] = `${n} ${r.request_support_required_message}`, t = !1), (o === "institutionWebsite" || o === "institutionLoginPage") && a && !/(.+)\.(.{2,})/g.test(a) && (i[o] = r.request_support_valid_url_message, t = !1);
+          }), d(i), t && (b(e), s(u));
+        },
+        secondaryColor: "primary",
+        title: r.request_support,
+        children: [
+          /* @__PURE__ */ p(
+            F,
+            {
+              content: r.popular_topics_missing_institution_content,
+              hasIcon: !1,
+              reverse: !0,
+              subtitle: r.request_support_institution_short_content,
+              title: r.popular_topics_missing_institution
+            }
+          ),
+          /* @__PURE__ */ p(E, { sx: { gap: 24, p: 24 }, children: f.map(({ label: i, name: t }) => /* @__PURE__ */ p(
+            I,
+            {
+              InputLabelProps: { shrink: !0 },
+              error: !!c[t],
+              fullWidth: !0,
+              helperText: c[t] || "",
+              label: i,
+              name: t,
+              onChange: C,
+              value: e[t]
+            },
+            t
+          )) }),
+          m.message && /* @__PURE__ */ p(
+            W,
+            {
+              anchorOrigin: { vertical: "bottom", horizontal: "center" },
+              autoHideDuration: 3500,
+              onClose: () => l(""),
+              open: !!m.message && m.severity === "error" && !q,
+              children: /* @__PURE__ */ p(L, { onClose: () => l(""), severity: m.severity, variant: "filled", children: m.message })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  Nr as default
+};
+//# sourceMappingURL=MissingInstitution.js.map

package/dist/help/components/requestsupport/MissingInstitution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingInstitution.js","sources":["../../../../src/help/components/requestsupport/MissingInstitution.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport Snackbar from '@mui/material/Snackbar'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { type InstitutionData, type HelpCopy, Drawer, useHelpStore } from '../../../common'\nimport { RequestSupportHeader } from './RequestSupportHeader'\n\ninterface MissingInstitutionProps {\n  copy: HelpCopy\n  isOpen: boolean\n  onClose: () => void\n  onSave: (formData: InstitutionData) => void\n}\n\nconst initialErrors = {\n  institutionName: '',\n  institutionWebsite: '',\n}\n\nconst initialFormData = {\n  institutionName: '',\n  institutionLoginPage: '',\n  institutionWebsite: '',\n}\n\nconst MissingInstitution: React.FC<MissingInstitutionProps> = observer(\n  ({ copy, isOpen, onClose, onSave }) => {\n    const { alert, isLoading, setAlert } = useHelpStore()\n    const [errors, setErrors] = React.useState<{ [key: string]: string }>(initialErrors)\n    const [formData, setFormData] = React.useState<InstitutionData>(initialFormData)\n\n    const fields = [\n      { name: 'institutionName', required: true },\n      { name: 'institutionWebsite', required: true },\n      { name: 'institutionLoginPage', required: false },\n    ].map((field, index) => ({\n      ...field,\n      label: copy.popular_topics_missing_institution_fields[index.toString()],\n    }))\n\n    const handleClose = () => {\n      setErrors(initialErrors)\n      setFormData(initialFormData)\n      onClose()\n    }\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const {\n        target: { name, value },\n      } = event\n      setFormData((prevData) => ({\n        ...prevData,\n        [name]: value,\n      }))\n    }\n\n    const handleSave = () => {\n      const newErrors: Record<string, string> = {}\n      let isValid = true\n\n      fields.forEach(({ label, name, required }) => {\n        const value = formData[name as keyof InstitutionData]\n\n        if (required && !value) {\n          newErrors[name] = `${label} ${copy.request_support_required_message}`\n          isValid = false\n        }\n\n        const urlPattern = /(.+)\\.(.{2,})/g\n        if (\n          (name === 'institutionWebsite' || name === 'institutionLoginPage') &&\n          value &&\n          !urlPattern.test(value)\n        ) {\n          newErrors[name] = copy.request_support_valid_url_message\n          isValid = false\n        }\n      })\n\n      setErrors(newErrors)\n\n      if (isValid) {\n        onSave(formData)\n        setFormData(initialFormData)\n      }\n    }\n\n    return (\n      <Drawer\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={handleSave}\n        secondaryColor=\"primary\"\n        title={copy.request_support}\n      >\n        <RequestSupportHeader\n          content={copy.popular_topics_missing_institution_content}\n          hasIcon={false}\n          reverse={true}\n          subtitle={copy.request_support_institution_short_content}\n          title={copy.popular_topics_missing_institution}\n        />\n        <Stack sx={{ gap: 24, p: 24 }}>\n          {fields.map(({ label, name }) => (\n            <TextField\n              InputLabelProps={{ shrink: true }}\n              error={!!errors[name]}\n              fullWidth={true}\n              helperText={errors[name] || ''}\n              key={name}\n              label={label}\n              name={name}\n              onChange={handleInputChange}\n              value={formData[name as keyof InstitutionData]}\n            />\n          ))}\n        </Stack>\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)\n\nexport default MissingInstitution\n"],"names":["initialErrors","initialFormData","MissingInstitution","observer","copy","isOpen","onClose","onSave","alert","isLoading","setAlert","useHelpStore","errors","setErrors","React","formData","setFormData","fields","field","index","handleClose","handleInputChange","event","name","value","prevData","jsxs","Drawer","newErrors","isValid","label","required","jsx","RequestSupportHeader","Stack","TextField","Snackbar","Alert"],"mappings":"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"}

package/dist/help/components/requestsupport/PopularTopicsDrawer.js

@@ -0,0 +1,202 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import a from "react";
+import l from "@mui/material/Stack";
+import { Text as c } 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/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useAccountStore as _ } 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 "../../../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 f from "../../../common/components/drawer/Drawer.js";
+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 { getInstitutionsBasedOnGuid as d } from "../../utils/getInstitutionsBasedOnGuid.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 { PopularTopicsList as h } from "./PopularTopicsList.js";
+import { RequestSupportHeader as x } from "./RequestSupportHeader.js";
+const xo = ({
+  copy: t,
+  isOpen: p,
+  onClick: m,
+  onClose: s,
+  topic: e
+}) => {
+  const { institutions: o, accounts: i } = _(), u = a.useMemo(
+    () => d(o, i, {
+      singular: t.request_support_institution_account,
+      plural: t.request_support_institution_accounts
+    }),
+    [o, i]
+  );
+  return /* @__PURE__ */ r(f, { isOpen: p, onClose: s, title: t.request_support, children: /* @__PURE__ */ n(l, { children: [
+    /* @__PURE__ */ r(
+      x,
+      {
+        hasIcon: !1,
+        reverse: !0,
+        subtitle: t.request_support_institution_short_content,
+        title: e
+      }
+    ),
+    /* @__PURE__ */ r(
+      c,
+      {
+        color: "text.primary",
+        fontWeight: "bold",
+        gutterBottom: !0,
+        sx: { ml: 24 },
+        variant: "XSmall",
+        children: t.request_support_institution_topic_label
+      }
+    ),
+    /* @__PURE__ */ r(h, { list: u, onClick: m, sx: { fontWeight: 600 } })
+  ] }) });
+};
+export {
+  xo as PopularTopicsDrawer
+};
+//# sourceMappingURL=PopularTopicsDrawer.js.map

package/dist/help/components/requestsupport/PopularTopicsDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopularTopicsDrawer.js","sources":["../../../../src/help/components/requestsupport/PopularTopicsDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport { type HelpCopy, Drawer, useAccountStore } from '../../../common'\nimport { getInstitutionsBasedOnGuid } from '../../utils'\nimport { PopularTopicsList } from './PopularTopicsList'\nimport { RequestSupportHeader } from './RequestSupportHeader'\n\ninterface PopularTopicsDrawerProps {\n  copy: HelpCopy\n  isOpen: boolean\n  onClick: (title: string) => void\n  onClose: () => void\n  topic: string\n}\n\nexport const PopularTopicsDrawer: React.FC<PopularTopicsDrawerProps> = ({\n  copy,\n  isOpen,\n  onClick,\n  onClose,\n  topic,\n}) => {\n  const { institutions, accounts } = useAccountStore()\n  const institutionsList = React.useMemo(\n    () =>\n      getInstitutionsBasedOnGuid(institutions, accounts, {\n        singular: copy.request_support_institution_account,\n        plural: copy.request_support_institution_accounts,\n      }),\n    [institutions, accounts],\n  )\n\n  return (\n    <Drawer isOpen={isOpen} onClose={onClose} title={copy.request_support}>\n      <Stack>\n        <RequestSupportHeader\n          hasIcon={false}\n          reverse={true}\n          subtitle={copy.request_support_institution_short_content}\n          title={topic}\n        />\n        <Text\n          color=\"text.primary\"\n          fontWeight=\"bold\"\n          gutterBottom={true}\n          sx={{ ml: 24 }}\n          variant=\"XSmall\"\n        >\n          {copy.request_support_institution_topic_label}\n        </Text>\n        <PopularTopicsList list={institutionsList} onClick={onClick} sx={{ fontWeight: 600 }} />\n      </Stack>\n    </Drawer>\n  )\n}\n"],"names":["PopularTopicsDrawer","copy","isOpen","onClick","onClose","topic","institutions","accounts","useAccountStore","institutionsList","React","getInstitutionsBasedOnGuid","jsx","Drawer","Stack","RequestSupportHeader","Text","PopularTopicsList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAMA,KAA0D,CAAC;AAAA,EACtE,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,EAAE,cAAAC,GAAc,UAAAC,EAAS,IAAIC,EAAgB,GAC7CC,IAAmBC,EAAM;AAAA,IAC7B,MACEC,EAA2BL,GAAcC,GAAU;AAAA,MACjD,UAAUN,EAAK;AAAA,MACf,QAAQA,EAAK;AAAA,IAAA,CACd;AAAA,IACH,CAACK,GAAcC,CAAQ;AAAA,EAAA;AAIvB,SAAA,gBAAAK,EAACC,KAAO,QAAAX,GAAgB,SAAAE,GAAkB,OAAOH,EAAK,iBACpD,4BAACa,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAUd,EAAK;AAAA,QACf,OAAOI;AAAA,MAAA;AAAA,IACT;AAAA,IACA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,YAAW;AAAA,QACX,cAAc;AAAA,QACd,IAAI,EAAE,IAAI,GAAG;AAAA,QACb,SAAQ;AAAA,QAEP,UAAKf,EAAA;AAAA,MAAA;AAAA,IACR;AAAA,IACA,gBAAAW,EAACK,KAAkB,MAAMR,GAAkB,SAAAN,GAAkB,IAAI,EAAE,YAAY,IAAA,GAAO;AAAA,EAAA,EACxF,CAAA,EACF,CAAA;AAEJ;"}

package/dist/help/components/requestsupport/PopularTopicsList.js

@@ -0,0 +1,23 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import e from "react";
+import x from "@mui/material/Box";
+import a from "@mui/material/Divider";
+import f from "@mui/material/List";
+import { PopularTopicsRow as n } from "./PopularTopicsRow.js";
+const v = ({ list: i, onClick: m, sx: p }) => /* @__PURE__ */ o(x, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ o(f, { sx: { "& .MuiDivider-root:last-child": { ml: 0 } }, children: i.map(({ name: r, guid: t, subtitle: s, type: c }, l) => /* @__PURE__ */ d(e.Fragment, { children: [
+  /* @__PURE__ */ o(
+    n,
+    {
+      guid: t,
+      name: r,
+      onClick: () => m?.(r, c),
+      subtitle: s,
+      sx: p
+    }
+  ),
+  /* @__PURE__ */ o(a, { sx: { ml: 24 } })
+] }, `${r}-${l}`)) }) });
+export {
+  v as PopularTopicsList
+};
+//# sourceMappingURL=PopularTopicsList.js.map

package/dist/help/components/requestsupport/PopularTopicsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopularTopicsList.js","sources":["../../../../src/help/components/requestsupport/PopularTopicsList.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\n\nimport type { HelpType } from '../../../common'\nimport { PopularTopicsRow } from './PopularTopicsRow'\n\nexport interface ListItem {\n  guid?: string\n  name: string\n  subtitle?: string\n  type?: HelpType\n}\n\ninterface PopularTopicsListProps {\n  sx?: CSSProperties\n  list: ListItem[]\n  onClick?: (title: string, type: ListItem['type']) => void\n}\n\nexport const PopularTopicsList: React.FC<PopularTopicsListProps> = ({ list, onClick, sx }) => (\n  <Box sx={{ bgcolor: 'background.paper' }}>\n    <List sx={{ '& .MuiDivider-root:last-child': { ml: 0 } }}>\n      {list.map(({ name, guid, subtitle, type }, index) => (\n        <React.Fragment key={`${name}-${index}`}>\n          <PopularTopicsRow\n            guid={guid}\n            name={name}\n            onClick={() => onClick?.(name, type!)}\n            subtitle={subtitle}\n            sx={sx}\n          />\n          <Divider sx={{ ml: 24 }} />\n        </React.Fragment>\n      ))}\n    </List>\n  </Box>\n)\n"],"names":["PopularTopicsList","list","onClick","sx","jsx","Box","List","name","guid","subtitle","type","index","jsxs","React","PopularTopicsRow","Divider"],"mappings":";;;;;;AAsBO,MAAMA,IAAsD,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,EACnF,MAAA,gBAAAC,EAACC,GAAI,EAAA,IAAI,EAAE,SAAS,sBAClB,UAAA,gBAAAD,EAACE,KAAK,IAAI,EAAE,iCAAiC,EAAE,IAAI,EAAE,KAClD,UAAAL,EAAK,IAAI,CAAC,EAAE,MAAAM,GAAM,MAAAC,GAAM,UAAAC,GAAU,MAAAC,EAAK,GAAGC,MACxC,gBAAAC,EAAAC,EAAM,UAAN,EACC,UAAA;AAAA,EAAA,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,MAAAD;AAAA,MACA,SAAS,MAAML,IAAUK,GAAMG,CAAK;AAAA,MACpC,UAAAD;AAAA,MACA,IAAAN;AAAA,IAAA;AAAA,EACF;AAAA,oBACCY,GAAQ,EAAA,IAAI,EAAE,IAAI,MAAM;AAAA,EAAA,GARN,GAAGR,CAAI,IAAII,CAAK,EASrC,CACD,GACH,EACF,CAAA;"}

package/dist/help/components/requestsupport/PopularTopicsRow.js

@@ -0,0 +1,31 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import a from "@mui/material/ListItemAvatar";
+import p from "@mui/material/ListItem";
+import n from "@mui/material/ListItemButton";
+import l from "@mui/material/ListItemIcon";
+import d from "@mui/material/ListItemText";
+import { ChevronRight as y } from "@mxenabled/mx-icons";
+import { InstitutionLogo as c } from "@mxenabled/mxui";
+const P = ({
+  name: t,
+  onClick: i,
+  subtitle: m,
+  guid: o,
+  sx: s
+}) => /* @__PURE__ */ r(p, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ e(n, { "aria-label": t, onClick: i, children: [
+  o && /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(c, { alt: t, institutionGuid: o || "", size: 32 }) }),
+  /* @__PURE__ */ r(
+    d,
+    {
+      primary: t,
+      primaryTypographyProps: { style: { ...s }, variant: "Body" },
+      secondary: m,
+      secondaryTypographyProps: { variant: "XSmall" }
+    }
+  ),
+  /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(y, {}) })
+] }) });
+export {
+  P as PopularTopicsRow
+};
+//# sourceMappingURL=PopularTopicsRow.js.map

package/dist/help/components/requestsupport/PopularTopicsRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopularTopicsRow.js","sources":["../../../../src/help/components/requestsupport/PopularTopicsRow.tsx"],"sourcesContent":["import { CSSProperties } from 'react'\n\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { InstitutionLogo } from '@mxenabled/mxui'\n\ninterface PopularTopicsRowProps {\n  name: string\n  guid?: string\n  subtitle?: string\n  onClick: () => void\n  sx?: CSSProperties\n}\n\nexport const PopularTopicsRow: React.FC<PopularTopicsRowProps> = ({\n  name,\n  onClick,\n  subtitle,\n  guid,\n  sx,\n}) => (\n  <ListItem disableGutters={true} disablePadding={true}>\n    <ListItemButton aria-label={name} onClick={onClick}>\n      {guid && (\n        <ListItemAvatar>\n          <InstitutionLogo alt={name} institutionGuid={guid || ''} size={32} />\n        </ListItemAvatar>\n      )}\n      <ListItemText\n        primary={name}\n        primaryTypographyProps={{ style: { ...sx }, variant: 'Body' }}\n        secondary={subtitle}\n        secondaryTypographyProps={{ variant: 'XSmall' }}\n      />\n      <ListItemIcon>\n        <ChevronRight />\n      </ListItemIcon>\n    </ListItemButton>\n  </ListItem>\n)\n"],"names":["PopularTopicsRow","name","onClick","subtitle","guid","sx","jsx","ListItem","jsxs","ListItemButton","ListItemAvatar","InstitutionLogo","ListItemText","ListItemIcon","ChevronRight"],"mappings":";;;;;;;;AAoBO,MAAMA,IAAoD,CAAC;AAAA,EAChE,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAAC;AACF,MACE,gBAAAC,EAACC,GAAS,EAAA,gBAAgB,IAAM,gBAAgB,IAC9C,UAAC,gBAAAC,EAAAC,GAAA,EAAe,cAAYR,GAAM,SAAAC,GAC/B,UAAA;AAAA,EACCE,KAAA,gBAAAE,EAACI,GACC,EAAA,UAAA,gBAAAJ,EAACK,GAAgB,EAAA,KAAKV,GAAM,iBAAiBG,KAAQ,IAAI,MAAM,GAAI,CAAA,GACrE;AAAA,EAEF,gBAAAE;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAASX;AAAA,MACT,wBAAwB,EAAE,OAAO,EAAE,GAAGI,EAAG,GAAG,SAAS,OAAO;AAAA,MAC5D,WAAWF;AAAA,MACX,0BAA0B,EAAE,SAAS,SAAS;AAAA,IAAA;AAAA,EAChD;AAAA,EACC,gBAAAG,EAAAO,GAAA,EACC,UAAC,gBAAAP,EAAAQ,GAAA,CAAa,CAAA,GAChB;AAAA,EAAA,CACF,EACF,CAAA;"}