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

package/dist/settings/components/SettingsWidgetContents.js

@@ -0,0 +1,196 @@
+import { jsxs as e, Fragment as n, jsx as o } from "react/jsx-runtime";
+import { observer as s } from "mobx-react-lite";
+import a from "@mui/material/Alert";
+import f from "@mui/material/Snackbar";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "react";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useSettingsStore as l, useAppConfig as c } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import g from "@mui/material/Stack";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../merchants/components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../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 { SettingsTabs as i } from "../SettingsWidget.js";
+import h from "./profile/ProfileTab.js";
+import { DeviceTab as u } from "./devices/DeviceTab.js";
+import "../NotificationSettingsWidget.js";
+import { NotificationSettings as v } from "./notifications/NotificationSettings.js";
+import "./notifications/AccountNotificationProfiles.js";
+import "./notifications/BudgetNotificationProfiles.js";
+import "./notifications/InsightsNotificationProfiles.js";
+import S from "./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 "../../help/HelpWidget.js";
+import { Help as x } from "../../help/components/Help.js";
+const xi = s(({ selectedTab: r }) => {
+  const { alert: t, setAlert: m } = l(), {
+    config: { display_user_profile_in_settings: p }
+  } = c();
+  return /* @__PURE__ */ e(n, { children: [
+    r === i.Profile && /* @__PURE__ */ o(h, {}),
+    r === i.Devices && /* @__PURE__ */ o(u, {}),
+    r === i.Notifications && /* @__PURE__ */ o(v, { showPersonalDetails: !p }),
+    r === i.TransactionRules && /* @__PURE__ */ o(S, {}),
+    r === i.Help && /* @__PURE__ */ o(g, { sx: { px: 24 }, children: /* @__PURE__ */ o(x, {}) }),
+    /* @__PURE__ */ o(
+      f,
+      {
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        autoHideDuration: 3500,
+        onClose: () => m(""),
+        open: !!t.message,
+        children: /* @__PURE__ */ o(
+          a,
+          {
+            onClose: () => {
+              m("");
+            },
+            severity: t.severity,
+            variant: "filled",
+            children: t.message
+          }
+        )
+      }
+    )
+  ] });
+});
+export {
+  xi as SettingsWidgetContents
+};
+//# sourceMappingURL=SettingsWidgetContents.js.map

package/dist/settings/components/SettingsWidgetContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsWidgetContents.js","sources":["../../../src/settings/components/SettingsWidgetContents.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\n\nimport Alert from '@mui/material/Alert'\nimport Snackbar from '@mui/material/Snackbar'\n\nimport { useAppConfig, useSettingsStore } from '../../common'\n\nimport ProfileTab from './profile/ProfileTab'\nimport DeviceTab from './devices/DeviceTab'\nimport TransactionRulesTab from './transactionrules/TransactionRulesTab'\nimport { NotificationSettings } from './notifications/NotificationSettings'\nimport { SettingsTabs } from '../SettingsWidget'\nimport { Help } from '../../help'\nimport Stack from '@mui/material/Stack'\n\ninterface SettingsWidgetContentsProps {\n  selectedTab: SettingsTabs\n}\n\nexport const SettingsWidgetContents = observer(({ selectedTab }: SettingsWidgetContentsProps) => {\n  const { alert, setAlert } = useSettingsStore()\n  const {\n    config: { display_user_profile_in_settings },\n  } = useAppConfig()\n\n  return (\n    <>\n      {selectedTab === SettingsTabs.Profile && <ProfileTab />}\n      {selectedTab === SettingsTabs.Devices && <DeviceTab />}\n      {selectedTab === SettingsTabs.Notifications && (\n        <NotificationSettings showPersonalDetails={!display_user_profile_in_settings} />\n      )}\n      {selectedTab === SettingsTabs.TransactionRules && <TransactionRulesTab />}\n      {selectedTab === SettingsTabs.Help && (\n        <Stack sx={{ px: 24 }}>\n          <Help />\n        </Stack>\n      )}\n\n      <Snackbar\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n        autoHideDuration={3500}\n        onClose={() => setAlert('')}\n        open={Boolean(alert.message)}\n      >\n        <Alert\n          onClose={() => {\n            setAlert('')\n          }}\n          severity={alert.severity}\n          variant=\"filled\"\n        >\n          {alert.message}\n        </Alert>\n      </Snackbar>\n    </>\n  )\n})\n"],"names":["SettingsWidgetContents","observer","selectedTab","alert","setAlert","useSettingsStore","display_user_profile_in_settings","useAppConfig","jsxs","Fragment","SettingsTabs","jsx","ProfileTab","DeviceTab","NotificationSettings","TransactionRulesTab","Stack","Help","Snackbar","Alert"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAMA,KAAyBC,EAAS,CAAC,EAAE,aAAAC,QAA+C;AAC/F,QAAM,EAAE,OAAAC,GAAO,UAAAC,EAAS,IAAIC,EAAiB,GACvC;AAAA,IACJ,QAAQ,EAAE,kCAAAC,EAAiC;AAAA,MACzCC,EAAa;AAEjB,SAEK,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAgBP,MAAAQ,EAAa,WAAW,gBAAAC,EAACC,GAAW,CAAA,CAAA;AAAA,IACpDV,MAAgBQ,EAAa,WAAW,gBAAAC,EAACE,GAAU,CAAA,CAAA;AAAA,IACnDX,MAAgBQ,EAAa,mCAC3BI,GAAqB,EAAA,qBAAqB,CAACR,GAAkC;AAAA,IAE/EJ,MAAgBQ,EAAa,oBAAoB,gBAAAC,EAACI,GAAoB,CAAA,CAAA;AAAA,IACtEb,MAAgBQ,EAAa,QAC5B,gBAAAC,EAACK,GAAM,EAAA,IAAI,EAAE,IAAI,GAAG,GAClB,UAAC,gBAAAL,EAAAM,GAAA,CAAA,CAAK,EACR,CAAA;AAAA,IAGF,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,cAAc,EAAE,UAAU,UAAU,YAAY,QAAQ;AAAA,QACxD,kBAAkB;AAAA,QAClB,SAAS,MAAMd,EAAS,EAAE;AAAA,QAC1B,MAAM,EAAQD,EAAM;AAAA,QAEpB,UAAA,gBAAAQ;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,SAAS,MAAM;AACb,cAAAf,EAAS,EAAE;AAAA,YACb;AAAA,YACA,UAAUD,EAAM;AAAA,YAChB,SAAQ;AAAA,YAEP,UAAMA,EAAA;AAAA,UAAA;AAAA,QACT;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,277 @@
+import { jsxs as _, jsx as e } from "react/jsx-runtime";
+import f from "react";
+import { observer as M } from "mobx-react-lite";
+import A from "@mui/material/styles/useTheme";
+import b from "@mui/material/Stack";
+import C from "@mui/material/TextField";
+import { Text as c, P as E } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../../common/constants/Account.js";
+import "../../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { buildDynamicCopy as a } from "../../../common/utils/Localization.js";
+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 j, useSettingsStore 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 P from "../../../common/components/dialog/Dialog.js";
+import "../../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../../common/components/WidgetContainer.js";
+import "../../../common/components/ConnectDrawer.js";
+import "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/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";
+import { DialogType as t } from "../../constants/Settings.js";
+const T = ({
+  dialogType: r,
+  isOpen: h,
+  onClose: p,
+  device: o,
+  deviceToken: x = ""
+}) => {
+  const D = A(), { common: s, settings: i } = j(), { updateDevice: v, deleteDevice: g, setAlert: n, loadDevices: l } = B(), [u, d] = f.useState("");
+  f.useEffect(() => {
+    o && d(o.name);
+  }, [o, r]);
+  const y = () => {
+    switch (r) {
+      case t.Edit:
+        return i.mobile_devices_edit_label;
+      case t.Delete:
+        return i.mobile_devices_delete_label;
+      default:
+        return "";
+    }
+  }, S = () => {
+    switch (r) {
+      case t.Token:
+        return s.done_button;
+      case t.Edit:
+        return s.save_button;
+      case t.Delete:
+        return s.delete_button;
+      default:
+        return "";
+    }
+  }, k = () => {
+    const m = {
+      "& .MuiDialogContent-root": {
+        width: 400,
+        pt: 0
+      }
+    };
+    return r === t.Token ? {
+      ...m,
+      "& .MuiToolbar-root:last-child": {
+        padding: "32px 60px 48px",
+        justifyContent: "center"
+      },
+      "& .MuiButton-root:first-child": {
+        display: "none"
+      },
+      "& .MuiButton-root:last-child": {
+        flex: 1
+      }
+    } : {
+      ...m,
+      "& .MuiToolbar-root:last-child": {
+        gap: 8,
+        padding: 24,
+        justifyContent: "flex-end"
+      },
+      ...r === t.Delete && {
+        "& .MuiTypography-Body": {
+          padding: 0
+        }
+      }
+    };
+  }, w = async () => {
+    if (r === t.Token && p(), r === t.Edit && o) {
+      const m = { ...o, name: u };
+      (await v(m)).success ? (n(i.mobile_devices_edit_success, "success"), l()) : n(
+        a(i.mobile_devices_edit_error, o.name),
+        "error"
+      ), p();
+    }
+    r === t.Delete && o && ((await g(o.guid)).success ? (n(
+      a(i.mobile_devices_delete_success, o.name),
+      "success"
+    ), l()) : n(
+      a(i.mobile_devices_delete_error, o.name),
+      "error"
+    ), p());
+  };
+  return /* @__PURE__ */ _(
+    P,
+    {
+      copy: { title: y() },
+      isOpen: h,
+      onClose: p,
+      onPrimaryAction: w,
+      onSecondaryAction: p,
+      primaryColor: r === t.Delete ? "error" : void 0,
+      primaryText: S(),
+      secondaryText: r === t.Token ? s.back : s.cancel_button,
+      sx: k(),
+      children: [
+        r === t.Token && /* @__PURE__ */ _(b, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+          /* @__PURE__ */ e(c, { bold: !0, truncate: !1, variant: "Body", children: i.mobile_devices_access_label }),
+          /* @__PURE__ */ e(c, { truncate: !1, variant: "Small", children: i.mobile_devices_access_info_1 }),
+          /* @__PURE__ */ e(
+            c,
+            {
+              sx: {
+                border: `1px solid ${D.palette.border.light}`,
+                borderRadius: "4px",
+                p: "16px 32px"
+              },
+              variant: "H1",
+              children: x
+            }
+          ),
+          /* @__PURE__ */ e(c, { truncate: !1, variant: "Small", children: i.mobile_devices_access_info_2 })
+        ] }),
+        r === t.Edit && /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(C, { onChange: (m) => d(m.target.value), value: u }) }),
+        r === t.Delete && /* @__PURE__ */ e(E, { children: i.mobile_devices_delete_info })
+      ]
+    }
+  );
+}, Po = M(T);
+export {
+  Po as default
+};
+//# sourceMappingURL=DeviceDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceDialog.js","sources":["../../../../src/settings/components/devices/DeviceDialog.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport useTheme from '@mui/material/styles/useTheme'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\nimport { P, Text } from '@mxenabled/mxui'\n\nimport { buildDynamicCopy, useGlobalCopyStore, useSettingsStore } from '../../../common'\nimport { Device } from '../../../common/types'\nimport { Dialog } from '../../../common/components'\nimport { DialogType } from '../../constants/Settings'\n\ninterface DeviceDialogProps {\n  dialogType: string\n  isOpen: boolean\n  onClose: () => void\n  device?: Device\n  deviceToken?: string\n}\n\nconst DeviceDialog: React.FC<DeviceDialogProps> = ({\n  dialogType,\n  isOpen,\n  onClose,\n  device,\n  deviceToken = '',\n}) => {\n  const theme = useTheme()\n  const { common: commonCopy, settings: settingsCopy } = useGlobalCopyStore()\n  const { updateDevice, deleteDevice, setAlert, loadDevices } = useSettingsStore()\n\n  const [deviceName, setDeviceName] = React.useState('')\n\n  React.useEffect(() => {\n    if (device) setDeviceName(device.name)\n  }, [device, dialogType])\n\n  const getDialogTitle = () => {\n    switch (dialogType) {\n      case DialogType.Edit:\n        return settingsCopy.mobile_devices_edit_label\n      case DialogType.Delete:\n        return settingsCopy.mobile_devices_delete_label\n      default:\n        return ''\n    }\n  }\n\n  const getDialogPrimaryText = () => {\n    switch (dialogType) {\n      case DialogType.Token:\n        return commonCopy.done_button\n      case DialogType.Edit:\n        return commonCopy.save_button\n      case DialogType.Delete:\n        return commonCopy.delete_button\n      default:\n        return ''\n    }\n  }\n\n  const getDialogStyles = () => {\n    const baseStyles = {\n      '& .MuiDialogContent-root': {\n        width: 400,\n        pt: 0,\n      },\n    }\n\n    if (dialogType === DialogType.Token) {\n      return {\n        ...baseStyles,\n        '& .MuiToolbar-root:last-child': {\n          padding: '32px 60px 48px',\n          justifyContent: 'center',\n        },\n        '& .MuiButton-root:first-child': {\n          display: 'none',\n        },\n        '& .MuiButton-root:last-child': {\n          flex: 1,\n        },\n      }\n    }\n\n    return {\n      ...baseStyles,\n      '& .MuiToolbar-root:last-child': {\n        gap: 8,\n        padding: 24,\n        justifyContent: 'flex-end',\n      },\n      ...(dialogType === DialogType.Delete && {\n        '& .MuiTypography-Body': {\n          padding: 0,\n        },\n      }),\n    }\n  }\n\n  const handlePrimaryAction = async () => {\n    if (dialogType === DialogType.Token) {\n      onClose()\n    }\n\n    if (dialogType === DialogType.Edit && device) {\n      const updatedDevice = { ...device, name: deviceName }\n      const res = await updateDevice(updatedDevice)\n\n      if (res.success) {\n        setAlert(settingsCopy.mobile_devices_edit_success, 'success')\n        loadDevices()\n      } else {\n        setAlert(\n          buildDynamicCopy(settingsCopy.mobile_devices_edit_error, device.name) as string,\n          'error',\n        )\n      }\n      onClose()\n    }\n\n    if (dialogType === DialogType.Delete && device) {\n      const res = await deleteDevice(device.guid)\n\n      if (res.success) {\n        setAlert(\n          buildDynamicCopy(settingsCopy.mobile_devices_delete_success, device.name) as string,\n          'success',\n        )\n        loadDevices()\n      } else {\n        setAlert(\n          buildDynamicCopy(settingsCopy.mobile_devices_delete_error, device.name) as string,\n          'error',\n        )\n      }\n      onClose()\n    }\n  }\n\n  return (\n    <Dialog\n      copy={{ title: getDialogTitle() }}\n      isOpen={isOpen}\n      onClose={onClose}\n      onPrimaryAction={handlePrimaryAction}\n      onSecondaryAction={onClose}\n      primaryColor={dialogType === DialogType.Delete ? 'error' : undefined}\n      primaryText={getDialogPrimaryText()}\n      secondaryText={dialogType === DialogType.Token ? commonCopy.back : commonCopy.cancel_button}\n      sx={getDialogStyles()}\n    >\n      {dialogType === DialogType.Token && (\n        <Stack spacing={16} sx={{ px: 40, textAlign: 'center', width: '100%' }}>\n          <Text bold={true} truncate={false} variant=\"Body\">\n            {settingsCopy.mobile_devices_access_label}\n          </Text>\n          <Text truncate={false} variant=\"Small\">\n            {settingsCopy.mobile_devices_access_info_1}\n          </Text>\n          <Text\n            sx={{\n              border: `1px solid ${theme.palette.border.light}`,\n              borderRadius: '4px',\n              p: '16px 32px',\n            }}\n            variant=\"H1\"\n          >\n            {deviceToken}\n          </Text>\n          <Text truncate={false} variant=\"Small\">\n            {settingsCopy.mobile_devices_access_info_2}\n          </Text>\n        </Stack>\n      )}\n      {dialogType === DialogType.Edit && (\n        <Stack>\n          <TextField onChange={(e) => setDeviceName(e.target.value)} value={deviceName} />\n        </Stack>\n      )}\n      {dialogType === DialogType.Delete && <P>{settingsCopy.mobile_devices_delete_info}</P>}\n    </Dialog>\n  )\n}\n\nexport default observer(DeviceDialog)\n"],"names":["DeviceDialog","dialogType","isOpen","onClose","device","deviceToken","theme","useTheme","commonCopy","settingsCopy","useGlobalCopyStore","updateDevice","deleteDevice","setAlert","loadDevices","useSettingsStore","deviceName","setDeviceName","React","getDialogTitle","DialogType","getDialogPrimaryText","getDialogStyles","baseStyles","handlePrimaryAction","updatedDevice","buildDynamicCopy","jsxs","Dialog","Stack","jsx","Text","TextField","e","P","DeviceDialog$1","observer"],"mappings":"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"}