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

package/dist/common/api/WidgetApi.js

@@ -0,0 +1,168 @@
+import { Fetch as i } from "../utils/Fetch.js";
+import { ApiEndpoints as o } from "../constants/ApiEndpoints.js";
+import "date-fns/intlFormat";
+import "date-fns/getUnixTime";
+import "bowser";
+import "react/jsx-runtime";
+import "react";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../components/accountfilter/AccountFilterOptions.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 "../components/charts/linechart/CustomLegend.js";
+import "@mui/material";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../components/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 "../components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../components/WidgetContainer.js";
+import "../components/ConnectDrawer.js";
+import "uuid";
+import "numeral";
+import "@mui/material/CircularProgress";
+import "../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 "../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 "../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 "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";
+import "../constants/Account.js";
+import "../constants/Category.js";
+class ti {
+  fetchInstance;
+  constructor(t, r) {
+    this.fetchInstance = new i(t, r);
+  }
+  requestWidgetUrl = async (t) => this.fetchInstance.post(o.WIDGET_URLS, t).then((r) => r.widget_url);
+}
+export {
+  ti as WidgetApi
+};
+//# sourceMappingURL=WidgetApi.js.map

package/dist/common/api/WidgetApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetApi.js","sources":["../../../src/common/api/WidgetApi.ts"],"sourcesContent":["import Fetch from '../utils/Fetch'\n\nimport { ApiEndpoints } from '../constants'\n\nexport class WidgetApi {\n  fetchInstance: Fetch\n\n  constructor(endpoint: string, token: string) {\n    this.fetchInstance = new Fetch(endpoint, token)\n  }\n\n  requestWidgetUrl = async (req: any) => {\n    return this.fetchInstance.post(ApiEndpoints.WIDGET_URLS, req).then((data) => data.widget_url)\n  }\n}\n"],"names":["WidgetApi","endpoint","token","Fetch","req","ApiEndpoints","data"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,GAAU;AAAA,EACrB;AAAA,EAEA,YAAYC,GAAkBC,GAAe;AAC3C,SAAK,gBAAgB,IAAIC,EAAMF,GAAUC,CAAK;AAAA,EAChD;AAAA,EAEA,mBAAmB,OAAOE,MACjB,KAAK,cAAc,KAAKC,EAAa,aAAaD,CAAG,EAAE,KAAK,CAACE,MAASA,EAAK,UAAU;AAEhG;"}

package/dist/common/components/Banner.js

@@ -0,0 +1,201 @@
+import { jsx as t } from "react/jsx-runtime";
+import p from "react";
+import { observer as e } from "mobx-react-lite";
+import a from "@mui/material/styles/useTheme";
+import l from "@mui/material/Stack";
+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 "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "./accountfilter/AccountFilterOptions.js";
+import { useGlobalStore as n } from "../context/hooks.js";
+import "../context/GlobalDataProvider.js";
+import "../context/WidgetContainerProvider.js";
+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 "./charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+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 po = e(() => {
+  const o = a(), {
+    appDataStore: { banner: r, loadBanner: i, user: m }
+  } = n();
+  return p.useEffect(() => {
+    i().finally();
+  }, [m]), r?.image_url ? /* @__PURE__ */ t(
+    l,
+    {
+      sx: {
+        alignItems: "center",
+        width: "100%",
+        mb: 24
+      },
+      children: /* @__PURE__ */ t(
+        "a",
+        {
+          href: r?.redirect_url,
+          rel: "noreferrer",
+          style: {
+            width: "100%"
+          },
+          target: "_blank",
+          children: /* @__PURE__ */ t(
+            "img",
+            {
+              alt: "",
+              src: r.image_url,
+              style: {
+                width: "100%",
+                height: "auto",
+                border: `1px solid ${o.palette.grey[300]}`
+              }
+            }
+          )
+        }
+      )
+    }
+  ) : null;
+});
+export {
+  po as Banner
+};
+//# sourceMappingURL=Banner.js.map

package/dist/common/components/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sources":["../../../src/common/components/Banner.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport useTheme from '@mui/material/styles/useTheme'\nimport Stack from '@mui/material/Stack'\n\nimport { useGlobalStore } from '..'\n\nexport const Banner = observer(() => {\n  const theme = useTheme()\n  const {\n    appDataStore: { banner, loadBanner, user },\n  } = useGlobalStore()\n\n  React.useEffect(() => {\n    loadBanner().finally()\n  }, [user])\n\n  if (!banner?.image_url) {\n    return null\n  }\n\n  return (\n    <Stack\n      sx={{\n        alignItems: 'center',\n        width: '100%',\n        mb: 24,\n      }}\n    >\n      <a\n        href={banner?.redirect_url}\n        rel=\"noreferrer\"\n        style={{\n          width: '100%',\n        }}\n        target=\"_blank\"\n      >\n        <img\n          alt=\"\"\n          src={banner.image_url}\n          style={{\n            width: '100%',\n            height: 'auto',\n            border: `1px solid ${theme.palette.grey['300']}`,\n          }}\n        />\n      </a>\n    </Stack>\n  )\n})\n"],"names":["Banner","observer","theme","useTheme","banner","loadBanner","user","useGlobalStore","React","jsx","Stack"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAAA,KAASC,EAAS,MAAM;AACnC,QAAMC,IAAQC,KACR;AAAA,IACJ,cAAc,EAAE,QAAAC,GAAQ,YAAAC,GAAY,MAAAC,EAAK;AAAA,MACvCC,EAAe;AAMf,SAJJC,EAAM,UAAU,MAAM;AACpB,IAAAH,EAAA,EAAa;EAAQ,GACpB,CAACC,CAAI,CAAC,GAEJF,GAAQ,YAKX,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,IAAI;AAAA,MACN;AAAA,MAEA,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAML,GAAQ;AAAA,UACd,KAAI;AAAA,UACJ,OAAO;AAAA,YACL,OAAO;AAAA,UACT;AAAA,UACA,QAAO;AAAA,UAEP,UAAA,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAI;AAAA,cACJ,KAAKL,EAAO;AAAA,cACZ,OAAO;AAAA,gBACL,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,QAAQ,aAAaF,EAAM,QAAQ,KAAK,GAAK,CAAC;AAAA,cAChD;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,IA5BK;AA+BX,CAAC;"}

package/dist/common/components/ConnectCard.js

@@ -0,0 +1,59 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import n from "react";
+import p from "@mui/material/Button";
+import l from "@mui/material/Card";
+import d from "@mui/material/CardContent";
+import f from "@mui/material/CardHeader";
+import C from "@mui/material/Stack";
+import { AccountBalance as h, ChevronRight as x } from "@mxenabled/mx-icons";
+import { Text as i } from "@mxenabled/mxui";
+import { useAppConfig as g } from "../context/hooks.js";
+import "../context/GlobalDataProvider.js";
+import "../context/WidgetContainerProvider.js";
+import u from "./ConnectDrawer.js";
+const R = ({ description: a, label: o, title: m }) => {
+  const { config: c } = g(), [s, e] = n.useState(!1);
+  if (c.show_connections_widget_in_master)
+    return /* @__PURE__ */ t(n.Fragment, { children: [
+      /* @__PURE__ */ t(l, { sx: { m: 24 }, children: [
+        /* @__PURE__ */ r(
+          f,
+          {
+            avatar: /* @__PURE__ */ r(h, {}),
+            sx: { ".MuiCardHeader-avatar": { mr: 8 } },
+            title: /* @__PURE__ */ r(i, { bold: !0, variant: "Body", children: m })
+          }
+        ),
+        /* @__PURE__ */ r(d, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ t(C, { alignItems: "flex-start", spacing: 2, children: [
+          /* @__PURE__ */ r(i, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: a }),
+          /* @__PURE__ */ r(
+            p,
+            {
+              endIcon: /* @__PURE__ */ r(x, {}),
+              onClick: () => e(!0),
+              sx: {
+                pl: 0,
+                ":hover": {
+                  bgcolor: "unset"
+                }
+              },
+              variant: "text",
+              children: o
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ r(
+        u,
+        {
+          onClose: () => e(!1),
+          showConnectWidget: s,
+          title: o
+        }
+      )
+    ] });
+};
+export {
+  R as ConnectCard
+};
+//# sourceMappingURL=ConnectCard.js.map

package/dist/common/components/ConnectCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectCard.js","sources":["../../../src/common/components/ConnectCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Card from '@mui/material/Card'\nimport CardContent from '@mui/material/CardContent'\nimport CardHeader from '@mui/material/CardHeader'\nimport Stack from '@mui/material/Stack'\n\nimport { AccountBalance, ChevronRight } from '@mxenabled/mx-icons'\nimport { Text } from '@mxenabled/mxui'\n\nimport { useAppConfig } from '../context'\n\nimport ConnectDrawer from './ConnectDrawer'\n\ninterface ConnectCardProps {\n  description: string\n  label: string\n  title: string\n}\n\nexport const ConnectCard = ({ description, label, title }: ConnectCardProps) => {\n  const { config } = useAppConfig()\n  const [isConnectOpen, setIsConnectOpen] = React.useState(false)\n\n  if (!config.show_connections_widget_in_master) {\n    return undefined\n  }\n\n  return (\n    <React.Fragment>\n      <Card sx={{ m: 24 }}>\n        <CardHeader\n          avatar={<AccountBalance />}\n          sx={{ '.MuiCardHeader-avatar': { mr: 8 } }}\n          title={\n            <Text bold={true} variant=\"Body\">\n              {title}\n            </Text>\n          }\n        />\n        <CardContent sx={{ ':last-child': { pb: 4 }, ml: 28, py: 0 }}>\n          <Stack alignItems=\"flex-start\" spacing={2}>\n            <Text color=\"text.secondary\" sx={{ textWrap: 'wrap' }} variant=\"ParagraphSmall\">\n              {description}\n            </Text>\n            <Button\n              endIcon={<ChevronRight />}\n              onClick={() => setIsConnectOpen(true)}\n              sx={{\n                pl: 0,\n                ':hover': {\n                  bgcolor: 'unset',\n                },\n              }}\n              variant=\"text\"\n            >\n              {label}\n            </Button>\n          </Stack>\n        </CardContent>\n      </Card>\n\n      <ConnectDrawer\n        onClose={() => setIsConnectOpen(false)}\n        showConnectWidget={isConnectOpen}\n        title={label}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["ConnectCard","description","label","title","config","useAppConfig","isConnectOpen","setIsConnectOpen","React","jsxs","Card","jsx","CardHeader","AccountBalance","Text","CardContent","Stack","Button","ChevronRight","ConnectDrawer"],"mappings":";;;;;;;;;;;;;AAqBO,MAAMA,IAAc,CAAC,EAAE,aAAAC,GAAa,OAAAC,GAAO,OAAAC,QAA8B;AACxE,QAAA,EAAE,QAAAC,MAAWC,KACb,CAACC,GAAeC,CAAgB,IAAIC,EAAM,SAAS,EAAK;AAE1D,MAACJ,EAAO;AAKV,WAAA,gBAAAK,EAACD,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,IAAI,EAAE,GAAG,GACb,GAAA,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,0BAASC,GAAe,EAAA;AAAA,YACxB,IAAI,EAAE,yBAAyB,EAAE,IAAI,IAAI;AAAA,YACzC,OACG,gBAAAF,EAAAG,GAAA,EAAK,MAAM,IAAM,SAAQ,QACvB,UACHX,GAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,0BACCY,GAAY,EAAA,IAAI,EAAE,eAAe,EAAE,IAAI,KAAK,IAAI,IAAI,IAAI,EACvD,GAAA,UAAA,gBAAAN,EAACO,KAAM,YAAW,cAAa,SAAS,GACtC,UAAA;AAAA,UAAC,gBAAAL,EAAAG,GAAA,EAAK,OAAM,kBAAiB,IAAI,EAAE,UAAU,OAAO,GAAG,SAAQ,kBAC5D,UACHb,EAAA,CAAA;AAAA,UACA,gBAAAU;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,2BAAUC,GAAa,EAAA;AAAA,cACvB,SAAS,MAAMX,EAAiB,EAAI;AAAA,cACpC,IAAI;AAAA,gBACF,IAAI;AAAA,gBACJ,UAAU;AAAA,kBACR,SAAS;AAAA,gBACX;AAAA,cACF;AAAA,cACA,SAAQ;AAAA,cAEP,UAAAL;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,EAAA,CACF,EACF,CAAA;AAAA,MAAA,GACF;AAAA,MAEA,gBAAAS;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,SAAS,MAAMZ,EAAiB,EAAK;AAAA,UACrC,mBAAmBD;AAAA,UACnB,OAAOJ;AAAA,QAAA;AAAA,MACT;AAAA,IACF,EAAA,CAAA;AAEJ;"}

package/dist/common/components/ConnectDrawer.js

@@ -0,0 +1,210 @@
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import m from "react";
+import { observer as x } from "mobx-react-lite";
+import L from "@mui/material/styles/useTheme";
+import { ConnectWidget as b } from "@mxenabled/web-widget-sdk";
+import e from "../../accounts/components/ConnectStatus.js";
+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 "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "./accountfilter/AccountFilterOptions.js";
+import { useAccountStore as D, useConnectStore as _, useGlobalCopyStore as w } from "../context/hooks.js";
+import "../context/GlobalDataProvider.js";
+import "../context/WidgetContainerProvider.js";
+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 "./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 y from "./drawer/Drawer.js";
+import "./ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "./WidgetContainer.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 { MemberConnectionStatus as s } from "../../accounts/constants/Accounts.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 { CONNECT_WIDGET_ID as n } from "../constants/Connect.js";
+const I = ({
+  loadWidgetProps: a,
+  onClose: c,
+  showConnectWidget: t,
+  title: l
+}) => {
+  let p;
+  const { refreshAccounts: u } = D(), { loadWidget: f } = _(), { connect: d } = w(), [C, o] = m.useState(!1), [h, r] = m.useState(!1), {
+    palette: { mode: S }
+  } = L();
+  return m.useEffect(() => (t ? (o(!0), f({ mode: S, ...a }).then((E) => {
+    p = new b({
+      container: `#${n}`,
+      style: {
+        height: "calc(100% - 62px)",
+        maxWidth: "450px",
+        position: "absolute",
+        width: "100%"
+      },
+      url: E.url,
+      onSsoUrlLoadError: () => {
+        o(!1), r(!0);
+      },
+      onLoad: () => {
+        o(!1), r(!1);
+      }
+    });
+  })) : (o(!1), r(!1)), () => {
+    p?.unmount();
+  }), [t]), /* @__PURE__ */ i(
+    y,
+    {
+      ariaLabelClose: d.close_manage_connection_aria,
+      isOpen: t,
+      onClose: () => {
+        c(), u();
+      },
+      title: l,
+      children: /* @__PURE__ */ g("div", { id: n, children: [
+        h && /* @__PURE__ */ i(e, { status: s.Error }),
+        C && /* @__PURE__ */ i(e, { status: s.Loading })
+      ] })
+    }
+  );
+}, Tr = x(I);
+export {
+  Tr as default
+};
+//# sourceMappingURL=ConnectDrawer.js.map