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

package/dist/settings/components/devices/DeviceTable.js

@@ -0,0 +1,280 @@
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import h from "react";
+import { formatDistanceToNow as x } from "date-fns/formatDistanceToNow";
+import { fromUnixTime as _ } from "date-fns/fromUnixTime";
+import y from "@mui/material/styles/useTheme";
+import { alpha as C } from "@mui/material/styles";
+import e from "@mui/material/IconButton";
+import l from "@mui/material/Box";
+import a from "@mui/material/Stack";
+import { Text as n, Icon as d } from "@mxenabled/mxui";
+import { DataGridPro as g } from "@mui/x-data-grid-pro";
+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 { buildDynamicCopy as I } from "../../../common/utils/Localization.js";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as S } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/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 { HeaderCell as p } from "../../../trends/components/trendstable/HeaderCell.js";
+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 "./DeviceTab.js";
+import "../../NotificationSettingsWidget.js";
+import "../notifications/NotificationSettings.js";
+import "../notifications/AccountNotificationProfiles.js";
+import "../notifications/BudgetNotificationProfiles.js";
+import "../notifications/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 = ({
+  devices: m,
+  onClickDeviceEdit: c,
+  onClickDeviceDelete: s
+}) => {
+  const t = y(), { settings: i } = S(), u = [
+    {
+      field: "name",
+      headerName: i.mobile_devices_column_name,
+      renderHeader: p,
+      renderCell: (o) => /* @__PURE__ */ b(a, { alignItems: "center", direction: "row", gap: 4, children: [
+        /* @__PURE__ */ r(n, { variant: "Small", children: o.value }),
+        /* @__PURE__ */ r(
+          e,
+          {
+            "aria-label": i.mobile_devices_edit_label,
+            color: "secondary",
+            onClick: () => c(o.row),
+            children: /* @__PURE__ */ r(d, { name: "edit" })
+          }
+        )
+      ] }),
+      sortable: !0,
+      flex: 1,
+      minWidth: 200
+    },
+    {
+      field: "device_type",
+      headerName: i.mobile_devices_column_type,
+      renderHeader: p,
+      sortable: !0,
+      hideSortIcons: !1,
+      flex: 1,
+      minWidth: 150
+    },
+    {
+      field: "created_at",
+      headerName: i.mobile_devices_column_added,
+      renderHeader: p,
+      valueFormatter: (o) => x(_(o), { addSuffix: !0 }),
+      sortable: !0,
+      hideSortIcons: !1,
+      flex: 1,
+      minWidth: 150
+    },
+    {
+      field: "delete",
+      headerName: "",
+      renderHeader: p,
+      renderCell: (o) => /* @__PURE__ */ r(a, { mr: 4, children: /* @__PURE__ */ r(
+        e,
+        {
+          "aria-label": i.mobile_devices_delete_label,
+          color: "secondary",
+          onClick: () => s(o.row),
+          children: /* @__PURE__ */ r(d, { name: "delete" })
+        }
+      ) }),
+      sortable: !1,
+      hideSortIcons: !1,
+      width: 58
+    }
+  ], f = h.useMemo(() => m.map((o) => ({
+    id: o.guid,
+    ...o,
+    device_type: `${o.make} ${o.model}`
+  })), [m]);
+  return /* @__PURE__ */ r(l, { sx: { width: "100%" }, children: /* @__PURE__ */ r(
+    g,
+    {
+      columns: u,
+      disableColumnFilter: !0,
+      disableColumnMenu: !0,
+      disableRowSelectionOnClick: !0,
+      rows: f,
+      slotProps: {
+        footer: {
+          sx: { justifyContent: "flex-end" }
+        }
+      },
+      slots: {
+        footer: () => /* @__PURE__ */ r(
+          l,
+          {
+            sx: {
+              backgroundColor: t.palette.background.default,
+              display: "flex",
+              justifyContent: "flex-end",
+              alignItems: "center",
+              p: "12px 16px"
+            },
+            children: /* @__PURE__ */ r(n, { color: t.palette.text.secondary, variant: "Small", children: I(
+              i.mobile_devices_count,
+              /* @__PURE__ */ r("b", { children: m.length }),
+              /* @__PURE__ */ r("b", { children: m.length })
+            ) })
+          }
+        )
+      },
+      sx: {
+        border: "1px solid",
+        borderColor: t.palette.border.light,
+        borderRadius: "8px",
+        "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
+          color: t.palette.primary.main,
+          "&:hover": {
+            backgroundColor: C(t.palette.primary.main, 0.1)
+          }
+        },
+        "& .MuiDataGrid-sortIcon": {
+          color: t.palette.primary.main
+        }
+      }
+    }
+  ) });
+};
+export {
+  It as DeviceTable,
+  It as default
+};
+//# sourceMappingURL=DeviceTable.js.map

package/dist/settings/components/devices/DeviceTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTable.js","sources":["../../../../src/settings/components/devices/DeviceTable.tsx"],"sourcesContent":["import React from 'react'\nimport { formatDistanceToNow } from 'date-fns/formatDistanceToNow'\nimport { fromUnixTime } from 'date-fns/fromUnixTime'\n\nimport useTheme from '@mui/material/styles/useTheme'\nimport { alpha } from '@mui/material/styles'\n\nimport IconButton from '@mui/material/IconButton'\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport { Icon, Text } from '@mxenabled/mxui'\nimport { DataGridPro, GridColDef } from '@mui/x-data-grid-pro'\n\nimport { buildDynamicCopy, useGlobalCopyStore } from '../../../common'\nimport { Device } from '../../../common/types'\nimport { HeaderCell } from '../../../trends/components/trendstable/HeaderCell'\n\ninterface DeviceTableProps {\n  devices: Device[]\n  onClickDeviceEdit: (device: Device) => void\n  onClickDeviceDelete: (device: Device) => void\n}\n\nexport const DeviceTable: React.FC<DeviceTableProps> = ({\n  devices,\n  onClickDeviceEdit,\n  onClickDeviceDelete,\n}) => {\n  const theme = useTheme()\n  const { settings: settingsCopy } = useGlobalCopyStore()\n\n  const columns: GridColDef[] = [\n    {\n      field: 'name',\n      headerName: settingsCopy.mobile_devices_column_name,\n      renderHeader: HeaderCell,\n      renderCell: (params) => (\n        <Stack alignItems=\"center\" direction=\"row\" gap={4}>\n          <Text variant=\"Small\">{params.value}</Text>\n          <IconButton\n            aria-label={settingsCopy.mobile_devices_edit_label}\n            color=\"secondary\"\n            onClick={() => onClickDeviceEdit(params.row as Device)}\n          >\n            <Icon name=\"edit\" />\n          </IconButton>\n        </Stack>\n      ),\n      sortable: true,\n      flex: 1,\n      minWidth: 200,\n    },\n    {\n      field: 'device_type',\n      headerName: settingsCopy.mobile_devices_column_type,\n      renderHeader: HeaderCell,\n      sortable: true,\n      hideSortIcons: false,\n      flex: 1,\n      minWidth: 150,\n    },\n    {\n      field: 'created_at',\n      headerName: settingsCopy.mobile_devices_column_added,\n      renderHeader: HeaderCell,\n      valueFormatter: (value: number) =>\n        formatDistanceToNow(fromUnixTime(value), { addSuffix: true }),\n      sortable: true,\n      hideSortIcons: false,\n      flex: 1,\n      minWidth: 150,\n    },\n    {\n      field: 'delete',\n      headerName: '',\n      renderHeader: HeaderCell,\n      renderCell: (params) => (\n        <Stack mr={4}>\n          <IconButton\n            aria-label={settingsCopy.mobile_devices_delete_label}\n            color=\"secondary\"\n            onClick={() => onClickDeviceDelete(params.row as Device)}\n          >\n            <Icon name=\"delete\" />\n          </IconButton>\n        </Stack>\n      ),\n      sortable: false,\n      hideSortIcons: false,\n      width: 58,\n    },\n  ]\n\n  const rows = React.useMemo(() => {\n    return devices.map((device) => ({\n      id: device.guid,\n      ...device,\n      device_type: `${device.make} ${device.model}`,\n    }))\n  }, [devices])\n\n  return (\n    <Box sx={{ width: '100%' }}>\n      <DataGridPro\n        columns={columns}\n        disableColumnFilter={true}\n        disableColumnMenu={true}\n        disableRowSelectionOnClick={true}\n        rows={rows}\n        slotProps={{\n          footer: {\n            sx: { justifyContent: 'flex-end' },\n          },\n        }}\n        slots={{\n          footer: () => (\n            <Box\n              sx={{\n                backgroundColor: theme.palette.background.default,\n                display: 'flex',\n                justifyContent: 'flex-end',\n                alignItems: 'center',\n                p: '12px 16px',\n              }}\n            >\n              <Text color={theme.palette.text.secondary} variant=\"Small\">\n                {\n                  buildDynamicCopy(\n                    settingsCopy.mobile_devices_count,\n                    <b>{devices.length}</b>,\n                    <b>{devices.length}</b>,\n                  ) as string\n                }\n              </Text>\n            </Box>\n          ),\n        }}\n        sx={{\n          border: '1px solid',\n          borderColor: theme.palette.border.light,\n          borderRadius: '8px',\n          '& .MuiDataGrid-columnHeader .MuiIconButton-root': {\n            color: theme.palette.primary.main,\n            '&:hover': {\n              backgroundColor: alpha(theme.palette.primary.main, 0.1),\n            },\n          },\n          '& .MuiDataGrid-sortIcon': {\n            color: theme.palette.primary.main,\n          },\n        }}\n      />\n    </Box>\n  )\n}\n\nexport default DeviceTable\n"],"names":["DeviceTable","devices","onClickDeviceEdit","onClickDeviceDelete","theme","useTheme","settingsCopy","useGlobalCopyStore","columns","HeaderCell","params","jsxs","Stack","jsx","Text","IconButton","Icon","value","formatDistanceToNow","fromUnixTime","rows","React","device","Box","DataGridPro","buildDynamicCopy","alpha"],"mappings":"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"}

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

@@ -0,0 +1,231 @@
+import { jsxs as s, Fragment as v, jsx as t } from "react/jsx-runtime";
+import { observer as S } from "mobx-react-lite";
+import l from "@mui/material/Divider";
+import x from "@mui/material/List";
+import r from "@mui/material/Stack";
+import { Text as g } 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 { useGlobalCopyStore as D, useUserStore as P, useSettingsStore as k } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as C } from "../../../common/hooks/useScreenSize.js";
+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 "@mui/material/styles/useTheme";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "@mui/material/useMediaQuery";
+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 { ToggleListItem as c } 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";
+import { AccountProfileListItem as E } from "./AccountProfileListItem.js";
+const Eo = S(
+  ({ onUpdateProfile: m, profile: i }) => {
+    const { settings: o } = D(), { user: p } = P(), { clientCommunicationProfile: f, userCommunicationsProfile: y } = k(), { isMobile: d } = C(), T = i.notification_type > 2, {
+      opted_out_of_email_notifications: _,
+      opted_out_of_push_notifications: h,
+      opted_out_of_sms_notifications: u
+    } = y, {
+      email_notifications_enabled: a,
+      push_notifications_enabled: e,
+      sms_notifications_enabled: n
+    } = f;
+    return /* @__PURE__ */ s(r, { children: [
+      (a || n || e) && /* @__PURE__ */ s(v, { children: [
+        /* @__PURE__ */ t(g, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: o.delivery_method_title }),
+        /* @__PURE__ */ s(x, { sx: { bgcolor: "background.paper" }, children: [
+          a && /* @__PURE__ */ t(r, { sx: { pl: 24 }, children: /* @__PURE__ */ t(
+            c,
+            {
+              isChecked: !_ && i.email_channel && !!p.email,
+              isDisabled: _ || !p.email,
+              onToggle: () => m({ ...i, email_channel: !i.email_channel }),
+              primaryText: o.delivery_method_email_label,
+              secondaryText: i.email_channel ? o.notification_enabled : o.notification_disabled,
+              useExtraPadding: !1
+            }
+          ) }),
+          a && (n || e) && /* @__PURE__ */ t(l, { sx: { ml: d ? 0 : 24 } }),
+          n && /* @__PURE__ */ t(r, { sx: { pl: 24 }, children: /* @__PURE__ */ t(
+            c,
+            {
+              isChecked: !u && i.sms_channel && !!p.phone,
+              isDisabled: u || !p.phone,
+              onToggle: () => m({ ...i, sms_channel: !i.sms_channel }),
+              primaryText: `${o.delivery_method_sms_label}`,
+              secondaryText: i.sms_channel ? o.notification_enabled : o.notification_disabled,
+              useExtraPadding: !1
+            }
+          ) }),
+          n && e && /* @__PURE__ */ t(l, { sx: { ml: d ? 0 : 24 } }),
+          e && /* @__PURE__ */ t(r, { sx: { pl: 24 }, children: /* @__PURE__ */ t(
+            c,
+            {
+              isChecked: !h && i.push_channel,
+              isDisabled: h,
+              onToggle: () => m({ ...i, push_channel: !i.push_channel }),
+              primaryText: o.delivery_method_push_label,
+              secondaryText: o.delivery_method_push_subtitle,
+              useExtraPadding: !1
+            }
+          ) }),
+          /* @__PURE__ */ t(l, {})
+        ] })
+      ] }),
+      T && !!i.children?.length && /* @__PURE__ */ s(r, { children: [
+        /* @__PURE__ */ t(g, { bold: !0, sx: { mb: 4, ml: 24, mt: 12 }, variant: "caption", children: o.accounts_threshold_title }),
+        /* @__PURE__ */ t(x, { sx: { bgcolor: "background.paper" }, children: i.children?.map((b) => /* @__PURE__ */ t(
+          E,
+          {
+            onProfileUpdated: m,
+            profile: b
+          },
+          b.guid
+        )) })
+      ] })
+    ] });
+  }
+);
+export {
+  Eo as AccountNotificationProfile
+};
+//# sourceMappingURL=AccountNotificationProfile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountNotificationProfile.js","sources":["../../../../src/settings/components/notifications/AccountNotificationProfile.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport {\n  DetailedNotificationProfile,\n  ToggleListItem,\n  useGlobalCopyStore,\n  useScreenSize,\n  useSettingsStore,\n  useUserStore,\n} from '../../../common'\n\nimport { AccountProfileListItem } from './AccountProfileListItem'\n\ninterface AccountNotificationProfileProps {\n  onUpdateProfile: (profile: DetailedNotificationProfile) => void\n  profile: DetailedNotificationProfile\n}\n\nexport const AccountNotificationProfile = observer(\n  ({ onUpdateProfile, profile }: AccountNotificationProfileProps) => {\n    const { settings: copy } = useGlobalCopyStore()\n    const { user } = useUserStore()\n    const { clientCommunicationProfile, userCommunicationsProfile } = useSettingsStore()\n    const { isMobile } = useScreenSize()\n\n    const isAccountProfile = profile.notification_type > 2\n    const {\n      opted_out_of_email_notifications: emailDisabled,\n      opted_out_of_push_notifications: pushDisabled,\n      opted_out_of_sms_notifications: smsDisabled,\n    } = userCommunicationsProfile\n\n    const {\n      email_notifications_enabled: showEmail,\n      push_notifications_enabled: showPush,\n      sms_notifications_enabled: showSms,\n    } = clientCommunicationProfile\n\n    return (\n      <Stack>\n        {(showEmail || showSms || showPush) && (\n          <>\n            <Text bold={true} sx={{ mb: 4, ml: 24, mt: 12 }} variant=\"caption\">\n              {copy.delivery_method_title}\n            </Text>\n            <List sx={{ bgcolor: 'background.paper' }}>\n              {showEmail && (\n                <Stack sx={{ pl: 24 }}>\n                  <ToggleListItem\n                    isChecked={!emailDisabled && profile.email_channel && !!user.email}\n                    isDisabled={emailDisabled || !user.email}\n                    onToggle={() =>\n                      onUpdateProfile({ ...profile, email_channel: !profile.email_channel })\n                    }\n                    primaryText={copy.delivery_method_email_label}\n                    secondaryText={\n                      profile.email_channel ? copy.notification_enabled : copy.notification_disabled\n                    }\n                    useExtraPadding={false}\n                  />\n                </Stack>\n              )}\n\n              {showEmail && (showSms || showPush) && <Divider sx={{ ml: isMobile ? 0 : 24 }} />}\n\n              {showSms && (\n                <Stack sx={{ pl: 24 }}>\n                  <ToggleListItem\n                    isChecked={!smsDisabled && profile.sms_channel && !!user.phone}\n                    isDisabled={smsDisabled || !user.phone}\n                    onToggle={() =>\n                      onUpdateProfile({ ...profile, sms_channel: !profile.sms_channel })\n                    }\n                    primaryText={`${copy.delivery_method_sms_label}`}\n                    secondaryText={\n                      profile.sms_channel ? copy.notification_enabled : copy.notification_disabled\n                    }\n                    useExtraPadding={false}\n                  />\n                </Stack>\n              )}\n\n              {showSms && showPush && <Divider sx={{ ml: isMobile ? 0 : 24 }} />}\n\n              {showPush && (\n                <Stack sx={{ pl: 24 }}>\n                  <ToggleListItem\n                    isChecked={!pushDisabled && profile.push_channel}\n                    isDisabled={pushDisabled}\n                    onToggle={() =>\n                      onUpdateProfile({ ...profile, push_channel: !profile.push_channel })\n                    }\n                    primaryText={copy.delivery_method_push_label}\n                    secondaryText={copy.delivery_method_push_subtitle}\n                    useExtraPadding={false}\n                  />\n                </Stack>\n              )}\n              <Divider />\n            </List>\n          </>\n        )}\n\n        {isAccountProfile && Boolean(profile.children?.length) && (\n          <Stack>\n            <Text bold={true} sx={{ mb: 4, ml: 24, mt: 12 }} variant=\"caption\">\n              {copy.accounts_threshold_title}\n            </Text>\n\n            <List sx={{ bgcolor: 'background.paper' }}>\n              {profile.children?.map((child) => (\n                <AccountProfileListItem\n                  key={child.guid}\n                  onProfileUpdated={onUpdateProfile}\n                  profile={child}\n                />\n              ))}\n            </List>\n          </Stack>\n        )}\n      </Stack>\n    )\n  },\n)\n"],"names":["AccountNotificationProfile","observer","onUpdateProfile","profile","copy","useGlobalCopyStore","user","useUserStore","clientCommunicationProfile","userCommunicationsProfile","useSettingsStore","isMobile","useScreenSize","isAccountProfile","emailDisabled","pushDisabled","smsDisabled","showEmail","showPush","showSms","Stack","jsxs","Fragment","jsx","Text","List","ToggleListItem","Divider","child","AccountProfileListItem"],"mappings":"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"}