@dbmx/confy 0.0.23 → 0.0.25

package/esm/components/App/index.js

@@ -10,6 +10,7 @@ import useRoutes from '../../hooks/routes.js';
 import useLoggedUser from '../../hooks/user.js';
 import AuthIframe from '../AuthIFrame/index.js';
 import AuthRedirect from '../AuthRedirect/index.js';
+import AuthOTP from '../AuthOTP/index.js';
 import Layout from '../Layout/index.js';
 import NavigationProvider from '../NavigationProvider/index.js';
 import useLoading from '../../hooks/loading.js';
@@ -22,30 +23,35 @@ import { UserCard } from '../UserCard/index.js';
 import { NavImpl } from '../Nav/index.js';
 import { UserAvatar, MEDIUM } from '../Avatar/index.js';
 import useConfig from '../../hooks/config.js';
+import useSession from '../../hooks/session.js';
+import SessionAlert from '../SessionAlert/index.js';
 import map from '../../node_modules/ramda/es/map.js';
 
 var getAuthComponent = function getAuthComponent(authType) {
-  return authType === 'redirect' ? AuthRedirect : AuthIframe;
+  switch (authType) {
+    case 'redirect':
+      return AuthRedirect;
+    case 'otp':
+      return AuthOTP;
+    case 'iframe':
+    default:
+      return AuthIframe;
+  }
 };
-var makeRoute = function makeRoute(route, Auth) {
+var makeRoute = function makeRoute(route) {
   return function (props // eslint-disable-line
   ) {
-    return /*#__PURE__*/React__default.createElement(Auth, {
-      route: route
-    }, /*#__PURE__*/React__default.createElement(route.component, props));
+    return /*#__PURE__*/React__default.createElement(route.component, props);
   };
 };
 var MakeContent = function MakeContent() {
   var routes = useRoutes();
-  var _useConfig = useConfig(),
-    oidc = _useConfig.oidc;
-  var Auth = getAuthComponent(oidc === null || oidc === undefined ? undefined : oidc.authType);
   return /*#__PURE__*/React__default.createElement(Switch, null, map(function (route) {
     return /*#__PURE__*/React__default.createElement(Route, {
       key: route.id,
       exact: route.exact,
       path: route.path,
-      render: makeRoute(route, Auth)
+      render: makeRoute(route)
     });
   }, routes.all.filter(function (route) {
     return !route.main;
@@ -141,13 +147,14 @@ var App = function App() {
     Logo = _getTitle.logo;
   var _useMembers = useMembers(),
     loadMembers = _useMembers.loadMembers;
-  var _useConfig2 = useConfig(),
-    oidc = _useConfig2.oidc;
+  var _useConfig = useConfig(),
+    oidc = _useConfig.oidc;
   var Auth = getAuthComponent(oidc === null || oidc === undefined ? undefined : oidc.authType);
+  var session = useSession();
   useEffect(function () {
     if (user) loadMembers();
   }, [user]);
-  return /*#__PURE__*/React__default.createElement(Auth, null, /*#__PURE__*/React__default.createElement(NavigationProvider, null, /*#__PURE__*/React__default.createElement(AppBar, {
+  return /*#__PURE__*/React__default.createElement(NavigationProvider, null, /*#__PURE__*/React__default.createElement(AppBar, {
     position: "static",
     style: {
       zIndex: 1300
@@ -216,11 +223,13 @@ var App = function App() {
   }, /*#__PURE__*/React__default.createElement(UserCard, {
     user: user,
     handleClose: closeUserMenu
-  }))))), /*#__PURE__*/React__default.createElement(Layout, {
+  }))))), /*#__PURE__*/React__default.createElement(Auth, null, /*#__PURE__*/React__default.createElement(Layout, {
     user: user,
     miniDrawerOpen: miniDrawerOpen,
     handleDrawerToggle: handleDrawerToggle
-  }, /*#__PURE__*/React__default.createElement(MakeContent, null))));
+  }, /*#__PURE__*/React__default.createElement(MakeContent, null))), session && /*#__PURE__*/React__default.createElement(SessionAlert, {
+    sessionEnding: session
+  }));
 };
 
 export { App as default };

package/esm/components/App/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/App/index.js"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { useState, useEffect } from 'react'\nimport { Redirect, Route, Switch } from 'react-router-dom'\nimport { map } from 'ramda'\nimport { CircularProgress, Typography, IconButton, Popover, AppBar, Grid2 } from '@mui/material'\nimport { green } from '@mui/material/colors'\nimport { makeStyles } from 'tss-react/mui'\nimport { useMenu } from './hooks'\nimport Header, { HeaderCenter, HeaderLeft, HeaderRight } from '../Header'\nimport useRoutes from '../../hooks/routes'\nimport useLoggedUser from '../../hooks/user'\nimport AuthIFrame from '../AuthIFrame'\nimport AuthRedirect from '../AuthRedirect'\nimport Layout from '../Layout'\nimport NavigationProvider from '../../components/NavigationProvider'\nimport useLoading from '../../hooks/loading'\nimport { useIntl } from 'react-intl'\nimport { getTitle } from '../../sponsor'\nimport MenuIcon from '@mui/icons-material/Menu'\nimport useMembers from '../../hooks/members'\nimport NavSelectMembers from '../NavSelectMembers'\nimport UserCard from '../UserCard'\nimport { NavImpl } from '../Nav'\nimport { MEDIUM, UserAvatar } from '../Avatar'\nimport useConfig from '../../hooks/config'\n\nconst getAuthComponent = authType => (authType === 'redirect' ? AuthRedirect : AuthIFrame)\n\nconst makeRoute = (route, Auth) => {\n  return (\n    props, // eslint-disable-line\n  ) => (\n    <Auth route={route}>\n      <route.component {...props} />\n    </Auth>\n  )\n}\n\nconst MakeContent = () => {\n  const routes = useRoutes()\n  const { oidc } = useConfig()\n  const Auth = getAuthComponent(oidc?.authType)\n  return (\n    <Switch>\n      {map(\n        route => {\n          return <Route key={route.id} exact={route.exact} path={route.path} render={makeRoute(route, Auth)} />\n        },\n        routes.all.filter(route => !route.main),\n      )}\n      <Redirect to={routes.getDefaultPath()} />\n    </Switch>\n  )\n}\n\nconst useStyles = makeStyles()(theme => ({\n  fabProgress: {\n    color: green[500],\n    position: 'absolute',\n    top: 9,\n    left: 9,\n    zIndex: 1,\n  },\n  wrapper: {\n    position: 'relative',\n  },\n  menuIcon: { marginRight: theme.spacing(1) },\n  iconButton: {\n    marginRight: theme.spacing(1),\n  },\n  menuButtonIconClosed: {\n    transition: theme.transitions.create(['transform'], {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.leavingScreen,\n    }),\n    transform: 'rotate(0deg)',\n  },\n  menuButtonIconOpen: {\n    transition: theme.transitions.create(['transform'], {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.leavingScreen,\n    }),\n    transform: 'rotate(180deg)',\n  },\n  bar: {\n    position: 'sticky',\n    top: '0',\n    zIndex: 1299,\n  },\n  logo: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    [theme.breakpoints.down('lg')]: {\n      display: 'none',\n    },\n  },\n  buttonContainer: { width: 'max-content', marginLeft: theme.spacing(1) },\n\n  grow: {\n    marginRight: theme.spacing(5),\n    fontSize: theme.spacing(3),\n    [theme.breakpoints.down('lg')]: {\n      fontSize: theme.spacing(1.5),\n    },\n  },\n}))\n\nconst AvatarCircularProgress = () => {\n  const { classes } = useStyles()\n  const loading = useLoading()\n  return loading && <CircularProgress size={44} className={classes.fabProgress} />\n}\n\nconst App = () => {\n  const { userMenuAnchor, openUserMenu, closeUserMenu } = useMenu()\n  const isUserMenuOpen = Boolean(userMenuAnchor)\n  const { classes } = useStyles()\n  const [user] = useLoggedUser()\n  const [miniDrawerOpen, setMiniDrawerOpen] = useState(false)\n  const handleDrawerToggle = () => setMiniDrawerOpen(!miniDrawerOpen)\n  const intl = useIntl()\n  const { title, logo: Logo } = getTitle(intl)\n  const { loadMembers } = useMembers()\n  const { oidc } = useConfig()\n  const Auth = getAuthComponent(oidc?.authType)\n\n  useEffect(() => {\n    if (user) loadMembers()\n  }, [user])\n  return (\n    <Auth>\n      <NavigationProvider>\n        <AppBar position=\"static\" style={{ zIndex: 1300 }} className={classes.bar}>\n          <Header>\n            {user && (\n              <HeaderLeft>\n                <Grid2\n                  container\n                  alignItems=\"center\"\n                  justifyContent=\"flex-start\"\n                  wrap=\"nowrap\"\n                  sx={{ display: { md: 'none', xs: 'block' } }}\n                  className={classes.buttonContainer}\n                >\n                  <IconButton\n                    className={classes.iconButton}\n                    color=\"inherit\"\n                    aria-label=\"Open drawer\"\n                    onClick={() => handleDrawerToggle()}\n                    size=\"large\"\n                  >\n                    <MenuIcon\n                      classes={{\n                        root: miniDrawerOpen ? classes.menuButtonIconOpen : classes.menuButtonIconClosed,\n                      }}\n                    />\n                  </IconButton>\n                </Grid2>\n                <NavSelectMembers />\n              </HeaderLeft>\n            )}\n\n            <HeaderCenter>\n              <Logo fontSize=\"large\" className={classes.logo} />\n              <Typography className={classes.grow} sx={{ display: { xs: 'none', lg: 'block' } }}>\n                {title}\n              </Typography>\n            </HeaderCenter>\n\n            {user && (\n              <HeaderRight>\n                {user && (\n                  <Grid2>\n                    <NavImpl />\n                  </Grid2>\n                )}\n\n                <div className={classes.wrapper}>\n                  <IconButton\n                    aria-owns={isUserMenuOpen ? 'menu-appbar' : null}\n                    aria-haspopup=\"true\"\n                    onClick={openUserMenu}\n                    color=\"inherit\"\n                    className={classes.menuIcon}\n                    size=\"large\"\n                  >\n                    <UserAvatar user={user} size={MEDIUM} />\n                  </IconButton>\n                  <AvatarCircularProgress />\n                </div>\n                <Popover\n                  id=\"menu-appbar\"\n                  anchorEl={userMenuAnchor}\n                  open={isUserMenuOpen}\n                  onClose={closeUserMenu}\n                  anchorOrigin={{\n                    vertical: 'bottom',\n                    horizontal: 'right',\n                  }}\n                  transformOrigin={{\n                    vertical: 'top',\n                    horizontal: 'right',\n                  }}\n                >\n                  <UserCard user={user} handleClose={closeUserMenu} />\n                </Popover>\n              </HeaderRight>\n            )}\n          </Header>\n        </AppBar>\n        <Layout user={user} miniDrawerOpen={miniDrawerOpen} handleDrawerToggle={handleDrawerToggle}>\n          <MakeContent />\n        </Layout>\n      </NavigationProvider>\n    </Auth>\n  )\n}\n\nexport default App\n"],"names":["getAuthComponent","authType","AuthRedirect","AuthIFrame","makeRoute","route","Auth","props","React","createElement","component","MakeContent","routes","useRoutes","_useConfig","useConfig","oidc","Switch","map","Route","key","id","exact","path","render","all","filter","main","Redirect","to","getDefaultPath","useStyles","makeStyles","theme","fabProgress","color","green","position","top","left","zIndex","wrapper","menuIcon","marginRight","spacing","iconButton","menuButtonIconClosed","transition","transitions","create","easing","sharp","duration","leavingScreen","transform","menuButtonIconOpen","bar","logo","_defineProperty","marginLeft","breakpoints","down","display","buttonContainer","width","grow","fontSize","AvatarCircularProgress","_useStyles","classes","loading","useLoading","CircularProgress","size","className","App","_useMenu","useMenu","userMenuAnchor","openUserMenu","closeUserMenu","isUserMenuOpen","Boolean","_useStyles2","_useLoggedUser","useLoggedUser","_useLoggedUser2","_slicedToArray","user","_useState","useState","_useState2","miniDrawerOpen","setMiniDrawerOpen","handleDrawerToggle","intl","useIntl","_getTitle","getTitle","title","Logo","_useMembers","useMembers","loadMembers","_useConfig2","useEffect","NavigationProvider","AppBar","style","Header","HeaderLeft","Grid2","container","alignItems","justifyContent","wrap","sx","md","xs","IconButton","onClick","MenuIcon","root","NavSelectMembers","HeaderCenter","Typography","lg","HeaderRight","NavImpl","UserAvatar","MEDIUM","Popover","anchorEl","open","onClose","anchorOrigin","vertical","horizontal","transformOrigin","UserCard","handleClose","Layout"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/App/index.js"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { useState, useEffect } from 'react'\nimport { Redirect, Route, Switch } from 'react-router-dom'\nimport { map } from 'ramda'\nimport { CircularProgress, Typography, IconButton, Popover, AppBar, Grid2 } from '@mui/material'\nimport { green } from '@mui/material/colors'\nimport { makeStyles } from 'tss-react/mui'\nimport { useMenu } from './hooks'\nimport Header, { HeaderCenter, HeaderLeft, HeaderRight } from '../Header'\nimport useRoutes from '../../hooks/routes'\nimport useLoggedUser from '../../hooks/user'\nimport AuthIFrame from '../AuthIFrame'\nimport AuthRedirect from '../AuthRedirect'\nimport AuthOTP from '../AuthOTP'\nimport Layout from '../Layout'\nimport NavigationProvider from '../../components/NavigationProvider'\nimport useLoading from '../../hooks/loading'\nimport { useIntl } from 'react-intl'\nimport { getTitle } from '../../sponsor'\nimport MenuIcon from '@mui/icons-material/Menu'\nimport useMembers from '../../hooks/members'\nimport NavSelectMembers from '../NavSelectMembers'\nimport UserCard from '../UserCard'\nimport { NavImpl } from '../Nav'\nimport { MEDIUM, UserAvatar } from '../Avatar'\nimport useConfig from '../../hooks/config'\nimport useSession from '../../hooks/session'\nimport SessionAlert from '../SessionAlert'\n\nconst getAuthComponent = authType => {\n  switch (authType) {\n    case 'redirect':\n      return AuthRedirect\n    case 'otp':\n      return AuthOTP\n    case 'iframe':\n    default:\n      return AuthIFrame\n  }\n}\n\nconst makeRoute = route => {\n  return (\n    props, // eslint-disable-line\n  ) => <route.component {...props} />\n}\n\nconst MakeContent = () => {\n  const routes = useRoutes()\n  return (\n    <Switch>\n      {map(\n        route => {\n          return <Route key={route.id} exact={route.exact} path={route.path} render={makeRoute(route)} />\n        },\n        routes.all.filter(route => !route.main),\n      )}\n      <Redirect to={routes.getDefaultPath()} />\n    </Switch>\n  )\n}\n\nconst useStyles = makeStyles()(theme => ({\n  fabProgress: {\n    color: green[500],\n    position: 'absolute',\n    top: 9,\n    left: 9,\n    zIndex: 1,\n  },\n  wrapper: {\n    position: 'relative',\n  },\n  menuIcon: { marginRight: theme.spacing(1) },\n  iconButton: {\n    marginRight: theme.spacing(1),\n  },\n  menuButtonIconClosed: {\n    transition: theme.transitions.create(['transform'], {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.leavingScreen,\n    }),\n    transform: 'rotate(0deg)',\n  },\n  menuButtonIconOpen: {\n    transition: theme.transitions.create(['transform'], {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.leavingScreen,\n    }),\n    transform: 'rotate(180deg)',\n  },\n  bar: {\n    position: 'sticky',\n    top: '0',\n    zIndex: 1299,\n  },\n  logo: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    [theme.breakpoints.down('lg')]: {\n      display: 'none',\n    },\n  },\n  buttonContainer: { width: 'max-content', marginLeft: theme.spacing(1) },\n\n  grow: {\n    marginRight: theme.spacing(5),\n    fontSize: theme.spacing(3),\n    [theme.breakpoints.down('lg')]: {\n      fontSize: theme.spacing(1.5),\n    },\n  },\n}))\n\nconst AvatarCircularProgress = () => {\n  const { classes } = useStyles()\n  const loading = useLoading()\n  return loading && <CircularProgress size={44} className={classes.fabProgress} />\n}\n\nconst App = () => {\n  const { userMenuAnchor, openUserMenu, closeUserMenu } = useMenu()\n  const isUserMenuOpen = Boolean(userMenuAnchor)\n  const { classes } = useStyles()\n  const [user] = useLoggedUser()\n  const [miniDrawerOpen, setMiniDrawerOpen] = useState(false)\n  const handleDrawerToggle = () => setMiniDrawerOpen(!miniDrawerOpen)\n  const intl = useIntl()\n  const { title, logo: Logo } = getTitle(intl)\n  const { loadMembers } = useMembers()\n  const { oidc } = useConfig()\n  const Auth = getAuthComponent(oidc?.authType)\n  const session = useSession()\n\n  useEffect(() => {\n    if (user) loadMembers()\n  }, [user])\n\n  return (\n    <NavigationProvider>\n      <AppBar position=\"static\" style={{ zIndex: 1300 }} className={classes.bar}>\n        <Header>\n          {user && (\n            <HeaderLeft>\n              <Grid2\n                container\n                alignItems=\"center\"\n                justifyContent=\"flex-start\"\n                wrap=\"nowrap\"\n                sx={{ display: { md: 'none', xs: 'block' } }}\n                className={classes.buttonContainer}\n              >\n                <IconButton\n                  className={classes.iconButton}\n                  color=\"inherit\"\n                  aria-label=\"Open drawer\"\n                  onClick={() => handleDrawerToggle()}\n                  size=\"large\"\n                >\n                  <MenuIcon\n                    classes={{\n                      root: miniDrawerOpen ? classes.menuButtonIconOpen : classes.menuButtonIconClosed,\n                    }}\n                  />\n                </IconButton>\n              </Grid2>\n              <NavSelectMembers />\n            </HeaderLeft>\n          )}\n\n          <HeaderCenter>\n            <Logo fontSize=\"large\" className={classes.logo} />\n            <Typography className={classes.grow} sx={{ display: { xs: 'none', lg: 'block' } }}>\n              {title}\n            </Typography>\n          </HeaderCenter>\n\n          {user && (\n            <HeaderRight>\n              {user && (\n                <Grid2>\n                  <NavImpl />\n                </Grid2>\n              )}\n\n              <div className={classes.wrapper}>\n                <IconButton\n                  aria-owns={isUserMenuOpen ? 'menu-appbar' : null}\n                  aria-haspopup=\"true\"\n                  onClick={openUserMenu}\n                  color=\"inherit\"\n                  className={classes.menuIcon}\n                  size=\"large\"\n                >\n                  <UserAvatar user={user} size={MEDIUM} />\n                </IconButton>\n                <AvatarCircularProgress />\n              </div>\n              <Popover\n                id=\"menu-appbar\"\n                anchorEl={userMenuAnchor}\n                open={isUserMenuOpen}\n                onClose={closeUserMenu}\n                anchorOrigin={{\n                  vertical: 'bottom',\n                  horizontal: 'right',\n                }}\n                transformOrigin={{\n                  vertical: 'top',\n                  horizontal: 'right',\n                }}\n              >\n                <UserCard user={user} handleClose={closeUserMenu} />\n              </Popover>\n            </HeaderRight>\n          )}\n        </Header>\n      </AppBar>\n      <Auth>\n        <Layout user={user} miniDrawerOpen={miniDrawerOpen} handleDrawerToggle={handleDrawerToggle}>\n          <MakeContent />\n        </Layout>\n      </Auth>\n\n      {session && <SessionAlert sessionEnding={session} />}\n    </NavigationProvider>\n  )\n}\n\nexport default App\n"],"names":["getAuthComponent","authType","AuthRedirect","AuthOTP","AuthIFrame","makeRoute","route","props","React","createElement","component","MakeContent","routes","useRoutes","Switch","map","Route","key","id","exact","path","render","all","filter","main","Redirect","to","getDefaultPath","useStyles","makeStyles","theme","fabProgress","color","green","position","top","left","zIndex","wrapper","menuIcon","marginRight","spacing","iconButton","menuButtonIconClosed","transition","transitions","create","easing","sharp","duration","leavingScreen","transform","menuButtonIconOpen","bar","logo","_defineProperty","marginLeft","breakpoints","down","display","buttonContainer","width","grow","fontSize","AvatarCircularProgress","_useStyles","classes","loading","useLoading","CircularProgress","size","className","App","_useMenu","useMenu","userMenuAnchor","openUserMenu","closeUserMenu","isUserMenuOpen","Boolean","_useStyles2","_useLoggedUser","useLoggedUser","_useLoggedUser2","_slicedToArray","user","_useState","useState","_useState2","miniDrawerOpen","setMiniDrawerOpen","handleDrawerToggle","intl","useIntl","_getTitle","getTitle","title","Logo","_useMembers","useMembers","loadMembers","_useConfig","useConfig","oidc","Auth","session","useSession","useEffect","NavigationProvider","AppBar","style","Header","HeaderLeft","Grid2","container","alignItems","justifyContent","wrap","sx","md","xs","IconButton","onClick","MenuIcon","root","NavSelectMembers","HeaderCenter","Typography","lg","HeaderRight","NavImpl","UserAvatar","MEDIUM","Popover","anchorEl","open","onClose","anchorOrigin","vertical","horizontal","transformOrigin","UserCard","handleClose","Layout","SessionAlert","sessionEnding"],"mappings":"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"}

package/esm/components/AuthOTP/ConfirmCode/index.js

@@ -0,0 +1,188 @@
+import React__default from 'react';
+import PropTypes from '../../../node_modules/prop-types/index.js';
+import { Grid2, Typography, Box, CircularProgress, Alert, Button } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { useIntl } from 'react-intl';
+import { Form } from 'react-final-form';
+import messages from './messages.js';
+import SixDigitField from '../../../forms/SixDigitField/index.js';
+
+var useStyles = makeStyles()(function (theme) {
+  return {
+    container: {
+      justifyContent: 'center',
+      alignItems: 'center',
+      marginTop: theme.spacing(10)
+    },
+    content: {
+      padding: theme.spacing(6),
+      borderRadius: theme.shape.borderRadius,
+      '@media (max-width: 450px)': {
+        padding: theme.spacing(2)
+      }
+    },
+    infoTxt1: {
+      textAlign: 'center'
+    },
+    infoTxt2: {
+      textAlign: 'center'
+    },
+    infoTxt3: {
+      textAlign: 'center',
+      marginTop: theme.spacing(3)
+    },
+    textField: {
+      width: '100%',
+      padding: theme.spacing(0, 0, 2, 0)
+    },
+    formContainer: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      paddingTop: theme.spacing(3)
+    },
+    requestNewCodeContainer: {
+      justifyContent: 'center',
+      marginTop: theme.spacing(3),
+      height: 40
+    },
+    anotherEmailContainer: {
+      justifyContent: 'center'
+    },
+    actionBtn: {
+      textTransform: 'none',
+      fontSize: 16,
+      padding: 'none'
+    },
+    checkingCodeContainer: {
+      justifyContent: 'center',
+      marginTop: theme.spacing(6),
+      marginBottom: theme.spacing(4)
+    },
+    errorContainer: {
+      marginTop: theme.spacing(4)
+    }
+  };
+});
+var ConfirmCode = function ConfirmCode(_ref) {
+  var email = _ref.email,
+    onResetEmail = _ref.onResetEmail,
+    onGetOTPTokens = _ref.onGetOTPTokens,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === undefined ? false : _ref$loading,
+    _ref$getOTPTokensLoad = _ref.getOTPTokensLoading,
+    getOTPTokensLoading = _ref$getOTPTokensLoad === undefined ? false : _ref$getOTPTokensLoad,
+    _ref$createOtpLoading = _ref.createOtpLoading,
+    createOtpLoading = _ref$createOtpLoading === undefined ? false : _ref$createOtpLoading,
+    error = _ref.error,
+    resetError = _ref.resetError,
+    onRequestNewCode = _ref.onRequestNewCode,
+    requestNewCodeCounter = _ref.requestNewCodeCounter;
+  var intl = useIntl();
+  var _useStyles = useStyles(),
+    classes = _useStyles.classes;
+  var handleFormSubmit = function handleFormSubmit(values) {
+    onGetOTPTokens(values.code);
+  };
+  return /*#__PURE__*/React__default.createElement(Grid2, {
+    container: true,
+    className: classes.container
+  }, /*#__PURE__*/React__default.createElement(Grid2, {
+    size: {
+      xs: 12,
+      lg: 6,
+      md: 8,
+      sm: 10
+    },
+    className: classes.content
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    className: classes.infoTxt1,
+    variant: "h4",
+    gutterBottom: true
+  }, intl.formatMessage(messages.confirmCodeTitle)), /*#__PURE__*/React__default.createElement(Typography, {
+    className: classes.infoTxt2,
+    variant: "body1",
+    gutterBottom: true
+  }, intl.formatMessage(messages.confirmCodeDesc, {
+    email: email,
+    b: function b(chunks) {
+      return /*#__PURE__*/React__default.createElement("b", null, chunks);
+    }
+  })), /*#__PURE__*/React__default.createElement(Typography, {
+    className: classes.infoTxt3,
+    variant: "body1",
+    gutterBottom: true
+  }, intl.formatMessage(messages.confirmCodeEmailNotReceived)), /*#__PURE__*/React__default.createElement(Form, {
+    onSubmit: handleFormSubmit,
+    render: function render(_ref2) {
+      var handleSubmit = _ref2.handleSubmit,
+        form = _ref2.form;
+      return /*#__PURE__*/React__default.createElement("form", {
+        onSubmit: handleSubmit
+      }, /*#__PURE__*/React__default.createElement(Box, {
+        className: classes.formContainer
+      }, /*#__PURE__*/React__default.createElement(SixDigitField, {
+        name: "code",
+        disabled: loading,
+        error: error,
+        resetError: resetError
+      })), getOTPTokensLoading || createOtpLoading && /*#__PURE__*/React__default.createElement(Box, {
+        className: classes.checkingCodeContainer,
+        display: "flex",
+        alignItems: "center",
+        gap: 2
+      }, /*#__PURE__*/React__default.createElement(CircularProgress, {
+        size: "25px"
+      }), createOtpLoading && /*#__PURE__*/React__default.createElement(Typography, null, intl.formatMessage(messages.requestingNewCode)), getOTPTokensLoading && /*#__PURE__*/React__default.createElement(Typography, null, intl.formatMessage(messages.checkingCode))), error && /*#__PURE__*/React__default.createElement(Box, {
+        className: classes.errorContainer
+      }, /*#__PURE__*/React__default.createElement(Alert, {
+        severity: "error"
+      }, /*#__PURE__*/React__default.createElement(Typography, null, intl.formatMessage(messages.codeError)))), /*#__PURE__*/React__default.createElement(Box, {
+        className: classes.requestNewCodeContainer,
+        display: "flex",
+        alignItems: "center",
+        gap: 0.5
+      }, /*#__PURE__*/React__default.createElement(Typography, {
+        className: classes.infoTxt2,
+        variant: "body1"
+      }, intl.formatMessage(messages.canNotFindYourCode)), requestNewCodeCounter ? /*#__PURE__*/React__default.createElement(Typography, {
+        className: classes.infoTxt2,
+        variant: "body1"
+      }, intl.formatMessage(messages.requestNewCodeIn, {
+        counter: requestNewCodeCounter
+      })) : /*#__PURE__*/React__default.createElement(Button, {
+        variant: "text",
+        className: classes.actionBtn,
+        onClick: function onClick() {
+          form.change('code', ['', '', '', '', '', '']);
+          onRequestNewCode();
+        },
+        disabled: loading
+      }, intl.formatMessage(messages.requestNewCode))), /*#__PURE__*/React__default.createElement(Box, {
+        className: classes.anotherEmailContainer,
+        display: "flex",
+        alignItems: "center"
+      }, /*#__PURE__*/React__default.createElement(Button, {
+        variant: "text",
+        className: classes.actionBtn,
+        onClick: onResetEmail,
+        disabled: loading || !!requestNewCodeCounter
+      }, intl.formatMessage(messages.tryWithAnotherEmail))));
+    }
+  })));
+};
+ConfirmCode.propTypes = {
+  email: PropTypes.string.isRequired,
+  onResetEmail: PropTypes.func.isRequired,
+  onGetOTPTokens: PropTypes.func.isRequired,
+  loading: PropTypes.bool,
+  getOTPTokensLoading: PropTypes.bool,
+  createOtpLoading: PropTypes.bool,
+  error: PropTypes.string,
+  resetError: PropTypes.func.isRequired,
+  onRequestNewCode: PropTypes.func.isRequired,
+  requestNewCodeCounter: PropTypes.number.isRequired
+};
+
+export { ConfirmCode as default };
+//# sourceMappingURL=index.js.map

package/esm/components/AuthOTP/ConfirmCode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/AuthOTP/ConfirmCode/index.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Alert, Box, Button, CircularProgress, Grid2, Typography } from '@mui/material'\nimport { makeStyles } from 'tss-react/mui'\nimport { useIntl } from 'react-intl'\nimport { Form } from 'react-final-form'\n\nimport messages from './messages'\nimport SixDigitField from '../../../forms/SixDigitField'\n\nconst useStyles = makeStyles()(theme => ({\n  container: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    marginTop: theme.spacing(10),\n  },\n  content: {\n    padding: theme.spacing(6),\n    borderRadius: theme.shape.borderRadius,\n    '@media (max-width: 450px)': {\n      padding: theme.spacing(2),\n    },\n  },\n  infoTxt1: {\n    textAlign: 'center',\n  },\n  infoTxt2: {\n    textAlign: 'center',\n  },\n  infoTxt3: {\n    textAlign: 'center',\n    marginTop: theme.spacing(3),\n  },\n  textField: {\n    width: '100%',\n    padding: theme.spacing(0, 0, 2, 0),\n  },\n  formContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    paddingTop: theme.spacing(3),\n  },\n  requestNewCodeContainer: {\n    justifyContent: 'center',\n    marginTop: theme.spacing(3),\n    height: 40,\n  },\n  anotherEmailContainer: {\n    justifyContent: 'center',\n  },\n  actionBtn: {\n    textTransform: 'none',\n    fontSize: 16,\n    padding: 'none',\n  },\n  checkingCodeContainer: {\n    justifyContent: 'center',\n    marginTop: theme.spacing(6),\n    marginBottom: theme.spacing(4),\n  },\n  errorContainer: {\n    marginTop: theme.spacing(4),\n  },\n}))\n\nconst ConfirmCode = ({\n  email,\n  onResetEmail,\n  onGetOTPTokens,\n  loading = false,\n  getOTPTokensLoading = false,\n  createOtpLoading = false,\n  error,\n  resetError,\n  onRequestNewCode,\n  requestNewCodeCounter,\n}) => {\n  const intl = useIntl()\n  const { classes } = useStyles()\n\n  const handleFormSubmit = values => {\n    onGetOTPTokens(values.code)\n  }\n\n  return (\n    <Grid2 container className={classes.container}>\n      <Grid2 size={{ xs: 12, lg: 6, md: 8, sm: 10 }} className={classes.content}>\n        <Typography className={classes.infoTxt1} variant=\"h4\" gutterBottom>\n          {intl.formatMessage(messages.confirmCodeTitle)}\n        </Typography>\n\n        <Typography className={classes.infoTxt2} variant=\"body1\" gutterBottom>\n          {intl.formatMessage(messages.confirmCodeDesc, { email, b: chunks => <b>{chunks}</b> })}\n        </Typography>\n\n        <Typography className={classes.infoTxt3} variant=\"body1\" gutterBottom>\n          {intl.formatMessage(messages.confirmCodeEmailNotReceived)}\n        </Typography>\n\n        <Form\n          onSubmit={handleFormSubmit}\n          render={({ handleSubmit, form }) => (\n            <form onSubmit={handleSubmit}>\n              <Box className={classes.formContainer}>\n                <SixDigitField name=\"code\" disabled={loading} error={error} resetError={resetError} />\n              </Box>\n\n              {getOTPTokensLoading ||\n                (createOtpLoading && (\n                  <Box className={classes.checkingCodeContainer} display=\"flex\" alignItems=\"center\" gap={2}>\n                    <CircularProgress size=\"25px\" />\n                    {createOtpLoading && <Typography>{intl.formatMessage(messages.requestingNewCode)}</Typography>}\n                    {getOTPTokensLoading && <Typography>{intl.formatMessage(messages.checkingCode)}</Typography>}\n                  </Box>\n                ))}\n\n              {error && (\n                <Box className={classes.errorContainer}>\n                  <Alert severity=\"error\">\n                    <Typography>{intl.formatMessage(messages.codeError)}</Typography>\n                  </Alert>\n                </Box>\n              )}\n\n              <Box className={classes.requestNewCodeContainer} display=\"flex\" alignItems=\"center\" gap={0.5}>\n                <Typography className={classes.infoTxt2} variant=\"body1\">\n                  {intl.formatMessage(messages.canNotFindYourCode)}\n                </Typography>\n\n                {requestNewCodeCounter ? (\n                  <Typography className={classes.infoTxt2} variant=\"body1\">\n                    {intl.formatMessage(messages.requestNewCodeIn, { counter: requestNewCodeCounter })}\n                  </Typography>\n                ) : (\n                  <Button\n                    variant=\"text\"\n                    className={classes.actionBtn}\n                    onClick={() => {\n                      form.change('code', ['', '', '', '', '', ''])\n                      onRequestNewCode()\n                    }}\n                    disabled={loading}\n                  >\n                    {intl.formatMessage(messages.requestNewCode)}\n                  </Button>\n                )}\n              </Box>\n\n              <Box className={classes.anotherEmailContainer} display=\"flex\" alignItems=\"center\">\n                <Button\n                  variant=\"text\"\n                  className={classes.actionBtn}\n                  onClick={onResetEmail}\n                  disabled={loading || !!requestNewCodeCounter}\n                >\n                  {intl.formatMessage(messages.tryWithAnotherEmail)}\n                </Button>\n              </Box>\n            </form>\n          )}\n        />\n      </Grid2>\n    </Grid2>\n  )\n}\n\nConfirmCode.propTypes = {\n  email: PropTypes.string.isRequired,\n  onResetEmail: PropTypes.func.isRequired,\n  onGetOTPTokens: PropTypes.func.isRequired,\n  loading: PropTypes.bool,\n  getOTPTokensLoading: PropTypes.bool,\n  createOtpLoading: PropTypes.bool,\n  error: PropTypes.string,\n  resetError: PropTypes.func.isRequired,\n  onRequestNewCode: PropTypes.func.isRequired,\n  requestNewCodeCounter: PropTypes.number.isRequired,\n}\n\nexport default ConfirmCode\n"],"names":["useStyles","makeStyles","theme","container","justifyContent","alignItems","marginTop","spacing","content","padding","borderRadius","shape","infoTxt1","textAlign","infoTxt2","infoTxt3","textField","width","formContainer","display","flexDirection","paddingTop","requestNewCodeContainer","height","anotherEmailContainer","actionBtn","textTransform","fontSize","checkingCodeContainer","marginBottom","errorContainer","ConfirmCode","_ref","email","onResetEmail","onGetOTPTokens","_ref$loading","loading","_ref$getOTPTokensLoad","getOTPTokensLoading","_ref$createOtpLoading","createOtpLoading","error","resetError","onRequestNewCode","requestNewCodeCounter","intl","useIntl","_useStyles","classes","handleFormSubmit","values","code","React","createElement","Grid2","className","size","xs","lg","md","sm","Typography","variant","gutterBottom","formatMessage","messages","confirmCodeTitle","confirmCodeDesc","b","chunks","confirmCodeEmailNotReceived","Form","onSubmit","render","_ref2","handleSubmit","form","Box","SixDigitField","name","disabled","gap","CircularProgress","requestingNewCode","checkingCode","Alert","severity","codeError","canNotFindYourCode","requestNewCodeIn","counter","Button","onClick","change","requestNewCode","tryWithAnotherEmail","propTypes","PropTypes","string","isRequired","func","bool","number"],"mappings":"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"}

package/esm/components/AuthOTP/ConfirmCode/messages.js

@@ -0,0 +1,47 @@
+import { defineMessages } from 'react-intl';
+
+var messages = defineMessages({
+  confirmCodeTitle: {
+    id: 'confirmCode.page.confirmCodeTitle',
+    defaultMessage: 'We emailed you a code'
+  },
+  confirmCodeDesc: {
+    id: 'confirmCode.page.confirmCodeDesc',
+    defaultMessage: ' We sent an email to <b>{email}</b>. Enter the code here or tap the button in the email to continue.'
+  },
+  confirmCodeEmailNotReceived: {
+    id: 'confirmCode.page.confirmCodeEmailNotReceived',
+    defaultMessage: 'If you don’t see the email, check your spam or junk folder.'
+  },
+  canNotFindYourCode: {
+    id: 'confirmCode.page.canNotFindYourCode',
+    defaultMessage: 'Can’t find your code?'
+  },
+  requestNewCode: {
+    id: 'confirmCode.page.requestNewCode',
+    defaultMessage: 'Request a new code'
+  },
+  requestNewCodeIn: {
+    id: 'confirmCode.page.requestNewCodeIn',
+    defaultMessage: 'Request a new code in {counter} seconds'
+  },
+  tryWithAnotherEmail: {
+    id: 'confirmCode.page.tryWithAnotherEmail',
+    defaultMessage: 'You want to try with another email?'
+  },
+  codeError: {
+    id: 'confirmCode.page.codeError',
+    defaultMessage: "That code wasn't valid. Give it another go!"
+  },
+  checkingCode: {
+    id: 'confirmCode.page.checkingCode',
+    defaultMessage: 'Checking your code...'
+  },
+  requestingNewCode: {
+    id: 'confirmCode.page.requestingNewCode',
+    defaultMessage: 'Requesting a new code...'
+  }
+});
+
+export { messages as default };
+//# sourceMappingURL=messages.js.map

package/esm/components/AuthOTP/ConfirmCode/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sources":["../../../../src/components/AuthOTP/ConfirmCode/messages.js"],"sourcesContent":["import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n  confirmCodeTitle: {\n    id: 'confirmCode.page.confirmCodeTitle',\n    defaultMessage: 'We emailed you a code',\n  },\n  confirmCodeDesc: {\n    id: 'confirmCode.page.confirmCodeDesc',\n    defaultMessage:\n      ' We sent an email to <b>{email}</b>. Enter the code here or tap the button in the email to continue.',\n  },\n  confirmCodeEmailNotReceived: {\n    id: 'confirmCode.page.confirmCodeEmailNotReceived',\n    defaultMessage: 'If you don’t see the email, check your spam or junk folder.',\n  },\n  canNotFindYourCode: {\n    id: 'confirmCode.page.canNotFindYourCode',\n    defaultMessage: 'Can’t find your code?',\n  },\n  requestNewCode: {\n    id: 'confirmCode.page.requestNewCode',\n    defaultMessage: 'Request a new code',\n  },\n  requestNewCodeIn: {\n    id: 'confirmCode.page.requestNewCodeIn',\n    defaultMessage: 'Request a new code in {counter} seconds',\n  },\n  tryWithAnotherEmail: {\n    id: 'confirmCode.page.tryWithAnotherEmail',\n    defaultMessage: 'You want to try with another email?',\n  },\n  codeError: {\n    id: 'confirmCode.page.codeError',\n    defaultMessage: `That code wasn't valid. Give it another go!`,\n  },\n  checkingCode: {\n    id: 'confirmCode.page.checkingCode',\n    defaultMessage: 'Checking your code...',\n  },\n  requestingNewCode: {\n    id: 'confirmCode.page.requestingNewCode',\n    defaultMessage: 'Requesting a new code...',\n  },\n})\n"],"names":["defineMessages","confirmCodeTitle","id","defaultMessage","confirmCodeDesc","confirmCodeEmailNotReceived","canNotFindYourCode","requestNewCode","requestNewCodeIn","tryWithAnotherEmail","codeError","checkingCode","requestingNewCode"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,gBAAgB,EAAE;AAChBC,IAAAA,EAAE,EAAE,mCAAmC;AACvCC,IAAAA,cAAc,EAAE;GACjB;AACDC,EAAAA,eAAe,EAAE;AACfF,IAAAA,EAAE,EAAE,kCAAkC;AACtCC,IAAAA,cAAc,EACZ;GACH;AACDE,EAAAA,2BAA2B,EAAE;AAC3BH,IAAAA,EAAE,EAAE,8CAA8C;AAClDC,IAAAA,cAAc,EAAE;GACjB;AACDG,EAAAA,kBAAkB,EAAE;AAClBJ,IAAAA,EAAE,EAAE,qCAAqC;AACzCC,IAAAA,cAAc,EAAE;GACjB;AACDI,EAAAA,cAAc,EAAE;AACdL,IAAAA,EAAE,EAAE,iCAAiC;AACrCC,IAAAA,cAAc,EAAE;GACjB;AACDK,EAAAA,gBAAgB,EAAE;AAChBN,IAAAA,EAAE,EAAE,mCAAmC;AACvCC,IAAAA,cAAc,EAAE;GACjB;AACDM,EAAAA,mBAAmB,EAAE;AACnBP,IAAAA,EAAE,EAAE,sCAAsC;AAC1CC,IAAAA,cAAc,EAAE;GACjB;AACDO,EAAAA,SAAS,EAAE;AACTR,IAAAA,EAAE,EAAE,4BAA4B;IAChCC,cAAc,EAAA;GACf;AACDQ,EAAAA,YAAY,EAAE;AACZT,IAAAA,EAAE,EAAE,+BAA+B;AACnCC,IAAAA,cAAc,EAAE;GACjB;AACDS,EAAAA,iBAAiB,EAAE;AACjBV,IAAAA,EAAE,EAAE,oCAAoC;AACxCC,IAAAA,cAAc,EAAE;AAClB;AACF,CAAC,CAAC;;;;"}

package/esm/components/AuthOTP/SignIn/index.js

@@ -0,0 +1,141 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState } from 'react';
+import PropTypes from '../../../node_modules/prop-types/index.js';
+import { Grid2, Box, Typography } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { Form, Field } from 'react-final-form';
+import { useIntl } from 'react-intl';
+import LockIcon from '@mui/icons-material/Lock';
+import messages from './messages.js';
+import EmailFieldAdapter from '../../../forms/EmailField/EmailFieldAdaptor.js';
+import SignInWithEmailButton from '../../Buttons/SignInWithEmail.js';
+import { emailValidator } from '../../../forms/utils.js';
+import RecaptchaField from '../../../forms/RecaptchaField/index.js';
+
+var useStyles = makeStyles()(function (theme) {
+  return {
+    container: {
+      justifyContent: 'center',
+      alignItems: 'center',
+      marginTop: theme.spacing(10)
+    },
+    content: {
+      padding: theme.spacing(6),
+      borderRadius: theme.shape.borderRadius,
+      '@media (max-width: 450px)': {
+        padding: theme.spacing(2)
+      }
+    },
+    infoTxt1: {
+      textAlign: 'center'
+    },
+    infoTxt2: {
+      textAlign: 'center'
+    },
+    textField: {
+      width: '100%',
+      padding: theme.spacing(0, 0, 2, 0)
+    },
+    formContainer: {
+      paddingTop: theme.spacing(3)
+    },
+    lockIconContainer: {
+      display: 'flex',
+      justifyContent: 'center',
+      marginBottom: theme.spacing(4)
+    },
+    lockIcon: {
+      width: 80,
+      height: 80
+    }
+  };
+});
+var SignIn = function SignIn(_ref) {
+  var onEmailRequestCode = _ref.onEmailRequestCode,
+    disabled = _ref.disabled;
+  var intl = useIntl();
+  var _useStyles = useStyles(),
+    classes = _useStyles.classes;
+  var recaptchaRef = /*#__PURE__*/React__default.createRef();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    recaptchaVisible = _useState2[0],
+    setRecaptchaVisible = _useState2[1];
+  var handleFormSubmit = function handleFormSubmit(values) {
+    if (!recaptchaVisible) {
+      setRecaptchaVisible(true);
+      return;
+    }
+    if (values !== null && values !== undefined && values.recaptcha) onEmailRequestCode(values.email);
+  };
+  return /*#__PURE__*/React__default.createElement(Grid2, {
+    container: true,
+    className: classes.container
+  }, /*#__PURE__*/React__default.createElement(Grid2, {
+    size: {
+      xs: 12,
+      lg: 6,
+      md: 8,
+      sm: 10
+    },
+    className: classes.content
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    className: classes.lockIconContainer
+  }, /*#__PURE__*/React__default.createElement(LockIcon, {
+    className: classes.lockIcon,
+    color: "red"
+  })), /*#__PURE__*/React__default.createElement(Typography, {
+    className: classes.infoTxt1,
+    variant: "h4",
+    gutterBottom: true
+  }, intl.formatMessage(messages.signInTitle)), /*#__PURE__*/React__default.createElement(Typography, {
+    className: classes.infoTxt2,
+    variant: "body2",
+    gutterBottom: true
+  }, intl.formatMessage(messages.signInSubTitle)), /*#__PURE__*/React__default.createElement(Grid2, {
+    className: classes.formContainer
+  }, /*#__PURE__*/React__default.createElement(Form, {
+    onSubmit: handleFormSubmit,
+    render: function render(_ref2) {
+      var handleSubmit = _ref2.handleSubmit,
+        invalid = _ref2.invalid,
+        pristine = _ref2.pristine;
+      return /*#__PURE__*/React__default.createElement("form", {
+        onSubmit: handleSubmit
+      }, /*#__PURE__*/React__default.createElement(Grid2, {
+        container: true,
+        spacing: 3
+      }, /*#__PURE__*/React__default.createElement(Grid2, {
+        size: 12
+      }, /*#__PURE__*/React__default.createElement(Field, {
+        name: "email",
+        type: "email",
+        component: EmailFieldAdapter,
+        className: classes.textField,
+        label: intl.formatMessage(messages.email),
+        validate: emailValidator(intl.formatMessage(messages['notValidEmail'])),
+        displayError: false,
+        required: true,
+        autoFocus: true
+      })), recaptchaVisible && /*#__PURE__*/React__default.createElement(Grid2, {
+        size: 12
+      }, /*#__PURE__*/React__default.createElement(RecaptchaField, {
+        name: "recaptcha",
+        recaptchaRef: recaptchaRef
+      })), /*#__PURE__*/React__default.createElement(Grid2, {
+        size: 12
+      }, /*#__PURE__*/React__default.createElement(SignInWithEmailButton, {
+        fullWidth: true,
+        type: "submit",
+        disabled: pristine || invalid || disabled
+      }))));
+    }
+  }))));
+};
+SignIn.propTypes = {
+  onEmailRequestCode: PropTypes.func.isRequired,
+  disabled: PropTypes.bool.isRequired
+};
+
+export { SignIn as default };
+//# sourceMappingURL=index.js.map

package/esm/components/AuthOTP/SignIn/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/AuthOTP/SignIn/index.js"],"sourcesContent":["import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { Box, Grid2, Typography } from '@mui/material'\nimport { makeStyles } from 'tss-react/mui'\nimport { Field, Form } from 'react-final-form'\nimport { useIntl } from 'react-intl'\nimport LockIcon from '@mui/icons-material/Lock'\n\nimport messages from './messages'\nimport EmailFieldAdapter from '../../../forms/EmailField/EmailFieldAdaptor'\nimport SignInWithEmail from '../../Buttons/SignInWithEmail'\nimport { emailValidator } from '../../../forms/utils'\nimport RecaptchaField from '../../../forms/RecaptchaField'\n\nconst useStyles = makeStyles()(theme => ({\n  container: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    marginTop: theme.spacing(10),\n  },\n  content: {\n    padding: theme.spacing(6),\n    borderRadius: theme.shape.borderRadius,\n    '@media (max-width: 450px)': {\n      padding: theme.spacing(2),\n    },\n  },\n  infoTxt1: {\n    textAlign: 'center',\n  },\n  infoTxt2: {\n    textAlign: 'center',\n  },\n  textField: {\n    width: '100%',\n    padding: theme.spacing(0, 0, 2, 0),\n  },\n  formContainer: {\n    paddingTop: theme.spacing(3),\n  },\n  lockIconContainer: {\n    display: 'flex',\n    justifyContent: 'center',\n    marginBottom: theme.spacing(4),\n  },\n  lockIcon: {\n    width: 80,\n    height: 80,\n  },\n}))\n\nconst SignIn = ({ onEmailRequestCode, disabled }) => {\n  const intl = useIntl()\n  const { classes } = useStyles()\n  const recaptchaRef = React.createRef()\n  const [recaptchaVisible, setRecaptchaVisible] = useState(false)\n\n  const handleFormSubmit = values => {\n    if (!recaptchaVisible) {\n      setRecaptchaVisible(true)\n      return\n    }\n    if (values?.recaptcha) onEmailRequestCode(values.email)\n  }\n\n  return (\n    <Grid2 container className={classes.container}>\n      <Grid2 size={{ xs: 12, lg: 6, md: 8, sm: 10 }} className={classes.content}>\n        <Box className={classes.lockIconContainer}>\n          <LockIcon className={classes.lockIcon} color=\"red\" />\n        </Box>\n\n        <Typography className={classes.infoTxt1} variant=\"h4\" gutterBottom>\n          {intl.formatMessage(messages.signInTitle)}\n        </Typography>\n\n        <Typography className={classes.infoTxt2} variant=\"body2\" gutterBottom>\n          {intl.formatMessage(messages.signInSubTitle)}\n        </Typography>\n\n        <Grid2 className={classes.formContainer}>\n          <Form\n            onSubmit={handleFormSubmit}\n            render={({ handleSubmit, invalid, pristine }) => (\n              <form onSubmit={handleSubmit}>\n                <Grid2 container spacing={3}>\n                  <Grid2 size={12}>\n                    <Field\n                      name=\"email\"\n                      type=\"email\"\n                      component={EmailFieldAdapter}\n                      className={classes.textField}\n                      label={intl.formatMessage(messages.email)}\n                      validate={emailValidator(intl.formatMessage(messages['notValidEmail']))}\n                      displayError={false}\n                      required\n                      autoFocus\n                    />\n                  </Grid2>\n\n                  {recaptchaVisible && (\n                    <Grid2 size={12}>\n                      <RecaptchaField name=\"recaptcha\" recaptchaRef={recaptchaRef} />\n                    </Grid2>\n                  )}\n\n                  <Grid2 size={12}>\n                    <SignInWithEmail fullWidth type=\"submit\" disabled={pristine || invalid || disabled} />\n                  </Grid2>\n                </Grid2>\n              </form>\n            )}\n          />\n        </Grid2>\n      </Grid2>\n    </Grid2>\n  )\n}\n\nSignIn.propTypes = {\n  onEmailRequestCode: PropTypes.func.isRequired,\n  disabled: PropTypes.bool.isRequired,\n}\n\nexport default SignIn\n"],"names":["useStyles","makeStyles","theme","container","justifyContent","alignItems","marginTop","spacing","content","padding","borderRadius","shape","infoTxt1","textAlign","infoTxt2","textField","width","formContainer","paddingTop","lockIconContainer","display","marginBottom","lockIcon","height","SignIn","_ref","onEmailRequestCode","disabled","intl","useIntl","_useStyles","classes","recaptchaRef","React","createRef","_useState","useState","_useState2","_slicedToArray","recaptchaVisible","setRecaptchaVisible","handleFormSubmit","values","recaptcha","email","createElement","Grid2","className","size","xs","lg","md","sm","Box","LockIcon","color","Typography","variant","gutterBottom","formatMessage","messages","signInTitle","signInSubTitle","Form","onSubmit","render","_ref2","handleSubmit","invalid","pristine","Field","name","type","component","EmailFieldAdapter","label","validate","emailValidator","displayError","required","autoFocus","RecaptchaField","SignInWithEmail","fullWidth","propTypes","PropTypes","func","isRequired","bool"],"mappings":"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"}

package/esm/components/AuthOTP/SignIn/messages.js

@@ -0,0 +1,23 @@
+import { defineMessages } from 'react-intl';
+
+var messages = defineMessages({
+  notValidEmail: {
+    id: 'signIn.page.notValidEmail',
+    defaultMessage: 'Invalid email format.'
+  },
+  signInTitle: {
+    id: 'signIn.page.signInTitle',
+    defaultMessage: 'Enter your email to sign in'
+  },
+  signInSubTitle: {
+    id: 'signIn.page.signInSubTitle',
+    defaultMessage: 'One step away from signing in – just a quick security check.'
+  },
+  email: {
+    id: 'signIn.page.email',
+    defaultMessage: 'Email'
+  }
+});
+
+export { messages as default };
+//# sourceMappingURL=messages.js.map

package/esm/components/AuthOTP/SignIn/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sources":["../../../../src/components/AuthOTP/SignIn/messages.js"],"sourcesContent":["import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n  notValidEmail: {\n    id: 'signIn.page.notValidEmail',\n    defaultMessage: 'Invalid email format.',\n  },\n  signInTitle: {\n    id: 'signIn.page.signInTitle',\n    defaultMessage: 'Enter your email to sign in',\n  },\n  signInSubTitle: {\n    id: 'signIn.page.signInSubTitle',\n    defaultMessage: 'One step away from signing in – just a quick security check.',\n  },\n  email: {\n    id: 'signIn.page.email',\n    defaultMessage: 'Email',\n  },\n})\n"],"names":["defineMessages","notValidEmail","id","defaultMessage","signInTitle","signInSubTitle","email"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,EAAE,EAAE,2BAA2B;AAC/BC,IAAAA,cAAc,EAAE;GACjB;AACDC,EAAAA,WAAW,EAAE;AACXF,IAAAA,EAAE,EAAE,yBAAyB;AAC7BC,IAAAA,cAAc,EAAE;GACjB;AACDE,EAAAA,cAAc,EAAE;AACdH,IAAAA,EAAE,EAAE,4BAA4B;AAChCC,IAAAA,cAAc,EAAE;GACjB;AACDG,EAAAA,KAAK,EAAE;AACLJ,IAAAA,EAAE,EAAE,mBAAmB;AACvBC,IAAAA,cAAc,EAAE;AAClB;AACF,CAAC,CAAC;;;;"}