\n
\n Having trouble? Contact Support\n
\n )\n}\n\nContactSupport.propTypes = {\n supportEmail: PropTypes.string.isRequired\n}\n\nexport default ContactSupport\n","export default \"data:image/svg+xml,%3csvg%20width='34'%20height='34'%20viewBox='0%200%2034%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.116%2018.5357L8.41866%2022.9042C8.11364%2023.1503%207.93062%2023.6426%207.93062%2024.0118C7.93062%2024.3809%208.11364%2024.8116%208.35765%2025.0577L9.69976%2026.4114C9.88277%2026.6575%2010.3708%2026.8421%2010.7368%2026.8421C11.0419%2026.8421%2011.5299%2026.6575%2011.7739%2026.4114L20.9856%2017.182C21.2297%2016.9359%2021.4737%2016.4437%2021.4737%2016.136C21.4737%2015.7668%2021.2297%2015.2746%2020.9856%2015.0285L11.7739%205.79911C11.5299%205.553%2011.0419%205.36841%2010.7368%205.36841C10.3708%205.36841%209.88277%205.553%209.69976%205.79911L8.35765%207.15275C8.11364%207.39887%207.93062%207.82958%207.93062%208.19875C7.93062%208.56793%208.11364%208.99863%208.35765%209.24475L13.116%2013.6133H1.46411H1.40311C0.610048%2013.6133%200%2014.2901%200%2015.09V17.059C0%2017.9204%200.610048%2018.5357%201.40311%2018.5357H1.46411H13.116Z'%20fill='%234B7FD5'/%3e%3cpath%20opacity='0.4'%20d='M34%209.84214C34%206.44959%2031.1294%203.57898%2027.7369%203.57898H22.2566C21.7999%203.57898%2021.4737%203.97043%2021.4737%204.36187V6.97152C21.4737%207.42821%2021.7999%207.75442%2022.2566%207.75442H27.7369C28.846%207.75442%2029.8246%208.73304%2029.8246%209.84214V22.3685C29.8246%2023.5428%2028.846%2024.4562%2027.7369%2024.4562H22.2566C21.7999%2024.4562%2021.4737%2024.8476%2021.4737%2025.2391V27.8487C21.4737%2028.3054%2021.7999%2028.6316%2022.2566%2028.6316H27.7369C31.1294%2028.6316%2034%2025.8262%2034%2022.3685V9.84214Z'%20fill='%236F99DD'/%3e%3c/svg%3e\"","import React, { useEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { Form, Formik } from 'formik'\nimport * as Yup from 'yup'\nimport { api } from 'components/api'\nimport { sendUserAuthenticationPin, userConfirmationPath } from 'components/routes/api'\nimport TextInput from 'components/fields/TextInput'\nimport ContactSupport from './ContactSupport'\nimport HeaderIcon from 'images/authentication_modals/sign-in.svg'\n\nconst sendVerificationCode = (email) => {\n return api.postWithCsrf({\n url: sendUserAuthenticationPin(),\n params: {\n email\n }\n })\n}\n\nconst confirmVerificationCode = (params) => {\n return api.patchWithCsrf({\n url: userConfirmationPath(),\n data: {\n email: params.email,\n verification_code: params.verificationCode\n }\n })\n}\n\nfunction EnterCode (props) {\n const [initialCodeSent, setInitialCodeSent] = useState(false)\n const [showResendCode, setShowResendCode] = useState(true)\n\n useEffect(() => {\n if (props.readyToSendInitialCode && !initialCodeSent) {\n props.sendVerificationCode(props.email)\n setInitialCodeSent(true)\n }\n }, [props.readyToSendInitialCode, initialCodeSent])\n\n const resendCode = () => {\n setShowResendCode(false)\n\n props.sendVerificationCode(props.email)\n\n setTimeout(() => {\n setShowResendCode(true)\n }, props.resendCodeTimeout)\n }\n\n const resendCodeLink = showResendCode\n ? (\n Resend code\n )\n : (\n Code Sent\n )\n\n const formHeader = (\n <>\n \n Having trouble? Contact Support\n
Enter Code
\n {props.message ||\n \n We emailed a code to your email address {props.email}. Please enter the code below.\n
}\n\n The code will expire in 30 minutes.\n
\n \n )\n\n const formSchema = Yup.object({\n verification: Yup.string()\n .required('Required')\n .min(4, 'Must be 4 characters')\n .max(4, 'Must be 4 characters')\n })\n\n const handleSubmission = (values, { setFieldError }) => {\n props.confirmVerificationCode({\n email: props.email,\n verificationCode: values.verification\n }).then((response) => {\n if (response.data.status === 'success') {\n props.onSuccess()\n } else {\n setFieldError('verification', 'Incorrect Code, Try Again')\n }\n })\n }\n\n return (\n\n 
\n
\n Email does not exist
\n \n We are unable to find an account associated with {email}. If you have not signed up, please click Sign Up to continue\n
\n\n
\n \n )\n }\n}\n\nEmailNotFound.propTypes = {\n email: PropTypes.string.isRequired,\n onGoBack: PropTypes.func.isRequired,\n onSignUp: PropTypes.func.isRequired\n}\n\nexport default EmailNotFound\n","// TODO: CONVERT TO TYPESCRIPT\nimport React from 'react'\nimport HeaderIcon from 'images/authentication_modals/sign-up.svg'\n\nfunction PendingApproval () {\n return (\n \n
\n \n Go Back\n
\n \n \n
\n \n \n
\n )\n}\n\nexport default PendingApproval\n","// TODO: CONVERT TO TYPESCRIPT\nimport { Form, Formik } from 'formik'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport * as Yup from 'yup'\nimport { api } from 'components/api'\nimport HeaderIcon from 'images/authentication_modals/sign-in.svg'\nimport TextInput from 'components/fields/TextInput'\nimport { userConfirmWithAssistancePath } from 'components/routes/api'\n\nconst formSchema = Yup.object({\n email: Yup.string()\n .email('Email is invalid')\n .required('Email is required'),\n password: Yup.string()\n .required('Password is required')\n})\n\nfunction VerifyUser (props) {\n const onSubmit = (values, { setFieldError }) => {\n api.patchWithCsrf({\n url: userConfirmWithAssistancePath(),\n data: {\n email: props.email,\n admin_email: values.email,\n admin_password: values.password\n }\n })\n .then((response) => {\n if (response.data.status === 'success') {\n props.onSuccess()\n } else {\n setFieldError('password', 'Invalid email and/or password')\n }\n })\n }\n\n return (\n Pending Approval
\n \n We will notify you via email when you have been approved.\n
\nOne last step!
\nEnter the password for your {this.state.email} account.
\n \n }\n onGoBack={goBackToPreviousPage}\n onSuccess={(data) => {\n const redirectTo = localStorage.getItem('redirect_to')\n localStorage.removeItem('redirect_to')\n if (redirectTo) {\n window.location.href = redirectTo\n } else {\n window.location.href = data.redirect_link || ''\n }\n }}\n onResetPassword={() => advanceToPage('EnterCode')}\n />\n )\n case 'EnterCode':\n return (\n\n 
\n
\n \n Sign up\n
\n\n \n Are you a buyer or supplier? Choose one.\n
\n\n
\n \n )\n}\n\nChooseUserType.propTypes = {\n onSuccess: PropTypes.func.isRequired,\n onSignIn: PropTypes.func.isRequired\n}\n\nexport default ChooseUserType\n","// TODO: CONVERT TO TYPESCRIPT\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { Formik, Form } from 'formik'\nimport * as Yup from 'yup'\nimport TextInput from '../../fields/TextInput'\nimport HeaderIcon from 'images/authentication_modals/sign-up.svg'\n\nfunction SignUpPage1 (props) {\n const { name, email, emailDisabled, subHeaderMessage, onGoBack, onSuccess } = props\n\n return (\n \n 
\n 
\n I am a Buyer\n\n 
\n
\n \n 
\n 
\n I am a Supplier\n \n
\n \n
\n Already a Procurated member? Sign-in\n
\n \n Already a Procurated member? Sign-in\n
\n Procurated is a private platform of procurement professionals\n from governments, education institutions, and non-profits,\n across the country.\n
\n\n Submit your information to request access.\n
\n \n }\n onGoBack={goBackToPreviousPage}\n onSuccess={() => {\n advanceToPage('EnterCode')\n }}\n />\n )\n case 'SignIn':\n return (\n