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

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

@@ -0,0 +1,266 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import f from "react";
+import { formatDistanceToNow as u } from "date-fns/formatDistanceToNow";
+import { fromUnixTime as g } from "date-fns/fromUnixTime";
+import _ from "@mui/material/styles/useTheme";
+import y from "@mui/material/Accordion";
+import C from "@mui/material/AccordionDetails";
+import k from "@mui/material/AccordionSummary";
+import S from "@mui/material/Box";
+import n from "@mui/material/IconButton";
+import e from "@mui/material/Stack";
+import { Icon as a, Text as m } 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 { buildDynamicCopy as w } 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 B } 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/material/styles";
+import "@mui/x-charts";
+import "../../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../accounts/AccountsWidget.js";
+import "../../../accounts/AccountsMiniWidget.js";
+import "../../../accounts/ConnectMiniWidget.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../SettingsWidget.js";
+import "../SettingsWidgetContents.js";
+import "../profile/ProfileTab.js";
+import "./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: l,
+  onClickDeviceEdit: d,
+  onClickDeviceDelete: c
+}) => {
+  const t = _(), { settings: p } = B(), [s, x] = f.useState(!1), b = (r) => (D, h) => {
+    x(h ? r : !1);
+  };
+  return /* @__PURE__ */ i(e, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
+    l.map((r) => /* @__PURE__ */ i(
+      y,
+      {
+        expanded: s === r.guid,
+        onChange: b(r.guid),
+        sx: { boxShadow: "none" },
+        children: [
+          /* @__PURE__ */ o(
+            k,
+            {
+              expandIcon: /* @__PURE__ */ o(a, { color: "secondary", name: "keyboard_arrow_down", size: 24 }),
+              sx: {
+                padding: "14px 24px",
+                borderBottom: "1px solid",
+                borderColor: t.palette.border.light
+              },
+              children: /* @__PURE__ */ i(e, { gap: 4, children: [
+                /* @__PURE__ */ o(m, { bold: !0, variant: "Body", children: r.name }),
+                /* @__PURE__ */ o(m, { color: t.palette.text.secondary, variant: "Small", children: `${r.make} ${r.model}` }),
+                /* @__PURE__ */ o(m, { color: t.palette.text.secondary, variant: "Small", children: u(g(r.created_at), { addSuffix: !0 }) })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ i(
+            C,
+            {
+              sx: { backgroundColor: t.palette.background.default, p: "0 0 0 24px" },
+              children: [
+                /* @__PURE__ */ i(
+                  e,
+                  {
+                    onClick: () => d(r),
+                    sx: {
+                      alignItems: "center",
+                      flexDirection: "row",
+                      width: "100%",
+                      gap: 12,
+                      py: 16,
+                      cursor: "pointer",
+                      borderBottom: "1px solid",
+                      borderColor: t.palette.border.light
+                    },
+                    children: [
+                      /* @__PURE__ */ o(n, { "aria-label": p.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ o(a, { name: "edit" }) }),
+                      /* @__PURE__ */ o(m, { variant: "Body", children: p.mobile_devices_edit_label })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  e,
+                  {
+                    onClick: () => c(r),
+                    sx: {
+                      alignItems: "center",
+                      flexDirection: "row",
+                      width: "100%",
+                      gap: 12,
+                      py: 16,
+                      cursor: "pointer"
+                    },
+                    children: [
+                      /* @__PURE__ */ o(n, { "aria-label": p.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ o(a, { name: "delete" }) }),
+                      /* @__PURE__ */ o(m, { variant: "Body", children: p.mobile_devices_delete_label })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      },
+      r.guid
+    )),
+    /* @__PURE__ */ o(
+      S,
+      {
+        sx: {
+          backgroundColor: t.palette.background.default,
+          borderTop: "1px solid",
+          borderColor: t.palette.border.light,
+          p: "12px 16px"
+        },
+        children: /* @__PURE__ */ o(m, { color: t.palette.text.secondary, variant: "Small", children: w(
+          p.mobile_devices_count,
+          /* @__PURE__ */ o("b", { children: l.length }),
+          /* @__PURE__ */ o("b", { children: l.length })
+        ) })
+      }
+    )
+  ] });
+};
+export {
+  It as DeviceList,
+  It as default
+};
+//# sourceMappingURL=DeviceList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceList.js","sources":["../../../../src/settings/components/devices/DeviceList.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 Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Box from '@mui/material/Box'\nimport IconButton from '@mui/material/IconButton'\nimport Stack from '@mui/material/Stack'\nimport { Icon, Text } from '@mxenabled/mxui'\n\nimport { buildDynamicCopy, useGlobalCopyStore } from '../../../common'\nimport { Device } from '../../../common/types'\n\ninterface DeviceListProps {\n  devices: Device[]\n  onClickDeviceEdit: (device: Device) => void\n  onClickDeviceDelete: (device: Device) => void\n}\n\nexport const DeviceList: React.FC<DeviceListProps> = ({\n  devices,\n  onClickDeviceEdit,\n  onClickDeviceDelete,\n}) => {\n  const theme = useTheme()\n  const { settings: settingsCopy } = useGlobalCopyStore()\n  const [expanded, setExpanded] = React.useState<string | false>(false)\n\n  const handleChange = (guid: string) => (_: React.SyntheticEvent, isExpanded: boolean) => {\n    setExpanded(isExpanded ? guid : false)\n  }\n\n  return (\n    <Stack mx={-28} sx={{ '& .MuiAccordion-root': { mb: 0, mt: 0 } }}>\n      {devices.map((device) => (\n        <Accordion\n          expanded={expanded === device.guid}\n          key={device.guid}\n          onChange={handleChange(device.guid)}\n          sx={{ boxShadow: 'none' }}\n        >\n          <AccordionSummary\n            expandIcon={<Icon color={'secondary'} name=\"keyboard_arrow_down\" size={24} />}\n            sx={{\n              padding: '14px 24px',\n              borderBottom: '1px solid',\n              borderColor: theme.palette.border.light,\n            }}\n          >\n            <Stack gap={4}>\n              <Text bold={true} variant=\"Body\">\n                {device.name}\n              </Text>\n              <Text color={theme.palette.text.secondary} variant=\"Small\">\n                {`${device.make} ${device.model}`}\n              </Text>\n              <Text color={theme.palette.text.secondary} variant=\"Small\">\n                {formatDistanceToNow(fromUnixTime(device.created_at), { addSuffix: true })}\n              </Text>\n            </Stack>\n          </AccordionSummary>\n          <AccordionDetails\n            sx={{ backgroundColor: theme.palette.background.default, p: '0 0 0 24px' }}\n          >\n            <Stack\n              onClick={() => onClickDeviceEdit(device)}\n              sx={{\n                alignItems: 'center',\n                flexDirection: 'row',\n                width: '100%',\n                gap: 12,\n                py: 16,\n                cursor: 'pointer',\n                borderBottom: '1px solid',\n                borderColor: theme.palette.border.light,\n              }}\n            >\n              <IconButton aria-label={settingsCopy.mobile_devices_edit_label} color=\"secondary\">\n                <Icon name=\"edit\" />\n              </IconButton>\n              <Text variant=\"Body\">{settingsCopy.mobile_devices_edit_label}</Text>\n            </Stack>\n            <Stack\n              onClick={() => onClickDeviceDelete(device)}\n              sx={{\n                alignItems: 'center',\n                flexDirection: 'row',\n                width: '100%',\n                gap: 12,\n                py: 16,\n                cursor: 'pointer',\n              }}\n            >\n              <IconButton aria-label={settingsCopy.mobile_devices_delete_label} color=\"secondary\">\n                <Icon name=\"delete\" />\n              </IconButton>\n              <Text variant=\"Body\">{settingsCopy.mobile_devices_delete_label}</Text>\n            </Stack>\n          </AccordionDetails>\n        </Accordion>\n      ))}\n      <Box\n        sx={{\n          backgroundColor: theme.palette.background.default,\n          borderTop: '1px solid',\n          borderColor: theme.palette.border.light,\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    </Stack>\n  )\n}\n\nexport default DeviceList\n"],"names":["DeviceList","devices","onClickDeviceEdit","onClickDeviceDelete","theme","useTheme","settingsCopy","useGlobalCopyStore","expanded","setExpanded","React","handleChange","guid","_","isExpanded","jsxs","Stack","device","Accordion","jsx","AccordionSummary","Icon","Text","formatDistanceToNow","fromUnixTime","AccordionDetails","IconButton","Box","buildDynamicCopy"],"mappings":"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"}

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

@@ -0,0 +1,228 @@
+import { jsx as i, jsxs as c } from "react/jsx-runtime";
+import p from "react";
+import { observer as T } from "mobx-react-lite";
+import x from "@mui/material/Button";
+import n from "@mui/material/Stack";
+import { H3 as E, P as D, Text as B } 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/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as G, useGlobalUiStore as L, useSettingsStore as j } from "../../../common/context/hooks.js";
+import "../../../common/context/GlobalDataProvider.js";
+import "../../../common/context/WidgetContainerProvider.js";
+import { useScreenSize as z } 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 I from "../../../common/components/Loader.js";
+import "../../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../../accounts/AccountsWidget.js";
+import "../../../accounts/AccountsMiniWidget.js";
+import "../../../accounts/ConnectMiniWidget.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../../common/types/Account.js";
+import "posthog-js";
+import "../../../cashflow/CashflowMiniWidget.js";
+import "../../../cashflow/CashflowWidget.js";
+import "../../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../../categories/components/CategorySelector.js";
+import "../../../categories/components/CategorySelectorDrawer.js";
+import "../../../categories/components/CategoryRow.js";
+import "../../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../../finstrong/components/FinancialStrengthGraph.js";
+import "../../../finstrong/components/CreditScoreGraph.js";
+import "../../../finstrong/FinstrongWidget.js";
+import "../../../goals/GoalsWidget.js";
+import "../../../goals/GoalsMicroWidget.js";
+import "../../../investments/util/InvestmentUtil.js";
+import "../../../merchants/components/MerchantLookup.js";
+import "../../../networth/components/NetWorthChart.js";
+import "../../../networth/components/NetWorthList.js";
+import "../../../networth/components/NetWorthSummary.js";
+import "../../../networth/NetWorthMicroWidget.js";
+import "../../../networth/NetWorthWidget.js";
+import "../../../notifications/components/NotificationList.js";
+import "../../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../../transactions/constants/Analytics.js";
+import "../../../transactions/constants/Transaction.js";
+import "../../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../../transactions/components/shared/TransactionList.js";
+import "../../../transactions/components/shared/TransactionTable.js";
+import "../../../transactions/components/shared/TransactionDetails.js";
+import "../../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../../transactions/TransactionWidget.js";
+import "../../SettingsWidget.js";
+import "../SettingsWidgetContents.js";
+import "../profile/ProfileTab.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";
+import { DialogType as s } from "../../constants/Settings.js";
+import { DeviceTable as w } from "./DeviceTable.js";
+import { DeviceList as A } from "./DeviceList.js";
+import H from "./DeviceDialog.js";
+const Mt = T(() => {
+  const { isMobile: f } = z(), { settings: o } = G(), { isCopyLoaded: u, isInitialized: m } = L(), { setAlert: g, devices: l, loadDevices: k, generateDeviceToken: _ } = j(), [a, r] = p.useState({ open: !1, type: "" }), [b, e] = p.useState(), [y, C] = p.useState("");
+  p.useEffect(() => {
+    m && k();
+  }, [m]);
+  const h = async () => {
+    const t = await _();
+    t ? (C(t), r({ open: !0, type: s.Token })) : g(o.mobile_devices_access_error, "error");
+  }, d = (t) => {
+    e(t), r({ open: !0, type: s.Edit });
+  }, v = (t) => {
+    e(t), r({ open: !0, type: s.Delete });
+  }, S = () => {
+    r({ open: !1, type: "" }), e(void 0);
+  };
+  return !u || !m ? /* @__PURE__ */ i(I, {}) : /* @__PURE__ */ c(
+    n,
+    {
+      sx: {
+        backgroundColor: "background.paper",
+        p: 24,
+        gap: 24
+      },
+      children: [
+        /* @__PURE__ */ c(n, { gap: 4, children: [
+          /* @__PURE__ */ i(E, { children: o.mobile_devices_title }),
+          /* @__PURE__ */ i(D, { variant: "Body", children: o.mobile_devices_info })
+        ] }),
+        f ? /* @__PURE__ */ i(
+          A,
+          {
+            devices: l,
+            onClickDeviceDelete: v,
+            onClickDeviceEdit: d
+          }
+        ) : /* @__PURE__ */ i(
+          w,
+          {
+            devices: l,
+            onClickDeviceDelete: v,
+            onClickDeviceEdit: d
+          }
+        ),
+        /* @__PURE__ */ c(n, { sx: { alignItems: "center", px: 24, py: 12, gap: 4 }, children: [
+          /* @__PURE__ */ i(B, { bold: !0, variant: "Body", children: o.mobile_devices_access_title }),
+          /* @__PURE__ */ i(D, { align: "center", variant: "Small", children: o.mobile_devices_access_description }),
+          /* @__PURE__ */ i(x, { onClick: h, variant: "text", children: o.mobile_devices_access_cta })
+        ] }),
+        /* @__PURE__ */ i(
+          H,
+          {
+            device: b,
+            deviceToken: y,
+            dialogType: a.type,
+            isOpen: a.open,
+            onClose: S
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  Mt as DeviceTab,
+  Mt as default
+};
+//# sourceMappingURL=DeviceTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceTab.js","sources":["../../../../src/settings/components/devices/DeviceTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { H3, P, Text } from '@mxenabled/mxui'\n\nimport {\n  Loader,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useScreenSize,\n  useSettingsStore,\n} from '../../../common'\n\nimport type { Device } from '../../../common'\n\nimport { DialogType } from '../../constants/Settings'\nimport DeviceTable from './DeviceTable'\nimport DeviceList from './DeviceList'\nimport DeviceDialog from './DeviceDialog'\n\nexport const DeviceTab = observer(() => {\n  const { isMobile } = useScreenSize()\n  const { settings: settingsCopy } = useGlobalCopyStore()\n  const { isCopyLoaded, isInitialized } = useGlobalUiStore()\n  const { setAlert, devices, loadDevices, generateDeviceToken } = useSettingsStore()\n\n  const [dialog, setDialog] = React.useState({ open: false, type: '' })\n  const [selectedDevice, setSelectedDevice] = React.useState<Device | undefined>()\n  const [deviceToken, setDeviceToken] = React.useState('')\n\n  React.useEffect(() => {\n    if (isInitialized) {\n      loadDevices()\n    }\n  }, [isInitialized])\n\n  const handleGenerateDeviceToken = async () => {\n    const token = await generateDeviceToken()\n    if (token) {\n      setDeviceToken(token)\n      setDialog({ open: true, type: DialogType.Token })\n    } else {\n      setAlert(settingsCopy.mobile_devices_access_error, 'error')\n    }\n  }\n\n  const handleClickDeviceEdit = (device: Device) => {\n    setSelectedDevice(device)\n    setDialog({ open: true, type: DialogType.Edit })\n  }\n\n  const handleClickDeviceDelete = (device: Device) => {\n    setSelectedDevice(device)\n    setDialog({ open: true, type: DialogType.Delete })\n  }\n\n  const handleCloseDialog = () => {\n    setDialog({ open: false, type: '' })\n    setSelectedDevice(undefined)\n  }\n\n  if (!isCopyLoaded || !isInitialized) {\n    return <Loader />\n  }\n\n  return (\n    <Stack\n      sx={{\n        backgroundColor: 'background.paper',\n        p: 24,\n        gap: 24,\n      }}\n    >\n      <Stack gap={4}>\n        <H3>{settingsCopy.mobile_devices_title}</H3>\n        <P variant=\"Body\">{settingsCopy.mobile_devices_info}</P>\n      </Stack>\n\n      {/* Device Table/List */}\n      {isMobile ? (\n        <DeviceList\n          devices={devices}\n          onClickDeviceDelete={handleClickDeviceDelete}\n          onClickDeviceEdit={handleClickDeviceEdit}\n        />\n      ) : (\n        <DeviceTable\n          devices={devices}\n          onClickDeviceDelete={handleClickDeviceDelete}\n          onClickDeviceEdit={handleClickDeviceEdit}\n        />\n      )}\n\n      {/* Token CTA */}\n      <Stack sx={{ alignItems: 'center', px: 24, py: 12, gap: 4 }}>\n        <Text bold={true} variant=\"Body\">\n          {settingsCopy.mobile_devices_access_title}\n        </Text>\n        <P align=\"center\" variant=\"Small\">\n          {settingsCopy.mobile_devices_access_description}\n        </P>\n        <Button onClick={handleGenerateDeviceToken} variant=\"text\">\n          {settingsCopy.mobile_devices_access_cta}\n        </Button>\n      </Stack>\n\n      {/* Dialogs (Token, Edit, or Delete) */}\n      <DeviceDialog\n        device={selectedDevice}\n        deviceToken={deviceToken}\n        dialogType={dialog.type}\n        isOpen={dialog.open}\n        onClose={handleCloseDialog}\n      />\n    </Stack>\n  )\n})\n\nexport default DeviceTab\n"],"names":["DeviceTab","observer","isMobile","useScreenSize","settingsCopy","useGlobalCopyStore","isCopyLoaded","isInitialized","useGlobalUiStore","setAlert","devices","loadDevices","generateDeviceToken","useSettingsStore","dialog","setDialog","React","selectedDevice","setSelectedDevice","deviceToken","setDeviceToken","handleGenerateDeviceToken","token","DialogType","handleClickDeviceEdit","device","handleClickDeviceDelete","handleCloseDialog","Loader","jsxs","Stack","jsx","H3","P","DeviceList","DeviceTable","Text","Button","DeviceDialog"],"mappings":"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"}