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

package/dist/settings/components/notifications/AccountNotificationProfiles.js

@@ -0,0 +1,206 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import n from "react";
+import { observer as c } from "mobx-react-lite";
+import d from "@mui/material/Stack";
+import { ChevronRight as f } from "@mxenabled/mx-icons";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useSettingsStore as u } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "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 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 "../../../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 { ToggleButtonListItem as b } from "../../../common/components/listitems/ToggleButtonListItem.js";
+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 "../../SettingsWidget.js";
+import "../SettingsWidgetContents.js";
+import "../profile/ProfileTab.js";
+import "../devices/DeviceTab.js";
+import "../../NotificationSettingsWidget.js";
+import "./NotificationSettings.js";
+import "./BudgetNotificationProfiles.js";
+import "./InsightsNotificationProfiles.js";
+import "../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 { AccountNotificationProfile as h } from "./AccountNotificationProfile.js";
+const bi = c(() => {
+  const { accountProfiles: r, updateNotificationProfile: m } = u(), [p, e] = n.useState(""), t = n.useMemo(
+    () => r.find((o) => o.guid === p),
+    [r, p]
+  ), a = async (o) => {
+    await m({
+      ...o,
+      is_enabled: !o.is_enabled
+    });
+  }, s = async (o) => {
+    await m(o);
+  };
+  return /* @__PURE__ */ l(d, { sx: { backgroundColor: "background.paper" }, children: [
+    r.filter((o) => o.children && o.children.length > 0).map((o) => /* @__PURE__ */ i(
+      b,
+      {
+        endIcon: /* @__PURE__ */ i(f, {}),
+        isChecked: o.is_enabled,
+        isDisabled: !o.is_enabled,
+        onClick: () => e(o.guid),
+        onToggle: () => a(o),
+        primaryText: o.label,
+        secondaryText: o.is_enabled ? o.deliveryMethodsLabel : void 0
+      },
+      o.guid
+    )),
+    /* @__PURE__ */ i(
+      g,
+      {
+        isOpen: !!t,
+        onClose: () => e(""),
+        title: t ? t.label : "",
+        children: t && /* @__PURE__ */ i(
+          h,
+          {
+            onUpdateProfile: s,
+            profile: t
+          }
+        )
+      }
+    )
+  ] });
+});
+export {
+  bi as AccountNotificationProfiles
+};
+//# sourceMappingURL=AccountNotificationProfiles.js.map

package/dist/settings/components/notifications/AccountNotificationProfiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountNotificationProfiles.js","sources":["../../../../src/settings/components/notifications/AccountNotificationProfiles.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport {\n  DetailedNotificationProfile,\n  Drawer,\n  ToggleButtonListItem,\n  useSettingsStore,\n} from '../../../common'\n\nimport { AccountNotificationProfile } from './AccountNotificationProfile'\n\nexport const AccountNotificationProfiles = observer(() => {\n  const { accountProfiles, updateNotificationProfile } = useSettingsStore()\n\n  const [selectedProfileGuid, setSelectedProfileGuid] = React.useState('')\n\n  const selectedProfile = React.useMemo(\n    () => accountProfiles.find((profile) => profile.guid === selectedProfileGuid),\n    [accountProfiles, selectedProfileGuid],\n  )\n\n  const handleProfileToggle = async (profile: DetailedNotificationProfile) => {\n    await updateNotificationProfile({\n      ...profile,\n      is_enabled: !profile.is_enabled,\n    })\n  }\n\n  const handleProfileUpdate = async (profile: DetailedNotificationProfile) => {\n    await updateNotificationProfile(profile)\n  }\n\n  return (\n    <Stack sx={{ backgroundColor: 'background.paper' }}>\n      {accountProfiles\n        // Don't show notification profiles that have no associated accounts (children)\n        .filter((profile) => profile.children && profile.children.length > 0)\n        .map((profile) => (\n          <ToggleButtonListItem\n            endIcon={<ChevronRight />}\n            isChecked={profile.is_enabled}\n            isDisabled={!profile.is_enabled}\n            key={profile.guid}\n            onClick={() => setSelectedProfileGuid(profile.guid)}\n            onToggle={() => handleProfileToggle(profile)}\n            primaryText={profile.label}\n            secondaryText={profile.is_enabled ? profile.deliveryMethodsLabel : undefined}\n          />\n        ))}\n      <Drawer\n        isOpen={Boolean(selectedProfile)}\n        onClose={() => setSelectedProfileGuid('')}\n        title={selectedProfile ? selectedProfile.label : ''}\n      >\n        {selectedProfile && (\n          <AccountNotificationProfile\n            onUpdateProfile={handleProfileUpdate}\n            profile={selectedProfile}\n          />\n        )}\n      </Drawer>\n    </Stack>\n  )\n})\n"],"names":["AccountNotificationProfiles","observer","accountProfiles","updateNotificationProfile","useSettingsStore","selectedProfileGuid","setSelectedProfileGuid","React","selectedProfile","profile","handleProfileToggle","handleProfileUpdate","Stack","jsx","ToggleButtonListItem","ChevronRight","Drawer","AccountNotificationProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBa,MAAAA,KAA8BC,EAAS,MAAM;AACxD,QAAM,EAAE,iBAAAC,GAAiB,2BAAAC,EAA0B,IAAIC,EAAiB,GAElE,CAACC,GAAqBC,CAAsB,IAAIC,EAAM,SAAS,EAAE,GAEjEC,IAAkBD,EAAM;AAAA,IAC5B,MAAML,EAAgB,KAAK,CAACO,MAAYA,EAAQ,SAASJ,CAAmB;AAAA,IAC5E,CAACH,GAAiBG,CAAmB;AAAA,EAAA,GAGjCK,IAAsB,OAAOD,MAAyC;AAC1E,UAAMN,EAA0B;AAAA,MAC9B,GAAGM;AAAA,MACH,YAAY,CAACA,EAAQ;AAAA,IAAA,CACtB;AAAA,EAAA,GAGGE,IAAsB,OAAOF,MAAyC;AAC1E,UAAMN,EAA0BM,CAAO;AAAA,EAAA;AAGzC,2BACGG,GAAM,EAAA,IAAI,EAAE,iBAAiB,mBAC3B,GAAA,UAAA;AAAA,IAAAV,EAEE,OAAO,CAACO,MAAYA,EAAQ,YAAYA,EAAQ,SAAS,SAAS,CAAC,EACnE,IAAI,CAACA,MACJ,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,2BAAUC,GAAa,EAAA;AAAA,QACvB,WAAWN,EAAQ;AAAA,QACnB,YAAY,CAACA,EAAQ;AAAA,QAErB,SAAS,MAAMH,EAAuBG,EAAQ,IAAI;AAAA,QAClD,UAAU,MAAMC,EAAoBD,CAAO;AAAA,QAC3C,aAAaA,EAAQ;AAAA,QACrB,eAAeA,EAAQ,aAAaA,EAAQ,uBAAuB;AAAA,MAAA;AAAA,MAJ9DA,EAAQ;AAAA,IAAA,CAMhB;AAAA,IACH,gBAAAI;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,QAAQ,EAAQR;AAAA,QAChB,SAAS,MAAMF,EAAuB,EAAE;AAAA,QACxC,OAAOE,IAAkBA,EAAgB,QAAQ;AAAA,QAEhD,UACCA,KAAA,gBAAAK;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,iBAAiBN;AAAA,YACjB,SAASH;AAAA,UAAA;AAAA,QACX;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/settings/components/notifications/AccountProfileListItem.js

@@ -0,0 +1,247 @@
+import { jsxs as D, jsx as o } from "react/jsx-runtime";
+import p from "react";
+import { observer as A } from "mobx-react-lite";
+import { endOfMonth as C } from "date-fns/endOfMonth";
+import { startOfMonth as x } from "date-fns/startOfMonth";
+import P from "@mui/material/Stack";
+import { DateCalendar as I } from "@mui/x-date-pickers/DateCalendar";
+import { LocalizationProvider as v } from "@mui/x-date-pickers/LocalizationProvider";
+import { AdapterDateFns as T } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { ChevronRight as w } from "@mxenabled/mx-icons";
+import { InstitutionLogo as S } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { buildDynamicCopy as O } from "../../../common/utils/Localization.js";
+import { formatOrdinal as k, formatCurrency as L } from "../../../common/utils/NumberFormatting.js";
+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 M, useAccountStore as R } 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 "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 B from "../../../common/components/dialog/Dialog.js";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import N from "../../../common/components/CurrencyInput.js";
+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 { ToggleButtonListItem as j } from "../../../common/components/listitems/ToggleButtonListItem.js";
+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 { AccountNotificationTypes as z } from "../../../common/types/Notification.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 "../../SettingsWidget.js";
+import "../SettingsWidgetContents.js";
+import "../profile/ProfileTab.js";
+import "../devices/DeviceTab.js";
+import "../../NotificationSettingsWidget.js";
+import "./NotificationSettings.js";
+import "./AccountNotificationProfiles.js";
+import "./BudgetNotificationProfiles.js";
+import "./InsightsNotificationProfiles.js";
+import "../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 Gr = A(
+  ({ onProfileUpdated: n, profile: t }) => {
+    const { common: e, recurring: u, settings: i } = M(), { updateAccount: d } = R(), r = t.notification_type === z.DebtPaymentReminder, [y, a] = p.useState(!1), [c, _] = p.useState(t.threshold || 0), [s, l] = p.useState(
+      t.account?.day_payment_is_due || 0
+    ), h = t.account?.name || t.account?.feed_name || "", f = t.account?.day_payment_is_due ? O(
+      i.notification_debt_payment_date,
+      k(t.account?.day_payment_is_due)
+    ) : i.notification_debt_payment_zero_state, g = r ? f : L(t.threshold ?? 0, "0,0"), b = async () => {
+      r && t.account ? await d({ ...t.account, day_payment_is_due: s }) : n({ ...t, threshold: c });
+    };
+    return /* @__PURE__ */ D(P, { children: [
+      /* @__PURE__ */ o(
+        j,
+        {
+          avatar: t.account?.institution_guid ? /* @__PURE__ */ o(
+            S,
+            {
+              alt: t.label,
+              institutionGuid: t.account?.institution_guid
+            }
+          ) : void 0,
+          endIcon: /* @__PURE__ */ o(w, {}),
+          isChecked: t.is_enabled,
+          onClick: () => a(!0),
+          onToggle: () => n({
+            ...t,
+            is_enabled: !t.is_enabled
+          }),
+          primaryText: h,
+          secondaryText: g
+        }
+      ),
+      /* @__PURE__ */ o(
+        B,
+        {
+          copy: {
+            title: r ? u.day_of_the_month : i.notification_threshold_label,
+            close_aria: e.close_aria
+          },
+          disablePrimaryButton: r && s === 0,
+          isOpen: y,
+          onClose: () => a(!1),
+          onPrimaryAction: b,
+          primaryText: e.save_button,
+          children: r ? /* @__PURE__ */ o(v, { dateAdapter: T, children: /* @__PURE__ */ o(
+            I,
+            {
+              maxDate: C(/* @__PURE__ */ new Date()),
+              minDate: x(/* @__PURE__ */ new Date()),
+              onChange: (m) => {
+                l(m.getDate());
+              },
+              slots: {
+                // Hides the arrows
+                leftArrowIcon: () => null,
+                rightArrowIcon: () => null
+              },
+              sx: {
+                // TODO: Needs to be updated in MXUI
+                "& .MuiPickersDay-today": {
+                  color: "primary.main"
+                }
+              },
+              views: ["day"]
+            }
+          ) }) : /* @__PURE__ */ o(
+            N,
+            {
+              amount: c,
+              autoFocus: !0,
+              fullWidth: !0,
+              minAmount: 0,
+              setAmount: (m) => _(Number(m) || 0),
+              sx: { ".MuiTypography-Body": { p: 0 } }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+export {
+  Gr as AccountProfileListItem
+};
+//# sourceMappingURL=AccountProfileListItem.js.map

package/dist/settings/components/notifications/AccountProfileListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountProfileListItem.js","sources":["../../../../src/settings/components/notifications/AccountProfileListItem.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { endOfMonth } from 'date-fns/endOfMonth'\nimport { startOfMonth } from 'date-fns/startOfMonth'\n\nimport Stack from '@mui/material/Stack'\nimport { DateCalendar } from '@mui/x-date-pickers/DateCalendar'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { InstitutionLogo } from '@mxenabled/mxui'\n\nimport {\n  AccountNotificationTypes,\n  buildDynamicCopy,\n  CurrencyInput,\n  DetailedNotificationProfile,\n  Dialog,\n  formatCurrency,\n  formatOrdinal,\n  ToggleButtonListItem,\n  useAccountStore,\n  useGlobalCopyStore,\n} from '../../../common'\n\ninterface AccountProfileListItemProps {\n  onProfileUpdated: (profile: DetailedNotificationProfile) => void\n  profile: DetailedNotificationProfile\n}\n\nexport const AccountProfileListItem = observer(\n  ({ onProfileUpdated, profile }: AccountProfileListItemProps) => {\n    const { common: commonCopy, recurring: recurringCopy, settings: copy } = useGlobalCopyStore()\n    const { updateAccount } = useAccountStore()\n\n    const isPaymentReminder =\n      profile.notification_type === AccountNotificationTypes.DebtPaymentReminder\n\n    const [isOpen, setIsOpen] = React.useState(false)\n    const [amount, setAmount] = React.useState<number>(profile.threshold || 0)\n    const [paymentDay, setPaymentDay] = React.useState<number>(\n      profile.account?.day_payment_is_due || 0,\n    )\n\n    const accountName = profile.account?.name || profile.account?.feed_name || ''\n    const accountPaymentDate = profile.account?.day_payment_is_due\n      ? (buildDynamicCopy(\n          copy.notification_debt_payment_date,\n          formatOrdinal(profile.account?.day_payment_is_due),\n        ) as string)\n      : copy.notification_debt_payment_zero_state\n\n    const secondaryText = isPaymentReminder\n      ? accountPaymentDate\n      : formatCurrency(profile.threshold ?? 0, '0,0')\n\n    const handleUpdateProfile = async () => {\n      if (isPaymentReminder && profile.account) {\n        await updateAccount({ ...profile.account, day_payment_is_due: paymentDay })\n      } else {\n        onProfileUpdated({ ...profile, threshold: amount })\n      }\n    }\n\n    return (\n      <Stack>\n        <ToggleButtonListItem\n          avatar={\n            profile.account?.institution_guid ? (\n              <InstitutionLogo\n                alt={profile.label}\n                institutionGuid={profile.account?.institution_guid}\n              />\n            ) : undefined\n          }\n          endIcon={<ChevronRight />}\n          isChecked={profile.is_enabled}\n          onClick={() => setIsOpen(true)}\n          onToggle={() =>\n            onProfileUpdated({\n              ...profile,\n              is_enabled: !profile.is_enabled,\n            })\n          }\n          primaryText={accountName}\n          secondaryText={secondaryText}\n        />\n\n        <Dialog\n          copy={{\n            title: isPaymentReminder\n              ? recurringCopy.day_of_the_month\n              : copy.notification_threshold_label,\n            close_aria: commonCopy.close_aria,\n          }}\n          disablePrimaryButton={isPaymentReminder && paymentDay === 0}\n          isOpen={isOpen}\n          onClose={() => setIsOpen(false)}\n          onPrimaryAction={handleUpdateProfile}\n          primaryText={commonCopy.save_button}\n        >\n          {isPaymentReminder ? (\n            <LocalizationProvider dateAdapter={AdapterDateFns}>\n              <DateCalendar\n                maxDate={endOfMonth(new Date())}\n                minDate={startOfMonth(new Date())}\n                onChange={(date: Date) => {\n                  setPaymentDay(date.getDate())\n                }}\n                slots={{\n                  // Hides the arrows\n                  leftArrowIcon: () => null,\n                  rightArrowIcon: () => null,\n                }}\n                sx={{\n                  // TODO: Needs to be updated in MXUI\n                  '& .MuiPickersDay-today': {\n                    color: 'primary.main',\n                  },\n                }}\n                views={['day']}\n              />\n            </LocalizationProvider>\n          ) : (\n            <CurrencyInput\n              amount={amount}\n              autoFocus={true}\n              fullWidth={true}\n              minAmount={0}\n              setAmount={(value) => setAmount(Number(value) || 0)}\n              sx={{ '.MuiTypography-Body': { p: 0 } }}\n            />\n          )}\n        </Dialog>\n      </Stack>\n    )\n  },\n)\n"],"names":["AccountProfileListItem","observer","onProfileUpdated","profile","commonCopy","recurringCopy","copy","useGlobalCopyStore","updateAccount","useAccountStore","isPaymentReminder","AccountNotificationTypes","isOpen","setIsOpen","React","amount","setAmount","paymentDay","setPaymentDay","accountName","accountPaymentDate","buildDynamicCopy","formatOrdinal","secondaryText","formatCurrency","handleUpdateProfile","Stack","jsx","ToggleButtonListItem","InstitutionLogo","ChevronRight","Dialog","LocalizationProvider","AdapterDateFns","DateCalendar","endOfMonth","startOfMonth","date","CurrencyInput","value"],"mappings":"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"}

package/dist/settings/components/notifications/BudgetNotificationProfiles.js

@@ -0,0 +1,165 @@
+import { jsx as r } from "react/jsx-runtime";
+import { observer as i } from "mobx-react-lite";
+import m from "@mui/material/Stack";
+import { NotificationProfile as p } from "./NotificationProfile.js";
+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 "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useSettingsStore as e } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../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 "../../SettingsWidget.js";
+import "../SettingsWidgetContents.js";
+import "../profile/ProfileTab.js";
+import "../devices/DeviceTab.js";
+import "../../NotificationSettingsWidget.js";
+import "./NotificationSettings.js";
+import "./AccountNotificationProfiles.js";
+import "./InsightsNotificationProfiles.js";
+import "../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 it = i(() => {
+  const { budgetProfiles: t } = e();
+  return /* @__PURE__ */ r(m, { children: t.map((o) => /* @__PURE__ */ r(p, { profile: o }, o.guid)) });
+});
+export {
+  it as BudgetNotificationProfiles
+};
+//# sourceMappingURL=BudgetNotificationProfiles.js.map