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

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

@@ -0,0 +1,246 @@
+import { jsxs as b, jsx as i } from "react/jsx-runtime";
+import T from "react";
+import { observer as D } from "mobx-react-lite";
+import v from "@mui/material/Collapse";
+import n from "@mui/material/Divider";
+import g from "@mui/material/List";
+import { ExpandMore as C } 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 { useGlobalCopyStore as k, useSettingsStore as P, useUserStore as S } 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 "../../../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 w } from "../../../common/components/listitems/ToggleButtonListItem.js";
+import { ToggleListItem as l } from "../../../common/components/listitems/ToggleListItem.js";
+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 "../../../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 St = D(({ profile: o }) => {
+  const { settings: e } = k(), {
+    clientCommunicationProfile: {
+      email_notifications_enabled: s,
+      push_notifications_enabled: t,
+      sms_notifications_enabled: m
+    },
+    updateNotificationProfile: x,
+    userCommunicationsProfile: {
+      opted_out_of_email_notifications: d,
+      opted_out_of_push_notifications: c,
+      opted_out_of_sms_notifications: _
+    }
+  } = P(), { user: r } = S(), [a, h] = T.useState(!1), f = async () => {
+    await p({ ...o, is_enabled: !o.is_enabled }), o.is_enabled && h(!1);
+  }, p = async (y) => {
+    await x(y);
+  }, u = s || m || t;
+  return /* @__PURE__ */ b(g, { sx: { bgcolor: "background.paper" }, children: [
+    /* @__PURE__ */ i(
+      w,
+      {
+        endIcon: u ? /* @__PURE__ */ i(
+          C,
+          {
+            sx: {
+              transition: "transform 0.3s ease-in-out",
+              transform: a ? "rotate(180deg)" : "rotate(0deg)"
+            }
+          }
+        ) : void 0,
+        isChecked: o.is_enabled,
+        isDisabled: !o.is_enabled,
+        onClick: () => h(!a),
+        onToggle: () => f(),
+        primaryText: o.label,
+        secondaryText: o.is_enabled ? o.deliveryMethodsLabel : void 0
+      },
+      o.guid
+    ),
+    u && /* @__PURE__ */ i(v, { in: a, children: /* @__PURE__ */ b(g, { sx: { bgcolor: "background.paper" }, children: [
+      s && /* @__PURE__ */ i(
+        l,
+        {
+          isChecked: !d && o.email_channel && !!r.email,
+          isDisabled: d || !r.email,
+          onToggle: () => p({
+            ...o,
+            email_channel: !o.email_channel
+          }),
+          primaryText: e.delivery_method_email_label
+        }
+      ),
+      s && (m || t) && /* @__PURE__ */ i(n, { sx: { ml: 48 } }),
+      m && /* @__PURE__ */ i(
+        l,
+        {
+          isChecked: !_ && o.sms_channel && !!r.phone,
+          isDisabled: _ || !r.phone,
+          onToggle: () => p({
+            ...o,
+            sms_channel: !o.sms_channel
+          }),
+          primaryText: e.delivery_method_sms_label
+        }
+      ),
+      m && t && /* @__PURE__ */ i(n, { sx: { ml: 48 } }),
+      t && /* @__PURE__ */ i(
+        l,
+        {
+          isChecked: !c && o.push_channel,
+          isDisabled: c,
+          onToggle: () => p({
+            ...o,
+            push_channel: !o.push_channel
+          }),
+          primaryText: e.delivery_method_push_label
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ i(n, {})
+  ] }, o.guid);
+});
+export {
+  St as NotificationProfile
+};
+//# sourceMappingURL=NotificationProfile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationProfile.js","sources":["../../../../src/settings/components/notifications/NotificationProfile.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Collapse from '@mui/material/Collapse'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\n\nimport { ExpandMore } from '@mxenabled/mx-icons'\n\nimport {\n  type DetailedNotificationProfile,\n  ToggleButtonListItem,\n  ToggleListItem,\n  useGlobalCopyStore,\n  useSettingsStore,\n  useUserStore,\n} from '../../../common'\n\ninterface BudgetNotificationProfileProps {\n  profile: DetailedNotificationProfile\n}\n\nexport const NotificationProfile = observer(({ profile }: BudgetNotificationProfileProps) => {\n  const { settings: copy } = useGlobalCopyStore()\n  const {\n    clientCommunicationProfile: {\n      email_notifications_enabled: showEmail,\n      push_notifications_enabled: showPush,\n      sms_notifications_enabled: showSms,\n    },\n    updateNotificationProfile,\n    userCommunicationsProfile: {\n      opted_out_of_email_notifications: emailDisabled,\n      opted_out_of_push_notifications: pushDisabled,\n      opted_out_of_sms_notifications: smsDisabled,\n    },\n  } = useSettingsStore()\n\n  const { user: userDetails } = useUserStore()\n\n  const [isExpanded, setIsExpanded] = React.useState(false)\n\n  const handleProfileToggle = async () => {\n    await handleUpdateProfile({ ...profile, is_enabled: !profile.is_enabled })\n\n    if (profile.is_enabled) {\n      setIsExpanded(false)\n    }\n  }\n\n  const handleUpdateProfile = async (updatedProfile: DetailedNotificationProfile) => {\n    await updateNotificationProfile(updatedProfile)\n  }\n\n  const hasDeliveryMethods = showEmail || showSms || showPush\n\n  return (\n    <List key={profile.guid} sx={{ bgcolor: 'background.paper' }}>\n      <ToggleButtonListItem\n        endIcon={\n          hasDeliveryMethods ? (\n            <ExpandMore\n              sx={{\n                transition: 'transform 0.3s ease-in-out',\n                transform: isExpanded ? 'rotate(180deg)' : 'rotate(0deg)',\n              }}\n            />\n          ) : undefined\n        }\n        isChecked={profile.is_enabled}\n        isDisabled={!profile.is_enabled}\n        key={profile.guid}\n        onClick={() => setIsExpanded(!isExpanded)}\n        onToggle={() => handleProfileToggle()}\n        primaryText={profile.label}\n        secondaryText={profile.is_enabled ? profile.deliveryMethodsLabel : undefined}\n      />\n      {hasDeliveryMethods && (\n        <Collapse in={isExpanded}>\n          <List sx={{ bgcolor: 'background.paper' }}>\n            {showEmail && (\n              <ToggleListItem\n                isChecked={!emailDisabled && profile.email_channel && !!userDetails.email}\n                isDisabled={emailDisabled || !userDetails.email}\n                onToggle={() =>\n                  handleUpdateProfile({\n                    ...profile,\n                    email_channel: !profile.email_channel,\n                  })\n                }\n                primaryText={copy.delivery_method_email_label}\n              />\n            )}\n\n            {showEmail && (showSms || showPush) && <Divider sx={{ ml: 48 }} />}\n\n            {showSms && (\n              <ToggleListItem\n                isChecked={!smsDisabled && profile.sms_channel && !!userDetails.phone}\n                isDisabled={smsDisabled || !userDetails.phone}\n                onToggle={() =>\n                  handleUpdateProfile({\n                    ...profile,\n                    sms_channel: !profile.sms_channel,\n                  })\n                }\n                primaryText={copy.delivery_method_sms_label}\n              />\n            )}\n\n            {showSms && showPush && <Divider sx={{ ml: 48 }} />}\n\n            {showPush && (\n              <ToggleListItem\n                isChecked={!pushDisabled && profile.push_channel}\n                isDisabled={pushDisabled}\n                onToggle={() =>\n                  handleUpdateProfile({\n                    ...profile,\n                    push_channel: !profile.push_channel,\n                  })\n                }\n                primaryText={copy.delivery_method_push_label}\n              />\n            )}\n          </List>\n        </Collapse>\n      )}\n      <Divider />\n    </List>\n  )\n})\n"],"names":["NotificationProfile","observer","profile","copy","useGlobalCopyStore","showEmail","showPush","showSms","updateNotificationProfile","emailDisabled","pushDisabled","smsDisabled","useSettingsStore","userDetails","useUserStore","isExpanded","setIsExpanded","React","handleProfileToggle","handleUpdateProfile","updatedProfile","hasDeliveryMethods","List","jsx","ToggleButtonListItem","ExpandMore","Collapse","jsxs","ToggleListItem","Divider"],"mappings":"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"}

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

@@ -0,0 +1,230 @@
+import { jsx as i, jsxs as r, Fragment as v } from "react/jsx-runtime";
+import b from "react";
+import { observer as E } from "mobx-react-lite";
+import L from "@mui/material/Divider";
+import k from "@mui/material/List";
+import a from "@mui/material/ListItem";
+import d from "@mui/material/ListItemText";
+import f from "@mui/material/ListItemButton";
+import e from "@mui/material/Stack";
+import { ChevronRight as u } from "@mxenabled/mx-icons";
+import { H3 as O } 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 "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 { useAppConfig as T, useGlobalCopyStore as j, useGlobalUiStore as F, useSettingsStore as G } 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 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 R 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/ListItemAvatar";
+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 { NotificationTypes as t } 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 "../../../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 { AccountNotificationProfiles as y } from "./AccountNotificationProfiles.js";
+import { BudgetNotificationProfiles as x } from "./BudgetNotificationProfiles.js";
+import { InsightsNotificationProfiles as I } from "./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 { DeliveryMethods as w } from "./DeliveryMethods.js";
+import z from "./PersonalDetails.js";
+const zo = E(
+  ({
+    notificationTypes: s = [t.Accounts, t.Budgets],
+    showPersonalDetails: B = !1,
+    view: n
+  }) => {
+    const { config: _ } = T(), { settings: o } = j(), { isInitialized: c } = F(), { clientCommunicationProfile: h, loadNotificationProfiles: C } = G(), [m, p] = b.useState(
+      void 0
+    );
+    if (b.useEffect(() => {
+      c && C().finally();
+    }, [c]), !c)
+      return /* @__PURE__ */ i(R, {});
+    let l = o.manage_account_notifications;
+    m === t.Budgets ? l = o.manage_budget_notifications : m === t.Insights && (l = o.manage_insights_notifications);
+    const {
+      email_notifications_enabled: P,
+      sms_notifications_enabled: S,
+      push_notifications_enabled: A
+    } = h, g = P || S || A;
+    if (n === "accounts")
+      return /* @__PURE__ */ i(y, {});
+    if (n === "budgets")
+      return /* @__PURE__ */ i(x, {});
+    if (n === "insights")
+      return /* @__PURE__ */ i(I, {});
+    const D = _.display_email_edit_field_in_settings || _.display_sms_edit_field_in_settings, N = B && h.can_edit_contact_info && D;
+    return /* @__PURE__ */ r(e, { sx: { pt: g ? 0 : 24 }, children: [
+      /* @__PURE__ */ r(e, { sx: { px: 24 }, children: [
+        g && /* @__PURE__ */ r(v, { children: [
+          /* @__PURE__ */ i(w, {}),
+          /* @__PURE__ */ i(L, { sx: { my: 24 } })
+        ] }),
+        /* @__PURE__ */ i(O, { sx: { mb: 4 }, children: o.notification_types_title })
+      ] }),
+      /* @__PURE__ */ r(k, { children: [
+        s.includes(t.Accounts) && /* @__PURE__ */ i(a, { children: /* @__PURE__ */ r(f, { onClick: () => p(t.Accounts), children: [
+          /* @__PURE__ */ i(d, { primary: o.accounts_title, secondary: o.accounts_subtitle }),
+          /* @__PURE__ */ i(u, {})
+        ] }) }),
+        s.includes(t.Budgets) && /* @__PURE__ */ i(a, { children: /* @__PURE__ */ r(f, { onClick: () => p(t.Budgets), children: [
+          /* @__PURE__ */ i(d, { primary: o.budgets_title, secondary: o.budgets_subtitle }),
+          /* @__PURE__ */ i(u, {})
+        ] }) }),
+        s.includes(t.Insights) && /* @__PURE__ */ i(a, { children: /* @__PURE__ */ r(f, { onClick: () => p(t.Insights), children: [
+          /* @__PURE__ */ i(d, { primary: o.insights_title, secondary: o.insights_subtitle }),
+          /* @__PURE__ */ i(u, {})
+        ] }) })
+      ] }),
+      N && /* @__PURE__ */ i(e, { sx: { px: 24 }, children: /* @__PURE__ */ i(z, {}) }),
+      /* @__PURE__ */ i(
+        M,
+        {
+          isOpen: !!m,
+          onClose: () => p(void 0),
+          title: l,
+          children: /* @__PURE__ */ r(e, { children: [
+            m === t.Accounts && /* @__PURE__ */ i(y, {}),
+            m === t.Budgets && /* @__PURE__ */ i(x, {}),
+            m === t.Insights && /* @__PURE__ */ i(I, {})
+          ] })
+        }
+      )
+    ] });
+  }
+);
+export {
+  zo as NotificationSettings
+};
+//# sourceMappingURL=NotificationSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationSettings.js","sources":["../../../../src/settings/components/notifications/NotificationSettings.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemText from '@mui/material/ListItemText'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport Stack from '@mui/material/Stack'\n\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { H3 } from '@mxenabled/mxui'\n\nimport {\n  Drawer,\n  Loader,\n  NotificationTypes,\n  useAppConfig,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useSettingsStore,\n} from '../../../common'\n\nimport { AccountNotificationProfiles } from './AccountNotificationProfiles'\nimport { BudgetNotificationProfiles } from './BudgetNotificationProfiles'\nimport { DeliveryMethods } from './DeliveryMethods'\nimport { InsightsNotificationProfiles } from './InsightsNotificationProfiles'\nimport PersonalDetails from './PersonalDetails'\n\nexport interface NotificationSettingsProps {\n  notificationTypes?: NotificationTypes[]\n  showPersonalDetails?: boolean\n  view?: string | undefined\n}\n\nexport const NotificationSettings: React.FC<NotificationSettingsProps> = observer(\n  ({\n    notificationTypes = [NotificationTypes.Accounts, NotificationTypes.Budgets],\n    showPersonalDetails = false,\n    view,\n  }) => {\n    const { config } = useAppConfig()\n    const { settings: copy } = useGlobalCopyStore()\n    const { isInitialized } = useGlobalUiStore()\n    const { clientCommunicationProfile: ccp, loadNotificationProfiles } = useSettingsStore()\n\n    const [profileTypeOpen, setProfileTypeOpen] = React.useState<NotificationTypes | undefined>(\n      undefined,\n    )\n\n    React.useEffect(() => {\n      if (isInitialized) {\n        loadNotificationProfiles().finally()\n      }\n    }, [isInitialized])\n\n    if (!isInitialized) {\n      return <Loader />\n    }\n\n    let drawerTitle = copy.manage_account_notifications\n    if (profileTypeOpen === NotificationTypes.Budgets) {\n      drawerTitle = copy.manage_budget_notifications\n    } else if (profileTypeOpen === NotificationTypes.Insights) {\n      drawerTitle = copy.manage_insights_notifications\n    }\n\n    const {\n      email_notifications_enabled: emailEnabled,\n      sms_notifications_enabled: smsEnabled,\n      push_notifications_enabled: pushEnabled,\n    } = ccp\n\n    const hasDeliveryMethods = emailEnabled || smsEnabled || pushEnabled\n\n    if (view === 'accounts') {\n      return <AccountNotificationProfiles />\n    } else if (view === 'budgets') {\n      return <BudgetNotificationProfiles />\n    } else if (view === 'insights') {\n      return <InsightsNotificationProfiles />\n    }\n\n    const canEditFields =\n      config.display_email_edit_field_in_settings || config.display_sms_edit_field_in_settings\n    const shouldShowPersonalDetails =\n      showPersonalDetails && ccp.can_edit_contact_info && canEditFields\n\n    return (\n      <Stack sx={{ pt: hasDeliveryMethods ? 0 : 24 }}>\n        <Stack sx={{ px: 24 }}>\n          {hasDeliveryMethods && (\n            <>\n              <DeliveryMethods />\n              <Divider sx={{ my: 24 }} />\n            </>\n          )}\n\n          <H3 sx={{ mb: 4 }}>{copy.notification_types_title}</H3>\n        </Stack>\n        <List>\n          {notificationTypes.includes(NotificationTypes.Accounts) && (\n            <ListItem>\n              <ListItemButton onClick={() => setProfileTypeOpen(NotificationTypes.Accounts)}>\n                <ListItemText primary={copy.accounts_title} secondary={copy.accounts_subtitle} />\n                <ChevronRight />\n              </ListItemButton>\n            </ListItem>\n          )}\n          {notificationTypes.includes(NotificationTypes.Budgets) && (\n            <ListItem>\n              <ListItemButton onClick={() => setProfileTypeOpen(NotificationTypes.Budgets)}>\n                <ListItemText primary={copy.budgets_title} secondary={copy.budgets_subtitle} />\n                <ChevronRight />\n              </ListItemButton>\n            </ListItem>\n          )}\n          {notificationTypes.includes(NotificationTypes.Insights) && (\n            <ListItem>\n              <ListItemButton onClick={() => setProfileTypeOpen(NotificationTypes.Insights)}>\n                <ListItemText primary={copy.insights_title} secondary={copy.insights_subtitle} />\n                <ChevronRight />\n              </ListItemButton>\n            </ListItem>\n          )}\n        </List>\n\n        {shouldShowPersonalDetails && (\n          <Stack sx={{ px: 24 }}>\n            <PersonalDetails />\n          </Stack>\n        )}\n\n        <Drawer\n          isOpen={Boolean(profileTypeOpen)}\n          onClose={() => setProfileTypeOpen(undefined)}\n          title={drawerTitle}\n        >\n          <Stack>\n            {profileTypeOpen === NotificationTypes.Accounts && <AccountNotificationProfiles />}\n            {profileTypeOpen === NotificationTypes.Budgets && <BudgetNotificationProfiles />}\n            {profileTypeOpen === NotificationTypes.Insights && <InsightsNotificationProfiles />}\n          </Stack>\n        </Drawer>\n      </Stack>\n    )\n  },\n)\n"],"names":["NotificationSettings","observer","notificationTypes","NotificationTypes","showPersonalDetails","view","config","useAppConfig","copy","useGlobalCopyStore","isInitialized","useGlobalUiStore","ccp","loadNotificationProfiles","useSettingsStore","profileTypeOpen","setProfileTypeOpen","React","Loader","drawerTitle","emailEnabled","smsEnabled","pushEnabled","hasDeliveryMethods","AccountNotificationProfiles","BudgetNotificationProfiles","InsightsNotificationProfiles","canEditFields","shouldShowPersonalDetails","jsxs","Stack","Fragment","jsx","DeliveryMethods","Divider","H3","List","ListItem","ListItemButton","ListItemText","ChevronRight","PersonalDetails","Drawer"],"mappings":"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"}