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

package/dist/notifications/components/NotificationBadge.js

@@ -0,0 +1,180 @@
+import { jsx as t } from "react/jsx-runtime";
+import { observer as d } from "mobx-react-lite";
+import { InstitutionLogo as c, CategoryIcon as a } 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 "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 { useAccountStore as g, useBudgetsStore as l, useGlobalCopyStore as y } 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/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 "./NotificationList.js";
+import "./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 f = ({ notification: i }) => {
+  const { accounts: p } = g(), { budgets: e } = l(), { accounts: n } = y(), o = p.find((r) => r.guid === i.entity_guid), s = e.find((r) => r.guid === i.entity_guid), u = i.entity_guid.includes("GOL"), m = {
+    badge: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      borderRadius: 4,
+      marginRight: 12
+    }
+  };
+  return o || u ? /* @__PURE__ */ t("div", { style: m.badge, children: /* @__PURE__ */ t(
+    c,
+    {
+      alt: o?.institutionName || n.institution_logo_alt,
+      institutionGuid: o?.institution_guid ?? "",
+      size: 33
+    }
+  ) }) : /* @__PURE__ */ t("div", { style: m.badge, children: /* @__PURE__ */ t(a, { categoryGuid: s?.category_guid, size: 36 }) });
+}, go = d(f);
+export {
+  go as default
+};
+//# sourceMappingURL=NotificationBadge.js.map

package/dist/notifications/components/NotificationBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBadge.js","sources":["../../../src/notifications/components/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { InstitutionLogo, CategoryIcon } from '@mxenabled/mxui'\n\nimport { useAccountStore, useBudgetsStore, useGlobalCopyStore } from '../../common'\nimport { type Notification } from '../../common/types'\n\ninterface NotificationBadgeProps {\n  notification: Notification\n}\n\nconst NotificationBadge: React.FC<NotificationBadgeProps> = ({ notification }) => {\n  // Show notifications for all accounts (including hidden)\n  const { accounts } = useAccountStore()\n  const { budgets } = useBudgetsStore()\n  const { accounts: accountsCopy } = useGlobalCopyStore()\n\n  const account = accounts.find((account) => account.guid === notification.entity_guid)\n  const budget = budgets.find((budget) => budget.guid === notification.entity_guid)\n  const isGoal = notification.entity_guid.includes('GOL')\n\n  const styles = {\n    badge: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 4,\n      marginRight: 12,\n    },\n  }\n\n  if (account || isGoal) {\n    return (\n      <div style={styles.badge}>\n        <InstitutionLogo\n          alt={account?.institutionName || accountsCopy.institution_logo_alt}\n          institutionGuid={account?.institution_guid ?? ''}\n          size={33}\n        />\n      </div>\n    )\n  } else {\n    return (\n      <div style={styles.badge}>\n        <CategoryIcon categoryGuid={budget?.category_guid} size={36} />\n      </div>\n    )\n  }\n}\n\nexport default observer(NotificationBadge)\n"],"names":["NotificationBadge","notification","accounts","useAccountStore","budgets","useBudgetsStore","accountsCopy","useGlobalCopyStore","account","budget","isGoal","styles","jsx","InstitutionLogo","CategoryIcon","NotificationBadge$1","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAMA,IAAsD,CAAC,EAAE,cAAAC,QAAmB;AAE1E,QAAA,EAAE,UAAAC,MAAaC,KACf,EAAE,SAAAC,MAAYC,KACd,EAAE,UAAUC,EAAa,IAAIC,EAAmB,GAEhDC,IAAUN,EAAS,KAAK,CAACM,MAAYA,EAAQ,SAASP,EAAa,WAAW,GAC9EQ,IAASL,EAAQ,KAAK,CAACK,MAAWA,EAAO,SAASR,EAAa,WAAW,GAC1ES,IAAST,EAAa,YAAY,SAAS,KAAK,GAEhDU,IAAS;AAAA,IACb,OAAO;AAAA,MACL,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA,EAAA;AAGF,SAAIH,KAAWE,IAEV,gBAAAE,EAAA,OAAA,EAAI,OAAOD,EAAO,OACjB,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKL,GAAS,mBAAmBF,EAAa;AAAA,MAC9C,iBAAiBE,GAAS,oBAAoB;AAAA,MAC9C,MAAM;AAAA,IAAA;AAAA,EAEV,EAAA,CAAA,IAIC,gBAAAI,EAAA,OAAA,EAAI,OAAOD,EAAO,OACjB,UAAA,gBAAAC,EAACE,GAAa,EAAA,cAAcL,GAAQ,eAAe,MAAM,GAAA,CAAI,EAC/D,CAAA;AAGN,GAEeM,KAAAC,EAAShB,CAAiB;"}

package/dist/notifications/components/NotificationCard.js

@@ -0,0 +1,195 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { useTheme as a, Card as d } from "@mui/material";
+import { Text as n } 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 "react";
+import "numeral";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useNotificationStore as l } 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/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 "./NotificationList.js";
+import "./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 s from "./NotificationBadge.js";
+const no = ({ notification: t, onClick: m }) => {
+  const { updateNotification: p } = l(), r = a(), i = {
+    card: {
+      alignItems: "center",
+      cursor: "pointer",
+      display: "flex",
+      marginBottom: 12,
+      paddingX: 24,
+      paddingY: 12,
+      "&:focus": {
+        backgroundColor: r.palette.background.default
+      },
+      "&:hover": {
+        backgroundColor: r.palette.background.default
+      }
+    },
+    dot: {
+      backgroundColor: r.palette.primary.main,
+      borderRadius: "100%",
+      flex: "0 0 auto",
+      marginLeft: -8,
+      marginRight: 8,
+      height: 8,
+      width: 8
+    }
+  };
+  return /* @__PURE__ */ e(d, { onClick: () => {
+    m(t), p({ ...t, has_been_viewed: !0 }).finally();
+  }, sx: i.card, children: [
+    t.has_been_viewed ? null : /* @__PURE__ */ o("div", { "data-testid": "new-message-dot", style: i.dot }),
+    /* @__PURE__ */ o(s, { notification: t }),
+    /* @__PURE__ */ o(n, { bold: !t.has_been_viewed, truncate: !1, variant: "Small", children: t.content })
+  ] });
+};
+export {
+  no as default
+};
+//# sourceMappingURL=NotificationCard.js.map

package/dist/notifications/components/NotificationCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCard.js","sources":["../../../src/notifications/components/NotificationCard.tsx"],"sourcesContent":["import React from 'react'\nimport { Card, useTheme } from '@mui/material'\nimport { Text } from '@mxenabled/mxui'\n\nimport { type Notification } from '../../common/types'\nimport { useNotificationStore } from '../../common'\nimport NotificationBadge from './NotificationBadge'\n\ninterface NotificationCardProps {\n  notification: Notification\n  onClick: (notification: Notification) => void\n}\n\nconst NotificationCard: React.FC<NotificationCardProps> = ({ notification, onClick }) => {\n  const { updateNotification } = useNotificationStore()\n  const theme = useTheme()\n\n  const styles = {\n    card: {\n      alignItems: 'center',\n      cursor: 'pointer',\n      display: 'flex',\n      marginBottom: 12,\n      paddingX: 24,\n      paddingY: 12,\n      '&:focus': {\n        backgroundColor: theme.palette.background.default,\n      },\n      '&:hover': {\n        backgroundColor: theme.palette.background.default,\n      },\n    },\n    dot: {\n      backgroundColor: theme.palette.primary.main,\n      borderRadius: '100%',\n      flex: '0 0 auto',\n      marginLeft: -8,\n      marginRight: 8,\n      height: 8,\n      width: 8,\n    },\n  }\n\n  const handleOnClick = () => {\n    onClick(notification)\n    updateNotification({ ...notification, has_been_viewed: true }).finally()\n  }\n\n  return (\n    <Card onClick={handleOnClick} sx={styles.card}>\n      {!notification.has_been_viewed ? (\n        <div data-testid=\"new-message-dot\" style={styles.dot} />\n      ) : null}\n      <NotificationBadge notification={notification} />\n      <Text bold={!notification.has_been_viewed} truncate={false} variant={'Small'}>\n        {notification.content}\n      </Text>\n    </Card>\n  )\n}\n\nexport default NotificationCard\n"],"names":["NotificationCard","notification","onClick","updateNotification","useNotificationStore","theme","useTheme","styles","Card","jsx","NotificationBadge","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAMA,KAAoD,CAAC,EAAE,cAAAC,GAAc,SAAAC,QAAc;AACjF,QAAA,EAAE,oBAAAC,MAAuBC,KACzBC,IAAQC,KAERC,IAAS;AAAA,IACb,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,cAAc;AAAA,MACd,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW;AAAA,QACT,iBAAiBF,EAAM,QAAQ,WAAW;AAAA,MAC5C;AAAA,MACA,WAAW;AAAA,QACT,iBAAiBA,EAAM,QAAQ,WAAW;AAAA,MAC5C;AAAA,IACF;AAAA,IACA,KAAK;AAAA,MACH,iBAAiBA,EAAM,QAAQ,QAAQ;AAAA,MACvC,cAAc;AAAA,MACd,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EAAA;AAQF,2BACGG,GAAK,EAAA,SANc,MAAM;AAC1B,IAAAN,EAAQD,CAAY,GACpBE,EAAmB,EAAE,GAAGF,GAAc,iBAAiB,GAAM,CAAA,EAAE;EAAQ,GAIzC,IAAIM,EAAO,MACtC,UAAA;AAAA,IAACN,EAAa,kBAEX,OADD,gBAAAQ,EAAA,OAAA,EAAI,eAAY,mBAAkB,OAAOF,EAAO,IAAA,CAAK;AAAA,IAExD,gBAAAE,EAACC,KAAkB,cAAAT,GAA4B;AAAA,IAC/C,gBAAAQ,EAACE,GAAK,EAAA,MAAM,CAACV,EAAa,iBAAiB,UAAU,IAAO,SAAS,SAClE,UAAAA,EAAa,QAChB,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/notifications/components/NotificationDrawer.js

@@ -0,0 +1,215 @@
+import { jsx as t, jsxs as p, Fragment as g } from "react/jsx-runtime";
+import _ from "react";
+import { observer as u } from "mobx-react-lite";
+import d from "@mui/material/IconButton";
+import { Settings as h } 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 "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useAppConfig as S, useGlobalCopyStore as C, useGlobalUiStore as b } 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 "@mui/material/Stack";
+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 m 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 w 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 y from "./NotificationList.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 { NotificationSettings as L } from "../../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 bi = u(
+  ({ notificationTypes: e, isOpen: s, onClose: n, onNotificationClick: a }) => {
+    const { config: l } = S(), { notifications: o, settings: r } = C(), { isCopyLoaded: c } = b(), [f, i] = _.useState(!1);
+    return c ? /* @__PURE__ */ p(g, { children: [
+      /* @__PURE__ */ p(
+        m,
+        {
+          ariaLabelClose: o.close_notifications,
+          isOpen: s,
+          onClose: n,
+          title: o.notifications_title,
+          children: [
+            /* @__PURE__ */ t(
+              d,
+              {
+                "aria-label": r.open_notification_settings_btn_aria,
+                onClick: () => i(!0),
+                sx: {
+                  position: "absolute",
+                  right: 8,
+                  top: 8
+                },
+                children: /* @__PURE__ */ t(h, { size: 24 })
+              }
+            ),
+            /* @__PURE__ */ t(
+              y,
+              {
+                onClick: a,
+                onManageNotifications: () => i(!0)
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        m,
+        {
+          ariaLabelClose: o.close_notification_settings,
+          isOpen: f,
+          onClose: () => i(!1),
+          title: r.notification_settings_title,
+          children: /* @__PURE__ */ t(
+            L,
+            {
+              notificationTypes: e,
+              showPersonalDetails: !l.display_user_profile_in_settings
+            }
+          )
+        }
+      )
+    ] }) : /* @__PURE__ */ t(w, {});
+  }
+);
+export {
+  bi as NotificationDrawer
+};
+//# sourceMappingURL=NotificationDrawer.js.map

package/dist/notifications/components/NotificationDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawer.js","sources":["../../../src/notifications/components/NotificationDrawer.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport IconButton from '@mui/material/IconButton'\n\nimport { Settings as SettingsIcon } from '@mxenabled/mx-icons'\n\nimport {\n  type Notification,\n  Drawer,\n  Loader,\n  NotificationTypes,\n  useAppConfig,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n} from '../../common'\n\nimport { NotificationSettings } from '../../settings'\n\nimport NotificationList from './NotificationList'\n\ninterface NotificationDrawerProps {\n  notificationTypes?: NotificationTypes[]\n  isOpen: boolean\n  onClose: () => void\n  onNotificationClick?: (notification: Notification) => void\n}\n\nexport const NotificationDrawer = observer(\n  ({ notificationTypes, isOpen, onClose, onNotificationClick }: NotificationDrawerProps) => {\n    const { config } = useAppConfig()\n    const { notifications: copy, settings: settingsCopy } = useGlobalCopyStore()\n    const { isCopyLoaded } = useGlobalUiStore()\n\n    const [shouldShowSettings, setShouldShowSettings] = React.useState(false)\n\n    if (!isCopyLoaded) return <Loader />\n\n    return (\n      <>\n        <Drawer\n          ariaLabelClose={copy.close_notifications}\n          isOpen={isOpen}\n          onClose={onClose}\n          title={copy.notifications_title}\n        >\n          <IconButton\n            aria-label={settingsCopy.open_notification_settings_btn_aria}\n            onClick={() => setShouldShowSettings(true)}\n            sx={{\n              position: 'absolute',\n              right: 8,\n              top: 8,\n            }}\n          >\n            <SettingsIcon size={24} />\n          </IconButton>\n\n          <NotificationList\n            onClick={onNotificationClick}\n            onManageNotifications={() => setShouldShowSettings(true)}\n          />\n        </Drawer>\n        <Drawer\n          ariaLabelClose={copy.close_notification_settings}\n          isOpen={shouldShowSettings}\n          onClose={() => setShouldShowSettings(false)}\n          title={settingsCopy.notification_settings_title}\n        >\n          <NotificationSettings\n            notificationTypes={notificationTypes}\n            showPersonalDetails={!config.display_user_profile_in_settings}\n          />\n        </Drawer>\n      </>\n    )\n  },\n)\n"],"names":["NotificationDrawer","observer","notificationTypes","isOpen","onClose","onNotificationClick","config","useAppConfig","copy","settingsCopy","useGlobalCopyStore","isCopyLoaded","useGlobalUiStore","shouldShowSettings","setShouldShowSettings","React","jsxs","Fragment","Drawer","jsx","IconButton","SettingsIcon","NotificationList","NotificationSettings","Loader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAMA,KAAqBC;AAAA,EAChC,CAAC,EAAE,mBAAAC,GAAmB,QAAAC,GAAQ,SAAAC,GAAS,qBAAAC,QAAmD;AAClF,UAAA,EAAE,QAAAC,MAAWC,KACb,EAAE,eAAeC,GAAM,UAAUC,EAAA,IAAiBC,KAClD,EAAE,cAAAC,MAAiBC,KAEnB,CAACC,GAAoBC,CAAqB,IAAIC,EAAM,SAAS,EAAK;AAExE,WAAKJ,IAID,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,gBAAgBV,EAAK;AAAA,UACrB,QAAAL;AAAA,UACA,SAAAC;AAAA,UACA,OAAOI,EAAK;AAAA,UAEZ,UAAA;AAAA,YAAA,gBAAAW;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,cAAYX,EAAa;AAAA,gBACzB,SAAS,MAAMK,EAAsB,EAAI;AAAA,gBACzC,IAAI;AAAA,kBACF,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,KAAK;AAAA,gBACP;AAAA,gBAEA,UAAA,gBAAAK,EAACE,GAAa,EAAA,MAAM,GAAI,CAAA;AAAA,cAAA;AAAA,YAC1B;AAAA,YAEA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,SAASjB;AAAA,gBACT,uBAAuB,MAAMS,EAAsB,EAAI;AAAA,cAAA;AAAA,YACzD;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAK;AAAA,QAACD;AAAA,QAAA;AAAA,UACC,gBAAgBV,EAAK;AAAA,UACrB,QAAQK;AAAA,UACR,SAAS,MAAMC,EAAsB,EAAK;AAAA,UAC1C,OAAOL,EAAa;AAAA,UAEpB,UAAA,gBAAAU;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,mBAAArB;AAAA,cACA,qBAAqB,CAACI,EAAO;AAAA,YAAA;AAAA,UAC/B;AAAA,QAAA;AAAA,MACF;AAAA,IACF,EAAA,CAAA,IAtCwB,gBAAAa,EAACK,GAAO,CAAA,CAAA;AAAA,EAwCpC;AACF;"}