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

package/dist/common/components/accountfilter/AccountFilterOptions.js

@@ -0,0 +1,367 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useMemo as P } from "react";
+import a from "@mui/material/Button";
+import g from "@mui/material/FormControlLabel";
+import x from "@mui/material/List";
+import c from "@mui/material/ListItem";
+import I from "@mui/material/ListItemButton";
+import $ from "@mui/material/ListSubheader";
+import y from "@mui/material/ListItemText";
+import F from "@mui/material/Popover";
+import A from "@mui/material/Stack";
+import C from "@mui/material/Checkbox";
+import { AccountsIcon as W, P as S } from "@mxenabled/mxui";
+import { setupMappedAccounts as D } from "../../utils/AccountFilter.js";
+import "date-fns/getUnixTime";
+import "bowser";
+import "date-fns/intlFormat";
+import "../../constants/Account.js";
+import "../../constants/Category.js";
+import { buildDynamicCopy as k } from "../../utils/Localization.js";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import { useGlobalCopyStore as H } from "../../context/hooks.js";
+import "../../context/GlobalDataProvider.js";
+import "../../context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/addMonths";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isBefore";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/startOfToday";
+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 "../charts/linechart/CustomLegend.js";
+import "@mui/material";
+import "@mui/x-charts/ChartsTooltip";
+import "../charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/addYears";
+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 "../ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../WidgetContainer.js";
+import "../ConnectDrawer.js";
+import "uuid";
+import "numeral";
+import "@mui/material/CircularProgress";
+import "../SearchBox.js";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemIcon";
+import "../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 "../../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 "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "date-fns/fromUnixTime";
+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/addQuarters";
+import "date-fns/nextDay";
+import "date-fns/parseISO";
+import "date-fns/setDate";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "date-fns/addWeeks";
+import "date-fns/getDay";
+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 R = ({
+  accounts: l,
+  accountFilterButtonEl: d,
+  copy: i,
+  onAccountClick: v,
+  onAccountGroupClick: w,
+  onCancelClick: z,
+  onConnectAccountClick: L,
+  onFilterClick: B,
+  selectedOptions: m,
+  setSelectedOptions: j,
+  handleClose: u,
+  showAccountNumbers: G
+}) => {
+  const { connect: O } = H(), s = P(
+    () => D(l, O.connection_statuses[12]),
+    [l]
+  ), h = l.length < 1, M = !!d, p = Object.values(m).every((o) => !!o);
+  return /* @__PURE__ */ t(
+    F,
+    {
+      anchorEl: d,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "left"
+      },
+      onClose: u,
+      open: M,
+      sx: { maxHeight: 400, maxWidth: h ? "100%" : 300 },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "left"
+      },
+      children: h ? /* @__PURE__ */ n(
+        A,
+        {
+          sx: {
+            alignItems: "center",
+            flexDirection: "column",
+            padding: 16,
+            textAlign: "center",
+            width: 320,
+            maxWidth: "100%"
+          },
+          children: [
+            /* @__PURE__ */ t(W, { size: 32 }),
+            /* @__PURE__ */ t(S, { bold: !0, mt: 12, children: i.zeroStateTitle }),
+            /* @__PURE__ */ t(S, { mt: 12, children: i.zeroStateDescription }),
+            /* @__PURE__ */ t(a, { onClick: L, children: i.zeroStateButton })
+          ]
+        }
+      ) : /* @__PURE__ */ n("form", { onSubmit: u, children: [
+        /* @__PURE__ */ n(
+          x,
+          {
+            className: "mx-cmn-account-options",
+            dense: !0,
+            id: "filter_accounts",
+            sx: {
+              overflow: "auto",
+              maxHeight: 300,
+              minWidth: 268,
+              "& .MuiFormControlLabel-root": {
+                m: 4,
+                borderRadius: 1,
+                width: "100%",
+                "&:hover": {
+                  bgcolor: "background.default"
+                },
+                "&:focus-within": {
+                  outline: "2px solid rgba(82, 138, 224, 0.8)",
+                  outlineOffset: "2px"
+                },
+                "& .MuiFormControlLabel-label": {
+                  fontSize: 13
+                }
+              }
+            },
+            children: [
+              /* @__PURE__ */ t(c, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ t(
+                g,
+                {
+                  control: /* @__PURE__ */ t(
+                    C,
+                    {
+                      checked: p,
+                      "data-ui-test": `checked-${p}`,
+                      disableRipple: !0,
+                      onChange: () => {
+                        const o = {};
+                        Object.keys(m).forEach((e) => {
+                          o[e] = !p;
+                        }), j(o);
+                      },
+                      size: "small",
+                      sx: {
+                        "&.Mui-focusVisible": {
+                          outline: "none",
+                          boxShadow: "none"
+                        }
+                      }
+                    }
+                  ),
+                  label: p ? i.unselectAllAccounts : i.selectAllAccounts
+                }
+              ) }),
+              Object.keys(s).map((o) => {
+                const e = s[o], b = e.every(
+                  (r) => m[r.guid]
+                );
+                return /* @__PURE__ */ t(c, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ t(
+                  x,
+                  {
+                    "aria-label": k(i.accountTypeAccounts, o),
+                    className: "mx-cmn-account-options-group",
+                    dense: !0,
+                    subheader: /* @__PURE__ */ t($, { disableGutters: !0, children: /* @__PURE__ */ t(
+                      I,
+                      {
+                        "aria-label": k(i.toggleAccountTypeAccounts, o),
+                        "aria-pressed": b,
+                        disableGutters: !0,
+                        onClick: () => w(
+                          o,
+                          s,
+                          b
+                        ),
+                        sx: {
+                          paddingLeft: 12,
+                          minHeight: 40,
+                          justifyContent: "left"
+                        },
+                        children: /* @__PURE__ */ t(
+                          y,
+                          {
+                            primary: o,
+                            primaryTypographyProps: { variant: "XSmall", fontWeight: "bold" }
+                          }
+                        )
+                      }
+                    ) }),
+                    sx: { overflow: "auto", width: "100%" },
+                    children: e.map((r) => {
+                      const f = m[r.guid], N = `${r.name}${G && r.accountNumber ? ` *${r.accountNumber.slice(-4)}` : ""}`;
+                      return /* @__PURE__ */ t(
+                        c,
+                        {
+                          className: "mx-cmn-account-options-container",
+                          disableGutters: !0,
+                          disablePadding: !0,
+                          children: /* @__PURE__ */ t(
+                            g,
+                            {
+                              control: /* @__PURE__ */ t(
+                                C,
+                                {
+                                  checked: f,
+                                  "data-ui-test": `checked-${f}`,
+                                  disableRipple: !0,
+                                  id: r.guid,
+                                  onChange: () => {
+                                    v(r);
+                                  },
+                                  size: "small",
+                                  sx: {
+                                    "&.Mui-focusVisible": {
+                                      outline: "none",
+                                      boxShadow: "none"
+                                    }
+                                  }
+                                }
+                              ),
+                              label: N
+                            }
+                          )
+                        },
+                        r.guid
+                      );
+                    })
+                  }
+                ) }, o);
+              })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(A, { direction: "row", justifyContent: "flex-end", padding: 12, spacing: 16, width: "100%", children: [
+          /* @__PURE__ */ t(a, { onClick: z, variant: "outlined", children: i.cancelButton }),
+          /* @__PURE__ */ t(
+            a,
+            {
+              "aria-label": i.filterButtonAria,
+              color: "primary",
+              onClick: B,
+              variant: "contained",
+              children: i.filterButton
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+R.displayName = "AccountFilterOptions";
+export {
+  R as AccountFilterOptions
+};
+//# sourceMappingURL=AccountFilterOptions.js.map

package/dist/common/components/accountfilter/AccountFilterOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountFilterOptions.js","sources":["../../../../src/common/components/accountfilter/AccountFilterOptions.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\n\nimport Button from '@mui/material/Button'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListSubheader from '@mui/material/ListSubheader'\nimport ListItemText from '@mui/material/ListItemText'\nimport Popover from '@mui/material/Popover'\nimport Stack from '@mui/material/Stack'\nimport CheckBox from '@mui/material/Checkbox'\nimport { AccountsIcon, P } from '@mxenabled/mxui'\nimport { setupMappedAccounts } from '../../utils/AccountFilter'\nimport type { Account } from '../../types/Account'\nimport type { MappedAccount, MappedAccounts, MappedOptions } from '../../utils/AccountFilter'\nimport { buildDynamicCopy } from '../../utils'\nimport { useGlobalCopyStore } from '../../context'\n\nexport type AccountFilterOptionsCopy = {\n  accountTypeAccounts: string\n  cancelButton: string\n  filterButton: string\n  filterButtonAria: string\n  selectAllAccounts: string\n  toggleAccountTypeAccounts: string\n  unselectAllAccounts: string\n  zeroStateButton: string\n  zeroStateDescription: string\n  zeroStateTitle: string\n}\n\ninterface AccountFilterOptionsProps {\n  accounts: Account[]\n  copy: AccountFilterOptionsCopy\n  accountFilterButtonEl: HTMLButtonElement | null\n  onAccountClick: (account: MappedAccount) => void\n  onAccountGroupClick: (\n    accountType: string,\n    mappedAccounts: MappedAccounts,\n    allGroupedAccountsSelected: boolean,\n  ) => void\n  onCancelClick: () => void\n  onConnectAccountClick: () => void\n  onFilterClick: () => void\n  selectedOptions: MappedOptions\n  setSelectedOptions: (value: React.SetStateAction<MappedOptions>) => void\n  handleClose: () => void\n  showAccountNumbers: boolean\n}\n\nexport const AccountFilterOptions: React.FC<AccountFilterOptionsProps> = ({\n  accounts,\n  accountFilterButtonEl,\n  copy,\n  onAccountClick,\n  onAccountGroupClick,\n  onCancelClick,\n  onConnectAccountClick,\n  onFilterClick,\n  selectedOptions,\n  setSelectedOptions,\n  handleClose,\n  showAccountNumbers,\n}) => {\n  const { connect: connectCopy } = useGlobalCopyStore()\n  const mappedAccounts = useMemo(\n    () => setupMappedAccounts(accounts, connectCopy.connection_statuses[12]),\n    [accounts],\n  )\n  const shouldShowZeroState = accounts.length < 1\n  const isOpen = Boolean(accountFilterButtonEl)\n\n  const isAllChecked = Object.values(selectedOptions).every((value) => Boolean(value))\n\n  return (\n    <Popover\n      anchorEl={accountFilterButtonEl}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'left',\n      }}\n      onClose={handleClose}\n      open={isOpen}\n      sx={{ maxHeight: 400, maxWidth: shouldShowZeroState ? '100%' : 300 }}\n      transformOrigin={{\n        vertical: 'top',\n        horizontal: 'left',\n      }}\n    >\n      {shouldShowZeroState ? (\n        <Stack\n          sx={{\n            alignItems: 'center',\n            flexDirection: 'column',\n            padding: 16,\n            textAlign: 'center',\n            width: 320,\n            maxWidth: '100%',\n          }}\n        >\n          <AccountsIcon size={32} />\n          <P bold={true} mt={12}>\n            {copy.zeroStateTitle}\n          </P>\n          <P mt={12}>{copy.zeroStateDescription}</P>\n          <Button onClick={onConnectAccountClick}>{copy.zeroStateButton}</Button>\n        </Stack>\n      ) : (\n        <form onSubmit={handleClose}>\n          <List\n            className=\"mx-cmn-account-options\"\n            dense={true}\n            id=\"filter_accounts\"\n            sx={{\n              overflow: 'auto',\n              maxHeight: 300,\n              minWidth: 268,\n              '& .MuiFormControlLabel-root': {\n                m: 4,\n                borderRadius: 1,\n                width: '100%',\n                '&:hover': {\n                  bgcolor: 'background.default',\n                },\n                '&:focus-within': {\n                  outline: '2px solid rgba(82, 138, 224, 0.8)',\n                  outlineOffset: '2px',\n                },\n                '& .MuiFormControlLabel-label': {\n                  fontSize: 13,\n                },\n              },\n            }}\n          >\n            <ListItem disableGutters={true} disablePadding={true}>\n              <FormControlLabel\n                control={\n                  <CheckBox\n                    checked={isAllChecked}\n                    data-ui-test={`checked-${isAllChecked}`}\n                    disableRipple={true}\n                    onChange={() => {\n                      const updatedOptions: MappedOptions = {}\n\n                      Object.keys(selectedOptions).forEach((key) => {\n                        updatedOptions[key] = !isAllChecked\n                      })\n                      setSelectedOptions(updatedOptions)\n                    }}\n                    size=\"small\"\n                    sx={{\n                      '&.Mui-focusVisible': {\n                        outline: 'none',\n                        boxShadow: 'none',\n                      },\n                    }}\n                  />\n                }\n                label={isAllChecked ? copy.unselectAllAccounts : copy.selectAllAccounts}\n              />\n            </ListItem>\n            {Object.keys(mappedAccounts).map((accountType) => {\n              const groupedAccounts = mappedAccounts[accountType]\n              const allGroupedAccountsSelected = groupedAccounts.every(\n                (account: MappedAccount) => selectedOptions[account.guid],\n              )\n\n              return (\n                <ListItem disableGutters={true} disablePadding={true} key={accountType}>\n                  <List\n                    aria-label={buildDynamicCopy(copy.accountTypeAccounts, accountType) as string}\n                    className=\"mx-cmn-account-options-group\"\n                    dense={true}\n                    subheader={\n                      <ListSubheader disableGutters={true}>\n                        <ListItemButton\n                          aria-label={\n                            buildDynamicCopy(copy.toggleAccountTypeAccounts, accountType) as string\n                          }\n                          aria-pressed={allGroupedAccountsSelected}\n                          disableGutters={true}\n                          onClick={() =>\n                            onAccountGroupClick(\n                              accountType,\n                              mappedAccounts,\n                              allGroupedAccountsSelected,\n                            )\n                          }\n                          sx={{\n                            paddingLeft: 12,\n                            minHeight: 40,\n                            justifyContent: 'left',\n                          }}\n                        >\n                          <ListItemText\n                            primary={accountType}\n                            primaryTypographyProps={{ variant: 'XSmall', fontWeight: 'bold' }}\n                          />\n                        </ListItemButton>\n                      </ListSubheader>\n                    }\n                    sx={{ overflow: 'auto', width: '100%' }}\n                  >\n                    {groupedAccounts.map((account: MappedAccount) => {\n                      const isSelected = selectedOptions[account.guid]\n                      const label = `${account.name}${\n                        showAccountNumbers && account.accountNumber\n                          ? ` *${account.accountNumber.slice(-4)}`\n                          : ''\n                      }`\n\n                      return (\n                        <ListItem\n                          className=\"mx-cmn-account-options-container\"\n                          disableGutters={true}\n                          disablePadding={true}\n                          key={account.guid}\n                        >\n                          <FormControlLabel\n                            control={\n                              <CheckBox\n                                checked={isSelected}\n                                data-ui-test={`checked-${isSelected}`}\n                                disableRipple={true}\n                                id={account.guid}\n                                onChange={() => {\n                                  onAccountClick(account)\n                                }}\n                                size=\"small\"\n                                sx={{\n                                  '&.Mui-focusVisible': {\n                                    outline: 'none',\n                                    boxShadow: 'none',\n                                  },\n                                }}\n                              />\n                            }\n                            label={label}\n                          />\n                        </ListItem>\n                      )\n                    })}\n                  </List>\n                </ListItem>\n              )\n            })}\n          </List>\n          <Stack direction=\"row\" justifyContent=\"flex-end\" padding={12} spacing={16} width=\"100%\">\n            <Button onClick={onCancelClick} variant=\"outlined\">\n              {copy.cancelButton}\n            </Button>\n            <Button\n              aria-label={copy.filterButtonAria}\n              color=\"primary\"\n              onClick={onFilterClick}\n              variant=\"contained\"\n            >\n              {copy.filterButton}\n            </Button>\n          </Stack>\n        </form>\n      )}\n    </Popover>\n  )\n}\n\nAccountFilterOptions.displayName = 'AccountFilterOptions'\n"],"names":["AccountFilterOptions","accounts","accountFilterButtonEl","copy","onAccountClick","onAccountGroupClick","onCancelClick","onConnectAccountClick","onFilterClick","selectedOptions","setSelectedOptions","handleClose","showAccountNumbers","connectCopy","useGlobalCopyStore","mappedAccounts","useMemo","setupMappedAccounts","shouldShowZeroState","isOpen","isAllChecked","value","jsx","Popover","jsxs","Stack","AccountsIcon","P","Button","List","ListItem","FormControlLabel","CheckBox","updatedOptions","key","accountType","groupedAccounts","allGroupedAccountsSelected","account","buildDynamicCopy","ListSubheader","ListItemButton","ListItemText","isSelected","label"],"mappings":"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"}

package/dist/common/components/addaccounts/AddAccounts.js

@@ -0,0 +1,192 @@
+import { jsx as o } from "react/jsx-runtime";
+import { observer as p } from "mobx-react-lite";
+import a from "@mui/material/Box";
+import c from "@mui/material/Button";
+import n from "@mui/material/IconButton";
+import d from "@mui/material/Tooltip";
+import e from "@mui/material/useMediaQuery";
+import { Icon as i } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../constants/Account.js";
+import "../../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 "react";
+import "numeral";
+import "@mui/material";
+import "../accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as s } from "../../context/hooks.js";
+import "../../context/GlobalDataProvider.js";
+import "../../context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+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 "../charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../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 "../ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../WidgetContainer.js";
+import "../ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../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 "../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 "../../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 u = ({ handleConnectClick: r }) => {
+  const { common: t } = s(), m = e("(max-width: 700px)");
+  return /* @__PURE__ */ o(a, { my: 4, children: m ? /* @__PURE__ */ o(d, { id: "add-accounts", placement: "bottom", title: t.add_accounts, children: /* @__PURE__ */ o(
+    n,
+    {
+      "aria-controls": "add_accounts",
+      "aria-describedby": "add-accounts",
+      "aria-haspopup": !0,
+      "aria-label": t.add_accounts,
+      color: "primary",
+      onClick: r,
+      children: /* @__PURE__ */ o(i, { name: "add", size: 24 })
+    }
+  ) }) : /* @__PURE__ */ o(
+    c,
+    {
+      "aria-controls": "add_accounts",
+      "aria-haspopup": !0,
+      "aria-label": t.add_accounts,
+      onClick: r,
+      startIcon: /* @__PURE__ */ o(i, { name: "add", size: 24 }),
+      sx: {
+        p: 12,
+        whiteSpace: "nowrap",
+        minWidth: "max-content"
+      },
+      variant: "text",
+      children: t.add_accounts
+    }
+  ) });
+}, dr = p(u);
+export {
+  dr as default
+};
+//# sourceMappingURL=AddAccounts.js.map

package/dist/common/components/addaccounts/AddAccounts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddAccounts.js","sources":["../../../../src/common/components/addaccounts/AddAccounts.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport IconButton from '@mui/material/IconButton'\nimport Tooltip from '@mui/material/Tooltip'\nimport useMediaQuery from '@mui/material/useMediaQuery'\n\nimport { Icon } from '@mxenabled/mxui'\n\nimport { useGlobalCopyStore } from '../../../common'\n\ninterface AddAccountsProps {\n  handleConnectClick: () => void\n}\n\nconst AddAccounts = ({ handleConnectClick }: AddAccountsProps) => {\n  const { common: copy } = useGlobalCopyStore()\n  const isSmallerThan700 = useMediaQuery('(max-width: 700px)')\n\n  return (\n    <Box my={4}>\n      {isSmallerThan700 ? (\n        <Tooltip id=\"add-accounts\" placement=\"bottom\" title={copy.add_accounts}>\n          <IconButton\n            aria-controls=\"add_accounts\"\n            aria-describedby=\"add-accounts\"\n            aria-haspopup={true}\n            aria-label={copy.add_accounts}\n            color=\"primary\"\n            onClick={handleConnectClick}\n          >\n            <Icon name=\"add\" size={24} />\n          </IconButton>\n        </Tooltip>\n      ) : (\n        <Button\n          aria-controls=\"add_accounts\"\n          aria-haspopup={true}\n          aria-label={copy.add_accounts}\n          onClick={handleConnectClick}\n          startIcon={<Icon name=\"add\" size={24} />}\n          sx={{\n            p: 12,\n            whiteSpace: 'nowrap',\n            minWidth: 'max-content',\n          }}\n          variant=\"text\"\n        >\n          {copy.add_accounts}\n        </Button>\n      )}\n    </Box>\n  )\n}\n\nexport default observer(AddAccounts)\n"],"names":["AddAccounts","handleConnectClick","copy","useGlobalCopyStore","isSmallerThan700","useMediaQuery","jsx","Box","Tooltip","IconButton","Icon","Button","AddAccounts$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAAc,CAAC,EAAE,oBAAAC,QAA2C;AAChE,QAAM,EAAE,QAAQC,EAAK,IAAIC,EAAmB,GACtCC,IAAmBC,EAAc,oBAAoB;AAE3D,SACG,gBAAAC,EAAAC,GAAA,EAAI,IAAI,GACN,UACCH,IAAA,gBAAAE,EAACE,GAAQ,EAAA,IAAG,gBAAe,WAAU,UAAS,OAAON,EAAK,cACxD,UAAA,gBAAAI;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,iBAAc;AAAA,MACd,oBAAiB;AAAA,MACjB,iBAAe;AAAA,MACf,cAAYP,EAAK;AAAA,MACjB,OAAM;AAAA,MACN,SAASD;AAAA,MAET,UAAC,gBAAAK,EAAAI,GAAA,EAAK,MAAK,OAAM,MAAM,IAAI;AAAA,IAAA;AAAA,KAE/B,IAEA,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,cAAYT,EAAK;AAAA,MACjB,SAASD;AAAA,MACT,WAAY,gBAAAK,EAAAI,GAAA,EAAK,MAAK,OAAM,MAAM,IAAI;AAAA,MACtC,IAAI;AAAA,QACF,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,MACA,SAAQ;AAAA,MAEP,UAAKR,EAAA;AAAA,IAAA;AAAA,EAGZ,EAAA,CAAA;AAEJ,GAEeU,KAAAC,EAASb,CAAW;"}