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

package/dist/settings/components/profile/actions/VerifyEmailAction.js

@@ -0,0 +1,210 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { observer as f } from "mobx-react-lite";
+import e from "react";
+import h from "@mui/material/Button";
+import u from "@mui/material/Stack";
+import x from "@mui/material/styles/useTheme";
+import { Text as r } from "@mxenabled/mxui";
+import { ChevronRight as g } 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/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as y, useSettingsStore as v, useUserStore 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 "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 C 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/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 "../ProfileTab.js";
+import "../../devices/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 gr = f(() => {
+  const { common: n, settings: o } = y(), { sendEmailVerification: a } = v(), { user: s } = S(), l = x(), [c, m] = e.useState(!1), p = () => {
+    m(!1);
+  }, d = () => {
+    m(!0);
+  };
+  return /* @__PURE__ */ i(e.Fragment, { children: [
+    /* @__PURE__ */ i(h, { onClick: d, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
+      /* @__PURE__ */ t(r, { variant: "Small", children: o.verify_email }),
+      /* @__PURE__ */ t(g, {})
+    ] }),
+    /* @__PURE__ */ t(
+      C,
+      {
+        copy: { title: "" },
+        isOpen: c,
+        onClose: p,
+        onPrimaryAction: a,
+        onSecondaryAction: p,
+        primaryText: o.send_verification,
+        secondaryText: n.back,
+        sx: {
+          "& .MuiDialogContent-root": { pt: 0, width: 400 },
+          "& .MuiToolbar-root:last-child": {
+            gap: 16,
+            padding: "32px 60px 48px",
+            justifyContent: "center"
+          }
+        },
+        children: /* @__PURE__ */ i(u, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+          /* @__PURE__ */ t(r, { bold: !0, truncate: !1, variant: "Body", children: o.confirm_your_email }),
+          /* @__PURE__ */ t(r, { truncate: !1, variant: "Small", children: o.confirm_email }),
+          /* @__PURE__ */ t(
+            r,
+            {
+              sx: {
+                border: `1px solid ${l.palette.border.light}`,
+                borderRadius: "4px",
+                p: "16px 32px"
+              },
+              variant: "H3",
+              children: s.email
+            }
+          ),
+          /* @__PURE__ */ t(r, { truncate: !1, variant: "Small", children: o.verification_notice_email })
+        ] })
+      }
+    )
+  ] });
+});
+export {
+  gr as default
+};
+//# sourceMappingURL=VerifyEmailAction.js.map

package/dist/settings/components/profile/actions/VerifyEmailAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifyEmailAction.js","sources":["../../../../../src/settings/components/profile/actions/VerifyEmailAction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { Text } from '@mxenabled/mxui'\nimport { ChevronRight } from '@mxenabled/mx-icons'\n\nimport { Dialog, useGlobalCopyStore, useSettingsStore, useUserStore } from '../../../../common'\n\nconst VerifyEmailAction = observer(() => {\n  const { common: commonCopy, settings: settingsCopy } = useGlobalCopyStore()\n  const { sendEmailVerification } = useSettingsStore()\n  const { user } = useUserStore()\n  const theme = useTheme()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  const handleClose = (): void => {\n    setIsOpen(false)\n  }\n\n  const handleOpen = (): void => {\n    setIsOpen(true)\n  }\n\n  return (\n    <React.Fragment>\n      <Button onClick={handleOpen} sx={{ height: 'auto', p: 4, width: 'fit-content' }}>\n        <Text variant=\"Small\">{settingsCopy.verify_email}</Text>\n        <ChevronRight />\n      </Button>\n      <Dialog\n        copy={{ title: '' }}\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={sendEmailVerification}\n        onSecondaryAction={handleClose}\n        primaryText={settingsCopy.send_verification}\n        secondaryText={commonCopy.back}\n        sx={{\n          '& .MuiDialogContent-root': { pt: 0, width: 400 },\n\n          '& .MuiToolbar-root:last-child': {\n            gap: 16,\n            padding: '32px 60px 48px',\n            justifyContent: 'center',\n          },\n        }}\n      >\n        <Stack spacing={16} sx={{ px: 40, textAlign: 'center', width: '100%' }}>\n          <Text bold={true} truncate={false} variant=\"Body\">\n            {settingsCopy.confirm_your_email}\n          </Text>\n          <Text truncate={false} variant=\"Small\">\n            {settingsCopy.confirm_email}\n          </Text>\n          <Text\n            sx={{\n              border: `1px solid ${theme.palette.border.light}`,\n              borderRadius: '4px',\n              p: '16px 32px',\n            }}\n            variant=\"H3\"\n          >\n            {user.email}\n          </Text>\n          <Text truncate={false} variant=\"Small\">\n            {settingsCopy.verification_notice_email}\n          </Text>\n        </Stack>\n      </Dialog>\n    </React.Fragment>\n  )\n})\n\nexport default VerifyEmailAction\n"],"names":["VerifyEmailAction","observer","commonCopy","settingsCopy","useGlobalCopyStore","sendEmailVerification","useSettingsStore","user","useUserStore","theme","useTheme","isOpen","setIsOpen","React","handleClose","handleOpen","jsxs","Button","jsx","Text","ChevronRight","Dialog","Stack"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYM,MAAAA,KAAoBC,EAAS,MAAM;AACvC,QAAM,EAAE,QAAQC,GAAY,UAAUC,EAAA,IAAiBC,KACjD,EAAE,uBAAAC,MAA0BC,KAC5B,EAAE,MAAAC,MAASC,KACXC,IAAQC,KAER,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAE1CC,IAAc,MAAY;AAC9B,IAAAF,EAAU,EAAK;AAAA,EAAA,GAGXG,IAAa,MAAY;AAC7B,IAAAH,EAAU,EAAI;AAAA,EAAA;AAId,SAAA,gBAAAI,EAACH,EAAM,UAAN,EACC,UAAA;AAAA,IAAC,gBAAAG,EAAAC,GAAA,EAAO,SAASF,GAAY,IAAI,EAAE,QAAQ,QAAQ,GAAG,GAAG,OAAO,cAAA,GAC9D,UAAA;AAAA,MAAA,gBAAAG,EAACC,GAAK,EAAA,SAAQ,SAAS,UAAAhB,EAAa,cAAa;AAAA,wBAChDiB,GAAa,EAAA;AAAA,IAAA,GAChB;AAAA,IACA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAM,EAAE,OAAO,GAAG;AAAA,QAClB,QAAAV;AAAA,QACA,SAASG;AAAA,QACT,iBAAiBT;AAAA,QACjB,mBAAmBS;AAAA,QACnB,aAAaX,EAAa;AAAA,QAC1B,eAAeD,EAAW;AAAA,QAC1B,IAAI;AAAA,UACF,4BAA4B,EAAE,IAAI,GAAG,OAAO,IAAI;AAAA,UAEhD,iCAAiC;AAAA,YAC/B,KAAK;AAAA,YACL,SAAS;AAAA,YACT,gBAAgB;AAAA,UAClB;AAAA,QACF;AAAA,QAEA,UAAC,gBAAAc,EAAAM,GAAA,EAAM,SAAS,IAAI,IAAI,EAAE,IAAI,IAAI,WAAW,UAAU,OAAO,OAAA,GAC5D,UAAA;AAAA,UAAC,gBAAAJ,EAAAC,GAAA,EAAK,MAAM,IAAM,UAAU,IAAO,SAAQ,QACxC,YAAa,mBAChB,CAAA;AAAA,4BACCA,GAAK,EAAA,UAAU,IAAO,SAAQ,SAC5B,YAAa,eAChB;AAAA,UACA,gBAAAD;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,QAAQ,aAAaV,EAAM,QAAQ,OAAO,KAAK;AAAA,gBAC/C,cAAc;AAAA,gBACd,GAAG;AAAA,cACL;AAAA,cACA,SAAQ;AAAA,cAEP,UAAKF,EAAA;AAAA,YAAA;AAAA,UACR;AAAA,4BACCY,GAAK,EAAA,UAAU,IAAO,SAAQ,SAC5B,YAAa,2BAChB;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/settings/components/profile/actions/VerifyPhoneAction.js

@@ -0,0 +1,227 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { observer as S } from "mobx-react-lite";
+import m from "react";
+import v from "@mui/material/Button";
+import C from "@mui/material/Stack";
+import T from "@mui/material/styles/useTheme";
+import { Text as r } from "@mxenabled/mxui";
+import { ChevronRight as b } 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/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../../../common/components/accountfilter/AccountFilterOptions.js";
+import { useGlobalCopyStore as k, useSettingsStore as V, useUserStore as _ } 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 "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 w 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/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 "../ProfileTab.js";
+import "../../devices/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 A from "./VerifyTokenAction.js";
+const Vr = S(() => {
+  const { common: a, settings: t } = k(), { sendPhoneVerification: s, verifyPhoneToken: l } = V(), { user: c } = _(), f = T(), [h, e] = m.useState(!1), [d, i] = m.useState(!1), n = () => {
+    e(!1);
+  }, u = () => {
+    e(!0);
+  }, y = () => {
+    s().finally(() => {
+      i(!0);
+    });
+  }, x = (g) => {
+    l(g).finally(() => {
+      i(!1);
+    });
+  };
+  return /* @__PURE__ */ p(m.Fragment, { children: [
+    /* @__PURE__ */ p(v, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
+      /* @__PURE__ */ o(r, { variant: "Small", children: t.verify_phone }),
+      /* @__PURE__ */ o(b, {})
+    ] }),
+    /* @__PURE__ */ o(
+      w,
+      {
+        copy: { title: "" },
+        isOpen: h,
+        onClose: n,
+        onPrimaryAction: y,
+        onSecondaryAction: n,
+        primaryText: t.send_verification,
+        secondaryText: a.back,
+        sx: {
+          "& .MuiDialogContent-root": { pt: 0, width: 400 },
+          "& .MuiToolbar-root:last-child": {
+            gap: 16,
+            padding: "32px 60px 48px",
+            justifyContent: "center"
+          }
+        },
+        children: /* @__PURE__ */ p(C, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+          /* @__PURE__ */ o(r, { bold: !0, truncate: !1, variant: "Body", children: t.confirm_your_phone }),
+          /* @__PURE__ */ o(r, { truncate: !1, variant: "Small", children: t.confirm_phone }),
+          /* @__PURE__ */ o(
+            r,
+            {
+              sx: {
+                border: `1px solid ${f.palette.border.light}`,
+                borderRadius: "4px",
+                p: "16px 32px"
+              },
+              variant: "H3",
+              children: c.phone
+            }
+          ),
+          /* @__PURE__ */ o(r, { truncate: !1, variant: "Small", children: t.verification_notice_phone })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ o(
+      A,
+      {
+        handleClose: () => i(!1),
+        handleVerify: x,
+        isOpen: d
+      }
+    )
+  ] });
+});
+export {
+  Vr as default
+};
+//# sourceMappingURL=VerifyPhoneAction.js.map

package/dist/settings/components/profile/actions/VerifyPhoneAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifyPhoneAction.js","sources":["../../../../../src/settings/components/profile/actions/VerifyPhoneAction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { Text } from '@mxenabled/mxui'\nimport { ChevronRight } from '@mxenabled/mx-icons'\nimport { Dialog, useGlobalCopyStore, useSettingsStore, useUserStore } from '../../../../common'\nimport VerifyTokenAction from './VerifyTokenAction'\n\nconst VerifyPhoneAction = observer(() => {\n  const { common: commonCopy, settings: settingsCopy } = useGlobalCopyStore()\n  const { sendPhoneVerification, verifyPhoneToken } = useSettingsStore()\n  const { user } = useUserStore()\n  const theme = useTheme()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [showVerifyToken, setShowVerifyToken] = React.useState(false)\n\n  const handleClose = (): void => {\n    setIsOpen(false)\n  }\n\n  const handleOpen = (): void => {\n    setIsOpen(true)\n  }\n\n  const handlePhoneVerify = () => {\n    sendPhoneVerification().finally(() => {\n      setShowVerifyToken(true)\n    })\n  }\n\n  const handleTokenVerify = (token: string) => {\n    verifyPhoneToken(token).finally(() => {\n      setShowVerifyToken(false)\n    })\n  }\n\n  return (\n    <React.Fragment>\n      <Button onClick={handleOpen} sx={{ height: 'auto', p: 4, width: 'fit-content' }}>\n        <Text variant=\"Small\">{settingsCopy.verify_phone}</Text>\n        <ChevronRight />\n      </Button>\n      <Dialog\n        copy={{ title: '' }}\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={handlePhoneVerify}\n        onSecondaryAction={handleClose}\n        primaryText={settingsCopy.send_verification}\n        secondaryText={commonCopy.back}\n        sx={{\n          '& .MuiDialogContent-root': { pt: 0, width: 400 },\n\n          '& .MuiToolbar-root:last-child': {\n            gap: 16,\n            padding: '32px 60px 48px',\n            justifyContent: 'center',\n          },\n        }}\n      >\n        <Stack spacing={16} sx={{ px: 40, textAlign: 'center', width: '100%' }}>\n          <Text bold={true} truncate={false} variant=\"Body\">\n            {settingsCopy.confirm_your_phone}\n          </Text>\n          <Text truncate={false} variant=\"Small\">\n            {settingsCopy.confirm_phone}\n          </Text>\n          <Text\n            sx={{\n              border: `1px solid ${theme.palette.border.light}`,\n              borderRadius: '4px',\n              p: '16px 32px',\n            }}\n            variant=\"H3\"\n          >\n            {user.phone}\n          </Text>\n          <Text truncate={false} variant=\"Small\">\n            {settingsCopy.verification_notice_phone}\n          </Text>\n        </Stack>\n      </Dialog>\n      <VerifyTokenAction\n        handleClose={() => setShowVerifyToken(false)}\n        handleVerify={handleTokenVerify}\n        isOpen={showVerifyToken}\n      />\n    </React.Fragment>\n  )\n})\n\nexport default VerifyPhoneAction\n"],"names":["VerifyPhoneAction","observer","commonCopy","settingsCopy","useGlobalCopyStore","sendPhoneVerification","verifyPhoneToken","useSettingsStore","user","useUserStore","theme","useTheme","isOpen","setIsOpen","React","showVerifyToken","setShowVerifyToken","handleClose","handleOpen","handlePhoneVerify","handleTokenVerify","token","jsxs","Button","jsx","Text","ChevronRight","Dialog","Stack","VerifyTokenAction"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYM,MAAAA,KAAoBC,EAAS,MAAM;AACvC,QAAM,EAAE,QAAQC,GAAY,UAAUC,EAAA,IAAiBC,KACjD,EAAE,uBAAAC,GAAuB,kBAAAC,EAAiB,IAAIC,EAAiB,GAC/D,EAAE,MAAAC,MAASC,KACXC,IAAQC,KAER,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAC1C,CAACC,GAAiBC,CAAkB,IAAIF,EAAM,SAAS,EAAK,GAE5DG,IAAc,MAAY;AAC9B,IAAAJ,EAAU,EAAK;AAAA,EAAA,GAGXK,IAAa,MAAY;AAC7B,IAAAL,EAAU,EAAI;AAAA,EAAA,GAGVM,IAAoB,MAAM;AACR,IAAAd,EAAA,EAAE,QAAQ,MAAM;AACpC,MAAAW,EAAmB,EAAI;AAAA,IAAA,CACxB;AAAA,EAAA,GAGGI,IAAoB,CAACC,MAAkB;AAC1B,IAAAf,EAAAe,CAAK,EAAE,QAAQ,MAAM;AACpC,MAAAL,EAAmB,EAAK;AAAA,IAAA,CACzB;AAAA,EAAA;AAID,SAAA,gBAAAM,EAACR,EAAM,UAAN,EACC,UAAA;AAAA,IAAC,gBAAAQ,EAAAC,GAAA,EAAO,SAASL,GAAY,IAAI,EAAE,QAAQ,QAAQ,GAAG,GAAG,OAAO,cAAA,GAC9D,UAAA;AAAA,MAAA,gBAAAM,EAACC,GAAK,EAAA,SAAQ,SAAS,UAAAtB,EAAa,cAAa;AAAA,wBAChDuB,GAAa,EAAA;AAAA,IAAA,GAChB;AAAA,IACA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAM,EAAE,OAAO,GAAG;AAAA,QAClB,QAAAf;AAAA,QACA,SAASK;AAAA,QACT,iBAAiBE;AAAA,QACjB,mBAAmBF;AAAA,QACnB,aAAad,EAAa;AAAA,QAC1B,eAAeD,EAAW;AAAA,QAC1B,IAAI;AAAA,UACF,4BAA4B,EAAE,IAAI,GAAG,OAAO,IAAI;AAAA,UAEhD,iCAAiC;AAAA,YAC/B,KAAK;AAAA,YACL,SAAS;AAAA,YACT,gBAAgB;AAAA,UAClB;AAAA,QACF;AAAA,QAEA,UAAC,gBAAAoB,EAAAM,GAAA,EAAM,SAAS,IAAI,IAAI,EAAE,IAAI,IAAI,WAAW,UAAU,OAAO,OAAA,GAC5D,UAAA;AAAA,UAAC,gBAAAJ,EAAAC,GAAA,EAAK,MAAM,IAAM,UAAU,IAAO,SAAQ,QACxC,YAAa,mBAChB,CAAA;AAAA,4BACCA,GAAK,EAAA,UAAU,IAAO,SAAQ,SAC5B,YAAa,eAChB;AAAA,UACA,gBAAAD;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,QAAQ,aAAaf,EAAM,QAAQ,OAAO,KAAK;AAAA,gBAC/C,cAAc;AAAA,gBACd,GAAG;AAAA,cACL;AAAA,cACA,SAAQ;AAAA,cAEP,UAAKF,EAAA;AAAA,YAAA;AAAA,UACR;AAAA,4BACCiB,GAAK,EAAA,UAAU,IAAO,SAAQ,SAC5B,YAAa,2BAChB;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAD;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,aAAa,MAAMb,EAAmB,EAAK;AAAA,QAC3C,cAAcI;AAAA,QACd,QAAQL;AAAA,MAAA;AAAA,IACV;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/settings/components/profile/actions/VerifyTokenAction.js

@@ -0,0 +1,186 @@
+import { jsx as o } from "react/jsx-runtime";
+import { observer as c } from "mobx-react-lite";
+import s from "react";
+import l from "@mui/material/Stack";
+import f from "@mui/material/TextField";
+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 d } 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 "../../../../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 y 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 "../ProfileTab.js";
+import "../../devices/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 sr = c(
+  ({ handleClose: t, handleVerify: m, isOpen: p }) => {
+    const { common: e, settings: r } = d(), [i, n] = s.useState("");
+    return /* @__PURE__ */ o(
+      y,
+      {
+        copy: { title: r.enter_verification_code },
+        isOpen: p,
+        onClose: t,
+        onPrimaryAction: () => m(i),
+        onSecondaryAction: t,
+        primaryText: r.verify,
+        secondaryText: e.cancel_button,
+        sx: {
+          "& .MuiDialogContent-root": { pt: 0, width: 400 },
+          "& .MuiToolbar-root:last-child": {
+            gap: 8,
+            padding: 24,
+            justifyContent: "flex-end"
+          }
+        },
+        children: /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(f, { onChange: (a) => n(a.target.value), sx: { width: 352 }, value: i }) })
+      }
+    );
+  }
+);
+export {
+  sr as default
+};
+//# sourceMappingURL=VerifyTokenAction.js.map