{"version":3,"file":"static/js/551.7a65fe1e.chunk.js","mappings":"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","sources":["components/v2/Input/index.tsx","pages/v2/authentication/login/index.tsx","schema/v2/authentication.ts","../node_modules/@mui/icons-material/Visibility.js","../node_modules/@mui/icons-material/VisibilityOff.js"],"sourcesContent":["import React, { MutableRefObject } from 'react'\nimport { SxProps, Theme, styled } from '@mui/material/styles'\nimport TextField, {\n  BaseTextFieldProps,\n  TextFieldProps,\n} from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\n// import { OutlinedInputProps, TextFieldProps } from '@mui/material'\nimport { getValueFromPath } from 'utils/helpers'\nimport { InputProps } from '@mui/material'\nimport { escapeHtml } from 'utils/v2/textUtils'\n\nexport interface inputProps {\n  margin?: 'none' | 'dense' | 'normal' | undefined\n  type?: string\n  innerref?: MutableRefObject<HTMLInputElement | null>\n  required?: boolean\n  fullWidth?: boolean\n  name?: string\n  placeholder?: string\n  max?: number\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void\n  value?: string | number | React.ReactElement | undefined\n  dataTestId?: string\n  label?: string | React.ReactElement\n  error?: {\n    [field: string]: any\n  }\n  touched?: {\n    [key: string]: any\n  }\n  minHeight?: string\n  sx?: SxProps<Theme> | undefined\n  autoFocus?: boolean\n  ariaLabel?: string\n  id?: string\n  classes?: {\n    [key: string]: string\n  }\n  disabled?: boolean\n  multiline?: boolean\n  readOnly?: boolean\n  stopinput?: boolean\n  rows?: number\n  maxRows?: number\n  className?: string\n  endadornment?: React.ReactNode\n  startadornment?: React.ReactNode\n  hiddenLabel?: boolean\n  inputProps?: BaseTextFieldProps['inputProps']\n}\n\nconst InputWrapper = styled('div')(() => ({\n  textAlign: 'left',\n}))\n\nexport type CustomTextFieldProps = Modify<inputProps, TextFieldProps>\n\n// TODO: Fix input font size - 14px\nexport const CustomInput = styled((props: CustomTextFieldProps) => (\n  <TextField\n    InputProps={\n      {\n        endAdornment: props.endadornment,\n        startAdornment: props.startadornment,\n        onKeyDown: (event) => {\n          props.stopinput ? event.preventDefault() : null\n        },\n        ...props.InputProps,\n        disableUnderline: true,\n      } as Partial<InputProps>\n    }\n    sx={{\n      // border: props.error ? '2px solid #A73636' : '',\n      borderRadius: '0.5rem',\n    }}\n    ref={props.innerref}\n    {...props}\n  />\n))(({ theme }) => ({\n  '& .MuiFilledInput-root': {\n    backgroundColor: '#fff !important',\n    fontSize: '.875rem',\n    overflow: 'hidden',\n    width: '100%',\n    paddingLeft: '0rem',\n    fontWeight: '500',\n    lineHeight: '1.25rem',\n    transition: theme.transitions.create(['border-color', 'box-shadow']),\n    textAlign: 'left',\n    border: '1px solid rgba(187, 190, 194, 1)',\n    borderRadius: '0.5rem',\n    '&::before, &::after, &:hover:not(.Mui-disabled, .Mui-error):before': {\n      border: 'none !important',\n    },\n    '& .MuiInputBase-input': {\n      paddingLeft: '1rem',\n    },\n    '&:hover': {\n      backgroundColor: '#fff',\n    },\n    '&.Mui-focused': {\n      borderRadius: '0.5rem',\n      border: '2px solid #E77A0C',\n      backgroundColor: '#fff',\n      fontWeight: '500',\n    },\n    'textarea:focus': {\n      boxShadow: 'none',\n      border: 'none',\n      fontWeight: '500',\n    },\n    '&.Mui-disabled': {\n      color: '#000000 !important',\n      fontWeight: '500',\n    },\n  },\n  '& .MuiInputBase-input.Mui-disabled': {\n    WebkitTextFillColor: '#8083A3',\n    color: ' #8083A3',\n    backgroundColor: '#F5F5FA',\n    fontWeight: '400',\n  },\n  '& .MuiFilledInput-root.Mui-error': {\n    border: '2px solid #A73636',\n    fontWeight: '400',\n  },\n  '&.MuiFormLabel-root MuiInputLabel-root.Mui-error': {\n    color: 'rgba(0, 0, 0, 0.6) !important',\n    fontWeight: '400',\n  },\n  '& .MuiInputLabel-root.Mui-focused, .MuiInputLabel-root.MuiInputLabel-filled':\n    {\n      color: 'rgba(128, 131, 163, 1)',\n    },\n  label: {\n    color: 'rgba(128, 131, 163, 1)',\n    fontSize: '1rem',\n    fontWeight: 400,\n    paddingLeft: '.45rem',\n    lineHeight: '1.25rem',\n    marginTop: '3px',\n    border: 'none !important',\n  },\n  placeholder: {\n    color: '#8083A3 !important',\n    lineHeight: '18px',\n  },\n  '& .MuiFormLabel-asterisk': {\n    color: '#FF1300',\n  },\n}))\n\nconst Input = (props: inputProps) => {\n  let error = false\n  let touched = false\n  const deepErrorValue = getValueFromPath(props.error, props.name || '')\n  if (\n    props.error &&\n    props.name &&\n    (props.error[props.name] || deepErrorValue)\n  ) {\n    error = true\n  }\n  const deepTouchedValue = getValueFromPath(props.touched, props.name || '')\n  if (\n    props.touched &&\n    props.name &&\n    (props.touched[props.name] || deepTouchedValue)\n  ) {\n    touched = true\n  }\n\n  return (\n    <InputWrapper sx={props.sx}>\n      <CustomInput\n        {...props}\n        id={props.id}\n        sx={props.sx}\n        innerref={props.innerref}\n        hiddenLabel={props.hiddenLabel}\n        margin={props.margin ? props.margin : 'none'}\n        required={props.required}\n        fullWidth={props.fullWidth ? props.fullWidth : true}\n        autoFocus={props.autoFocus}\n        type={props.type}\n        name={props.name}\n        variant=\"filled\"\n        multiline={props.multiline}\n        rows={props.rows}\n        maxRows={props.maxRows}\n        max={props.max}\n        label={props.label}\n        value={escapeHtml(props.value)}\n        placeholder={props.placeholder}\n        onFocus={props.onFocus}\n        onBlur={props.onBlur}\n        onChange={props.onChange}\n        onKeyUp={props.onKeyUp}\n        error={error && touched}\n        readOnly={props.readOnly}\n        classes={props.classes}\n        className={props.className}\n        aria-label={props.ariaLabel}\n        data-testid={props.dataTestId}\n        disabled={props.disabled}\n        stopinput={props.stopinput}\n        endadornment={props.endadornment}\n        startadornment={props.startadornment}\n        inputProps={props.inputProps}\n      />\n      {props.error &&\n        props.name &&\n        (props.error[props.name] || deepErrorValue) &&\n        touched && (\n          <Typography\n            sx={{\n              color: '#A73636',\n              mt: 0.7,\n              fontSize: '0.875rem',\n              fontWeight: 400,\n              lineHeight: '1.25rem',\n            }}\n          >\n            {props.error[props.name] ||\n              getValueFromPath(props.error, props.name)}\n          </Typography>\n        )}\n    </InputWrapper>\n  )\n}\nexport default Input\n","import { useState } from 'react'\nimport { Link, useNavigate } from 'react-router-dom'\n\nimport { FormikProps, useFormik } from 'formik'\nimport { Box, FormControl, Typography } from '@mui/material'\nimport VisibilityIcon from '@mui/icons-material/Visibility'\nimport VisibilityOffIcon from '@mui/icons-material/VisibilityOff'\n\nimport Input from 'components/v2/Input'\nimport ButtonAlt from 'components/v2/Button'\nimport theme from 'utils/theme'\nimport { baseRoute } from 'utils/helpers'\nimport { LoginValidation } from 'schema/v2/authentication'\nimport { ErrorHandler } from 'helpers/handlers'\nimport { login } from 'services/v2/authService'\nimport { useAppDispatch } from 'redux/v2/hooks'\nimport { setLoginInfo } from 'redux/v2/authSlice'\n\nconst routes = {\n  signup: `${baseRoute}/register`,\n  verify: `${baseRoute}/verify`,\n  forgotPassword: `${baseRoute}/forgot-password`,\n}\n\ninterface ILoginFormValues {\n  email: string\n  password: string\n}\n\ninterface ILoginForm {\n  formik: Pick<\n    FormikProps<ILoginFormValues>,\n    | 'errors'\n    | 'values'\n    | 'touched'\n    | 'handleBlur'\n    | 'handleSubmit'\n    | 'handleChange'\n  >\n  loading: boolean\n}\n\nconst LoginForm = ({ formik, loading }: ILoginForm) => {\n  const [showPassword, setShowPassword] = useState<boolean>(false)\n  const { handleSubmit, handleBlur, handleChange, touched, errors, values } =\n    formik\n\n  const handleSetPassword = () => {\n    setShowPassword((prev) => !prev)\n  }\n\n  return (\n    <Box component=\"form\" noValidate onSubmit={handleSubmit}>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '1.5rem',\n        }}\n      >\n        <FormControl>\n          <Input\n            id=\"email\"\n            name=\"email\"\n            type=\"email\"\n            fullWidth={true}\n            label=\"Email Address\"\n            onChange={handleChange}\n            value={values.email}\n            autoFocus={true}\n            error={errors}\n            touched={touched}\n            onBlur={handleBlur}\n          />\n        </FormControl>\n        <FormControl>\n          <Input\n            id=\"password\"\n            name=\"password\"\n            fullWidth={true}\n            type={showPassword ? 'text' : 'password'}\n            label=\"Password\"\n            onChange={handleChange}\n            value={values.password}\n            error={errors}\n            touched={touched}\n            onBlur={handleBlur}\n            endadornment={\n              <Box\n                component=\"span\"\n                onClick={handleSetPassword}\n                sx={{\n                  mt: '.3rem',\n                  cursor: 'pointer',\n                  color: 'rgba(128, 131, 163, 1)',\n                }}\n              >\n                {showPassword ? (\n                  <VisibilityOffIcon\n                    sx={{\n                      width: '16px',\n                      height: '16px',\n                    }}\n                  />\n                ) : (\n                  <VisibilityIcon\n                    sx={{\n                      width: '16px',\n                      height: '16px',\n                    }}\n                  />\n                )}\n              </Box>\n            }\n          />\n        </FormControl>\n      </Box>\n      <Box\n        sx={{\n          mt: '.5rem',\n          display: 'flex',\n          justifyContent: 'end',\n        }}\n      >\n        <Typography\n          sx={{\n            fontWeight: '400',\n            fontSize: '.875rem',\n            lineHeight: '1.375rem',\n          }}\n        >\n          Forgot your password?{' '}\n          <Link\n            to={routes.forgotPassword}\n            style={{\n              textDecoration: 'none',\n              color: theme.palette.primary.main,\n            }}\n          >\n            Click Here\n          </Link>\n        </Typography>\n      </Box>\n      <ButtonAlt\n        sx={{\n          mt: '3.5rem',\n          width: '100%',\n        }}\n        variant=\"contained\"\n        text=\"Log In\"\n        type=\"submit\"\n        loading={loading}\n      />\n      <Box\n        sx={{\n          mt: '1.5rem',\n          display: 'flex',\n          justifyContent: 'center',\n        }}\n      >\n        <Typography\n          sx={{\n            fontWeight: '400',\n            fontSize: '.875rem',\n            lineHeight: '1.375rem',\n          }}\n        >\n          Don't have an account?{' '}\n          <Link\n            to={routes.signup}\n            style={{\n              textDecoration: 'none',\n              color: theme.palette.primary.main,\n            }}\n          >\n            Sign Up\n          </Link>\n        </Typography>\n      </Box>\n    </Box>\n  )\n}\n\nconst Login = () => {\n  const navigate = useNavigate()\n  const dispatch = useAppDispatch()\n  const [loading, setLoading] = useState<boolean>(false)\n\n  const formik = useFormik<ILoginFormValues>({\n    initialValues: {\n      email: '',\n      password: '',\n    },\n    validationSchema: LoginValidation,\n    validateOnChange: true,\n    validateOnBlur: true,\n    onSubmit: async ({ email, password }) => {\n      try {\n        setLoading(true)\n        const result = await login(email, password)\n        dispatch(\n          setLoginInfo({\n            loginData: {\n              email,\n              password,\n            },\n            loginReturn: result,\n          })\n        )\n\n        navigate(routes.verify, {\n          state: {\n            email,\n          },\n        })\n      } catch (err: any) {\n        let message = null\n        if (err.message) {\n          message = err.message\n        }\n\n        ErrorHandler({\n          message:\n            message || 'We could not sign you in. Please contact support.',\n        })\n      } finally {\n        setLoading(false)\n      }\n    },\n  })\n\n  return (\n    <Box\n      sx={{\n        maxWidth: '437px',\n        width: '100%',\n        margin: '0 1.5rem',\n      }}\n    >\n      <Typography\n        variant=\"h1\"\n        sx={{\n          fontWeight: 600,\n          fontSize: '2rem',\n          mb: '2rem',\n        }}\n      >\n        Log into your account\n      </Typography>\n      <LoginForm loading={loading} formik={formik} />\n    </Box>\n  )\n}\n\nexport default Login\n","import * as Yup from 'yup'\n\nconst validEmail = Yup.string().test(\n  'valid-email',\n  'Email addresses with \"+number\" are not allowed.',\n  (value) => {\n    if (!value) return true\n    return !/\\+\\d+@/g.test(value)\n  }\n)\n\nconst LoginValidation = Yup.object({\n  password: Yup.string().required('Password is required'),\n  email: Yup.string()\n    .email('Invalid email address')\n    .required('Email address is required'),\n})\n\nconst ForgotPasswordValidation = Yup.object({\n  email: Yup.string()\n    .email('Invalid email address')\n    .required('Email address is required'),\n})\n\nconst ResetPasswordValidation = Yup.object({\n  newPassword: Yup.string()\n    .required('Password is required')\n    .min(8, 'Password must be a minimum of 8 characters')\n    .matches(/[A-Z]/, 'Password must contain at least one uppercase letter')\n    .matches(\n      /[!@#$%^&*?]/,\n      'Password must contain at least one unique character (e.g: !@#$%^&*?)'\n    ),\n  confirmNewPassword: Yup.string()\n    .required('Confirm Password is required')\n    .oneOf([Yup.ref('newPassword'), null], 'Passwords must match'),\n})\n\nconst RegisterValidation = Yup.object({\n  email: Yup.string().email().required('Email is required').concat(validEmail),\n  phoneNumber: Yup.string().required('Phone number is required'),\n  password: Yup.string()\n    .required('Password is required')\n    .min(8, 'Password must be a minimum of 8 characters')\n    .matches(/[A-Z]/, 'Password must contain at least one uppercase letter')\n    .matches(\n      /[!@#$%^&*?]/,\n      'Password must contain at least one unique character (e.g: !@#$%^&*?)'\n    ),\n  confirmPassword: Yup.string()\n    .required('Confirm Password is required')\n    .oneOf([Yup.ref('password'), null], 'Passwords must match'),\n})\n\nconst ChangePasswordValidation = Yup.object({\n  oldPassword: Yup.string().required('Old Password is required'),\n  confirmOldPassword: Yup.string()\n    .required('Confirm your old password')\n    .oneOf([Yup.ref('oldPassword'), null], 'Passwords do not match'),\n  newPassword: Yup.string()\n    .required('New Password is required')\n    .min(8, 'Password must be a minimum of 8 characters')\n    .matches(/[A-Z]/, 'Password must contain at least one uppercase letter')\n    .matches(\n      /[!@#$%^&*?]/,\n      'Password must contain at least one unique character (e.g: !@#$%^&*?)'\n    ),\n})\n\nexport {\n  LoginValidation,\n  ForgotPasswordValidation,\n  ResetPasswordValidation,\n  RegisterValidation,\n  ChangePasswordValidation,\n}\n","\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3\"\n}), 'Visibility');","\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z\"\n}), 'VisibilityOff');"],"names":["InputWrapper","styled","textAlign","CustomInput","props","_jsx","TextField","InputProps","endAdornment","endadornment","startAdornment","startadornment","onKeyDown","event","stopinput","preventDefault","disableUnderline","sx","borderRadius","ref","innerref","_ref","theme","backgroundColor","fontSize","overflow","width","paddingLeft","fontWeight","lineHeight","transition","transitions","create","border","boxShadow","color","WebkitTextFillColor","label","marginTop","placeholder","error","touched","deepErrorValue","getValueFromPath","name","deepTouchedValue","_jsxs","children","id","hiddenLabel","margin","required","fullWidth","autoFocus","type","variant","multiline","rows","maxRows","max","value","escapeHtml","onFocus","onBlur","onChange","onKeyUp","readOnly","classes","className","ariaLabel","dataTestId","disabled","inputProps","Typography","mt","routes","signup","baseRoute","verify","forgotPassword","LoginForm","formik","loading","showPassword","setShowPassword","useState","handleSubmit","handleBlur","handleChange","errors","values","Box","component","noValidate","onSubmit","display","flexDirection","gap","FormControl","Input","email","password","onClick","handleSetPassword","prev","cursor","VisibilityOffIcon","height","VisibilityIcon","justifyContent","Link","to","style","textDecoration","palette","primary","main","ButtonAlt","text","Login","navigate","useNavigate","dispatch","useAppDispatch","setLoading","useFormik","initialValues","validationSchema","LoginValidation","validateOnChange","validateOnBlur","async","_ref2","result","login","setLoginInfo","loginData","loginReturn","state","err","message","ErrorHandler","maxWidth","mb","validEmail","Yup","test","ForgotPasswordValidation","ResetPasswordValidation","newPassword","min","matches","confirmNewPassword","oneOf","RegisterValidation","concat","phoneNumber","confirmPassword","oldPassword","confirmOldPassword","_interopRequireDefault","require","exports","_createSvgIcon","_jsxRuntime","default","jsx","d"],"sourceRoot":""}