\r\n \r\n);\r\n\r\n/**\r\n * normally I would split out these three components into three separate files\r\n * but they are all only used together here so together they will stay ¯\\\\_(ツ)_/¯\r\n * prop types for all three at bottom\r\n */\r\nfunction DashboardLoanItem(props) {\r\n const {\r\n functions: { handleIndividualLoan },\r\n } = useContext(LoggedInContext);\r\n\r\n const { borrower, propertyAddr, id, type } = props;\r\n\r\n return (\r\n \r\n handleIndividualLoan(id)}>\r\n \r\n
{borrower}
\r\n \r\n {type === 'prequalified' || type === 'preapproved' ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default memo(DashboardLoanItem);\r\n\r\nDashboardLoanItem.propTypes = {\r\n // all loan types have these\r\n borrower: PropTypes.string.isRequired,\r\n category: PropTypes.string.isRequired,\r\n closing: PropTypes.string.isRequired,\r\n funding: PropTypes.string.isRequired,\r\n id: PropTypes.string.isRequired,\r\n loanOfficer: PropTypes.object.isRequired,\r\n propertyAddr: PropTypes.string.isRequired,\r\n type: PropTypes.string.isRequired,\r\n\r\n // only active & funded loans have these\r\n fmClosing: PropTypes.object,\r\n fmFunding: PropTypes.object,\r\n\r\n // only prequalified & preapproved loans have these\r\n loanCity: PropTypes.string,\r\n loanNotExpired: PropTypes.bool,\r\n loanPreQualifiedOrPreApproved: PropTypes.bool,\r\n};\r\n\r\nPrequalifiedOrPreapprovedLoanCardBody.propTypes = {\r\n loanCity: PropTypes.string.isRequired,\r\n};\r\n\r\nActiveOrFundedLoanCardBody.propTypes = {\r\n propertyAddr: PropTypes.string.isRequired,\r\n dateTitle: PropTypes.string.isRequired,\r\n displayDate: PropTypes.string.isRequired,\r\n};\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from 'react';\n\nvar _ref =\n/*#__PURE__*/\nReact.createElement(\"title\", null, \"dashboard-arrow\");\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"polygon\", {\n fill: \"#1b75bc\",\n points: \"14.57 18.64 29.14 0 0 0 14.57 18.64\"\n});\n\nvar SvgComponent = function SvgComponent(props) {\n return React.createElement(\"svg\", _extends({\n width: 29.14,\n height: 18.64,\n viewBox: \"0 0 29.14 18.64\"\n }, props), _ref, _ref2);\n};\n\nexport default __webpack_public_path__ + \"static/media/dashboard-arrow.f2a40580.svg\";\nexport { SvgComponent as ReactComponent };","import React, { useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n// import hooks\r\nimport { useIsOpen } from '../../hooks';\r\n\r\n// import components\r\nimport DashboardLoanItem from './DashboardLoanItem';\r\n\r\n// import styled components\r\nimport {\r\n DashboardLoanContainer,\r\n DashboardLoanContainerTitle,\r\n DashboardLoanGrid,\r\n DashboardLoanGridWrapper,\r\n} from './styled';\r\n\r\n// import svg\r\nimport { ReactComponent as DashboardArrow } from '../../assets/ui/dashboard-arrow.svg';\r\n\r\nfunction DashboardLoanList({ defaultOpen, loans, title, type }) {\r\n const [isOpen, setIsOpen] = useIsOpen(defaultOpen);\r\n const loanGridRef = useRef();\r\n\r\n const mapLoans = loans => {\r\n return loans.map((loan, i) => {\r\n /**\r\n * limit numbers of rendered loans during development\r\n * not enabled for production currently\r\n */\r\n // if (i < 20) {\r\n // return ;\r\n // }\r\n // return null;\r\n\r\n return ;\r\n });\r\n };\r\n\r\n return (\r\n \r\n setIsOpen()}>\r\n
\r\n The new {loanData.loanType} letter will be sent to the Borrower at{' '}\r\n {loanData.contacts.borrower.email} and the Loan Officer at{' '}\r\n {loanData.contacts.mlo.email}.\r\n
\r\n
This may take a few minutes to download, please do not refresh the page.
\r\n \r\n );\r\n}\r\n\r\nexport default PreLoanModifyDownload;\r\n\r\nPreLoanModifyDownload.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n loanData: PropTypes.object.isRequired,\r\n modifiedLoan: PropTypes.object.isRequired,\r\n};\r\n","import styled from 'styled-components/macro';\r\n\r\n// import helpers\r\nimport { getColor, getFontWeight } from '../../../../../../util/theme';\r\n\r\nconst HandleLabel = styled.div`\r\n color: ${getColor('complimentaryBlue')};\r\n font-size: 1.6rem;\r\n font-weight: ${getFontWeight('medium')};\r\n\r\n margin: -25px 0 0 -20px;\r\n`;\r\n\r\nexport default HandleLabel;\r\n","import styled from 'styled-components/macro';\r\nimport PropTypes from 'prop-types';\r\n\r\n// import helpers\r\nimport { getBreakpoint } from '../../../../../../util/theme';\r\n\r\n// import assets\r\nimport sliderHandle from '../../../../../../assets/slider/slider-handle.svg';\r\n\r\nconst HandleWrapper = styled.div.attrs(props => ({ style: { left: `${props.percent}%` } }))`\r\n position: absolute;\r\n z-index: 2;\r\n\r\n margin: 15px 0 0 -15px;\r\n\r\n width: 22px;\r\n height: 35px;\r\n\r\n border: 0;\r\n\r\n background-image: url(${sliderHandle});\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n\r\n text-align: center;\r\n\r\n cursor: pointer;\r\n\r\n touch-action: none;\r\n\r\n @media (min-width: ${getBreakpoint('md')}) {\r\n margin: 20px 0 0 -15px;\r\n\r\n width: 25px;\r\n height: 40px;\r\n }\r\n`;\r\n\r\nexport default HandleWrapper;\r\n\r\nHandleWrapper.propTypes = {\r\n percent: PropTypes.number.isRequired,\r\n};\r\n","// not rly necessary to use constructors here but w/e\r\nfunction Rail(height, marginTop) {\r\n this.position = 'absolute';\r\n this.width = '100%';\r\n this.height = height;\r\n this.marginTop = marginTop;\r\n this.borderRadius = 5;\r\n this.background = 'repeating-linear-gradient(-45deg, #0071bc, #0071bc 3px, #a3cbe6 3px, #a3cbe6 6px)';\r\n}\r\n\r\nconst mobileRailStyle = new Rail(15, 30);\r\nconst railStyle = new Rail(20, 35);\r\n\r\nexport { mobileRailStyle, railStyle };\r\n","// not rly necessary to use constructors here but w/e\r\nfunction Slider(height) {\r\n this.position = 'relative';\r\n this.width = '100%';\r\n this.height = height;\r\n}\r\n\r\nconst mobileSliderStyle = new Slider(73);\r\nconst sliderStyle = new Slider(80);\r\n\r\nexport { mobileSliderStyle, sliderStyle };\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n// import styled base\r\nimport { HandleLabel, HandleWrapper } from './styled';\r\n\r\nconst Handle = ({ getHandleProps, handle: { id, value, percent } }) => (\r\n \r\n {`$${value.toLocaleString()}`}\r\n \r\n);\r\n\r\nexport default Handle;\r\n\r\nHandle.propTypes = {\r\n getHandleProps: PropTypes.func.isRequired,\r\n handle: PropTypes.object.isRequired,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Slider, Handles } from 'react-compound-slider';\r\n\r\n// import components\r\nimport Handle from './Handle';\r\n\r\n// import styles\r\nimport { mobileRailStyle, mobileSliderStyle, railStyle, sliderStyle } from './styled';\r\n\r\nconst LoanAmountSlider = ({\r\n constraints: {\r\n loanAmount: { min },\r\n purchasePrice: { max },\r\n },\r\n dispatch,\r\n isMobile,\r\n loanAmount,\r\n}) => (\r\n dispatch({ type: 'modifyLoan', name: 'loanAmount', value: values[0] })}\r\n >\r\n \r\n \r\n {({ handles, getHandleProps }) => (\r\n
\r\n Your request for an new {loanType} Letter indicating a purchase price of{' '}\r\n {`$${parseInt(modifiedLoan.purchasePrice).toLocaleString()}`}, loan amount of{' '}\r\n {`$${parseInt(modifiedLoan.loanAmount).toLocaleString()}`}, and LTV of {`${modifiedLoan.loanToValue}%`} has\r\n been sent to the Borrower at {borrower.email} and the Loan Officer at{' '}\r\n {mlo.email}.\r\n
\r\n \r\n \r\n Return to Loan Overview\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default PreLoanSuccess;\r\n\r\nPreLoanSuccess.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n loanData: PropTypes.object.isRequired,\r\n loanLetters: PropTypes.array.isRequired,\r\n modifiedLoan: PropTypes.object.isRequired,\r\n setModifyingLetter: PropTypes.func.isRequired,\r\n};\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport posed, { PoseGroup } from 'react-pose';\r\n\r\n// import hooks\r\nimport { useModifyLoanReducer, usePreloadRegeneratedLetter } from './hooks';\r\n\r\n// import components\r\nimport PreLoanHistory from './PreLoanHistory';\r\nimport PreLoanInformation from './PreLoanInformation';\r\nimport PreLoanLetter from './PreLoanLetter';\r\nimport PreLoanModify from './PreLoanModify';\r\nimport PreLoanSuccess from './PreLoanSuccess';\r\n\r\n// import styled components\r\nimport { PreLoanBody, PreLoanSectionWrapper } from './styled';\r\nimport { Grid } from '../../styled';\r\n\r\nconst TransitionComponent = posed.div({\r\n enter: {\r\n x: 0,\r\n opacity: 1,\r\n delay: 300,\r\n transition: {\r\n opacity: { duration: 250 },\r\n },\r\n },\r\n exit: {\r\n x: 250,\r\n opacity: 0,\r\n transition: { opacity: { duration: 250 } },\r\n },\r\n});\r\n\r\nconst HistoryTransitionComponent = posed.div({});\r\n\r\nfunction PreLoan({ loanData }) {\r\n /**\r\n * bail out of rendering if loanData prop is still an active/funded loan, only prequal/preapproved have constraints property\r\n * this can happen when navigating directly from one loan to another via the drawer menu, if it tries to render a PreLoan before loanData has updated\r\n * check could be changed to a different property or loan type if desired idk\r\n */\r\n if (!loanData.hasOwnProperty('constraints')) {\r\n return null;\r\n }\r\n\r\n const {\r\n loanInformation: { loanAmount, loanToValue, purchasePrice },\r\n permissions: { levelOne, levelTwo },\r\n } = loanData;\r\n\r\n const [modifiedLoan, dispatch] = useModifyLoanReducer({\r\n initialValues: {\r\n purchasePrice: purchasePrice.value,\r\n loanAmount: loanAmount.value,\r\n loanToValue: parseFloat(loanToValue.value).toFixed(2),\r\n },\r\n purchasePrice: purchasePrice.value,\r\n inputPurchasePrice: parseInt(purchasePrice.value).toLocaleString(),\r\n letterPurchasePrice: purchasePrice.value,\r\n loanAmount: loanAmount.value,\r\n inputLoanAmount: parseInt(loanAmount.value).toLocaleString(),\r\n letterLoanAmount: loanAmount.value,\r\n loanToValue: parseFloat(loanToValue.value).toFixed(2),\r\n loanLetters: [...loanData.loanLetters],\r\n constraints: loanData.constraints,\r\n success: false,\r\n });\r\n\r\n const [preloadedLetterData, fileName, loadingLetter] = usePreloadRegeneratedLetter(\r\n loanData.loanType,\r\n loanData.letterInformation\r\n );\r\n\r\n const [modifyingLetter, setModifyingLetter] = useState(false);\r\n const [loanInformationVisible, setLoanInformationVisible] = useState(true);\r\n\r\n const toggleModify = mobile => {\r\n if (mobile) {\r\n setLoanInformationVisible(!loanInformationVisible);\r\n }\r\n\r\n setModifyingLetter(!modifyingLetter);\r\n };\r\n\r\n /**\r\n * level one only permissions - return read only components\r\n * no animations for this, content is totally static\r\n */\r\n if (levelOne === 'True' && levelTwo === 'False') {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n {modifiedLoan.success ? (\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n {modifyingLetter ? (\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default PreLoan;\r\n\r\nPreLoan.propTypes = {\r\n loanData: PropTypes.object.isRequired,\r\n};\r\n","import React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n// import context\r\nimport { LoggedInContext } from '../Context/LoggedInContext';\r\n\r\n// import hooks\r\nimport { useGetIndividualLoanDetails } from './hooks';\r\n\r\n// import components\r\nimport LoanHeader from './LoanHeader';\r\nimport ActiveFundedLoan from './ActiveFundedLoan';\r\nimport PreLoan from './PreLoan';\r\n\r\n// import styled components\r\nimport { Grid, Spinner } from '../styled';\r\n\r\n/**\r\n * not destructuring props here to make issue with props.location.state in Edge clear, see below\r\n */\r\nfunction Loan(props) {\r\n const {\r\n state: { loanCacheList, loanCache, userState },\r\n functions: { loanCacheDispatch },\r\n } = useContext(LoggedInContext);\r\n\r\n /**\r\n * there is a bug in Edge with this...props.location.state is null if loan is directly accessed/refreshed\r\n * if 100% Edge support becomes an issue (lol) then look at that more closely...\r\n * works fine in everything else, even IE11!\r\n */\r\n\r\n // const {\r\n // location: {\r\n // state: { type },\r\n // },\r\n // } = props;\r\n\r\n const loanData = useGetIndividualLoanDetails(userState, props.id, loanCache, loanCacheList, loanCacheDispatch);\r\n\r\n return (\r\n
\r\n {// show loading spinner if loan type hasn't been determined, prevents flash of blank content\r\n !loanData.loanType ? (\r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n {loanData.loanType === 'In Process' || loanData.loanType === 'Funded' ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n )}\r\n
\r\n There was a problem with your registration. Please return to the{' '}\r\n setRegistrationStatusState({ component: 'emailInput', type: null })}>\r\n registration page\r\n {' '}\r\n to register again.\r\n
\r\n \r\n);\r\n\r\nexport default RegisterSubmitFailed;\r\n\r\nRegisterSubmitFailed.propTypes = {\r\n setRegistrationStatusState: PropTypes.func.isRequired,\r\n};\r\n","import React from 'react';\r\nimport { Link } from '@reach/router';\r\n\r\n// import styled components\r\nimport { RegisterFailOrSuccessWrapper } from './styled';\r\n\r\nconst RegisterSubmitSuccess = () => (\r\n \r\n \r\n
Registration Success!
\r\n \r\n
Your account has been successfully created.
\r\n
\r\n Please return to the login page and login to view the status of your clients'\r\n transactions.\r\n
\r\n \r\n);\r\n\r\nexport default RegisterSubmitSuccess;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n// import hooks\r\nimport { useBrandFinder } from '../../hooks';\r\n\r\n// import components\r\nimport Header from '../Header';\r\nimport Footer from '../Footer';\r\nimport RegisterInput from './RegisterInput';\r\nimport RegisterValidateFailed from './RegisterValidateFailed';\r\nimport RegisterForm from './RegisterForm';\r\nimport RegisterSubmitFailed from './RegisterSubmitFailed';\r\nimport RegisterSubmitSuccess from './RegisterSubmitSuccess';\r\n\r\n// import styled components\r\nimport { RegisterWrapper, RegisterContainer } from './styled';\r\n\r\n// import svg\r\nimport { ReactComponent as InsiderLogo } from '../../assets/logos/insider-logo.svg';\r\n\r\nfunction Register({ location: { origin } }) {\r\n const [brandState] = useBrandFinder(origin);\r\n\r\n const [registrationStatusState, setRegistrationStatusState] = useState({\r\n component: 'emailInput',\r\n type: null,\r\n email: '',\r\n });\r\n\r\n const drawRegistrationStatus = () => {\r\n if (registrationStatusState.component === 'emailInput') {\r\n return ;\r\n }\r\n\r\n if (registrationStatusState.component === 'validationFailed') {\r\n return (\r\n \r\n );\r\n }\r\n\r\n if (registrationStatusState.component === 'validationSucceeded') {\r\n return (\r\n \r\n );\r\n }\r\n\r\n if (registrationStatusState.component === 'registrationSubmitFailed') {\r\n return ;\r\n }\r\n\r\n if (registrationStatusState.component === 'registrationSubmitSuccess') {\r\n return ;\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n Create Your Account\r\n
\r\n {drawRegistrationStatus()}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default Register;\r\n\r\n/**\r\n * Register props are all from router\r\n * the only one it needs is location, but all of them come through so including here\r\n */\r\nRegister.propTypes = {\r\n '*': PropTypes.string.isRequired,\r\n location: PropTypes.object.isRequired,\r\n navigate: PropTypes.func.isRequired,\r\n path: PropTypes.string.isRequired,\r\n uri: PropTypes.string.isRequired,\r\n};\r\n\r\n/**\r\n * set default props bc all return undefined on initial render\r\n */\r\nRegister.defaultProps = {\r\n '*': '',\r\n location: {},\r\n navigate: () => null,\r\n path: '',\r\n uri: '',\r\n};\r\n","import styled from 'styled-components/macro';\r\n\r\n// import helpers\r\nimport { getBreakpoint, getColor, getFontWeight } from '../../../util/theme';\r\n\r\n// import reuseable styled components\r\nimport { Grid } from '../../styled';\r\n\r\nconst ForgotPasswordContainer = styled(Grid)`\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n flex: 1;\r\n\r\n width: 100%;\r\n\r\n h1 {\r\n color: ${getColor('titleBlue')};\r\n font-weight: ${getFontWeight('thin')};\r\n\r\n margin: 25px 0 25px 0;\r\n\r\n @media (min-width: ${getBreakpoint('md')}) {\r\n margin: 0 0 75px 0;\r\n }\r\n }\r\n`;\r\n\r\nexport default ForgotPasswordContainer;\r\n","import styled from 'styled-components/macro';\r\n\r\n// import helpers\r\nimport { getBreakpoint, getColor, getFontWeight } from '../../../util/theme';\r\n\r\nconst ForgotPasswordFormContent = styled.form`\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n width: 100%;\r\n\r\n @media (min-width: ${getBreakpoint('md')}) {\r\n width: 60rem;\r\n }\r\n\r\n div {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n padding: 10px 0;\r\n\r\n width: 100%;\r\n }\r\n\r\n label {\r\n color: ${getColor('titleGrey')};\r\n font-size: 2rem;\r\n font-weight: ${getFontWeight('medium')};\r\n text-transform: uppercase;\r\n\r\n margin: 10px 0;\r\n }\r\n\r\n input {\r\n color: ${getColor('complimentaryBlue')};\r\n font-size: 1.6rem;\r\n\r\n height: 40px;\r\n width: 100%;\r\n\r\n padding: 3px 10px;\r\n\r\n &.error {\r\n border: 2px solid ${getColor('accentRed')};\r\n }\r\n\r\n &::placeholder {\r\n color: ${getColor('medGrey')};\r\n }\r\n }\r\n\r\n p {\r\n text-align: center;\r\n\r\n &.error {\r\n color: ${getColor('accentRed')};\r\n }\r\n\r\n &.success {\r\n color: ${getColor('accentGreen')};\r\n }\r\n }\r\n`;\r\n\r\nexport default ForgotPasswordFormContent;\r\n","import styled from 'styled-components/macro';\r\n\r\n// import helpers\r\nimport { getBreakpoint, getColor } from '../../../util/theme';\r\n\r\nconst ForgotPasswordFormWrapper = styled.div`\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n background-color: ${getColor('backgroundGrey')};\r\n\r\n padding: 15px;\r\n\r\n width: 100%;\r\n\r\n @media (min-width: ${getBreakpoint('md')}) {\r\n width: auto;\r\n }\r\n`;\r\n\r\nexport default ForgotPasswordFormWrapper;\r\n","import styled from 'styled-components/macro';\r\n\r\nconst ForgotPasswordWrapper = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n\r\n min-height: 100vh;\r\n`;\r\n\r\nexport default ForgotPasswordWrapper;\r\n","import React, { useState } from 'react';\r\n\r\n// import config\r\nimport { API_BASE_URL } from '../../util/config';\r\n\r\n// import styled components\r\nimport { Spinner, SubmitButton } from '../styled';\r\nimport { ForgotPasswordFormWrapper, ForgotPasswordFormContent } from './styled';\r\n\r\nconst checkIfEmailValid = emailState => {\r\n const regexpTest = /^(([^<>()\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@(([0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n const emailValid = regexpTest.test(emailState) && emailState.length > 0;\r\n\r\n if (!emailValid) {\r\n return false;\r\n }\r\n\r\n return true;\r\n};\r\n\r\nfunction ForgotPasswordForm() {\r\n const [sendingRequest, setSendingRequest] = useState(false);\r\n const [emailState, setEmailState] = useState({ email: '' });\r\n const [message, setMessage] = useState({ type: '', text: '' });\r\n\r\n const sendPasswordResetRequest = async e => {\r\n e.preventDefault();\r\n\r\n const emailValid = checkIfEmailValid(emailState.email);\r\n\r\n if (!emailValid) {\r\n setMessage({\r\n type: 'error',\r\n text: 'Please enter a valid email address',\r\n });\r\n\r\n return;\r\n }\r\n\r\n setSendingRequest(true);\r\n\r\n const forgotPasswordUrl = `${API_BASE_URL}/api/Account/ForgotPassword`;\r\n\r\n const forgotPasswordData = JSON.stringify(emailState);\r\n\r\n const sendForgotPasswordRequest = await fetch(forgotPasswordUrl, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n body: forgotPasswordData,\r\n });\r\n\r\n setSendingRequest(false);\r\n\r\n if (sendForgotPasswordRequest.status === 500) {\r\n setMessage({\r\n type: 'error',\r\n text:\r\n 'The email you entered is not in our system. Please make sure to use the email account for business communication.',\r\n });\r\n setEmailState({\r\n email: '',\r\n });\r\n\r\n return;\r\n }\r\n\r\n setMessage({\r\n type: 'success',\r\n text: 'Password reset request sent successfully! Please check your email inbox for instruction.',\r\n });\r\n\r\n setEmailState({\r\n email: '',\r\n });\r\n\r\n return;\r\n };\r\n\r\n return (\r\n \r\n sendPasswordResetRequest(e)}>\r\n
\r\n {sendingRequest ? (\r\n \r\n ) : (\r\n Submit\r\n )}\r\n \r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default ResetPasswordForm;\r\n\r\nResetPasswordForm.propTypes = {\r\n location: PropTypes.object.isRequired,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n// import hooks\r\nimport { useBrandFinder } from '../../hooks';\r\n\r\n// import components\r\nimport Header from '../Header';\r\nimport Footer from '../Footer';\r\nimport ResetPasswordForm from './ResetPasswordForm';\r\n\r\n// import styled components\r\nimport { ResetPasswordWrapper, ResetPasswordContainer } from './styled';\r\n\r\nfunction ResetPassword({ location }) {\r\n const [brandState] = useBrandFinder(location.origin);\r\n\r\n return (\r\n \r\n \r\n \r\n
Reset Your Password
\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default ResetPassword;\r\n\r\n/**\r\n * ResetPassword props are all from router\r\n * the only one it needs is location, but all of them come through so including here\r\n */\r\nResetPassword.propTypes = {\r\n '*': PropTypes.string.isRequired,\r\n location: PropTypes.object.isRequired,\r\n navigate: PropTypes.func.isRequired,\r\n path: PropTypes.string.isRequired,\r\n uri: PropTypes.string.isRequired,\r\n};\r\n\r\n/**\r\n * set default props bc all return undefined on initial render\r\n */\r\nResetPassword.defaultProps = {\r\n '*': '',\r\n location: {},\r\n navigate: () => null,\r\n path: '',\r\n uri: '',\r\n};\r\n","import 'babel-polyfill'; // needed for the below to work\r\nimport 'react-app-polyfill/ie9'; // For IE 9-11 support, layout will look pretty gnarly tho lol\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Router } from '@reach/router';\r\nimport { ThemeProvider } from 'styled-components';\r\nimport theme from './util/theme';\r\n\r\n// import typeface\r\nimport 'typeface-roboto';\r\n\r\n// import components\r\nimport App from './components/App';\r\nimport Login from './components/Login';\r\nimport Register from './components/Register';\r\nimport ForgotPassword from './components/ForgotPassword';\r\nimport ResetPassword from './components/ResetPassword';\r\n// root context component, stores login and brand info\r\nimport { RootContext as InsiderRootContext } from './components/Context';\r\n\r\n// import global styled components\r\nimport { GlobalStyle } from './components/styled';\r\n\r\nReactDOM.render(\r\n \r\n \r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ,\r\n document.getElementById('root')\r\n);\r\n"],"sourceRoot":""}