\n Invalid Link\n \n The link that you have used is invalid. This could be because of a typo, expiration, or\n security issue. Request a new link to reset your password.\n
\n \n \n ) : (\n
\n Invalid Link\n
\n The link that you have used is invalid. This could be because of a typo, expiration, or\n security issue. Contact orders@hudsonsearch.com for a new link.\n
\n
\n )\n ) : (\n \n
\n \n {props.header}\n {props.subHeader && (\n \n Please set up your password to finish creating your account. You will use this password to\n access the portal.\n \n )}\n setPassword(value)}\n value={password}\n />\n setConfirmPassword(value)}\n value={confirmPassword}\n onBlur={handleOnBlur}\n isColor={confirmPasswordError}\n />\n (props.reset ? onResetSubmit() : onCreateSubmit())}\n buttonType={\n confirmPasswordError ? 'ButtonPrimaryTwoLargeDisabled' : 'ButtonPrimaryTwoLarge'\n }\n buttonText={props.buttonText}\n />\n {props.linkButton && }\n
\n \n {resetInstructions ? (\n \n Reset instructions have been sent\n \n Please check your inbox and follow further instructions to reset your password.\n
\n \n \n ) : (\n <>\n Forgot Password\n \n Enter your email to receive a password reset link. You may need to unblock\n no-reply@hudsonsearch.com.\n \n setEmail(e.target.value)}\n labelText=\"Email\"\n />\n \n \n \n )}\n \n \n \n \n );\n};\n\nexport default ForgotPassword;\n","import React, { useEffect, useState } from 'react';\nimport axios from 'axios';\nimport { useHistory } from 'react-router-dom';\n\nimport { OuterLogIn, LogInHeader } from './styles';\nimport HudsonLogo from '../../images/hudson-logo.png';\nimport LinkButton from '../../components/LinkButton';\nimport PasswordInput from '../../components/PasswordInput';\nimport MediaButtons from '../../components/MediaButtons';\nimport MediaInputs from '../../components/MediaInputs';\nimport { useUserContext } from '../../context/UserContext';\nimport AuthenticationLayout from './AuthenticationLayout';\n\nconst LogIn = () => {\n const [password, setPassword] = useState('');\n const [email, setEmail] = useState('');\n const [notMatch, setNotMatch] = useState(false);\n const [isNotAuthenticated, setIsNotAuthenticated] = useState(false);\n const [showInternalMessage, setShowInternalMessage] = useState(false);\n\n const history = useHistory();\n const { setUserContext } = useUserContext();\n function handleClick(e: any) {\n if (e.key === 'Enter') {\n onLoginSubmit();\n }\n }\n const onLoginSubmit = async () => {\n if (notMatch || email === '' || password === '' || showInternalMessage) {\n return;\n }\n await axios.post(`/api/clientaccount/Login`, {\n email,\n password,\n });\n\n const isAuthenticated = await setUserContext();\n if (isAuthenticated) {\n history.push('/home');\n } else {\n setIsNotAuthenticated(true);\n }\n };\n\n const onEmailBlur = async (email: string) => {\n const { data } = await axios.get(`/api/clientaccount/isinternalemail?email=${email}`);\n if (data.isInternal) {\n setShowInternalMessage(true);\n }\n };\n\n useEffect(() => {\n window.location.href = '/login';\n }, []);\n\n return (\n \n \n \n
\n \n <>\n Log In\n setEmail(e.target.value)}\n labelText=\"Email\"\n isColor={isNotAuthenticated}\n onBlur={(e: any) => onEmailBlur(e.target.value)}\n />\n {showInternalMessage && (\n \n It seems that you are an internal Hudson user. Please click\n \n here \n \n to log in.\n \n )}\n setPassword(value)}\n value={password}\n isBottomText={isNotAuthenticated}\n bottomText=\"Incorrect Combination\"\n isColor={isNotAuthenticated}\n />\n \n \n
\n Don’t have an account? Email us at\n \n orders@hudsonsearch.com\n \n to get started.\n
\n {showHomeModal && (\n history.push('/home')}\n buttonText=\"Leave\"\n header=\"Leave Without Saving\"\n info=\"Changes were made to a new order that were not yet saved. Leaving without saving will undo these changes.\"\n cancelButtonText=\"No, Take Me Back\"\n onClose={() => setShowHomeModal(false)}\n open={showHomeModal}\n />\n )}\n {showSearchModal && (\n props.search(props.searchText)}\n buttonText=\"Leave\"\n header=\"Leave Without Saving\"\n info=\"Changes were made to a new order that were not yet saved. Leaving without saving will undo these changes.\"\n cancelButtonText=\"No, Take Me Back\"\n onClose={() => setShowSearchModal(false)}\n open={showSearchModal}\n />\n )}\n {showLogoutModal && (\n logout()}\n buttonText=\"Leave\"\n header=\"Leave Without Saving\"\n info=\"Changes were made to a new order that were not yet saved. Leaving without saving will undo these changes.\"\n cancelButtonText=\"No, Take Me Back\"\n onClose={() => setShowLogoutModal(false)}\n open={showLogoutModal}\n />\n )}\n \n \n