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

package/dist/recurringtransactions/RecurringTransactionsMiniWidget.js

@@ -0,0 +1,186 @@
+import { jsx as t } from "react/jsx-runtime";
+import m from "react";
+import { observer as l } from "mobx-react-lite";
+import { endOfToday as g } from "date-fns/endOfToday";
+import { startOfToday as y } from "date-fns/startOfToday";
+import { subDays as b } from "date-fns/subDays";
+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/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 { useAccountStore as T, useGlobalCopyStore as S, useTransactionStore as C, useRecurringTransactionsStore as R, useGlobalUiStore as x } from "../common/context/hooks.js";
+import "../common/context/GlobalDataProvider.js";
+import "../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import L from "../common/components/MiniWidgetContainer.js";
+import "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import p from "../common/components/Loader.js";
+import "../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../accounts/AccountsWidget.js";
+import "../accounts/AccountsMiniWidget.js";
+import "../accounts/ConnectMiniWidget.js";
+import "../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../common/types/Account.js";
+import "posthog-js";
+import "../cashflow/CashflowMiniWidget.js";
+import "../cashflow/CashflowWidget.js";
+import "../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../categories/components/CategorySelector.js";
+import "../categories/components/CategorySelectorDrawer.js";
+import "../categories/components/CategoryRow.js";
+import "../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../finstrong/components/FinancialStrengthGraph.js";
+import "../finstrong/components/CreditScoreGraph.js";
+import "../finstrong/FinstrongWidget.js";
+import "../goals/GoalsWidget.js";
+import "../goals/GoalsMicroWidget.js";
+import "../investments/util/InvestmentUtil.js";
+import "../merchants/components/MerchantLookup.js";
+import "../networth/components/NetWorthChart.js";
+import "../networth/components/NetWorthList.js";
+import "../networth/components/NetWorthSummary.js";
+import "../networth/NetWorthMicroWidget.js";
+import "../networth/NetWorthWidget.js";
+import "../notifications/components/NotificationList.js";
+import "../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../transactions/constants/Analytics.js";
+import "../transactions/constants/Transaction.js";
+import "../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../transactions/components/shared/TransactionList.js";
+import "../transactions/components/shared/TransactionTable.js";
+import "../transactions/components/shared/TransactionDetails.js";
+import "../transactions/components/transactionwidget/AddAccountModal.js";
+import "../transactions/TransactionWidget.js";
+import "../settings/SettingsWidget.js";
+import "../settings/components/SettingsWidgetContents.js";
+import "../settings/components/profile/ProfileTab.js";
+import "../settings/components/devices/DeviceTab.js";
+import "../settings/NotificationSettingsWidget.js";
+import "../settings/components/notifications/NotificationSettings.js";
+import "../settings/components/notifications/AccountNotificationProfiles.js";
+import "../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../settings/components/transactionrules/TransactionRulesTab.js";
+import "./RecurringTransactionsWidget.js";
+import "./RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "./components/shared/RecurringSettings.js";
+import "./components/shared/recurringsettings/ManageIncome.js";
+import "./components/shared/recurringsettings/ManageExpenses.js";
+import "./components/shared/recurringsettings/SelectTransaction.js";
+import "./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 { MiniWidgetContent as A } from "./components/MiniWidgetContent.js";
+const xo = l(
+  ({ onPrimaryCtaClick: e, sx: n }) => {
+    const { accounts: s } = T(), { recurring: r } = S(), { setFilter: a } = C(), { isDataLoaded: c, loadRepeatingTransactions: u } = R(), { isCopyLoaded: d, isInitialized: o, setSelectedAccounts: f, selectedAccountGuids: i } = x();
+    return m.useEffect(() => {
+      o && f(s);
+    }, [o]), m.useEffect(() => {
+      i.length > 0 && (a({
+        dateRange: { start: b(y(), 90), end: g() },
+        accounts: i
+      }), u().finally());
+    }, [i]), !d || !o ? /* @__PURE__ */ t(p, {}) : /* @__PURE__ */ t(
+      L,
+      {
+        className: "mx-exp-recurring-transactions-miniwidget",
+        onPrimaryCtaClick: e,
+        primaryCtaLabel: r.primary_cta,
+        subTitle: r.sub_title,
+        sx: n,
+        title: r.mini_title,
+        children: c ? /* @__PURE__ */ t(A, {}) : /* @__PURE__ */ t(p, {})
+      }
+    );
+  }
+);
+export {
+  xo as RecurringTransactionsMiniWidget
+};
+//# sourceMappingURL=RecurringTransactionsMiniWidget.js.map

package/dist/recurringtransactions/RecurringTransactionsMiniWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecurringTransactionsMiniWidget.js","sources":["../../src/recurringtransactions/RecurringTransactionsMiniWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { endOfToday } from 'date-fns/endOfToday'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subDays } from 'date-fns/subDays'\n\nimport {\n  type MiniWidgetProps,\n  Loader,\n  MiniWidgetContainer,\n  useAccountStore,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n} from '../common'\n\nimport { MiniWidgetContent } from './components/MiniWidgetContent'\n\nexport const RecurringTransactionsMiniWidget = observer(\n  ({ onPrimaryCtaClick, sx }: MiniWidgetProps) => {\n    const { accounts } = useAccountStore()\n    const { recurring: copy } = useGlobalCopyStore()\n    const { setFilter } = useTransactionStore()\n    const { isDataLoaded, loadRepeatingTransactions } = useRecurringTransactionsStore()\n    const { isCopyLoaded, isInitialized, setSelectedAccounts, selectedAccountGuids } =\n      useGlobalUiStore()\n\n    React.useEffect(() => {\n      if (isInitialized) {\n        setSelectedAccounts(accounts)\n      }\n    }, [isInitialized])\n\n    React.useEffect(() => {\n      if (selectedAccountGuids.length > 0) {\n        setFilter({\n          dateRange: { start: subDays(startOfToday(), 90), end: endOfToday() },\n          accounts: selectedAccountGuids,\n        })\n        loadRepeatingTransactions().finally()\n      }\n    }, [selectedAccountGuids])\n\n    if (!isCopyLoaded || !isInitialized) {\n      return <Loader />\n    }\n\n    return (\n      <MiniWidgetContainer\n        className=\"mx-exp-recurring-transactions-miniwidget\"\n        onPrimaryCtaClick={onPrimaryCtaClick}\n        primaryCtaLabel={copy.primary_cta}\n        subTitle={copy.sub_title}\n        sx={sx}\n        title={copy.mini_title}\n      >\n        {isDataLoaded ? <MiniWidgetContent /> : <Loader />}\n      </MiniWidgetContainer>\n    )\n  },\n)\n"],"names":["RecurringTransactionsMiniWidget","observer","onPrimaryCtaClick","sx","accounts","useAccountStore","copy","useGlobalCopyStore","setFilter","useTransactionStore","isDataLoaded","loadRepeatingTransactions","useRecurringTransactionsStore","isCopyLoaded","isInitialized","setSelectedAccounts","selectedAccountGuids","useGlobalUiStore","React","subDays","startOfToday","endOfToday","Loader","jsx","MiniWidgetContainer","MiniWidgetContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAMA,KAAkCC;AAAA,EAC7C,CAAC,EAAE,mBAAAC,GAAmB,IAAAC,QAA0B;AACxC,UAAA,EAAE,UAAAC,MAAaC,KACf,EAAE,WAAWC,EAAK,IAAIC,EAAmB,GACzC,EAAE,WAAAC,MAAcC,KAChB,EAAE,cAAAC,GAAc,2BAAAC,EAA0B,IAAIC,EAA8B,GAC5E,EAAE,cAAAC,GAAc,eAAAC,GAAe,qBAAAC,GAAqB,sBAAAC,EAAA,IACxDC;AAkBE,WAhBJC,EAAM,UAAU,MAAM;AACpB,MAAIJ,KACFC,EAAoBX,CAAQ;AAAA,IAC9B,GACC,CAACU,CAAa,CAAC,GAElBI,EAAM,UAAU,MAAM;AAChB,MAAAF,EAAqB,SAAS,MACtBR,EAAA;AAAA,QACR,WAAW,EAAE,OAAOW,EAAQC,KAAgB,EAAE,GAAG,KAAKC,IAAa;AAAA,QACnE,UAAUL;AAAA,MAAA,CACX,GACDL,EAAA,EAA4B;IAC9B,GACC,CAACK,CAAoB,CAAC,GAErB,CAACH,KAAgB,CAACC,sBACZQ,GAAO,CAAA,CAAA,IAIf,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,mBAAAtB;AAAA,QACA,iBAAiBI,EAAK;AAAA,QACtB,UAAUA,EAAK;AAAA,QACf,IAAAH;AAAA,QACA,OAAOG,EAAK;AAAA,QAEX,UAAeI,IAAA,gBAAAa,EAACE,GAAkB,CAAA,CAAA,sBAAMH,GAAO,EAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGtD;AACF;"}

package/dist/recurringtransactions/RecurringTransactionsWidget.js

@@ -0,0 +1,211 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import m from "react";
+import { observer as T } from "mobx-react-lite";
+import { endOfMonth as I } from "date-fns/endOfMonth";
+import { endOfToday as A } from "date-fns/endOfToday";
+import { startOfMonth as E } from "date-fns/startOfMonth";
+import { startOfToday as N } from "date-fns/startOfToday";
+import { subDays as O } from "date-fns/subDays";
+import p from "@mui/material/Skeleton";
+import _ from "@mui/material/Stack";
+import "bowser";
+import "date-fns/getUnixTime";
+import { ANALYTICS_EVENTS as a } from "../common/constants/Analytics.js";
+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/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 { useAccountStore as w, useGlobalCopyStore as L, useGlobalUiStore as y, useRecurringTransactionsStore as b, useTransactionStore as v, useEvent as D } 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/format";
+import "date-fns/isSameMonth";
+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/endOfYear";
+import "date-fns/startOfYear";
+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 G from "../common/components/drawer/Drawer.js";
+import "../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import k from "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import x from "../common/components/Loader.js";
+import "../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../accounts/AccountsWidget.js";
+import "../accounts/AccountsMiniWidget.js";
+import "../accounts/ConnectMiniWidget.js";
+import "../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../common/types/Account.js";
+import "posthog-js";
+import "../cashflow/CashflowMiniWidget.js";
+import "../cashflow/CashflowWidget.js";
+import "../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../categories/components/CategorySelector.js";
+import "../categories/components/CategorySelectorDrawer.js";
+import "../categories/components/CategoryRow.js";
+import "../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../finstrong/components/FinancialStrengthGraph.js";
+import "../finstrong/components/CreditScoreGraph.js";
+import "../finstrong/FinstrongWidget.js";
+import "../goals/GoalsWidget.js";
+import "../goals/GoalsMicroWidget.js";
+import "../investments/util/InvestmentUtil.js";
+import "../merchants/components/MerchantLookup.js";
+import "../networth/components/NetWorthChart.js";
+import "../networth/components/NetWorthList.js";
+import "../networth/components/NetWorthSummary.js";
+import "../networth/NetWorthMicroWidget.js";
+import "../networth/NetWorthWidget.js";
+import "../notifications/components/NotificationList.js";
+import "../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../transactions/constants/Analytics.js";
+import "../transactions/constants/Transaction.js";
+import "../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../transactions/components/shared/TransactionList.js";
+import "../transactions/components/shared/TransactionTable.js";
+import "../transactions/components/shared/TransactionDetails.js";
+import "../transactions/components/transactionwidget/AddAccountModal.js";
+import "../transactions/TransactionWidget.js";
+import "../settings/SettingsWidget.js";
+import "../settings/components/SettingsWidgetContents.js";
+import "../settings/components/profile/ProfileTab.js";
+import "../settings/components/devices/DeviceTab.js";
+import "../settings/NotificationSettingsWidget.js";
+import "../settings/components/notifications/NotificationSettings.js";
+import "../settings/components/notifications/AccountNotificationProfiles.js";
+import "../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../settings/components/transactionrules/TransactionRulesTab.js";
+import "./RecurringTransactionsMiniWidget.js";
+import "./RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import { RecurringSettings as F } from "./components/shared/RecurringSettings.js";
+import "./components/shared/recurringsettings/ManageIncome.js";
+import "./components/shared/recurringsettings/ManageExpenses.js";
+import "./components/shared/recurringsettings/SelectTransaction.js";
+import "./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 { RecurringTransactions as U } from "./components/RecurringTransactions.js";
+const Ur = T(({ onBackClick: c, sx: d = {} }) => {
+  const { accounts: r } = w(), { recurring: o } = L(), { isCopyLoaded: l, isInitialized: i, selectedAccountGuids: f, setSelectedAccounts: u } = y(), { isDataLoaded: S, loadRepeatingTransactions: g, setDateRange: R } = b(), { setFilter: h } = v(), { onEvent: e } = D(), [C, n] = m.useState(!1);
+  return m.useEffect(() => {
+    u(r);
+  }, [r]), m.useEffect(() => {
+    i && (h({
+      dateRange: { start: O(N(), 90), end: A() },
+      accounts: f
+    }), R({ start: E(/* @__PURE__ */ new Date()), end: I(/* @__PURE__ */ new Date()) }), g().finally());
+  }, [i]), l ? /* @__PURE__ */ s(
+    k,
+    {
+      accountOptions: r,
+      actions: [
+        {
+          label: o.settings,
+          iconName: "settings",
+          onClick: () => {
+            n(!0), e(a.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
+          }
+        }
+      ],
+      onAccountsFilterClick: () => e(a.RECURRING_TRANSACTIONS_CLICK_FILTER),
+      onBackClick: c,
+      sx: d,
+      title: o.title,
+      children: [
+        i && S ? /* @__PURE__ */ t(U, {}) : /* @__PURE__ */ s(_, { direction: "column", p: 48, spacing: 24, children: [
+          /* @__PURE__ */ t(p, { height: 100, variant: "rounded", width: "100%" }),
+          /* @__PURE__ */ t(p, { height: 100, variant: "rounded", width: "100%" }),
+          /* @__PURE__ */ t(p, { height: 600, variant: "rounded", width: "100%" })
+        ] }),
+        /* @__PURE__ */ t(
+          G,
+          {
+            ariaLabelClose: o.close_drawer_aria,
+            isOpen: C,
+            onClose: () => n(!1),
+            shouldShowHeaderBorders: !1,
+            title: o.settings,
+            children: /* @__PURE__ */ t(F, {})
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ t(x, {});
+});
+export {
+  Ur as RecurringTransactionsWidget
+};
+//# sourceMappingURL=RecurringTransactionsWidget.js.map

package/dist/recurringtransactions/RecurringTransactionsWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecurringTransactionsWidget.js","sources":["../../src/recurringtransactions/RecurringTransactionsWidget.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { endOfToday } from 'date-fns/endOfToday'\nimport { startOfMonth } from 'date-fns/startOfMonth'\nimport { startOfToday } from 'date-fns/startOfToday'\nimport { subDays } from 'date-fns/subDays'\n\nimport Skeleton from '@mui/material/Skeleton'\nimport Stack from '@mui/material/Stack'\n\nimport {\n  type WidgetProps,\n  ANALYTICS_EVENTS,\n  Drawer,\n  Loader,\n  useAccountStore,\n  useEvent,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useRecurringTransactionsStore,\n  useTransactionStore,\n  WidgetContainer,\n} from '../common'\n\nimport { RecurringSettings } from './components/shared/RecurringSettings'\nimport { RecurringTransactions } from './components/RecurringTransactions'\n\nexport const RecurringTransactionsWidget = observer(({ onBackClick, sx = {} }: WidgetProps) => {\n  const { accounts } = useAccountStore()\n  const { recurring: copy } = useGlobalCopyStore()\n  const { isCopyLoaded, isInitialized, selectedAccountGuids, setSelectedAccounts } =\n    useGlobalUiStore()\n  const { isDataLoaded, loadRepeatingTransactions, setDateRange } = useRecurringTransactionsStore()\n  const { setFilter } = useTransactionStore()\n  const { onEvent } = useEvent()\n\n  const [isSettingsOpen, setIsSettingsOpen] = React.useState(false)\n\n  React.useEffect(() => {\n    setSelectedAccounts(accounts)\n  }, [accounts])\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      // Sets the Transaction filter\n      setFilter({\n        dateRange: { start: subDays(startOfToday(), 90), end: endOfToday() },\n        accounts: selectedAccountGuids,\n      })\n      // Set the Date Range for Recurring Transactions\n      setDateRange({ start: startOfMonth(new Date()), end: endOfMonth(new Date()) })\n      // Load the repeating transactions\n      loadRepeatingTransactions().finally()\n    }\n  }, [isInitialized])\n\n  if (!isCopyLoaded) return <Loader />\n\n  return (\n    <WidgetContainer\n      accountOptions={accounts}\n      actions={[\n        {\n          label: copy.settings,\n          iconName: 'settings',\n          onClick: () => {\n            setIsSettingsOpen(true)\n            onEvent(ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_CLICK_SETTINGS)\n          },\n        },\n      ]}\n      onAccountsFilterClick={() => onEvent(ANALYTICS_EVENTS.RECURRING_TRANSACTIONS_CLICK_FILTER)}\n      onBackClick={onBackClick}\n      sx={sx}\n      title={copy.title}\n    >\n      {isInitialized && isDataLoaded ? (\n        <RecurringTransactions />\n      ) : (\n        <Stack direction=\"column\" p={48} spacing={24}>\n          <Skeleton height={100} variant=\"rounded\" width=\"100%\" />\n          <Skeleton height={100} variant=\"rounded\" width=\"100%\" />\n          <Skeleton height={600} variant=\"rounded\" width=\"100%\" />\n        </Stack>\n      )}\n      <Drawer\n        ariaLabelClose={copy.close_drawer_aria}\n        isOpen={isSettingsOpen}\n        onClose={() => setIsSettingsOpen(false)}\n        shouldShowHeaderBorders={false}\n        title={copy.settings}\n      >\n        <RecurringSettings />\n      </Drawer>\n    </WidgetContainer>\n  )\n})\n"],"names":["RecurringTransactionsWidget","observer","onBackClick","sx","accounts","useAccountStore","copy","useGlobalCopyStore","isCopyLoaded","isInitialized","selectedAccountGuids","setSelectedAccounts","useGlobalUiStore","isDataLoaded","loadRepeatingTransactions","setDateRange","useRecurringTransactionsStore","setFilter","useTransactionStore","onEvent","useEvent","isSettingsOpen","setIsSettingsOpen","React","subDays","startOfToday","endOfToday","startOfMonth","endOfMonth","jsxs","WidgetContainer","ANALYTICS_EVENTS","jsx","RecurringTransactions","Stack","Skeleton","Drawer","RecurringSettings","Loader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4Ba,MAAAA,KAA8BC,EAAS,CAAC,EAAE,aAAAC,GAAa,IAAAC,IAAK,SAAsB;AACvF,QAAA,EAAE,UAAAC,MAAaC,KACf,EAAE,WAAWC,EAAK,IAAIC,EAAmB,GACzC,EAAE,cAAAC,GAAc,eAAAC,GAAe,sBAAAC,GAAsB,qBAAAC,EAAA,IACzDC,KACI,EAAE,cAAAC,GAAc,2BAAAC,GAA2B,cAAAC,MAAiBC,EAA8B,GAC1F,EAAE,WAAAC,MAAcC,KAChB,EAAE,SAAAC,MAAYC,KAEd,CAACC,GAAgBC,CAAiB,IAAIC,EAAM,SAAS,EAAK;AAoBhE,SAlBAA,EAAM,UAAU,MAAM;AACpB,IAAAZ,EAAoBP,CAAQ;AAAA,EAAA,GAC3B,CAACA,CAAQ,CAAC,GAEbmB,EAAM,UAAU,MAAM;AACpB,IAAId,MAEQQ,EAAA;AAAA,MACR,WAAW,EAAE,OAAOO,EAAQC,KAAgB,EAAE,GAAG,KAAKC,IAAa;AAAA,MACnE,UAAUhB;AAAA,IAAA,CACX,GAEDK,EAAa,EAAE,OAAOY,EAAa,oBAAI,KAAM,CAAA,GAAG,KAAKC,EAAW,oBAAI,KAAM,CAAA,EAAG,CAAA,GAE7Ed,EAAA,EAA4B;EAC9B,GACC,CAACL,CAAa,CAAC,GAEbD,IAGH,gBAAAqB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB1B;AAAA,MAChB,SAAS;AAAA,QACP;AAAA,UACE,OAAOE,EAAK;AAAA,UACZ,UAAU;AAAA,UACV,SAAS,MAAM;AACb,YAAAgB,EAAkB,EAAI,GACtBH,EAAQY,EAAiB,qCAAqC;AAAA,UAChE;AAAA,QACF;AAAA,MACF;AAAA,MACA,uBAAuB,MAAMZ,EAAQY,EAAiB,mCAAmC;AAAA,MACzF,aAAA7B;AAAA,MACA,IAAAC;AAAA,MACA,OAAOG,EAAK;AAAA,MAEX,UAAA;AAAA,QAAiBG,KAAAI,IACf,gBAAAmB,EAAAC,GAAA,CAAsB,CAAA,IAEvB,gBAAAJ,EAACK,GAAM,EAAA,WAAU,UAAS,GAAG,IAAI,SAAS,IACxC,UAAA;AAAA,UAAA,gBAAAF,EAACG,KAAS,QAAQ,KAAK,SAAQ,WAAU,OAAM,QAAO;AAAA,4BACrDA,GAAS,EAAA,QAAQ,KAAK,SAAQ,WAAU,OAAM,QAAO;AAAA,4BACrDA,GAAS,EAAA,QAAQ,KAAK,SAAQ,WAAU,OAAM,QAAO;AAAA,QAAA,GACxD;AAAA,QAEF,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,gBAAgB9B,EAAK;AAAA,YACrB,QAAQe;AAAA,YACR,SAAS,MAAMC,EAAkB,EAAK;AAAA,YACtC,yBAAyB;AAAA,YACzB,OAAOhB,EAAK;AAAA,YAEZ,4BAAC+B,GAAkB,EAAA;AAAA,UAAA;AAAA,QACrB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IArCsB,gBAAAL,EAACM,GAAO,CAAA,CAAA;AAwCpC,CAAC;"}

package/dist/recurringtransactions/ZeroStateMicroWidget.js

@@ -0,0 +1,171 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import i from "@mui/material/Stack";
+import { CurrencyExchange as p } from "@mxenabled/mx-icons";
+import { P as m } from "@mxenabled/mxui";
+import { observer as e } from "mobx-react-lite";
+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 "react";
+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 { useGlobalCopyStore as n } 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 "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 "../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../common/components/WidgetContainer.js";
+import "../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../accounts/AccountsWidget.js";
+import "../accounts/AccountsMiniWidget.js";
+import "../accounts/ConnectMiniWidget.js";
+import "../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../common/types/Account.js";
+import "posthog-js";
+import "../cashflow/CashflowMiniWidget.js";
+import "../cashflow/CashflowWidget.js";
+import "../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../categories/components/CategorySelector.js";
+import "../categories/components/CategorySelectorDrawer.js";
+import "../categories/components/CategoryRow.js";
+import "../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../finstrong/components/FinancialStrengthGraph.js";
+import "../finstrong/components/CreditScoreGraph.js";
+import "../finstrong/FinstrongWidget.js";
+import "../goals/GoalsWidget.js";
+import "../goals/GoalsMicroWidget.js";
+import "../investments/util/InvestmentUtil.js";
+import "../merchants/components/MerchantLookup.js";
+import "../networth/components/NetWorthChart.js";
+import "../networth/components/NetWorthList.js";
+import "../networth/components/NetWorthSummary.js";
+import "../networth/NetWorthMicroWidget.js";
+import "../networth/NetWorthWidget.js";
+import "../notifications/components/NotificationList.js";
+import "../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../transactions/constants/Analytics.js";
+import "../transactions/constants/Transaction.js";
+import "../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../transactions/components/shared/TransactionList.js";
+import "../transactions/components/shared/TransactionTable.js";
+import "../transactions/components/shared/TransactionDetails.js";
+import "../transactions/components/transactionwidget/AddAccountModal.js";
+import "../transactions/TransactionWidget.js";
+import "../settings/SettingsWidget.js";
+import "../settings/components/SettingsWidgetContents.js";
+import "../settings/components/profile/ProfileTab.js";
+import "../settings/components/devices/DeviceTab.js";
+import "../settings/NotificationSettingsWidget.js";
+import "../settings/components/notifications/NotificationSettings.js";
+import "../settings/components/notifications/AccountNotificationProfiles.js";
+import "../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../settings/components/transactionrules/TransactionRulesTab.js";
+import "./RecurringTransactionsWidget.js";
+import "./RecurringTransactionsMiniWidget.js";
+import "./RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "./components/shared/RecurringSettings.js";
+import "./components/shared/recurringsettings/ManageIncome.js";
+import "./components/shared/recurringsettings/ManageExpenses.js";
+import "./components/shared/recurringsettings/SelectTransaction.js";
+import "./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 io = e(() => {
+  const { recurring: t } = n();
+  return /* @__PURE__ */ o(i, { sx: { alignItems: "start", flexDirection: "row", gap: 12 }, children: [
+    /* @__PURE__ */ r(p, { size: 32 }),
+    /* @__PURE__ */ o(i, { children: [
+      /* @__PURE__ */ r(m, { fontWeight: 600, variant: "body1", children: t.zero_state_content_header }),
+      /* @__PURE__ */ r(m, { color: "text.secondary", variant: "subtitle2", children: t.zero_state_content_description })
+    ] })
+  ] });
+});
+export {
+  io as ZeroStateMicroWidget
+};
+//# sourceMappingURL=ZeroStateMicroWidget.js.map

package/dist/recurringtransactions/ZeroStateMicroWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZeroStateMicroWidget.js","sources":["../../src/recurringtransactions/ZeroStateMicroWidget.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { CurrencyExchange } from '@mxenabled/mx-icons'\n\nimport { P } from '@mxenabled/mxui'\n\nimport { observer } from 'mobx-react-lite'\n\nimport { useGlobalCopyStore } from '../common'\n\nexport const ZeroStateMicroWidget = observer(() => {\n  const { recurring: recurringCopy } = useGlobalCopyStore()\n\n  return (\n    <Stack sx={{ alignItems: 'start', flexDirection: 'row', gap: 12 }}>\n      <CurrencyExchange size={32} />\n      <Stack>\n        <P fontWeight={600} variant=\"body1\">\n          {recurringCopy.zero_state_content_header}\n        </P>\n        <P color=\"text.secondary\" variant=\"subtitle2\">\n          {recurringCopy.zero_state_content_description}\n        </P>\n      </Stack>\n    </Stack>\n  )\n})\n"],"names":["ZeroStateMicroWidget","observer","recurringCopy","useGlobalCopyStore","jsxs","Stack","jsx","CurrencyExchange","P"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUa,MAAAA,KAAuBC,EAAS,MAAM;AACjD,QAAM,EAAE,WAAWC,EAAc,IAAIC,EAAmB;AAGtD,SAAA,gBAAAC,EAACC,GAAM,EAAA,IAAI,EAAE,YAAY,SAAS,eAAe,OAAO,KAAK,GAAA,GAC3D,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAiB,MAAM,GAAI,CAAA;AAAA,sBAC3BF,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,KAAE,YAAY,KAAK,SAAQ,SACzB,YAAc,2BACjB;AAAA,wBACCA,GAAE,EAAA,OAAM,kBAAiB,SAAQ,aAC/B,YAAc,gCACjB;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}