\n
\n {intl.formatMessage(messages['reset.password'])}
\n{intl.formatMessage(messages['reset.password.page.instructions'])}
\n \n\n 
\n
\n )\n : (\n <>\n \n
\n \n )}\n {provider.name}\n \n {referrer === LOGIN_PAGE\n ? intl.formatMessage(messages['sso.sign.in.with'], { providerName: provider.name })\n : intl.formatMessage(messages['sso.create.account.using'], { providerName: provider.name })}\n \n \n ));\n\n return <>{socialAuth};\n}\n\nSocialAuthProviders.defaultProps = {\n referrer: LOGIN_PAGE,\n socialAuthProviders: [],\n};\n\nSocialAuthProviders.propTypes = {\n intl: intlShape.isRequired,\n referrer: PropTypes.string,\n socialAuthProviders: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.string,\n name: PropTypes.string,\n iconClass: PropTypes.string,\n iconImage: PropTypes.string,\n loginUrl: PropTypes.string,\n registerUrl: PropTypes.string,\n })),\n};\n\nexport default injectIntl(SocialAuthProviders);\n","import React from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Alert } from '@edx/paragon';\nimport PropTypes from 'prop-types';\n\nimport { LOGIN_PAGE, REGISTER_PAGE } from '../data/constants';\nimport messages from './messages';\n\nconst ThirdPartyAuthAlert = (props) => {\n const { currentProvider, intl, referrer } = props;\n const platformName = getConfig().SITE_NAME;\n let message;\n\n if (referrer === LOGIN_PAGE) {\n message = intl.formatMessage(messages['login.third.party.auth.account.not.linked'], { currentProvider, platformName });\n } else {\n message = intl.formatMessage(messages['register.third.party.auth.account.not.linked'], { currentProvider, platformName });\n }\n\n return (\n { message }
\n\n
\n \n
\n \n {headingTitle}\n
\n\n {intl.formatMessage(messages['institution.login.page.sub.heading'])}\n
\n\n \n \n {secondaryProviders.map(provider => (\n
\n
\n \n );\n};\n\nconst LogistrationDefaultProps = {\n secondaryProviders: [],\n buttonTitle: '',\n};\nconst LogistrationProps = {\n secondaryProviders: PropTypes.arrayOf(PropTypes.shape({\n name: PropTypes.string.isRequired,\n loginUrl: PropTypes.string.isRequired,\n })),\n};\n\nRenderInstitutionButton.propTypes = {\n ...LogistrationProps,\n buttonTitle: PropTypes.string,\n onSubmitHandler: PropTypes.func.isRequired,\n\n};\nRenderInstitutionButton.defaultProps = {\n ...LogistrationDefaultProps,\n};\n\nInstitutionLogistration.propTypes = {\n ...LogistrationProps,\n intl: intlShape.isRequired,\n headingTitle: PropTypes.string,\n};\nInstitutionLogistration.defaultProps = {\n ...LogistrationDefaultProps,\n headingTitle: '',\n};\n\nexport default injectIntl(InstitutionLogistration);\n","import { AsyncActionType } from '../../data/utils';\n\nexport const THIRD_PARTY_AUTH_CONTEXT = new AsyncActionType('THIRD_PARTY_AUTH', 'GET_THIRD_PARTY_AUTH_CONTEXT');\n\n// Third party auth context\nexport const getThirdPartyAuthContext = (urlParams) => ({\n type: THIRD_PARTY_AUTH_CONTEXT.BASE,\n payload: { urlParams },\n});\n\nexport const getThirdPartyAuthContextBegin = () => ({\n type: THIRD_PARTY_AUTH_CONTEXT.BEGIN,\n});\n\nexport const getThirdPartyAuthContextSuccess = (fieldDescriptions, optionalFields, thirdPartyAuthContext) => ({\n type: THIRD_PARTY_AUTH_CONTEXT.SUCCESS,\n payload: { fieldDescriptions, optionalFields, thirdPartyAuthContext },\n});\n\nexport const getThirdPartyAuthContextFailure = () => ({\n type: THIRD_PARTY_AUTH_CONTEXT.FAILURE,\n});\n","import { COMPLETE_STATE, PENDING_STATE } from '../../data/constants';\nimport { THIRD_PARTY_AUTH_CONTEXT } from './actions';\n\nexport const defaultState = {\n extendedProfile: [],\n fieldDescriptions: {},\n optionalFields: {},\n thirdPartyAuthApiStatus: null,\n};\n\nconst reducer = (state = defaultState, action) => {\n switch (action.type) {\n case THIRD_PARTY_AUTH_CONTEXT.BEGIN:\n return {\n ...state,\n thirdPartyAuthApiStatus: PENDING_STATE,\n };\n case THIRD_PARTY_AUTH_CONTEXT.SUCCESS:\n return {\n ...state,\n extendedProfile: action.payload.fieldDescriptions.extendedProfile,\n fieldDescriptions: action.payload.fieldDescriptions.fields,\n optionalFields: action.payload.optionalFields,\n thirdPartyAuthContext: action.payload.thirdPartyAuthContext,\n thirdPartyAuthApiStatus: COMPLETE_STATE,\n };\n case THIRD_PARTY_AUTH_CONTEXT.FAILURE:\n return {\n ...state,\n thirdPartyAuthApiStatus: COMPLETE_STATE,\n };\n default:\n return state;\n }\n};\n\nexport default reducer;\n","import { AsyncActionType } from '../../data/utils';\n\nexport const REGISTER_NEW_USER = new AsyncActionType('REGISTRATION', 'REGISTER_NEW_USER');\nexport const REGISTER_FORM_VALIDATIONS = new AsyncActionType('REGISTRATION', 'GET_FORM_VALIDATIONS');\nexport const REGISTRATION_FORM = new AsyncActionType('REGISTRATION', 'REGISTRATION_FORM');\nexport const REGISTER_CLEAR_USERNAME_SUGGESTIONS = 'REGISTRATION_CLEAR_USERNAME_SUGGESTIONS';\nexport const REGISTER_PERSIST_FORM_DATA = 'REGISTER_PERSIST_FORM_DATA';\nexport const REGISTER_SET_COUNTRY_CODE = 'REGISTER_SET_COUNTRY_CODE';\n\n// Reset Form\nexport const resetRegistrationForm = () => ({\n type: REGISTRATION_FORM.RESET,\n});\n\n// Register\nexport const registerNewUser = registrationInfo => ({\n type: REGISTER_NEW_USER.BASE,\n payload: { registrationInfo },\n});\n\nexport const registerNewUserBegin = () => ({\n type: REGISTER_NEW_USER.BEGIN,\n});\n\nexport const registerNewUserSuccess = (redirectUrl, success) => ({\n type: REGISTER_NEW_USER.SUCCESS,\n payload: { redirectUrl, success },\n\n});\n\nexport const registerNewUserFailure = (error) => ({\n type: REGISTER_NEW_USER.FAILURE,\n payload: { ...error },\n});\n\n// Realtime Field validations\nexport const fetchRealtimeValidations = (formPayload) => ({\n type: REGISTER_FORM_VALIDATIONS.BASE,\n payload: { formPayload },\n});\n\nexport const fetchRealtimeValidationsBegin = () => ({\n type: REGISTER_FORM_VALIDATIONS.BEGIN,\n});\n\nexport const fetchRealtimeValidationsSuccess = (validations) => ({\n type: REGISTER_FORM_VALIDATIONS.SUCCESS,\n payload: { validations },\n});\n\nexport const fetchRealtimeValidationsFailure = () => ({\n type: REGISTER_FORM_VALIDATIONS.FAILURE,\n});\n\nexport const clearUsernameSuggestions = () => ({\n type: REGISTER_CLEAR_USERNAME_SUGGESTIONS,\n});\n\nexport const setRegistrationFormData = (formData, clearRegistrationError = false) => ({\n type: REGISTER_PERSIST_FORM_DATA,\n payload: { formData, clearRegistrationError },\n});\n\nexport const setCountryFromThirdPartyAuthContext = (countryCode) => ({\n type: REGISTER_SET_COUNTRY_CODE,\n payload: { countryCode },\n});\n","import { camelCaseObject, convertKeyNames, getConfig } from '@edx/frontend-platform';\nimport { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';\n\n// eslint-disable-next-line import/prefer-default-export\nexport async function getThirdPartyAuthContext(urlParams) {\n const requestConfig = {\n headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n params: urlParams,\n isPublic: true,\n };\n\n const { data } = await getAuthenticatedHttpClient()\n .get(\n `${getConfig().LMS_BASE_URL}/api/mfe_context`,\n requestConfig,\n )\n .catch((e) => {\n throw (e);\n });\n return {\n fieldDescriptions: data.registration_fields || {},\n optionalFields: data.optional_fields || {},\n // For backward compatibility with the API, once https://github.com/openedx/edx-platform/pull/30198 is merged\n // and deployed update it to use data.context_data\n thirdPartyAuthContext: camelCaseObject(\n convertKeyNames(data.context_data || data, { fullname: 'name' }),\n ),\n };\n}\n","import { logError } from '@edx/frontend-platform/logging';\nimport { call, put, takeEvery } from 'redux-saga/effects';\n\nimport { setCountryFromThirdPartyAuthContext } from '../../register/data/actions';\nimport {\n getThirdPartyAuthContextBegin,\n getThirdPartyAuthContextFailure,\n getThirdPartyAuthContextSuccess,\n THIRD_PARTY_AUTH_CONTEXT,\n} from './actions';\nimport {\n getThirdPartyAuthContext,\n} from './service';\n\nexport function* fetchThirdPartyAuthContext(action) {\n try {\n yield put(getThirdPartyAuthContextBegin());\n const { fieldDescriptions, optionalFields, thirdPartyAuthContext } = yield call(\n getThirdPartyAuthContext, action.payload.urlParams,\n );\n\n yield put(setCountryFromThirdPartyAuthContext(thirdPartyAuthContext.countryCode));\n yield put(getThirdPartyAuthContextSuccess(\n fieldDescriptions, optionalFields, thirdPartyAuthContext,\n ));\n } catch (e) {\n yield put(getThirdPartyAuthContextFailure());\n logError(e);\n }\n}\n\nexport default function* saga() {\n yield takeEvery(THIRD_PARTY_AUTH_CONTEXT.BASE, fetchThirdPartyAuthContext);\n}\n","import { createSelector } from 'reselect';\n\nexport const storeName = 'commonComponents';\n\nexport const commonComponentsSelector = state => ({ ...state[storeName] });\n\nexport const thirdPartyAuthContextSelector = createSelector(\n commonComponentsSelector,\n commonComponents => commonComponents.thirdPartyAuthContext,\n);\n\nexport const fieldDescriptionSelector = createSelector(\n commonComponentsSelector,\n commonComponents => commonComponents.fieldDescriptions,\n);\n\nexport const extendedProfileSelector = createSelector(\n commonComponentsSelector,\n commonComponents => commonComponents.extendedProfile,\n);\n\nexport const optionalFieldsSelector = createSelector(\n commonComponentsSelector,\n commonComponents => commonComponents.optionalFields,\n);\n","import React, { useEffect, useState } from \"react\";\nimport { Form, TransitionReplace } from \"@edx/paragon\";\nimport PropTypes from \"prop-types\";\n\nconst FormGroup = (props) => {\n const [hasFocus, setHasFocus] = useState(false);\n\n const handleFocus = (e) => {\n setHasFocus(true);\n if (props.handleFocus) {\n props.handleFocus(e);\n }\n };\n\n const handleClick = (e) => {\n if (props.handleClick) {\n props.handleClick(e);\n }\n };\n const handleOnBlur = (e) => {\n setHasFocus(false);\n if (props.handleBlur) {\n props.handleBlur(e);\n }\n };\n\n return (\n | \n | \n
\n \n ))}\n
\n \n ))}\n \n ) : (\n \n )}\n
\n
\n {props.errorMessage !== \"\" && (\n \n \n\n {/* 
*/}\n\n {/*
\n);\n\nAuthLargeLayout.propTypes = {\n intl: intlShape.isRequired,\n username: PropTypes.string.isRequired,\n};\n\nexport default injectIntl(AuthLargeLayout);\n","import React from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Hyperlink, Image } from '@edx/paragon';\nimport PropTypes from 'prop-types';\n\nimport messages from './messages';\n\nconst AuthMediumLayout = ({ intl, username }) => (\n <>\n {/* */}\n {/* \n \n \n
\n \n \n
\n \n \n {intl.formatMessage(messages['complete.your.profile.1'])}\n
\n
\n \n {intl.formatMessage(messages['welcome.to.platform'], { siteName: getConfig().SITE_NAME, username })}\n
\n\n {intl.formatMessage(messages['complete.your.profile.1'])}\n \n {intl.formatMessage(messages['complete.your.profile.2'])}\n \n
\n \n \n
*/}\n \n
*/}\n \n);\n\nAuthMediumLayout.propTypes = {\n intl: intlShape.isRequired,\n username: PropTypes.string.isRequired,\n};\n\nexport default injectIntl(AuthMediumLayout);\n","import React from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Hyperlink, Image } from '@edx/paragon';\nimport PropTypes from 'prop-types';\n\nimport messages from './messages';\n\nconst AuthSmallLayout = ({ intl, username }) => (\n \n \n \n
\n \n \n
\n \n \n {intl.formatMessage(messages['complete.your.profile.1'])}\n
\n
\n \n {intl.formatMessage(messages['welcome.to.platform'], { siteName: getConfig().SITE_NAME, username })}\n
\n\n {intl.formatMessage(messages['complete.your.profile.1'])}\n \n {intl.formatMessage(messages['complete.your.profile.2'])}\n \n
\n \n \n
\n \n\n {/* */}\n {/* \n \n
\n);\n\nAuthSmallLayout.propTypes = {\n intl: intlShape.isRequired,\n username: PropTypes.string.isRequired,\n};\n\nexport default injectIntl(AuthSmallLayout);\n","import React from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Hyperlink, Image } from '@edx/paragon';\nimport classNames from 'classnames';\n\nimport messages from './messages';\n\nconst LargeLayout = ({ intl }) => (\n \n \n
*/}\n \n \n {intl.formatMessage(messages['complete.your.profile.1'])}\n
\n
\n \n {intl.formatMessage(messages['welcome.to.platform'], { siteName: getConfig().SITE_NAME, username })}\n
\n\n {intl.formatMessage(messages['complete.your.profile.1'])}\n \n {intl.formatMessage(messages['complete.your.profile.2'])}\n \n
\n \n \n \n\n{/* 
*/}\n\n {/*
\n);\n\nLargeLayout.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(LargeLayout);\n","import React from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Hyperlink, Image } from '@edx/paragon';\nimport classNames from 'classnames';\n\nimport messages from './messages';\n\nconst MediumLayout = ({ intl }) => (\n <>\n\n {/* */}\n {/* */}\n\n {/* \n \n \n
\n \n \n \n {intl.formatMessage(messages['start.learning'])}\n
\n \n {intl.formatMessage(messages['with.site.name'], { siteName: getConfig().SITE_NAME })}\n
\n \n \n \n
*/}\n \n
*/}\n \n);\n\nMediumLayout.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(MediumLayout);\n","import React from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Hyperlink, Image } from '@edx/paragon';\nimport classNames from 'classnames';\n\nimport messages from './messages';\n\nconst SmallLayout = ({ intl }) => (\n \n\n {/* */}\n {/* \n \n \n
\n \n \n
\n \n \n {intl.formatMessage(messages['start.learning'])}\n \n {intl.formatMessage(messages['with.site.name'], { siteName: getConfig().SITE_NAME })}\n \n \n
\n \n \n
\n \n \n \n
*/}\n \n);\n\nSmallLayout.propTypes = {\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(SmallLayout);\n","import React from 'react';\n\nimport CookiePolicyBanner from '@edx/frontend-component-cookie-policy-banner';\nimport { getConfig } from '@edx/frontend-platform';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { getLocale } from '@edx/frontend-platform/i18n';\nimport { breakpoints } from '@edx/paragon';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport MediaQuery from 'react-responsive';\n\nimport AuthLargeLayout from './AuthLargeLayout';\nimport AuthMediumLayout from './AuthMediumLayout';\nimport AuthSmallLayout from './AuthSmallLayout';\nimport LargeLayout from './LargeLayout';\nimport MediumLayout from './MediumLayout';\nimport SmallLayout from './SmallLayout';\n\nconst BaseComponent = ({ children, showWelcomeBanner }) => {\n const authenticatedUser = showWelcomeBanner ? getAuthenticatedUser() : null;\n const username = authenticatedUser ? authenticatedUser.username : null;\n\n return (\n <>\n {getConfig().ENABLE_COOKIE_POLICY_BANNER ? \n \n \n {intl.formatMessage(messages['start.learning'])}\n \n {intl.formatMessage(messages['with.site.name'], { siteName: getConfig().SITE_NAME })}\n \n \n
\n \n {/* \n {authenticatedUser ? \n \n {authenticatedUser ? \n \n {authenticatedUser ? */}\n {
\n \n );\n};\n\nBaseComponent.defaultProps = {\n showWelcomeBanner: false,\n};\n\nBaseComponent.propTypes = {\n children: PropTypes.node.isRequired,\n showWelcomeBanner: PropTypes.bool,\n};\n\nexport default BaseComponent;\n","import React from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport {\n Button, Form,\n} from '@edx/paragon';\nimport { faSignInAlt } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport PropTypes from 'prop-types';\n\nimport { LOGIN_PAGE, SUPPORTED_ICON_CLASSES } from '../data/constants';\nimport messages from './messages';\n\nconst EnterpriseSSO = (props) => {\n const { intl } = props;\n const tpaProvider = props.provider;\n const disablePublicAccountCreation = getConfig().ALLOW_PUBLIC_ACCOUNT_CREATION === false;\n\n const handleSubmit = (e, url) => {\n e.preventDefault();\n window.location.href = getConfig().LMS_BASE_URL + url;\n };\n\n const handleClick = (e) => {\n e.preventDefault();\n window.location.href = LOGIN_PAGE;\n };\n\n if (tpaProvider) {\n return (\n \n {children}\n
\n \n
\n );\n }\n return ;\n};\n\nEnterpriseSSO.defaultProps = {\n provider: {\n id: '',\n name: '',\n iconClass: '',\n iconImage: '',\n loginUrl: '',\n registerUrl: '',\n },\n};\n\nEnterpriseSSO.propTypes = {\n provider: PropTypes.shape({\n id: PropTypes.string,\n name: PropTypes.string,\n iconClass: PropTypes.string,\n iconImage: PropTypes.string,\n loginUrl: PropTypes.string,\n registerUrl: PropTypes.string,\n }),\n intl: intlShape.isRequired,\n};\n\nexport default injectIntl(EnterpriseSSO);\n","import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n 'sign.in': {\n id: 'sign.in',\n defaultMessage: 'Sign in',\n description: 'Sign in toggle text',\n },\n 'reset.password.page.title': {\n id: 'reset.password.page.title',\n defaultMessage: 'Reset Password | {siteName}',\n description: 'page title',\n },\n 'reset.password': {\n id: 'reset.password',\n defaultMessage: 'Reset password',\n description: 'The page heading and button text for reset password page.',\n },\n 'reset.password.page.instructions': {\n id: 'reset.password.page.instructions',\n defaultMessage: 'Enter and confirm your new password.',\n description: 'Instructions message for reset password page.',\n },\n 'new.password.label': {\n id: 'new.password.label',\n defaultMessage: 'New password',\n description: 'New password field label for the reset password page.',\n },\n 'confirm.password.label': {\n id: 'confirm.password.label',\n defaultMessage: 'Confirm password',\n description: 'Confirm password field label for the reset password page.',\n },\n // validation errors\n 'password.validation.message': {\n id: 'password.validation.message',\n defaultMessage: 'Password criteria has not been met',\n description: 'Error message for empty or invalid password',\n },\n 'passwords.do.not.match': {\n id: 'passwords.do.not.match',\n defaultMessage: 'Passwords do not match',\n description: 'Password format error.',\n },\n 'confirm.your.password': {\n id: 'confirm.your.password',\n defaultMessage: 'Confirm your password',\n description: 'Field validation message when confirm password is empty',\n },\n 'forgot.password.confirmation.sign.in.link': {\n id: 'forgot.password.confirmation.sign.in.link',\n defaultMessage: 'sign in',\n description: 'link text used in message to refer to sign in page',\n },\n 'reset.password.request.forgot.password.text': {\n id: 'reset.password.request.forgot.password.text',\n defaultMessage: 'Forgot password',\n description: 'Forgot password text',\n },\n 'reset.password.request.invalid.token.header': {\n id: 'reset.password.request.invalid.token.header',\n defaultMessage: 'Invalid password reset link',\n description: 'Invalid password reset link help text heading',\n },\n 'reset.password.empty.new.password.field.error': {\n id: 'reset.password.empty.new.password.field.error',\n defaultMessage: 'Please enter your new password.',\n description: 'Error message that appears when user tries to submit form with empty New Password field',\n },\n // alert banner strings\n 'reset.password.failure.heading': {\n id: 'reset.password.failure.heading',\n defaultMessage: 'We couldn\\'t reset your password.',\n description: 'Heading for reset password request failure',\n },\n 'reset.password.form.submission.error': {\n id: 'reset.password.form.submission.error',\n defaultMessage: 'Please check your responses and try again.',\n description: 'Error message for reset password page',\n },\n 'reset.password.request.server.error': {\n id: 'reset.password.request.server.error',\n defaultMessage: 'Failed to reset password',\n description: 'Failed to reset password error message heading.',\n },\n 'reset.password.token.validation.sever.error': {\n id: 'reset.password.token.validation.sever.error',\n defaultMessage: 'Token validation failure',\n description: 'Failed to validate reset password token error message.',\n },\n 'reset.server.rate.limit.error': {\n id: 'reset.server.rate.limit.error',\n defaultMessage: 'Too many requests.',\n description: 'Too many request at server end point',\n },\n 'reset.password.success.heading': {\n id: 'reset.password.success.heading',\n defaultMessage: 'Password reset complete.',\n description: 'Heading for alert box when reset password is successful',\n },\n 'reset.password.success': {\n id: 'reset.password.success',\n defaultMessage: 'Your password has been reset. Sign in to your account.',\n description: 'Reset password success message',\n },\n 'internal.server.error': {\n id: 'internal.server.error',\n defaultMessage: 'An error has occurred. Try refreshing the page, or check your internet connection.',\n description: 'Error message that appears when server responds with 500 error code',\n },\n 'rate.limit.error': {\n id: 'rate.limit.error',\n defaultMessage: 'An error has occurred because of too many requests. Please try again after some time.',\n description: 'Error message that appears when server responds with 429 error code',\n },\n});\n\nexport default messages;\n","import React from 'react';\n\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Alert } from '@edx/paragon';\n\nimport messages from './messages';\n\nconst ResetPasswordSuccess = (props) => {\n const { intl } = props;\n\n return (\n \n
\n \n \n
\n {intl.formatMessage(messages['reset.password.success'])}
\n\n {intl.formatMessage(messages[\"non.compliant.password.message\"])}\n
\n \n );\n break;\n }\n case FORBIDDEN_REQUEST:\n errorList = (\n\n {intl.formatMessage(messages[\"login.rate.limit.reached.message\"])}\n
\n );\n break;\n case INACTIVE_USER: {\n const supportLink = (\n \n {intl.formatMessage(messages[\"contact.support.link\"], {\n platformName: context.platformName,\n })}\n \n );\n errorList = (\n\n
\n
\n {intl.formatMessage(messages[\"login.form.invalid.error.message\"])}\n
\n );\n break;\n case FAILED_LOGIN_ATTEMPT: {\n resetLink = (\n\n
\n
{intl.formatMessage(messages[\"account.locked.out.message.1\"])}
\n\n
\n {intl.formatMessage(messages[\"login.incorrect.credentials.error\"])}\n
\n );\n } else if (context.failureCount === 2) {\n errorList = (\n\n
{intl.formatMessage(messages[\"internal.server.error.message\"])}
\n );\n break;\n }\n\n return (\n\n {intl.formatMessage(messages[\"login.other.options.heading\"])}\n
\n )}\n\n {!isEnterpriseLoginDisabled && isSocialAuthActive && (\n \n
\n )}\n \n )}\n \n );\n }\n\n renderForm(\n currentProvider,\n providers,\n secondaryProviders,\n thirdPartyAuthContext,\n thirdPartyAuthApiStatus,\n submitState,\n intl\n ) {\n const activationMsgType = getActivationStatus();\n if (this.props.institutionLogin) {\n return (\n \n {thirdPartyAuthContext.currentProvider && (\n \n
\n\n \n \n
\n \n );\n }\n\n render() {\n const {\n intl,\n submitState,\n thirdPartyAuthContext,\n thirdPartyAuthApiStatus,\n } = this.props;\n const { currentProvider, providers, secondaryProviders } =\n this.props.thirdPartyAuthContext;\n\n if (this.tpaHint) {\n if (thirdPartyAuthApiStatus === PENDING_STATE) {\n return Login Account
\n\n\n \n \n
{errorMessage}
\n\n {intl.formatMessage(messages['sign.in'])}\n
\n );\n\n if (props.status === TOKEN_STATE.PENDING) {\n const { token } = props.match.params;\n if (token) {\n props.validateToken(token);\n return \n \n {intl.formatMessage(messages['reset.password.page.title'],\n { siteName: getConfig().SITE_NAME })}\n \n \n setKey(k)}>\n \n { key && (\n
\n \n
\n \n
\n );\n }\n}\n\nCountryDropdown.defaultProps = {\n options: null,\n floatingLabel: null,\n handleFocus: null,\n handleBlur: null,\n value: null,\n errorMessage: null,\n errorCode: null,\n};\n\nCountryDropdown.propTypes = {\n options: PropTypes.arrayOf(PropTypes.object),\n floatingLabel: PropTypes.string,\n handleFocus: PropTypes.func,\n handleBlur: PropTypes.func,\n value: PropTypes.string,\n errorMessage: PropTypes.string,\n errorCode: PropTypes.string,\n name: PropTypes.string.isRequired,\n};\n\nexport default onClickOutside(CountryDropdown);\n","import { createSelector } from 'reselect';\n\nexport const storeName = 'register';\n\nexport const registerSelector = state => ({ ...state[storeName] });\n\nexport const registrationRequestSelector = createSelector(\n registerSelector,\n register => register.registrationResult,\n);\n\nexport const registrationErrorSelector = createSelector(\n registerSelector,\n register => register.registrationError.errorCode,\n);\n\nexport const validationsSelector = createSelector(\n registerSelector,\n (register) => {\n const { registrationError, validations } = register;\n\n if (validations) {\n return validations.validationDecisions;\n }\n\n if (Object.keys(registrationError).length > 0) {\n const fields = Object.keys(registrationError).filter((fieldName) => !(fieldName in ['errorCode', 'usernameSuggestions']));\n\n const validationDecisions = {};\n fields.forEach(field => {\n validationDecisions[field] = registrationError[field][0].userMessage || '';\n });\n return validationDecisions;\n }\n\n return null;\n },\n);\n\nexport const usernameSuggestionsSelector = createSelector(\n registerSelector,\n register => register.usernameSuggestions,\n);\n\nexport const registrationFormDataSelector = createSelector(\n registerSelector,\n register => register.registrationFormData,\n);\n","import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n 'register.page.title': {\n id: 'register.page.title',\n defaultMessage: 'Register | {siteName}',\n description: 'register page title',\n },\n // Field labels\n 'registration.fullname.label': {\n id: 'registration.fullname.label',\n defaultMessage: 'Full name',\n description: 'Label that appears above fullname field',\n },\n 'registration.email.label': {\n id: 'registration.email.label',\n defaultMessage: 'Email',\n description: 'Label that appears above email field on register page',\n },\n 'registration.username.label': {\n id: 'registration.username.label',\n defaultMessage: 'Public username',\n description: 'Label that appears above username field',\n },\n 'registration.password.label': {\n id: 'registration.password.label',\n defaultMessage: 'Password',\n description: 'Label that appears above password field',\n },\n 'registration.country.label': {\n id: 'registration.country.label',\n defaultMessage: 'Country/Region',\n description: 'Placeholder for the country options dropdown.',\n },\n 'registration.opt.in.label': {\n id: 'registration.opt.in.label',\n defaultMessage: 'I agree that {siteName} may send me marketing messages.',\n description: 'Text for opt in option on register page.',\n },\n // Help text\n 'help.text.name': {\n id: 'help.text.name',\n defaultMessage: 'This name will be used by any certificates that you earn.',\n description: 'Help text for fullname field on registration page',\n },\n 'help.text.username.1': {\n id: 'help.text.username.1',\n defaultMessage: 'The name that will identify you in your courses.',\n description: 'Part of help text for username field on registration page',\n },\n 'help.text.username.2': {\n id: 'help.text.username.2',\n defaultMessage: 'This can not be changed later.',\n description: 'Part of help text for username field on registration page',\n },\n 'help.text.email': {\n id: 'help.text.email',\n defaultMessage: 'For account activation and important updates',\n description: 'Help text for email field on registration page',\n },\n // Form buttons\n 'create.account.for.free.button': {\n id: 'create.account.for.free.button',\n defaultMessage: 'Create an account for free',\n description: 'Label text for registration form submission button',\n },\n 'create.an.account.btn.pending.state': {\n id: 'create.an.account.btn.pending.state',\n defaultMessage: 'Loading',\n description: 'Title of icon that appears when button is in pending state',\n },\n 'registration.other.options.heading': {\n id: 'registration.other.options.heading',\n defaultMessage: 'Or register with:',\n description: 'A message that appears above third party auth providers i.e saml, google, facebook etc',\n },\n // Institution login\n 'register.institution.login.button': {\n id: 'register.institution.login.button',\n defaultMessage: 'Institution/campus credentials',\n description: 'shows institutions list',\n },\n 'register.institution.login.page.title': {\n id: 'register.institution.login.page.title',\n defaultMessage: 'Register with institution/campus credentials',\n description: 'Heading of institution page',\n },\n 'create.an.account': {\n id: 'create.an.account',\n defaultMessage: 'Create an account',\n description: 'Message on button to return to register page',\n },\n // Validation messages\n 'empty.name.field.error': {\n id: 'empty.name.field.error',\n defaultMessage: 'Enter your full name',\n description: 'Error message for empty fullname field',\n },\n 'empty.email.field.error': {\n id: 'empty.email.field.error',\n defaultMessage: 'Enter your email',\n description: 'Error message for empty email field',\n },\n 'email.do.not.match': {\n id: 'email.do.not.match',\n defaultMessage: 'The email addresses do not match.',\n description: 'Email not match to confirm email',\n },\n 'empty.username.field.error': {\n id: 'empty.username.field.error',\n defaultMessage: 'Username must be between 2 and 30 characters',\n description: 'Error message for empty username field',\n },\n 'empty.password.field.error': {\n id: 'empty.password.field.error',\n defaultMessage: 'Password criteria has not been met',\n description: 'Error message for empty password field',\n },\n 'empty.country.field.error': {\n id: 'empty.country.field.error',\n defaultMessage: 'Select your country or region of residence',\n description: 'Error message when no country/region is selected',\n },\n 'email.invalid.format.error': {\n id: 'email.invalid.format.error',\n defaultMessage: 'Enter a valid email address',\n description: 'Validation error for invalid email address',\n },\n 'email.ratelimit.less.chars.validation.message': {\n id: 'email.ratelimit.less.chars.validation.message',\n defaultMessage: 'Email must have 3 characters.',\n description: 'Validation message that appears when email address is less than 3 characters',\n },\n 'username.validation.message': {\n id: 'username.validation.message',\n defaultMessage: 'Username must be between 2 and 30 characters',\n description: 'Error message for empty username field',\n },\n 'name.validation.message': {\n id: 'name.validation.message',\n defaultMessage: 'Enter a valid name',\n description: 'Validation message that appears when fullname contain URL',\n },\n 'password.validation.message': {\n id: 'password.validation.message',\n defaultMessage: 'Password criteria has not been met',\n description: 'Error message for empty or invalid password',\n },\n 'username.format.validation.message': {\n id: 'username.format.validation.message',\n defaultMessage: 'Usernames can only contain letters (A-Z, a-z), numerals (0-9), underscores (_), and hyphens (-). Usernames cannot contain spaces',\n description: 'Validation message that appears when username format is invalid',\n },\n 'support.education.research': {\n id: 'support.education.research',\n defaultMessage: 'Support education research by providing additional information. (Optional)',\n description: 'Text for a checkbox to ask user for if they are willing to provide extra information for education research',\n },\n // Error messages\n 'registration.request.failure.header': {\n id: 'registration.request.failure.header',\n defaultMessage: 'We couldn\\'t create your account.',\n description: 'error message when registration failure.',\n },\n 'registration.empty.form.submission.error': {\n id: 'registration.empty.form.submission.error',\n defaultMessage: 'Please check your responses and try again.',\n description: 'Error message that appears on top of the form when empty form is submitted',\n },\n 'registration.request.server.error': {\n id: 'registration.request.server.error',\n defaultMessage: 'An error has occurred. Try refreshing the page, or check your internet connection.',\n description: 'Error message for internal server error.',\n },\n 'registration.rate.limit.error': {\n id: 'registration.rate.limit.error',\n defaultMessage: 'Too many failed registration attempts. Try again later.',\n description: 'Error message that appears when an anonymous user has made too many failed registration attempts',\n },\n 'registration.tpa.session.expired': {\n id: 'registration.tpa.session.expired',\n defaultMessage: 'Registration using {provider} has timed out.',\n description: '',\n },\n // Terms of Service and Honor Code\n 'terms.of.service.and.honor.code': {\n id: 'terms.of.service.and.honor.code',\n defaultMessage: 'Terms of Service and Honor Code',\n description: 'Text for the hyperlink that redirects user to terms of service and honor code',\n },\n 'privacy.policy': {\n id: 'privacy.policy',\n defaultMessage: 'Privacy Policy',\n description: 'Text for the hyperlink that redirects user to privacy policy',\n },\n 'honor.code': {\n id: 'honor.code',\n defaultMessage: 'Honor Code',\n description: 'Text for the hyperlink that redirects user to the honor code',\n },\n 'terms.of.service': {\n id: 'terms.of.service',\n defaultMessage: 'Terms of Service',\n description: 'Text for the hyperlink that redirects user to the terms of service',\n },\n // Optional fields\n 'registration.year.of.birth.label': {\n id: 'registration.year.of.birth.label',\n defaultMessage: 'Year of birth (optional)',\n description: 'Placeholder for the year of birth options dropdown',\n },\n 'registration.field.gender.options.label': {\n id: 'registration.field.gender.options.label',\n defaultMessage: 'Gender (optional)',\n description: 'Placeholder for the gender options dropdown',\n },\n 'registration.goals.label': {\n id: 'registration.goals.label',\n defaultMessage: 'Tell us why you\\'re interested in edX (optional)',\n description: 'Placeholder for the goals options dropdown',\n },\n 'registration.field.gender.options.f': {\n id: 'registration.field.gender.options.f',\n defaultMessage: 'Female',\n description: 'The label for the female gender option.',\n },\n 'registration.field.gender.options.m': {\n id: 'registration.field.gender.options.m',\n defaultMessage: 'Male',\n description: 'The label for the male gender option.',\n },\n 'registration.field.gender.options.o': {\n id: 'registration.field.gender.options.o',\n defaultMessage: 'Other/Prefer not to say',\n description: 'The label for catch-all gender option.',\n },\n 'registration.field.education.levels.label': {\n id: 'registration.field.education.levels.label',\n defaultMessage: 'Highest level of education completed (optional)',\n description: 'Placeholder for the education levels dropdown.',\n },\n 'registration.field.education.levels.p': {\n id: 'registration.field.education.levels.p',\n defaultMessage: 'Doctorate',\n description: 'Selected by the user if their highest level of education is a doctorate degree.',\n },\n 'registration.field.education.levels.m': {\n id: 'registration.field.education.levels.m',\n defaultMessage: \"Master's or professional degree\",\n description: \"Selected by the user if their highest level of education is a master's or professional degree from a college or university.\",\n },\n 'registration.field.education.levels.b': {\n id: 'registration.field.education.levels.b',\n defaultMessage: \"Bachelor's degree\",\n description: \"Selected by the user if their highest level of education is a four year college or university bachelor's degree.\",\n },\n 'registration.field.education.levels.a': {\n id: 'registration.field.education.levels.a',\n defaultMessage: \"Associate's degree\",\n description: \"Selected by the user if their highest level of education is an associate's degree. 1-2 years of college or university.\",\n },\n 'registration.field.education.levels.hs': {\n id: 'registration.field.education.levels.hs',\n defaultMessage: 'Secondary/high school',\n description: 'Selected by the user if their highest level of education is secondary or high school. 9-12 years of education.',\n },\n 'registration.field.education.levels.jhs': {\n id: 'registration.field.education.levels.jhs',\n defaultMessage: 'Junior secondary/junior high/middle school',\n description: 'Selected by the user if their highest level of education is junior or middle school. 6-8 years of education.',\n },\n 'registration.field.education.levels.el': {\n id: 'registration.field.education.levels.el',\n defaultMessage: 'Elementary/primary school',\n description: 'Selected by the user if their highest level of education is elementary or primary school. 1-5 years of education.',\n },\n 'registration.field.education.levels.none': {\n id: 'registration.field.education.levels.none',\n defaultMessage: 'No formal education',\n description: 'Selected by the user to describe their education.',\n },\n 'registration.field.education.levels.other': {\n id: 'registration.field.education.levels.other',\n defaultMessage: 'Other education',\n description: 'Selected by the user if they have a type of education not described by the other choices.',\n },\n // miscellaneous strings\n 'registration.username.suggestion.label': {\n id: 'registration.username.suggestion.label',\n defaultMessage: 'Suggested:',\n description: 'Suggested usernames label text.',\n },\n 'registration.using.tpa.form.heading': {\n id: 'registration.using.tpa.form.heading',\n defaultMessage: 'Finish creating your account',\n description: 'Heading that appears above form when user is trying to create account using social auth',\n },\n 'did.you.mean.alert.text': {\n id: 'did.you.mean.alert.text',\n defaultMessage: 'Did you mean',\n description: 'Did you mean alert suggestion',\n },\n});\n\nexport default messages;\n","import React from 'react';\n\nimport { getConfig } from '@edx/frontend-platform';\nimport { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Form, Hyperlink } from '@edx/paragon';\nimport PropTypes from 'prop-types';\n\nimport messages from './messages';\n\nconst HonorCode = (props) => {\n const {\n intl, errorMessage, onChangeHandler, fieldType, value,\n } = props;\n\n if (fieldType === 'tos_and_honor_code') {\n return (\n \n { this.state.dropDownItems?.length > 0 ? this.state.dropDownItems : null }\n
\n \n \n {intl.formatMessage(messages['terms.of.service.and.honor.code'])}\n \n ),\n privacyPolicy: (\n \n {intl.formatMessage(messages['privacy.policy'])}\n \n ),\n }}\n />\n
\n );\n }\n\n return (\n \n \n \n {intl.formatMessage(messages['honor.code'])}\n \n ),\n }}\n />\n \n {errorMessage && (\n \n {errorMessage}\n \n )}\n
\n );\n};\n\nHonorCode.defaultProps = {\n errorMessage: '',\n onChangeHandler: null,\n fieldType: 'honor_code',\n value: false,\n};\n\nHonorCode.propTypes = {\n intl: intlShape.isRequired,\n errorMessage: PropTypes.string,\n onChangeHandler: PropTypes.func,\n fieldType: PropTypes.string,\n value: PropTypes.bool,\n};\n\nexport default injectIntl(HonorCode);\n","import React, { useEffect } from \"react\";\n\nimport { injectIntl, intlShape } from \"@edx/frontend-platform/i18n\";\nimport { Alert } from \"@edx/paragon\";\nimport { Error } from \"@edx/paragon/icons\";\nimport PropTypes from \"prop-types\";\n\nimport { windowScrollTo } from \"../data/utils\";\nimport {\n FORBIDDEN_REQUEST,\n INTERNAL_SERVER_ERROR,\n TPA_SESSION_EXPIRED,\n} from \"./data/constants\";\nimport messages from \"./messages\";\n\nconst RegistrationFailureMessage = (props) => {\n const { context, errorCode, failureCount, intl } = props;\n\n useEffect(() => {\n windowScrollTo({ left: 0, top: 0, behavior: \"smooth\" });\n }, [errorCode, failureCount]);\n\n let errorMessage;\n switch (errorCode) {\n case INTERNAL_SERVER_ERROR:\n errorMessage = intl.formatMessage(\n messages[\"registration.request.server.error\"]\n );\n break;\n case FORBIDDEN_REQUEST:\n errorMessage = intl.formatMessage(\n messages[\"registration.rate.limit.error\"]\n );\n break;\n case TPA_SESSION_EXPIRED:\n errorMessage = intl.formatMessage(\n messages[\"registration.tpa.session.expired\"],\n { provider: context.provider }\n );\n break;\n default:\n errorMessage = intl.formatMessage(\n messages[\"registration.empty.form.submission.error\"]\n );\n break;\n }\n\n return (\n {errorMessage}
\n\n \n \n {intl.formatMessage(messages['terms.of.service'])}\n \n ),\n }}\n />\n \n {errorMessage && (\n \n {errorMessage}\n \n )}\n
\n );\n};\n\nTermsOfService.defaultProps = {\n errorMessage: '',\n value: false,\n};\n\nTermsOfService.propTypes = {\n intl: intlShape.isRequired,\n errorMessage: PropTypes.string,\n onChangeHandler: PropTypes.func.isRequired,\n value: PropTypes.bool,\n};\n\nexport default injectIntl(TermsOfService);\n","import React from 'react';\n\nimport { injectIntl, intlShape } from '@edx/frontend-platform/i18n';\nimport { Button, Icon, IconButton } from '@edx/paragon';\nimport { Close } from '@edx/paragon/icons';\nimport PropTypes, { string } from 'prop-types';\n\nimport { FormGroup } from '../common-components';\nimport messages from './messages';\n\nconst UsernameField = (props) => {\n const { intl, usernameSuggestions, errorMessage } = props;\n let className = '';\n let suggestedUsernameDiv = <>;\n let iconButton = <>;\n const suggestedUsernames = () => (\n \n {intl.formatMessage(messages['registration.username.suggestion.label'])}\n
\n );\n if (usernameSuggestions.length > 0 && errorMessage && props.value === ' ') {\n className = 'suggested-username-with-error';\n iconButton = \n {usernameSuggestions.map((username, index) => (\n props.handleSuggestionClick(e, username)}\n >\n {username}\n \n ))}\n
\n {iconButton}\n \n {intl.formatMessage(messages[\"registration.other.options.heading\"])}\n
\n )}\n\n {thirdPartyAuthApiStatus === PENDING_STATE ? (\n \n
\n )}\n \n )}\n \n );\n }\n\n renderForm(\n currentProvider,\n providers,\n secondaryProviders,\n thirdPartyAuthApiStatus,\n finishAuthUrl,\n submitState,\n intl\n ) {\n if (this.props.institutionLogin) {\n return (\n \n {this.state.errorCode ? (\n \n
\n \n \n
\n \n );\n }\n\n render() {\n const { intl, submitState, thirdPartyAuthApiStatus } = this.props;\n const { currentProvider, finishAuthUrl, providers, secondaryProviders } =\n this.props.thirdPartyAuthContext;\n\n if (this.tpaHint) {\n if (thirdPartyAuthApiStatus === PENDING_STATE) {\n return \n {intl.formatMessage(\n messages[\"registration.using.tpa.form.heading\"]\n )}\n
\n \n )}\n\nSign Up
\n \n \n
\n
\n );\n\n return (\n \n {disablePublicAccountCreation\n ? (\n <>\n \n \n )}\n
\n \n {!institutionLogin && (\n
\n \n )\n : (\n {intl.formatMessage(messages['logistration.sign.in'])}
\n )}\n\n {institutionLogin\n ? (\n \n \n )\n : (\n <>\n {!tpa && (\n \n \n )}\n \n )}\n { key && (\n
\n )}\n \n {selectedPage === LOGIN_PAGE\n ?
\n {message}
\n \n );\n }\n return null;\n};\n\nForgotPasswordAlert.defaultProps = {\n email: '',\n emailError: '',\n};\n\nForgotPasswordAlert.propTypes = {\n status: PropTypes.string.isRequired,\n email: PropTypes.string,\n intl: intlShape.isRequired,\n emailError: PropTypes.string,\n};\n\nexport default injectIntl(ForgotPasswordAlert);\n","import React, { useEffect, useState } from \"react\";\nimport { connect } from \"react-redux\";\nimport Card from \"react-bootstrap/Card\";\n\nimport { getConfig } from \"@edx/frontend-platform\";\nimport {\n sendPageEvent,\n sendTrackEvent,\n} from \"@edx/frontend-platform/analytics\";\nimport { injectIntl, intlShape } from \"@edx/frontend-platform/i18n\";\nimport { Form, Hyperlink, Icon, StatefulButton, Tab, Tabs } from \"@edx/paragon\";\nimport { ChevronLeft } from \"@edx/paragon/icons\";\nimport PropTypes from \"prop-types\";\nimport { Helmet } from \"react-helmet\";\nimport { Redirect } from \"react-router-dom\";\n\nimport BaseComponent from \"../base-component\";\nimport { FormGroup } from \"../common-components\";\nimport {\n DEFAULT_STATE,\n LOGIN_PAGE,\n VALID_EMAIL_REGEX,\n} from \"../data/constants\";\nimport { updatePathWithQueryParams, windowScrollTo } from \"../data/utils\";\nimport { forgotPassword, setForgotPasswordFormData } from \"./data/actions\";\nimport { forgotPasswordResultSelector } from \"./data/selectors\";\nimport ForgotPasswordAlert from \"./ForgotPasswordAlert\";\nimport messages from \"./messages\";\n\nconst ForgotPasswordPage = (props) => {\n const platformName = getConfig().SITE_NAME;\n const emailRegex = new RegExp(VALID_EMAIL_REGEX, \"i\");\n const { intl, status, submitState, emailValidationError } = props;\n\n const [email, setEmail] = useState(props.email);\n const [bannerEmail, setBannerEmail] = useState(\"\");\n const [formErrors, setFormErrors] = useState(\"\");\n const [validationError, setValidationError] = useState(emailValidationError);\n const [key, setKey] = useState(\"\");\n\n useEffect(() => {\n sendPageEvent(\"login_and_registration\", \"reset\");\n sendTrackEvent(\"edx.bi.password_reset_form.viewed\", {\n category: \"user-engagement\",\n });\n }, []);\n\n useEffect(() => {\n setValidationError(emailValidationError);\n }, [emailValidationError]);\n\n useEffect(() => {\n if (status === \"complete\") {\n setEmail(\"\");\n }\n }, [status]);\n\n const getValidationMessage = (value) => {\n let error = \"\";\n\n if (value === \"\") {\n error = intl.formatMessage(\n messages[\"forgot.password.empty.email.field.error\"]\n );\n } else if (!emailRegex.test(value)) {\n error = intl.formatMessage(\n messages[\"forgot.password.page.invalid.email.message\"]\n );\n }\n\n return error;\n };\n\n const handleBlur = () => {\n props.setForgotPasswordFormData({\n email,\n emailValidationError: getValidationMessage(email),\n });\n };\n\n const handleFocus = () =>\n props.setForgotPasswordFormData({ emailValidationError: \"\" });\n\n const handleSubmit = (e) => {\n e.preventDefault();\n setBannerEmail(email);\n\n const error = getValidationMessage(email);\n if (error) {\n setFormErrors(error);\n props.setForgotPasswordFormData({ email, emailValidationError: error });\n windowScrollTo({ left: 0, top: 0, behavior: \"smooth\" });\n } else {\n props.forgotPassword(email);\n }\n };\n\n const tabTitle = (\n\n
\n );\n\n return (\n \n setKey(k)}\n >\n
\n \n \n \n setEmail(e.target.value)}\n handleBlur={handleBlur}\n handleFocus={handleFocus}\n helpText={[\n intl.formatMessage(\n messages[\"forgot.password.email.help.text\"],\n { platformName }\n ),\n ]}\n />\n e.preventDefault()}\n >\n Submit{\" \"}\n \n \n )}\n {/* {getConfig().LOGIN_ISSUE_SUPPORT_LINK && (\n \n {intl.formatMessage(messages[\"need.help.sign.in.text\"])}\n \n )} */}\n \n \n
\n \n {intl.formatMessage(\n messages[\"forgot.password.page.heading\"]\n )}\n
\n\n\n {intl.formatMessage(\n messages[\"forgot.password.page.instructions\"]\n )}\n
\n\n\n
\n {showError ? (\n\n {intl.formatMessage(messages['welcome.page.error.heading'])} \n \n ) : null}\n \n
\n \n
\n {intl.formatMessage(messages['progressive.profiling.page.heading'])}
\n\n {showError ? (\n
{intl.formatMessage(messages['welcome.page.error.message'])}
\n