@mx-cartographer/experiences 9.3.1 → 9.3.2

package/dist/settings/components/profile/ProfileTab.es.js

@@ -1,178 +1,185 @@
-import { useAppConfig as L, useGlobalCopyStore as z, useSettingsStore as I, useUserStore as R } from "../../../common/context/hooks.es.js";
-import { useScreenSize as N } from "../../../common/hooks/useScreenSize.es.js";
-import j from "../../../common/components/dialog/Dialog.es.js";
-import H from "./actions/VerifyEmailAction.es.js";
-import J from "./actions/VerifyPhoneAction.es.js";
+import { useAppConfig as B, useGlobalCopyStore as F, useSettingsStore as L, useUserStore as M } from "../../../common/context/hooks.es.js";
+import { useScreenSize as R } from "../../../common/hooks/useScreenSize.es.js";
+import z from "../../../common/components/dialog/Dialog.es.js";
+import I from "./actions/ResetPasswordAction.es.js";
+import N from "./actions/VerifyEmailAction.es.js";
+import j from "./actions/VerifyPhoneAction.es.js";
 import p from "react";
-import { observer as O } from "mobx-react-lite";
-import d from "@mui/material/Stack";
-import { H3 as $, P as G } from "@mxenabled/mxui";
-import K from "@mui/material/Button";
-import { Fragment as Y, jsx as t, jsxs as i } from "react/jsx-runtime";
-import { alpha as b, useTheme as q } from "@mui/material/styles";
-import Q from "@mui/material/Box";
-import { getUnixTime as W } from "date-fns/getUnixTime";
-import m from "@mui/material/TextField";
-import { AdapterDateFns as X } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DatePicker as Z } from "@mui/x-date-pickers";
-import { LocalizationProvider as ee } from "@mui/x-date-pickers/LocalizationProvider";
-var te = ({ availableWidth: T, handleOnLeavClick: u }) => {
-  const f = q(), { common: U, settings: o } = z(), { isDesktop: y, isMobile: s, isSmallMobile: h, isTablet: v } = N(T), { config: x } = L(), { updateUser: D } = I(), { user: a } = R(), [r, V] = p.useState({
-    first_name: a.first_name,
-    last_name: a.last_name,
-    email: a.email,
-    phone: a.phone,
-    birthday: a.birthday,
-    postal_code: a.postal_code,
-    credit_score: a.credit_score
-  }), [c, C] = p.useState(!1), [k, g] = p.useState(!1), _ = p.useRef(null), w = r.email && !a.email_is_verified && !c, S = r.phone && !a.phone_is_verified && !c;
+import { observer as H } from "mobx-react-lite";
+import l from "@mui/material/Stack";
+import { H3 as J, P as O } from "@mxenabled/mxui";
+import $ from "@mui/material/Button";
+import { Fragment as G, jsx as t, jsxs as i } from "react/jsx-runtime";
+import { alpha as b, useTheme as K } from "@mui/material/styles";
+import Y from "@mui/material/Box";
+import { getUnixTime as q } from "date-fns/getUnixTime";
+import d from "@mui/material/TextField";
+import { AdapterDateFns as Q } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as W } from "@mui/x-date-pickers";
+import { LocalizationProvider as X } from "@mui/x-date-pickers/LocalizationProvider";
+var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
+  const u = K(), { common: w, settings: o } = F(), { isMobile: c } = R(C), { config: h } = B(), { updateUser: S } = L(), { user: r } = M(), [a, U] = p.useState({
+    first_name: r.first_name,
+    last_name: r.last_name,
+    email: r.email,
+    phone: r.phone,
+    birthday: r.birthday,
+    postal_code: r.postal_code,
+    credit_score: r.credit_score
+  }), [m, y] = p.useState(!1), [P, g] = p.useState(!1), _ = p.useRef(null), v = a.email && !r.email_is_verified && !m, x = a.phone && !r.phone_is_verified && !m;
   p.useEffect(() => {
-    if (u) {
-      const e = (l) => {
-        _.current && !_.current.contains(l.target) && c && g(!0);
+    if (f) {
+      const e = (s) => {
+        _.current && !_.current.contains(s.target) && m && g(!0);
       };
       return document.addEventListener("mousedown", e), () => {
         document.removeEventListener("mousedown", e);
       };
     }
-  }, [c]);
-  const P = () => {
-    if (r.birthday) {
-      const e = /* @__PURE__ */ new Date(r.birthday * 1e3), l = e.getUTCFullYear(), F = e.getUTCMonth(), M = e.getUTCDate();
-      return new Date(l, F, M);
+  }, [m]);
+  const T = () => {
+    if (a.birthday) {
+      const e = /* @__PURE__ */ new Date(a.birthday * 1e3), s = e.getUTCFullYear(), A = e.getUTCMonth(), E = e.getUTCDate();
+      return new Date(s, A, E);
     }
-  }, E = async () => {
-    await D({
-      ...a,
-      ...r
-    }), C(!1);
-  }, A = () => {
-    g(!1), u && u();
-  }, B = () => {
+  }, V = async () => {
+    await S({
+      ...r,
+      ...a
+    }), y(!1);
+  }, D = () => {
+    g(!1), f && f();
+  }, k = () => {
     g(!1);
   }, n = (e) => {
-    const l = {
-      ...r,
+    const s = {
+      ...a,
       ...e
     };
-    V(l), C(JSON.stringify({
-      ...a,
-      ...l
-    }) !== JSON.stringify(a));
+    U(s), y(JSON.stringify({
+      ...r,
+      ...s
+    }) !== JSON.stringify(r));
   };
-  return /* @__PURE__ */ i(Y, { children: [/* @__PURE__ */ i(Q, {
+  return /* @__PURE__ */ i(G, { children: [/* @__PURE__ */ i(Y, {
     component: "form",
     ref: _,
     sx: {
       backgroundColor: "background.paper",
       p: 24,
-      width: h ? 320 : v ? 680 : y ? 990 : 400,
-      "& .MuiTextField-root": { width: h ? 272 : v ? 328 : y ? 483 : 352 }
+      "& .MuiTextField-root": { flex: 1 }
     },
     children: [
-      /* @__PURE__ */ t($, { children: o.personal_details }),
-      /* @__PURE__ */ t(G, {
+      /* @__PURE__ */ t(J, { children: o.personal_details }),
+      /* @__PURE__ */ t(O, {
         variant: "body1",
         children: o.update_information
       }),
-      /* @__PURE__ */ i(d, {
-        direction: s ? "column" : "row",
-        spacing: s ? 44 : 24,
+      /* @__PURE__ */ i(l, {
+        direction: c ? "column" : "row",
+        spacing: 24,
         sx: {
-          mb: 44,
-          pt: 32
+          mb: 24,
+          pt: 24
         },
-        children: [/* @__PURE__ */ t(m, {
-          defaultValue: r.first_name,
+        children: [/* @__PURE__ */ t(d, {
+          defaultValue: a.first_name,
           label: o.first_name,
           onChange: (e) => n({ first_name: e.target.value })
-        }), /* @__PURE__ */ t(m, {
-          defaultValue: r.last_name,
+        }), /* @__PURE__ */ t(d, {
+          defaultValue: a.last_name,
           label: o.last_name,
           onChange: (e) => n({ last_name: e.target.value })
         })]
       }),
-      /* @__PURE__ */ i(d, {
-        direction: s ? "column" : "row",
-        children: [x.display_email_edit_field_in_settings && /* @__PURE__ */ i(d, {
+      /* @__PURE__ */ i(l, {
+        direction: c ? "column" : "row",
+        children: [h.display_email_edit_field_in_settings && /* @__PURE__ */ i(l, {
           sx: {
-            mb: w ? 20 : 44,
-            mr: s ? 0 : 24
+            flex: 1,
+            mb: v ? 20 : 24,
+            mr: c ? 0 : 24
           },
-          children: [/* @__PURE__ */ t(m, {
-            defaultValue: r.email,
+          children: [/* @__PURE__ */ t(d, {
+            defaultValue: a.email,
             label: o.email_address,
             onChange: (e) => n({ email: e.target.value })
-          }), w && /* @__PURE__ */ t(H, {})]
-        }), x.display_sms_edit_field_in_settings && /* @__PURE__ */ i(d, {
-          sx: { mb: S ? 20 : 44 },
-          children: [/* @__PURE__ */ t(m, {
-            defaultValue: r.phone,
+          }), v && /* @__PURE__ */ t(N, {})]
+        }), h.display_sms_edit_field_in_settings && /* @__PURE__ */ i(l, {
+          sx: {
+            flex: 1,
+            mb: x ? 20 : 24
+          },
+          children: [/* @__PURE__ */ t(d, {
+            defaultValue: a.phone,
             label: o.mobile_number,
             onChange: (e) => n({ phone: e.target.value }),
             type: "tel"
-          }), S && /* @__PURE__ */ t(J, {})]
+          }), x && /* @__PURE__ */ t(j, {})]
         })]
       }),
-      /* @__PURE__ */ i(d, {
-        direction: s ? "column" : "row",
-        spacing: s ? 44 : 24,
-        sx: { mb: 44 },
-        children: [/* @__PURE__ */ t(ee, {
-          dateAdapter: X,
-          children: /* @__PURE__ */ t(Z, {
+      /* @__PURE__ */ i(l, {
+        direction: c ? "column" : "row",
+        spacing: 24,
+        sx: { mb: 24 },
+        children: [/* @__PURE__ */ t(X, {
+          dateAdapter: Q,
+          children: /* @__PURE__ */ t(W, {
             label: o.birthdate,
-            onChange: (e) => n({ birthday: W(e) }),
+            onChange: (e) => n({ birthday: q(e) }),
             slotProps: {
               nextIconButton: { sx: {
                 color: "primary.main",
-                "&:hover": { backgroundColor: b(f.palette.primary.light, 0.1) }
+                "&:hover": { backgroundColor: b(u.palette.primary.light, 0.1) }
               } },
               previousIconButton: { sx: {
                 color: "primary.main",
-                "&:hover": { backgroundColor: b(f.palette.primary.light, 0.1) }
+                "&:hover": { backgroundColor: b(u.palette.primary.light, 0.1) }
               } }
             },
             sx: {
               width: "100%",
               "& .MuiIconButton-edgeEnd": {
                 color: "primary.main",
-                "&:hover": { backgroundColor: b(f.palette.primary.light, 0.1) }
+                "&:hover": { backgroundColor: b(u.palette.primary.light, 0.1) }
               }
             },
-            value: P()
+            value: T()
           })
-        }), /* @__PURE__ */ t(m, {
-          defaultValue: r.postal_code,
+        }), /* @__PURE__ */ t(d, {
+          defaultValue: a.postal_code,
           label: o.zip_code,
           onChange: (e) => n({ postal_code: e.target.value })
         })]
       }),
-      /* @__PURE__ */ i(d, { children: [/* @__PURE__ */ t(m, {
-        defaultValue: r.credit_score,
-        label: o.credit_score,
-        onChange: (e) => n({ credit_score: Number(e.target.value) }),
-        sx: { mb: 44 }
-      }), /* @__PURE__ */ t(K, {
-        disabled: !c,
-        onClick: E,
-        sx: { width: h ? 272 : 124 },
-        variant: "contained",
-        children: U.save_button
-      })] })
+      /* @__PURE__ */ i(l, { children: [
+        /* @__PURE__ */ t(d, {
+          defaultValue: a.credit_score,
+          label: o.credit_score,
+          onChange: (e) => n({ credit_score: Number(e.target.value) })
+        }),
+        h.display_password_options_in_settings && /* @__PURE__ */ t(I, {}),
+        /* @__PURE__ */ t($, {
+          disabled: !m,
+          onClick: V,
+          sx: { width: c ? "100%" : 124 },
+          variant: "contained",
+          children: w.save_button
+        })
+      ] })
     ]
-  }), /* @__PURE__ */ t(j, {
+  }), /* @__PURE__ */ t(z, {
     copy: { title: o.discard_changes },
-    isOpen: k,
-    onClose: B,
-    onSecondaryAction: A,
+    isOpen: P,
+    onClose: k,
+    onSecondaryAction: D,
     primaryText: o.keep_editing,
     secondaryText: o.leave,
     children: o.discard_changes_message
   })] });
-}, ve = O(te);
+}, ye = H(Z);
 export {
-  ve as default
+  ye as default
 };
 
 //# sourceMappingURL=ProfileTab.es.js.map

package/dist/settings/components/profile/ProfileTab.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileTab.es.js","names":[],"sources":["../../../../src/settings/components/profile/ProfileTab.tsx"],"sourcesContent":["/* eslint-disable no-nested-ternary */\n\nimport React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { getUnixTime } from 'date-fns/getUnixTime'\n\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3'\nimport { DatePicker } from '@mui/x-date-pickers'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\n\nimport { alpha, useTheme } from '@mui/material/styles'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { H3, P } from '@mxenabled/mxui'\n\nimport {\n  useAppConfig,\n  useGlobalCopyStore,\n  useScreenSize,\n  useSettingsStore,\n  useUserStore,\n  Dialog,\n} from '../../../common'\nimport { type EditableUser } from '../../../core'\nimport VerifyEmailAction from './actions/VerifyEmailAction'\nimport VerifyPhoneAction from './actions/VerifyPhoneAction'\n\ninterface ProfileFormProps {\n  availableWidth?: number\n  handleOnLeavClick?: () => void\n}\n\ntype UserInput = {\n  [U in keyof EditableUser]: EditableUser[U]\n}\n\nconst ProfileForm: React.FC<ProfileFormProps> = ({ availableWidth, handleOnLeavClick }) => {\n  const theme = useTheme()\n  const { common: commonCopy, settings: settingsCopy } = useGlobalCopyStore()\n  const { isDesktop, isMobile, isSmallMobile, isTablet } = useScreenSize(availableWidth)\n  const { config } = useAppConfig()\n  const { updateUser } = useSettingsStore()\n  const { user } = useUserStore()\n\n  const [modifiedUser, setModifiedUser] = React.useState<EditableUser>({\n    first_name: user.first_name,\n    last_name: user.last_name,\n    email: user.email,\n    phone: user.phone,\n    birthday: user.birthday,\n    postal_code: user.postal_code,\n    credit_score: user.credit_score,\n  })\n  const [hasUnsavedChanges, setHasUnsavedChanges] = React.useState(false)\n  const [showLeaveDialog, setShowLeaveDialog] = React.useState(false)\n  const boxRef = React.useRef<HTMLDivElement>(null)\n\n  const showVerifyEmail = modifiedUser.email && !user.email_is_verified && !hasUnsavedChanges\n  const showVerifyPhone = modifiedUser.phone && !user.phone_is_verified && !hasUnsavedChanges\n\n  React.useEffect(() => {\n    if (handleOnLeavClick) {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (boxRef.current && !boxRef.current.contains(event.target as Node) && hasUnsavedChanges) {\n          setShowLeaveDialog(true)\n        }\n      }\n\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside)\n      }\n    }\n    return undefined\n  }, [hasUnsavedChanges])\n\n  // eslint-disable-next-line consistent-return\n  const formatReadableBirthday = () => {\n    if (modifiedUser.birthday) {\n      const utc = new Date(modifiedUser.birthday * 1000)\n      const year = utc.getUTCFullYear()\n      const month = utc.getUTCMonth()\n      const day = utc.getUTCDate()\n      return new Date(year, month, day)\n    }\n  }\n\n  const handleSave = async () => {\n    await updateUser({ ...user, ...modifiedUser })\n    setHasUnsavedChanges(false)\n  }\n\n  const handleLeaveDialog = () => {\n    setShowLeaveDialog(false)\n\n    if (handleOnLeavClick) {\n      handleOnLeavClick()\n    }\n  }\n\n  const handleKeepEditing = () => {\n    setShowLeaveDialog(false)\n  }\n\n  const handleInput = (update: UserInput) => {\n    const changedUser = {\n      ...modifiedUser,\n      ...update,\n    }\n    setModifiedUser(changedUser)\n    setHasUnsavedChanges(JSON.stringify({ ...user, ...changedUser }) !== JSON.stringify(user))\n  }\n\n  return (\n    <>\n      <Box\n        component=\"form\"\n        ref={boxRef}\n        sx={{\n          backgroundColor: 'background.paper',\n          p: 24,\n          width: isSmallMobile ? 320 : isTablet ? 680 : isDesktop ? 990 : 400,\n          '& .MuiTextField-root': {\n            width: isSmallMobile ? 272 : isTablet ? 328 : isDesktop ? 483 : 352,\n          },\n        }}\n      >\n        <H3>{settingsCopy.personal_details}</H3>\n        <P variant=\"body1\">{settingsCopy.update_information}</P>\n        <Stack\n          direction={isMobile ? 'column' : 'row'}\n          spacing={isMobile ? 44 : 24}\n          sx={{ mb: 44, pt: 32 }}\n        >\n          <TextField\n            defaultValue={modifiedUser.first_name}\n            label={settingsCopy.first_name}\n            onChange={(e) => handleInput({ first_name: e.target.value })}\n          />\n          <TextField\n            defaultValue={modifiedUser.last_name}\n            label={settingsCopy.last_name}\n            onChange={(e) => handleInput({ last_name: e.target.value })}\n          />\n        </Stack>\n        <Stack direction={isMobile ? 'column' : 'row'}>\n          {config.display_email_edit_field_in_settings && (\n            <Stack sx={{ mb: showVerifyEmail ? 20 : 44, mr: isMobile ? 0 : 24 }}>\n              <TextField\n                defaultValue={modifiedUser.email}\n                label={settingsCopy.email_address}\n                onChange={(e) => handleInput({ email: e.target.value })}\n              />\n              {showVerifyEmail && <VerifyEmailAction />}\n            </Stack>\n          )}\n          {config.display_sms_edit_field_in_settings && (\n            <Stack sx={{ mb: showVerifyPhone ? 20 : 44 }}>\n              <TextField\n                defaultValue={modifiedUser.phone}\n                label={settingsCopy.mobile_number}\n                onChange={(e) => handleInput({ phone: e.target.value })}\n                type=\"tel\"\n              />\n              {showVerifyPhone && <VerifyPhoneAction />}\n            </Stack>\n          )}\n        </Stack>\n        <Stack direction={isMobile ? 'column' : 'row'} spacing={isMobile ? 44 : 24} sx={{ mb: 44 }}>\n          <LocalizationProvider dateAdapter={AdapterDateFns}>\n            <DatePicker\n              label={settingsCopy.birthdate}\n              onChange={(value) => handleInput({ birthday: getUnixTime(value as Date) })}\n              slotProps={{\n                nextIconButton: {\n                  sx: {\n                    color: 'primary.main',\n                    '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n                  },\n                },\n                previousIconButton: {\n                  sx: {\n                    color: 'primary.main',\n                    '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n                  },\n                },\n              }}\n              sx={{\n                width: '100%',\n                '& .MuiIconButton-edgeEnd': {\n                  color: 'primary.main',\n                  '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n                },\n              }}\n              value={formatReadableBirthday()}\n            />\n          </LocalizationProvider>\n          <TextField\n            defaultValue={modifiedUser.postal_code}\n            label={settingsCopy.zip_code}\n            onChange={(e) => handleInput({ postal_code: e.target.value })}\n          />\n        </Stack>\n        <Stack>\n          <TextField\n            defaultValue={modifiedUser.credit_score}\n            label={settingsCopy.credit_score}\n            onChange={(e) => handleInput({ credit_score: Number(e.target.value) })}\n            sx={{ mb: 44 }}\n          />\n          <Button\n            disabled={!hasUnsavedChanges}\n            onClick={handleSave}\n            sx={{ width: isSmallMobile ? 272 : 124 }}\n            variant=\"contained\"\n          >\n            {commonCopy.save_button}\n          </Button>\n        </Stack>\n      </Box>\n      <Dialog\n        copy={{ title: settingsCopy.discard_changes }}\n        isOpen={showLeaveDialog}\n        onClose={handleKeepEditing}\n        onSecondaryAction={handleLeaveDialog}\n        primaryText={settingsCopy.keep_editing}\n        secondaryText={settingsCopy.leave}\n      >\n        {settingsCopy.discard_changes_message}\n      </Dialog>\n    </>\n  )\n}\n\nexport default observer(ProfileForm)\n"],"mappings":"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"}
+{"version":3,"file":"ProfileTab.es.js","names":[],"sources":["../../../../src/settings/components/profile/ProfileTab.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { getUnixTime } from 'date-fns/getUnixTime'\n\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3'\nimport { DatePicker } from '@mui/x-date-pickers'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\n\nimport { alpha, useTheme } from '@mui/material/styles'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { H3, P } from '@mxenabled/mxui'\n\nimport {\n  useAppConfig,\n  useGlobalCopyStore,\n  useScreenSize,\n  useSettingsStore,\n  useUserStore,\n  Dialog,\n} from '../../../common'\nimport { type EditableUser } from '../../../core'\nimport ResetPasswordAction from './actions/ResetPasswordAction'\nimport VerifyEmailAction from './actions/VerifyEmailAction'\nimport VerifyPhoneAction from './actions/VerifyPhoneAction'\n\ninterface ProfileFormProps {\n  availableWidth?: number\n  handleOnLeaveClick?: () => void\n}\n\ntype UserInput = {\n  [U in keyof EditableUser]: EditableUser[U]\n}\n\nconst ProfileForm: React.FC<ProfileFormProps> = ({ availableWidth, handleOnLeaveClick }) => {\n  const theme = useTheme()\n  const { common: commonCopy, settings: settingsCopy } = useGlobalCopyStore()\n  const { isMobile } = useScreenSize(availableWidth)\n  const { config } = useAppConfig()\n  const { updateUser } = useSettingsStore()\n  const { user } = useUserStore()\n\n  const [modifiedUser, setModifiedUser] = React.useState<EditableUser>({\n    first_name: user.first_name,\n    last_name: user.last_name,\n    email: user.email,\n    phone: user.phone,\n    birthday: user.birthday,\n    postal_code: user.postal_code,\n    credit_score: user.credit_score,\n  })\n  const [hasUnsavedChanges, setHasUnsavedChanges] = React.useState(false)\n  const [showLeaveDialog, setShowLeaveDialog] = React.useState(false)\n  const boxRef = React.useRef<HTMLDivElement>(null)\n\n  const showVerifyEmail = modifiedUser.email && !user.email_is_verified && !hasUnsavedChanges\n  const showVerifyPhone = modifiedUser.phone && !user.phone_is_verified && !hasUnsavedChanges\n\n  React.useEffect(() => {\n    if (handleOnLeaveClick) {\n      const handleClickOutside = (event: MouseEvent) => {\n        if (boxRef.current && !boxRef.current.contains(event.target as Node) && hasUnsavedChanges) {\n          setShowLeaveDialog(true)\n        }\n      }\n\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside)\n      }\n    }\n    return undefined\n  }, [hasUnsavedChanges])\n\n  // eslint-disable-next-line consistent-return\n  const formatReadableBirthday = () => {\n    if (modifiedUser.birthday) {\n      const utc = new Date(modifiedUser.birthday * 1000)\n      const year = utc.getUTCFullYear()\n      const month = utc.getUTCMonth()\n      const day = utc.getUTCDate()\n      return new Date(year, month, day)\n    }\n  }\n\n  const handleSave = async () => {\n    await updateUser({ ...user, ...modifiedUser })\n    setHasUnsavedChanges(false)\n  }\n\n  const handleLeaveDialog = () => {\n    setShowLeaveDialog(false)\n\n    if (handleOnLeaveClick) {\n      handleOnLeaveClick()\n    }\n  }\n\n  const handleKeepEditing = () => {\n    setShowLeaveDialog(false)\n  }\n\n  const handleInput = (update: UserInput) => {\n    const changedUser = {\n      ...modifiedUser,\n      ...update,\n    }\n    setModifiedUser(changedUser)\n    setHasUnsavedChanges(JSON.stringify({ ...user, ...changedUser }) !== JSON.stringify(user))\n  }\n\n  return (\n    <>\n      <Box\n        component=\"form\"\n        ref={boxRef}\n        sx={{\n          backgroundColor: 'background.paper',\n          p: 24,\n          '& .MuiTextField-root': {\n            flex: 1,\n          },\n        }}\n      >\n        <H3>{settingsCopy.personal_details}</H3>\n        <P variant=\"body1\">{settingsCopy.update_information}</P>\n        <Stack direction={isMobile ? 'column' : 'row'} spacing={24} sx={{ mb: 24, pt: 24 }}>\n          <TextField\n            defaultValue={modifiedUser.first_name}\n            label={settingsCopy.first_name}\n            onChange={(e) => handleInput({ first_name: e.target.value })}\n          />\n          <TextField\n            defaultValue={modifiedUser.last_name}\n            label={settingsCopy.last_name}\n            onChange={(e) => handleInput({ last_name: e.target.value })}\n          />\n        </Stack>\n        <Stack direction={isMobile ? 'column' : 'row'}>\n          {config.display_email_edit_field_in_settings && (\n            <Stack sx={{ flex: 1, mb: showVerifyEmail ? 20 : 24, mr: isMobile ? 0 : 24 }}>\n              <TextField\n                defaultValue={modifiedUser.email}\n                label={settingsCopy.email_address}\n                onChange={(e) => handleInput({ email: e.target.value })}\n              />\n              {showVerifyEmail && <VerifyEmailAction />}\n            </Stack>\n          )}\n          {config.display_sms_edit_field_in_settings && (\n            <Stack sx={{ flex: 1, mb: showVerifyPhone ? 20 : 24 }}>\n              <TextField\n                defaultValue={modifiedUser.phone}\n                label={settingsCopy.mobile_number}\n                onChange={(e) => handleInput({ phone: e.target.value })}\n                type=\"tel\"\n              />\n              {showVerifyPhone && <VerifyPhoneAction />}\n            </Stack>\n          )}\n        </Stack>\n        <Stack direction={isMobile ? 'column' : 'row'} spacing={24} sx={{ mb: 24 }}>\n          <LocalizationProvider dateAdapter={AdapterDateFns}>\n            <DatePicker\n              label={settingsCopy.birthdate}\n              onChange={(value) => handleInput({ birthday: getUnixTime(value as Date) })}\n              slotProps={{\n                nextIconButton: {\n                  sx: {\n                    color: 'primary.main',\n                    '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n                  },\n                },\n                previousIconButton: {\n                  sx: {\n                    color: 'primary.main',\n                    '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n                  },\n                },\n              }}\n              sx={{\n                width: '100%',\n                '& .MuiIconButton-edgeEnd': {\n                  color: 'primary.main',\n                  '&:hover': { backgroundColor: alpha(theme.palette.primary.light, 0.1) },\n                },\n              }}\n              value={formatReadableBirthday()}\n            />\n          </LocalizationProvider>\n          <TextField\n            defaultValue={modifiedUser.postal_code}\n            label={settingsCopy.zip_code}\n            onChange={(e) => handleInput({ postal_code: e.target.value })}\n          />\n        </Stack>\n        <Stack>\n          <TextField\n            defaultValue={modifiedUser.credit_score}\n            label={settingsCopy.credit_score}\n            onChange={(e) => handleInput({ credit_score: Number(e.target.value) })}\n          />\n          {config.display_password_options_in_settings && <ResetPasswordAction />}\n          <Button\n            disabled={!hasUnsavedChanges}\n            onClick={handleSave}\n            sx={{ width: isMobile ? '100%' : 124 }}\n            variant=\"contained\"\n          >\n            {commonCopy.save_button}\n          </Button>\n        </Stack>\n      </Box>\n      <Dialog\n        copy={{ title: settingsCopy.discard_changes }}\n        isOpen={showLeaveDialog}\n        onClose={handleKeepEditing}\n        onSecondaryAction={handleLeaveDialog}\n        primaryText={settingsCopy.keep_editing}\n        secondaryText={settingsCopy.leave}\n      >\n        {settingsCopy.discard_changes_message}\n      </Dialog>\n    </>\n  )\n}\n\nexport default observer(ProfileForm)\n"],"mappings":"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"}

package/dist/settings/components/profile/actions/ResetPasswordAction.d.ts

@@ -0,0 +1,4 @@
+declare const ResetPasswordAction: (() => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default ResetPasswordAction;

package/dist/settings/components/profile/actions/ResetPasswordAction.es.js

@@ -0,0 +1,94 @@
+import { useGlobalCopyStore as v, useSettingsStore as E } from "../../../../common/context/hooks.es.js";
+import N from "../../../../common/components/dialog/Dialog.es.js";
+import { HAS_LETTER as W, HAS_NUMBER as D, HIDE_CONFIRM_PASSWORD as I, HIDE_NEW_PASSWORD as T, PASSWORD_REQUIREMENTS as H, SHOW_CONFIRM_PASSWORD as M, SHOW_NEW_PASSWORD as k } from "../../../constants/Settings.es.js";
+import s from "react";
+import { observer as B } from "mobx-react-lite";
+import S from "@mui/material/Stack";
+import { Text as h } from "@mxenabled/mxui";
+import j from "@mui/material/Button";
+import { ChevronRight as F, Visibility as u, VisibilityOff as _ } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import P from "@mui/material/IconButton";
+import C from "@mui/material/InputAdornment";
+import g from "@mui/material/TextField";
+var ee = B(() => {
+  const { common: y, settings: t } = v(), { updatePassword: x } = E(), [A, l] = s.useState(!1), [o, p] = s.useState(""), [a, c] = s.useState(""), [r, m] = s.useState(!1), [n, w] = s.useState(!1), R = o.length >= 12 && W.test(o) && D.test(o) && o === a, f = () => {
+    l(!1), p(""), c(""), m(!1), w(!1);
+  }, b = () => {
+    l(!0);
+  }, O = () => {
+    x({
+      new_password: o,
+      new_password_again: a
+    });
+  };
+  return /* @__PURE__ */ d(S, { children: [/* @__PURE__ */ d(j, {
+    onClick: b,
+    children: [/* @__PURE__ */ e(h, {
+      variant: "body2",
+      children: t.reset_password
+    }), /* @__PURE__ */ e(F, {})]
+  }), /* @__PURE__ */ e(N, {
+    copy: { title: t.reset_password },
+    disablePrimaryButton: !R,
+    isOpen: A,
+    onClose: f,
+    onPrimaryAction: O,
+    onSecondaryAction: f,
+    primaryText: t.save_password,
+    secondaryText: y.cancel_button,
+    sx: { "& .MuiToolbar-root:last-child": {
+      padding: 24,
+      justifyContent: "flex-end"
+    } },
+    children: /* @__PURE__ */ d(S, {
+      spacing: 16,
+      sx: {
+        px: 40,
+        textAlign: "center",
+        width: "100%"
+      },
+      children: [
+        /* @__PURE__ */ e(h, {
+          variant: "body1",
+          children: H
+        }),
+        /* @__PURE__ */ e(g, {
+          label: t.new_password,
+          onChange: (i) => p(i.target.value),
+          slotProps: { input: { endAdornment: /* @__PURE__ */ e(C, {
+            position: "end",
+            children: /* @__PURE__ */ e(P, {
+              "aria-label": r ? T : k,
+              edge: "end",
+              onClick: () => m(!r),
+              children: r ? /* @__PURE__ */ e(_, {}) : /* @__PURE__ */ e(u, {})
+            })
+          }) } },
+          type: r ? "text" : "password",
+          value: o
+        }),
+        /* @__PURE__ */ e(g, {
+          label: t.confirm_new_password,
+          onChange: (i) => c(i.target.value),
+          slotProps: { input: { endAdornment: /* @__PURE__ */ e(C, {
+            position: "end",
+            children: /* @__PURE__ */ e(P, {
+              "aria-label": n ? I : M,
+              edge: "end",
+              onClick: () => w(!n),
+              children: n ? /* @__PURE__ */ e(_, {}) : /* @__PURE__ */ e(u, {})
+            })
+          }) } },
+          type: n ? "text" : "password",
+          value: a
+        })
+      ]
+    })
+  })] });
+});
+export {
+  ee as default
+};
+
+//# sourceMappingURL=ResetPasswordAction.es.js.map

package/dist/settings/components/profile/actions/ResetPasswordAction.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordAction.es.js","names":[],"sources":["../../../../../src/settings/components/profile/actions/ResetPasswordAction.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite'\nimport React from 'react'\n\nimport Button from '@mui/material/Button'\nimport IconButton from '@mui/material/IconButton'\nimport InputAdornment from '@mui/material/InputAdornment'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\n\nimport { Text } from '@mxenabled/mxui'\nimport { ChevronRight, Visibility, VisibilityOff } from '@mxenabled/mx-icons'\n\nimport { Dialog, useGlobalCopyStore, useSettingsStore } from '../../../../common'\nimport {\n  HAS_LETTER,\n  HAS_NUMBER,\n  HIDE_CONFIRM_PASSWORD,\n  HIDE_NEW_PASSWORD,\n  MIN_PASSWORD_LENGTH,\n  PASSWORD_REQUIREMENTS,\n  SHOW_CONFIRM_PASSWORD,\n  SHOW_NEW_PASSWORD,\n} from '../../../constants/Settings'\n\nconst ResetPasswordAction = observer(() => {\n  const { common: commonCopy, settings: settingsCopy } = useGlobalCopyStore()\n  const { updatePassword } = useSettingsStore()\n\n  const [isOpen, setIsOpen] = React.useState(false)\n  const [newPassword, setNewPassword] = React.useState('')\n  const [confirmPassword, setConfirmPassword] = React.useState('')\n  const [showNewPassword, setShowNewPassword] = React.useState(false)\n  const [showConfirmPassword, setShowConfirmPassword] = React.useState(false)\n  const isValid =\n    newPassword.length >= MIN_PASSWORD_LENGTH &&\n    HAS_LETTER.test(newPassword) &&\n    HAS_NUMBER.test(newPassword) &&\n    newPassword === confirmPassword\n\n  const handleClose = (): void => {\n    setIsOpen(false)\n    setNewPassword('')\n    setConfirmPassword('')\n    setShowNewPassword(false)\n    setShowConfirmPassword(false)\n  }\n\n  const handleOpen = (): void => {\n    setIsOpen(true)\n  }\n\n  const handleSave = () => {\n    updatePassword({ new_password: newPassword, new_password_again: confirmPassword })\n  }\n\n  return (\n    <Stack>\n      <Button onClick={handleOpen}>\n        <Text variant=\"body2\">{settingsCopy.reset_password}</Text>\n        <ChevronRight />\n      </Button>\n      <Dialog\n        copy={{ title: settingsCopy.reset_password }}\n        disablePrimaryButton={!isValid}\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={handleSave}\n        onSecondaryAction={handleClose}\n        primaryText={settingsCopy.save_password}\n        secondaryText={commonCopy.cancel_button}\n        sx={{\n          '& .MuiToolbar-root:last-child': {\n            padding: 24,\n            justifyContent: 'flex-end',\n          },\n        }}\n      >\n        <Stack spacing={16} sx={{ px: 40, textAlign: 'center', width: '100%' }}>\n          <Text variant=\"body1\">{PASSWORD_REQUIREMENTS}</Text>\n          <TextField\n            label={settingsCopy.new_password}\n            onChange={(e) => setNewPassword(e.target.value)}\n            slotProps={{\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      aria-label={showNewPassword ? HIDE_NEW_PASSWORD : SHOW_NEW_PASSWORD}\n                      edge=\"end\"\n                      onClick={() => setShowNewPassword(!showNewPassword)}\n                    >\n                      {showNewPassword ? <VisibilityOff /> : <Visibility />}\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              },\n            }}\n            type={showNewPassword ? 'text' : 'password'}\n            value={newPassword}\n          />\n          <TextField\n            label={settingsCopy.confirm_new_password}\n            onChange={(e) => setConfirmPassword(e.target.value)}\n            slotProps={{\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      aria-label={\n                        showConfirmPassword ? HIDE_CONFIRM_PASSWORD : SHOW_CONFIRM_PASSWORD\n                      }\n                      edge=\"end\"\n                      onClick={() => setShowConfirmPassword(!showConfirmPassword)}\n                    >\n                      {showConfirmPassword ? <VisibilityOff /> : <Visibility />}\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              },\n            }}\n            type={showConfirmPassword ? 'text' : 'password'}\n            value={confirmPassword}\n          />\n        </Stack>\n      </Dialog>\n    </Stack>\n  )\n})\n\nexport default ResetPasswordAction\n"],"mappings":"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"}

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

@@ -4,46 +4,35 @@ import a from "react";
 import { observer as y } from "mobx-react-lite";
 import g from "@mui/material/Stack";
 import { Text as o } from "@mxenabled/mxui";
-import b from "@mui/material/Button";
-import { ChevronRight as v } from "@mxenabled/mx-icons";
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import v from "@mui/material/Button";
+import { ChevronRight as b } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { useTheme as C } from "@mui/material/styles";
-var E = y(() => {
-  const { common: s, settings: e } = f(), { sendEmailVerification: c } = h(), { user: l } = u(), m = C(), [p, i] = a.useState(!1), n = () => {
+var V = y(() => {
+  const { common: s, settings: t } = f(), { sendEmailVerification: c } = h(), { user: m } = u(), l = C(), [p, i] = a.useState(!1), n = () => {
     i(!1);
   }, d = () => {
     i(!0);
   };
-  return /* @__PURE__ */ r(a.Fragment, { children: [/* @__PURE__ */ r(b, {
+  return /* @__PURE__ */ r(a.Fragment, { children: [/* @__PURE__ */ r(v, {
     onClick: d,
     sx: {
       height: "auto",
       p: 4,
       width: "fit-content"
     },
-    children: [/* @__PURE__ */ t(o, {
+    children: [/* @__PURE__ */ e(o, {
       variant: "body2",
-      children: e.verify_email
-    }), /* @__PURE__ */ t(v, {})]
-  }), /* @__PURE__ */ t(x, {
-    copy: { title: "" },
+      children: t.verify_email
+    }), /* @__PURE__ */ e(b, {})]
+  }), /* @__PURE__ */ e(x, {
+    copy: { title: t.confirm_your_email },
     isOpen: p,
     onClose: n,
     onPrimaryAction: c,
     onSecondaryAction: n,
-    primaryText: e.send_verification,
+    primaryText: t.send_verification,
     secondaryText: s.back,
-    sx: {
-      "& .MuiDialogContent-root": {
-        pt: 0,
-        width: 400
-      },
-      "& .MuiToolbar-root:last-child": {
-        gap: 16,
-        padding: "32px 60px 48px",
-        justifyContent: "center"
-      }
-    },
     children: /* @__PURE__ */ r(g, {
       spacing: 16,
       sx: {
@@ -52,37 +41,31 @@ var E = y(() => {
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ t(o, {
-          bold: !0,
-          truncate: !1,
-          variant: "body1",
-          children: e.confirm_your_email
-        }),
-        /* @__PURE__ */ t(o, {
+        /* @__PURE__ */ e(o, {
           truncate: !1,
           variant: "body2",
-          children: e.confirm_email
+          children: t.confirm_email
         }),
-        /* @__PURE__ */ t(o, {
+        /* @__PURE__ */ e(o, {
           sx: {
-            border: `1px solid ${m.palette.neutral.light}`,
+            border: `1px solid ${l.palette.neutral.light}`,
             borderRadius: "4px",
             p: "16px 32px"
           },
           variant: "h3",
-          children: l.email
+          children: m.email
         }),
-        /* @__PURE__ */ t(o, {
+        /* @__PURE__ */ e(o, {
           truncate: !1,
           variant: "body2",
-          children: e.verification_notice_email
+          children: t.verification_notice_email
         })
       ]
     })
   })] });
 });
 export {
-  E as default
+  V as default
 };
 
 //# sourceMappingURL=VerifyEmailAction.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VerifyEmailAction.es.js","names":[],"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'\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=\"body2\">{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=\"body1\">\n            {settingsCopy.confirm_your_email}\n          </Text>\n          <Text truncate={false} variant=\"body2\">\n            {settingsCopy.confirm_email}\n          </Text>\n          <Text\n            sx={{\n              border: `1px solid ${theme.palette.neutral.light}`,\n              borderRadius: '4px',\n              p: '16px 32px',\n            }}\n            variant=\"h3\"\n          >\n            {user.email}\n          </Text>\n          <Text truncate={false} variant=\"body2\">\n            {settingsCopy.verification_notice_email}\n          </Text>\n        </Stack>\n      </Dialog>\n    </React.Fragment>\n  )\n})\n\nexport default VerifyEmailAction\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAoB,EAAA,MAAe;AACvC,QAAM,EAAE,QAAQ,GAAY,UAAU,EAAA,IAAiB,EAAmB,GACpE,EAAE,uBAAA,EAAA,IAA0B,EAAiB,GAC7C,EAAE,MAAA,EAAA,IAAS,EAAa,GACxB,IAAQ,EAAS,GAEjB,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAA,MAA0B;AAC9B,IAAA,EAAU,EAAK;AAAA,EACjB,GAEM,IAAA,MAAyB;AAC7B,IAAA,EAAU,EAAI;AAAA,EAChB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAQ,SAAS;AAAA,IAAY,IAAI;AAAA,MAAE,QAAQ;AAAA,MAAQ,GAAG;AAAA,MAAG,OAAO;AAAA,IAAc;AAAA,IAA9E,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAM,SAAQ;AAAA,MAAS,UAAA,EAAa;AAAA,IAAmB,CAAA,GACvD,gBAAA,EAAC,GAAD,CAAe,CAAA,CACT;AAAA,EACR,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM,EAAE,OAAO,GAAG;AAAA,IACV,QAAA;AAAA,IACR,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,aAAa,EAAa;AAAA,IAC1B,eAAe,EAAW;AAAA,IAC1B,IAAI;AAAA,MACF,4BAA4B;AAAA,QAAE,IAAI;AAAA,QAAG,OAAO;AAAA,MAAI;AAAA,MAEhD,iCAAiC;AAAA,QAC/B,KAAK;AAAA,QACL,SAAS;AAAA,QACT,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,SAAS;AAAA,MAAI,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,WAAW;AAAA,QAAU,OAAO;AAAA,MAAO;AAAA,MAArE,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,UAAU;AAAA,UAAO,SAAQ;AAAA,UACxC,UAAA,EAAa;AAAA,QACV,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,UAAU;AAAA,UAAO,SAAQ;AAAA,UAC5B,UAAA,EAAa;AAAA,QACV,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,QAAQ,aAAa,EAAM,QAAQ,QAAQ,KAAA;AAAA,YAC3C,cAAc;AAAA,YACd,GAAG;AAAA,UACL;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA,EAAK;AAAA,QACF,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,UAAU;AAAA,UAAO,SAAQ;AAAA,UAC5B,UAAA,EAAa;AAAA,QACV,CAAA;AAAA,MACD;AAAA;EACD,CAAA,CACM,EAAA,CAAA;AAEpB,CAAC"}
+{"version":3,"file":"VerifyEmailAction.es.js","names":[],"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'\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=\"body2\">{settingsCopy.verify_email}</Text>\n        <ChevronRight />\n      </Button>\n      <Dialog\n        copy={{ title: settingsCopy.confirm_your_email }}\n        isOpen={isOpen}\n        onClose={handleClose}\n        onPrimaryAction={sendEmailVerification}\n        onSecondaryAction={handleClose}\n        primaryText={settingsCopy.send_verification}\n        secondaryText={commonCopy.back}\n      >\n        <Stack spacing={16} sx={{ px: 40, textAlign: 'center', width: '100%' }}>\n          <Text truncate={false} variant=\"body2\">\n            {settingsCopy.confirm_email}\n          </Text>\n          <Text\n            sx={{\n              border: `1px solid ${theme.palette.neutral.light}`,\n              borderRadius: '4px',\n              p: '16px 32px',\n            }}\n            variant=\"h3\"\n          >\n            {user.email}\n          </Text>\n          <Text truncate={false} variant=\"body2\">\n            {settingsCopy.verification_notice_email}\n          </Text>\n        </Stack>\n      </Dialog>\n    </React.Fragment>\n  )\n})\n\nexport default VerifyEmailAction\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAoB,EAAA,MAAe;AACvC,QAAM,EAAE,QAAQ,GAAY,UAAU,EAAA,IAAiB,EAAmB,GACpE,EAAE,uBAAA,EAAA,IAA0B,EAAiB,GAC7C,EAAE,MAAA,EAAA,IAAS,EAAa,GACxB,IAAQ,EAAS,GAEjB,CAAC,GAAQ,CAAA,IAAa,EAAM,SAAS,EAAK,GAE1C,IAAA,MAA0B;AAC9B,IAAA,EAAU,EAAK;AAAA,EACjB,GAEM,IAAA,MAAyB;AAC7B,IAAA,EAAU,EAAI;AAAA,EAChB;AAEA,SACE,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,IAAQ,SAAS;AAAA,IAAY,IAAI;AAAA,MAAE,QAAQ;AAAA,MAAQ,GAAG;AAAA,MAAG,OAAO;AAAA,IAAc;AAAA,IAA9E,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,MAAM,SAAQ;AAAA,MAAS,UAAA,EAAa;AAAA,IAAmB,CAAA,GACvD,gBAAA,EAAC,GAAD,CAAe,CAAA,CACT;AAAA,EACR,CAAA,GAAA,gBAAA,EAAC,GAAD;AAAA,IACE,MAAM,EAAE,OAAO,EAAa,mBAAmB;AAAA,IACvC,QAAA;AAAA,IACR,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,aAAa,EAAa;AAAA,IAC1B,eAAe,EAAW;AAAA,IAE1B,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,SAAS;AAAA,MAAI,IAAI;AAAA,QAAE,IAAI;AAAA,QAAI,WAAW;AAAA,QAAU,OAAO;AAAA,MAAO;AAAA,MAArE,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UAAM,UAAU;AAAA,UAAO,SAAQ;AAAA,UAC5B,UAAA,EAAa;AAAA,QACV,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,QAAQ,aAAa,EAAM,QAAQ,QAAQ,KAAA;AAAA,YAC3C,cAAc;AAAA,YACd,GAAG;AAAA,UACL;AAAA,UACA,SAAQ;AAAA,UAEP,UAAA,EAAK;AAAA,QACF,CAAA;AAAA,QACN,gBAAA,EAAC,GAAD;AAAA,UAAM,UAAU;AAAA,UAAO,SAAQ;AAAA,UAC5B,UAAA,EAAa;AAAA,QACV,CAAA;AAAA,MACD;AAAA;EACD,CAAA,CACM,EAAA,CAAA;AAEpB,CAAC"}