feat: add user management screen

feat: login screen

fix: login routing and layout

feat: add users migration

feat: passport login strategy

fix: users migration

feat: simple authentication

fix: request body

feat: JWT authorization

feat: 2fa step on login

feat: 2fa flow

feat: add rememberme to req body

fix: hide 2fa secret from jwt

fix: block login access to logged in user

fix: rerouting to wizard

refactor: login screen

feat: setup 2fa state on login

feat: 2fa secret qr code

fix: remove jwt from 2fa secret

fix: wizard redirect after login

fix: 2fa setup flow

fix: user id to uuid

feat: user roles

feat: user sessions and db persistence

feat: session saving on DB and cookie

refactor: unused code

feat: cookie auto renew on request

feat: get user data endpoint

fix: repeated requests

feat: react routing

fix: private routes

refactor: auth

feat: sessions aware of ua and ip

feat: sessions on gql

feat: session management screen

feat: replace user_tokens usage for users

feat: user deletion also deletes active sessions

feat: remember me alters session cookie accordingly

feat: last session by all users

fix: login feedback

fix: page loading UX

feat: routes based on user role

feat: header aware of roles

feat: reset password

fix: reset password endpoint

feat: handle password change

feat: reset 2FA

feat: user role on management screen

feat: change user role

fix: user last session query

fix: context

fix: destroy own session

feat: reset password now resets sessions

feat: reset 2fa now resets sessions

refactor: user data

refactor: user management screen

feat: user enable

feat: schema directives

fix: remove schema directive temp

feat: create new users

feat: register endpoint

feat: modals for reset links

fix: directive Date errors

feat: superuser directive

feat: create user url modal

fix: user management layout

feat: confirmation modals

fix: info text

feat: 2fa input component

feat: code input on 2fa state

feat: add button styling

feat: confirmation modal on superuser action

feat: rework 2fa setup screen

feat: rework reset 2fa screen

fix: session management screen

fix: user management screen

fix: blacklist roles

chore: migrate old customer values to new columns

fix: value migration

fix: value migration

refactor: remove old code

new-lamassu-admin/src/pages/UserManagement/modals/Input2FAModal.js

@@ -0,0 +1,99 @@
+import { makeStyles } from '@material-ui/core/styles'
+import axios from 'axios'
+import React, { useState } from 'react'
+
+import Modal from 'src/components/Modal'
+import { Button } from 'src/components/buttons'
+import { CodeInput } from 'src/components/inputs/base'
+import { H2, Info3, P } from 'src/components/typography'
+
+import styles from '../UserManagement.styles'
+
+const url =
+  process.env.NODE_ENV === 'development' ? 'https://localhost:8070' : ''
+
+const useStyles = makeStyles(styles)
+
+const Input2FAModal = ({ showModal, toggleModal, action, vars }) => {
+  const classes = useStyles()
+
+  const [twoFACode, setTwoFACode] = useState('')
+  const [invalidCode, setInvalidCode] = useState(false)
+
+  const handleCodeChange = value => {
+    setTwoFACode(value)
+    setInvalidCode(false)
+  }
+
+  const handleClose = () => {
+    setTwoFACode('')
+    setInvalidCode(false)
+    toggleModal()
+  }
+
+  const handleActionConfirm = () => {
+    axios({
+      method: 'POST',
+      url: `${url}/api/confirm2fa`,
+      data: {
+        code: twoFACode
+      },
+      withCredentials: true,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+      .then((res, err) => {
+        if (err) return
+        if (res) {
+          const status = res.status
+          if (status === 200) {
+            action()
+            handleClose()
+          }
+        }
+      })
+      .catch(err => {
+        const errStatus = err.response.status
+        if (errStatus === 401) setInvalidCode(true)
+      })
+  }
+
+  return (
+    <>
+      {showModal && (
+        <Modal
+          closeOnBackdropClick={true}
+          width={600}
+          height={400}
+          handleClose={handleClose}
+          open={true}>
+          <H2 className={classes.modalTitle}>Confirm action</H2>
+          <Info3 className={classes.info}>
+            Please confirm this action by placing your two-factor authentication
+            code below.
+          </Info3>
+          <CodeInput
+            name="2fa"
+            value={twoFACode}
+            onChange={handleCodeChange}
+            numInputs={6}
+            error={invalidCode}
+            containerStyle={classes.codeContainer}
+            shouldAutoFocus
+          />
+          {invalidCode && (
+            <P className={classes.errorMessage}>
+              Code is invalid. Please try again.
+            </P>
+          )}
+          <div className={classes.footer}>
+            <Button onClick={handleActionConfirm}>Finish</Button>
+          </div>
+        </Modal>
+      )}
+    </>
+  )
+}
+
+export default Input2FAModal