\n \n {t(\"successForm.continue\", {\n solutionDisplayName: props.solutionDisplayName\n })}\n \n
\n )}\n {t(props.message)}
\n \n \n {this.state.showAsText\n ? t(\"common.hidePassword\", { count: 2 })\n : t(\"common.showPassword\", { count: 2 })}\n \n\n 0\n ? this.state.passwordErrors.join(`\\r\\n`)\n : null\n }\n onBlur={this.onLostFocusPassword}\n onChange={e =>\n this.setState({\n newPassword: e.target.value,\n errorNewPassword: false,\n errorConfirmPassword: false\n })\n }\n onKeyDown={this.onKeyDown}\n />\n\n \n this.setState({\n newPasswordConfirmation: e.target.value,\n errorConfirmPassword: false\n })\n }\n onKeyDown={this.onKeyDown}\n />\n
\n )}\n \n \n {this.props.reasonType === \"activation\"\n ? t(\"passwordResetForm.buttonSetPassword\")\n : t(\"passwordResetForm.buttonChangePassword\")}\n \n
\n )}\n \n \n {this.props.reasonKey !== undefined &&\n t(\"passwordResetForm.text.\" + this.props.reasonKey, {\n displayName: this.props.username.toUpperCase()\n })}\n {this.props.reasonKey !== undefined && (\n <>\n
\n
\n \n )}\n\n
\n \n
\n \n )}\n
\n \n this.setState(\n {\n currentPassword: e.target.value,\n errorNewPassword: false,\n errorConfirmPassword: false\n },\n this.validateCurrentPassword\n )\n }\n onKeyDown={this.onKeyDown}\n />\n
\n
\n )}\n {this.doublePasswordInputBox()}\n \n
\n \n \n \n
\n
\n \n )}\n \n \n linkClicked(\n \"Contact Us Button\",\n \"Navigate to Solution's Contact Us Page\",\n \"Contact Us Form\"\n )\n }\n >\n
\n);\n\nContactUs.propTypes = {\n contactUsUrl: PropTypes.string.isRequired\n};\n\nexport default ContactUs;\n","import React from \"react\";\nimport \"./cardTemplate.scss\";\nimport PropTypes from \"prop-types\";\nimport Card from \"@cx/ui/Card\";\nimport ContactUs from \"../contact-us/contactUs\";\n\n/**\n * Container for an authorization page, centrally positioned in view.\n */\nconst CardTemplate = props => (\n \n \n {props.logo && (\n
\n }\n >\n {props.body}\n \n \n 
\n
\n
\n )}\n {props.title}\n \n
\n {props.contactUsUrl &&
\n \n);\n\nCardTemplate.propTypes = {\n body: PropTypes.object.isRequired,\n contactUsUrl: PropTypes.string,\n logo: PropTypes.string,\n logoAlt: PropTypes.string,\n title: PropTypes.object.isRequired\n};\n\nexport default CardTemplate;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Button from \"@cx/ui/Button\";\nimport Grid from \"@cx/ui/Grid\";\nimport Row from \"@cx/ui/Row\";\nimport TruncateText from \"@cx/ui/TruncateText\";\nimport \"./disambiguationForm.scss\";\nimport { Translation } from \"react-i18next\";\nimport { linkClicked } from \"../../api/analytics\";\nimport LinkButton from \"../link-button/linkButton\";\n\nclass DisambiguationForm extends React.Component {\n state = {\n solutionList: this.props.solutionList || []\n };\n\n onClickUserName = e => {\n linkClicked(\n \"Username Back Button\",\n \"Return to Username Form\",\n \"Disambiguation Form\"\n );\n this.props.onClickUsernameFromDisambiguationPage();\n e.preventDefault();\n };\n\n onClickSolutionName = (e, value) => {\n e.preventDefault();\n const clickedValue = value.isBridge ? \"Bridge\" : \"Solution\";\n linkClicked(\n \"Solution Group Select Button : \" + clickedValue,\n \"Disambiguate user to \" + clickedValue,\n \"Disambiguation Form\"\n );\n this.props.onSubmitSolutionName(value);\n };\n\n render() {\n let nonBridgeSolutionName = \"solution\";\n if (this.state.solutionList !== undefined) {\n // checks in the list of solutions whether there is a non bridge solution and returns true if it exists\n const foundNonBridgeSolution = this.state.solutionList.find(\n (value, index) => {\n return value !== undefined && !value.isBridge;\n }\n );\n\n nonBridgeSolutionName =\n foundNonBridgeSolution === undefined\n ? \"solution\"\n : foundNonBridgeSolution.displayName;\n }\n\n return (\n \n \n \n ← {this.props.username}\n \n \n
\n
\n\n \n {t(\"disambiguationForm.text\", {\n username: this.props.username.toUpperCase(),\n solutionDisplayName:\n this.state.solutionList === null ||\n this.state.solutionList === undefined\n ? t(\"common.solution\")\n : nonBridgeSolutionName\n })}\n \n\n
\n
\n\n\n {this.state.solutionList === null ||\n this.state.solutionList === undefined ? (\n \n ) : (\n this.state.solutionList.map((value, index) => {\n const key = \"solButton\" + index;\n return (\n \n this.onClickSolutionName(e, value)}\n >\n {value.isBridge\n ? t(\"disambiguationForm.buttonSignInBridge\", {\n solutionDisplayName: value.displayName\n })\n : t(\"disambiguationForm.buttonSignInSolution\", {\n solutionDisplayName: value.displayName\n })}\n \n
\n );\n })\n )}\n \n
\n )}\n \n
\n\n \n {t(\"disambiguationForm.text\", {\n username: this.props.username.toUpperCase(),\n solutionDisplayName:\n this.state.solutionList === null ||\n this.state.solutionList === undefined\n ? t(\"common.solution\")\n : nonBridgeSolutionName\n })}\n \n\n
\n
\n\n
\n {t(\"usernameRecoveryForm.text\", {\n solutionDisplayName: \"\" + this.props.solutionDisplayName\n })}\n
\n
\n\n {this.state.availableSolutions.map((value, index) => {\n const key = \"solutionButton\" + index;\n return (\n \n this.onClickSolutionName(e, value)}\n >\n {\" \"}\n {value.isBridge\n ? t(\"usernameRecoveryForm.buttonBridge\")\n : t(\"usernameRecoveryForm.buttonSolution\", {\n solutionDisplayName:\n \"\" + this.props.solutionDisplayName\n })}\n \n
\n );\n })}\n \n
\n )}\n \n
\n
\n {t(\"usernameRecoveryStatusForm.text\", {\n recoveryEmail: props.recoveryEmail\n })}\n
\n
\n )}\n \n
\n \n {t(\"usernameRecoveryStatusForm.buttonBack\")}\n \n
\n \n
\n
\n
\n \n
\n
\n
\n \n \n {t(\"usernameRecoveryEmailCaptureForm.nextButton\")}\n \n
\n \n )}\n \n \n {t => (\n \n )}\n \n
\n );\n } else {\n return (\n \n \n {t => (\n \n )}\n \n
\n );\n }\n }\n}\n\nPasswordRecoveryOptionsForm.propTypes = {\n apiBaseUrl: PropTypes.string.isRequired,\n clientId: PropTypes.string.isRequired,\n onClickPasswordRecoveryByEmailFromOptionsForm: PropTypes.func.isRequired,\n onClickPasswordRecoveryBySmsFromOptionsForm: PropTypes.func.isRequired,\n username: PropTypes.string.isRequired\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport SvgIcon from \"@cx/ui/internal/SvgIcon\";\nimport \"./IconCircle.scss\";\n\nconst IconCircle = ({ htmlId, className, isActive, ...other }) => {\n return (\n \n {t(\"accountVerificationOptionsForm.body\")}\n
\n {props.factors.map(option => {\n const factorType = option.factorType.toLowerCase();\n let IconFactor;\n switch (factorType) {\n case \"sms\":\n IconFactor = (\n \n {\n
\n \n \n {\n \n linkClicked(\n \"Help\",\n \"Navigate to Help\",\n \"Account Verification Options Form\"\n )\n }\n />\n )\n }}\n />\n }\n
\n \n )}\n \n \n
\n);\n\nEmailPasswordSuccessForm.propTypes = {\n closePasswordRecovery: PropTypes.func.isRequired,\n showRecoveryOptions: PropTypes.func\n};\n\nexport default EmailPasswordSuccessForm;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport SubmitButton from \"@cx/ui/SubmitButton\";\n\nimport { Trans } from \"react-i18next\";\nimport { linkClicked } from \"../../api/analytics\";\n\nclass DuplicateSessionForm extends React.Component {\n constructor() {\n super();\n this.state = {\n loading: false\n };\n }\n\n submitLogout = () => {\n this.setState({ loading: true });\n linkClicked(\n \"Logout And Continue\",\n \"Submitting logout and will submit Signin again in 4 seconds\",\n \"duplicateSession\"\n );\n\n setTimeout(() => {\n // if successful, keep loading animation going as we are now waiting for a redirect\n // and if unsuccessful stop loading so the user can retry the operation\n this.props\n .retryFunction()\n .then(success => this.setState({ loading: success }));\n }, 4000);\n };\n\n render() {\n return (\n \n \n
\n );\n }\n}\nDuplicateSessionForm.propTypes = {\n bridgeEnv: PropTypes.oneOf([\"PROD\", \"QA\", \"DEV\"]).isRequired,\n newUsername: PropTypes.string.isRequired,\n retryFunction: PropTypes.func.isRequired,\n sessionBridgeUsername: PropTypes.string.isRequired\n};\nexport default DuplicateSessionForm;\n","import React, { useState } from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport PropTypes from \"prop-types\";\nimport SubmitButton from \"@cx/ui/SubmitButton\";\nimport CheckBoxList from \"@cx/ui/CheckBoxList\";\nimport { linkClicked } from \"../../api/analytics\";\n\nimport \"./eulaForm.scss\";\n\nconst EulaForm = props => {\n const [checkedAccept, toggleCheckAccept] = useState(false);\n const [loading, setLoading] = useState(false);\n const [t] = useTranslation();\n\n const onClickContinue = e => {\n e.preventDefault();\n if (loading) {\n // If we are currently loading, no-op\n return;\n }\n setLoading(true);\n\n linkClicked(\n \"Accept EULA\",\n \"Continuing to Signin after accepting EULA\",\n \"Eula Form\"\n );\n props.onAcceptEula().then(status => {\n // If we are successful it will still be \"true\" and keep us loading as we are now waiting on the signin call\n // to complete the process.\n setLoading(status);\n });\n };\n\n return (\n \n
\n \n linkClicked(\n \"Terms of Use\",\n \"Navigate to Terms of Use\",\n \"Eula Form\"\n )\n }\n />\n ),\n privacyPolicyLink: (\n // Text will be injected by translation so disable lint rule below\n // eslint-disable-next-line jsx-a11y/anchor-has-content\n \n linkClicked(\n \"Privacy Statement\",\n \"Navigate to Privacy Statement\",\n \"Eula Form\"\n )\n }\n />\n )\n }}\n />\n toggleCheckAccept(!checkedAccept)}\n options={[{ value: \"accept\", label: t(\"eulaForm.checkBox\") }]}\n />\n \n {t(\"eulaForm.acceptButton\")}\n \n
\n );\n};\n\nEulaForm.propTypes = {\n onAcceptEula: PropTypes.func.isRequired\n};\n\nexport default EulaForm;\n","import React, { useState } from \"react\";\nimport { Trans, Translation } from \"react-i18next\";\nimport SubmitButton from \"@cx/ui/SubmitButton\";\nimport Button from \"@cx/ui/Button\";\nimport PropTypes from \"prop-types\";\nimport { linkClicked } from \"../../api/analytics\";\nimport IconError from \"@cx/ui/Icons/IconError\";\nimport LinkButton from \"../link-button/linkButton\";\n\nimport \"./accountVerificationForm.scss\";\n\nconst AccountVerificationForm = props => {\n const [code, setCode] = useState(\"\");\n const [isValidCode, setIsValidCode] = useState(false);\n const [error, setError] = useState(null);\n const [loading, setLoading] = useState(false);\n\n const getActiveFactor = () => props.factors.filter(f => f.isActive)[0];\n\n const onCodeInvalid = displayError => {\n if (document.getElementById(\"input-verification-code\")) {\n document.getElementById(\"input-verification-code\").value = \"\";\n }\n if (displayError) setError(\"accountVerificationForm.errorCodeInvalid\");\n };\n\n const onKeyDown = e => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n e.stopPropagation();\n if (isValidCode) {\n onClickVerifyButton();\n } else {\n onCodeInvalid(true);\n }\n }\n };\n\n const onChange = e => {\n setCode(e.target.value);\n setIsValidCode(e.target.value.match(/^\\d{6}$/g));\n setError(null);\n };\n\n const onClickVerifyButton = e => {\n setLoading(true);\n props.onVerifyFactor(code).then(response => {\n const success = response === true;\n\n if (!success) onCodeInvalid(!response);\n const resultMessage = success\n ? `Submitted a correct passcode (${getActiveFactor().factorType})`\n : `Submitted an incorrect or failed passcode (${\n getActiveFactor().factorType\n })`;\n linkClicked(\n \"Verify passcode button\",\n resultMessage,\n \"Account Verification Form\"\n );\n setLoading(success);\n });\n };\n\n const onClickGoBack = e => {\n linkClicked(\n \"Try another method button\",\n \"Return to the challenge options form\",\n \"Account Verification Form\"\n );\n props.returnToChallengeOptions();\n };\n\n const onClickSendNewCode = e => {\n e.preventDefault();\n const factor = getActiveFactor();\n props.onChallengeFactor(factor.id).then(success => {\n const resultMessage = success\n ? `Send a new account verification code (${factor.factorType})`\n : `Failed to send a new account verification code (${factor.factorType})`;\n linkClicked(\n `Send new code button`,\n resultMessage,\n \"Account Verification Form\"\n );\n });\n };\n\n return (\n \n {t(\n `factorEnrollmentOptionsForm.body${\n props.forRecovery ? \"Recovery\" : \"\"\n }`\n )}\n
\n \n \n linkClicked(\n \"Help\",\n \"Navigate to Help\",\n \"Factor Enrollment Form\"\n )\n }\n >\n {t(\"factorEnrollmentOptionsForm.help\")} →\n \n
\n \n \n {t(\n `factorEnrollmentOptionsForm.optionHeader${\n props.forRecovery ? \"Recovery\" : \"\"\n }`\n )}\n \n
\n {defaultFactors.map(option => {\n const lcOption = option.toLowerCase();\n const IconFactor = lcOption === \"sms\" ? IconSms : IconEmail;\n const disclaimerClassName =\n lcOption === \"sms\"\n ? \"factorEnrollmentShowDisclaimerLabel\"\n : \"factorEnrollmentHideDisclaimerLabel\";\n return (\n \n {\n
\n \n \n
\n )}\n {factorType === \"EMAIL\" && (\n \n
\n )}\n \n {\n return showEmailError\n ? t(\"enrollFactorForm.emailError.\" + errorCode)\n : \"\";\n }}\n />\n
\n )}\n {!(\n (factorType === \"SMS\" && showPhoneError) ||\n (factorType === \"EMAIL\" && showEmailError)\n ) && (\n {t(\"enrollFactorForm.help\")}
\n )}\n \n \n \n )}\n
\n {t(\"thirdPartyAccessDenied.explanation\")}\n \n {t(\"thirdPartyAccessDenied.backToSignin\")}\n \n
\n )}\n \n
\n );\n};\n\nUserNotLinkedPage.propTypes = {\n partition: PropTypes.string.isRequired,\n solutionDisplayName: PropTypes.string.isRequired\n};\n\nexport default UserNotLinkedPage;\n","import React from \"react\";\nimport Button from \"@cx/ui/Button\";\nimport Popover from \"@cx/ui/Popover\";\nimport LoadingIndicator from \"@cx/ui/LoadingIndicator\";\nimport TruncateText from \"@cx/ui/TruncateText\";\nimport PropTypes from \"prop-types\";\nimport { Trans, Translation } from \"react-i18next\";\nimport \"./userForm.scss\";\nimport { linkClicked } from \"../../api/analytics\";\nimport LinkButton from \"../link-button/linkButton\";\n\nconst PAGE_USERNAME = \"usernamePage\";\nconst PAGE_PASSWORD = \"passwordPage\";\n\nclass UserForm extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n username: this.props.username || \"\",\n password: \"\",\n loading: false,\n showAsText: false\n };\n\n this.submitForm = this.submitForm.bind(this);\n this.handleFormSubmit = this.handleFormSubmit.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n this.onUsernameKeyDown = this.onUsernameKeyDown.bind(this);\n }\n\n componentDidMount() {\n // hack to force the initial update\n this.componentDidUpdate({ page: \"\" }, null, null);\n }\n\n componentDidUpdate(prevProps, prevState, snapshot) {\n // Handle the focusing when switching pages\n if (prevProps.page !== this.props.page) {\n switch (this.props.page) {\n case PAGE_USERNAME:\n document.getElementById(\"username\").focus();\n break;\n\n case PAGE_PASSWORD:\n document.getElementById(\"password\").focus();\n break;\n\n default:\n // If we didn't just steal focus, let's make sure to remove focus if the element still on page\n if (\n prevProps.page === PAGE_USERNAME &&\n document.getElementById(\"username\")\n ) {\n document.getElementById(\"username\").blur();\n }\n\n if (\n prevProps.page === PAGE_PASSWORD &&\n document.getElementById(\"password\")\n ) {\n document.getElementById(\"password\").blur();\n }\n\n break;\n }\n }\n }\n\n // IE11 requires the form to be programatically submitted if we want the password manager to detect the username/password.\n submitForm() {\n // Normally we would prefer to use `document.getElementById(\"login\").submit();` but when this is called, the htmp form\n // specification states that it should bypass the handlers, so we will click on the submit button instead\n // see https://stackoverflow.com/a/19847255 for quick writeup of the problem\n document.getElementById(\"signIn\").click();\n }\n\n handleFormSubmit(e) {\n // Let's stop the form from submitting to the post endpoint\n e.preventDefault();\n\n switch (this.props.page) {\n case PAGE_USERNAME:\n linkClicked(\n \"Next Button\",\n \"Disambiguation/Password form\",\n \"Username Form\"\n );\n this.props.onSubmitUsername(this.state.username);\n break;\n\n case PAGE_PASSWORD:\n if (this.state.loading) {\n return false;\n }\n linkClicked(\n \"Submit Password Button\",\n \"Authenticate User\",\n \"Password Form\"\n );\n this.setState({ loading: true });\n this.props.onSubmitPassword(this.state.password).then(success => {\n this.setState({ loading: success });\n if (document.getElementById(\"password\") && !success) {\n document.getElementById(\"password\").value = \"\";\n }\n });\n\n return false;\n\n default:\n break;\n }\n }\n\n onUsernameKeyDown(e) {\n if (e.key === \"Enter\") {\n e.preventDefault();\n e.stopPropagation();\n this.submitForm();\n } else if (\n [\n // There seems to be a synthetic \"Unidentified\" event when password managers run.\n // we have not found a definitive spec for this behavior, this was discovered through observation.\n \"Unidentified\",\n\n // Allow tabbing through the fields\n \"Tab\",\n\n // Common key presses that don't change the value of the text, we probably don't need these but figured\n // we will cover the most obvious movement and meta keys, not including F1 keys etc.\n \"Shift\",\n \"Control\",\n \"Meta\",\n \"Alt\",\n \"ArrowLeft\",\n \"ArrowRight\",\n \"ArrowDown\",\n \"ArrowUp\",\n \"Escape\",\n \"Home\",\n \"End\",\n \"PageUp\",\n \"PageDown\"\n ].indexOf(e.key) === -1\n ) {\n this.setState({ password: \"\" });\n document.getElementById(\"password\").value = \"\";\n }\n }\n\n onKeyDown(e) {\n if (e.key === \"Enter\") {\n e.preventDefault();\n e.stopPropagation();\n this.submitForm();\n }\n }\n\n onForgotButtonClick = e => {\n e.preventDefault();\n linkClicked(\n \"Forgot Username Button\",\n \"Username Recovery form\",\n \"Username Form\"\n );\n this.props.onForgotUsernameClick(this.state.username);\n };\n\n onClickForgotPasswordHint = e => {\n e.preventDefault();\n linkClicked(\n \"Forgot Password Hint\",\n \"Show a hint about how to access password recovery\",\n \"Username Form\"\n );\n };\n\n onClickForgotPassword = e => {\n e.preventDefault();\n const solutionValue = this.props.authProviderDisplayName.includes(\"Bridge\")\n ? \"Bridge\"\n : \"Solution\";\n linkClicked(\n \"Forgot Password Link\",\n \"Allow Password Reset for \" + solutionValue,\n \"Password Form\"\n );\n\n this.props.onForgotPasswordClick();\n };\n\n onClickUsername = e => {\n e.preventDefault();\n linkClicked(\n \"Username Back Button\",\n \"Return to Username Form\",\n \"Password Form\"\n );\n this.props.onClickUsernameFromPasswordPage();\n };\n\n onClickAbort = e => {\n const { abortButton } = this.props;\n e.preventDefault();\n linkClicked(\n \"Abort Solution Identity Authentication\",\n `Firing Return to ${abortButton.text || \"Application\"} Callback`,\n \"Password Form\"\n );\n abortButton.onClick();\n };\n\n onToggleShowPassword = e => {\n e.preventDefault();\n this.setState({ showAsText: !this.state.showAsText });\n };\n\n recoveryOptions(t) {\n return (\n \n onClick(\"My Settings - Attach Solutions\")}\n >\n onClick(\"Landing Page\")}\n >\n
\n \n
\n \n \n {t(\"usernameForm.recoveryVerb\")}\n \n {t(\"usernameForm.linkForgotUsername\")}\n \n {t(\"common.conjunctionOr\")}\n \n {t(\"usernameForm.popoverPasswordHint\")}\n
\n }\n trigger={[\"click\", \"outsideClick\"]}\n position=\"bottom\"\n >\n \n \n \n \n {t(\"usernameForm.textInputLabel\")}\n \n {\n this.setState({ username: e.target.value });\n }}\n // value={this.state.username}\n defaultValue={this.props.username} // Must be a default value so it can remain an uncontrolled component (for IE password manager)\n onKeyDown={this.onUsernameKeyDown}\n />\n {this.props.showForgotUsername && this.recoveryOptions(t)}\n
\n {this.props.page === PAGE_USERNAME && navigationButtons}\n
\n\n \n {this.props.page === PAGE_USERNAME && navigationButtons}\n
\n
\n
\n {this.props.page === PAGE_PASSWORD && navigationButtons}\n \n \n \n )}\n
\n {\n <>\n
\n )}\n {t(this.props.message)}
\n \n this.onLinkClick()}\n />\n )\n }}\n />\n
\n \n }\n \n {/* eslint-disable-next-line react/no-danger */}\n \n
\n {this.props.errorAttrs[\"BUTTON_ACTION\"] && (\n
\n );\n break;\n\n case \"timeoutErrorPage\":\n title = \"timeoutMessage.timedOutTitle\";\n showText = false;\n body = (\n \n );\n break;\n\n case \"usernameRecoveryPage\":\n title = \"usernameRecoveryForm.title\";\n showText = false;\n body = (\n \n {this.props.errorAttrs[\"BUTTON_ACTION\"] && (\n
\n
\n\n
\n )}\n \n
\n {disambiguation}\n
\n );\n }\n }\n\n let usernameTextComponent = (\n \n
\n
\n
\n
\n
\n );\n }\n}\n\nSignInControl.propTypes = {\n abortUrl: PropTypes.string,\n apiBaseUrl: PropTypes.string.isRequired,\n authProviderDisplayName: PropTypes.string,\n availableSolutions: PropTypes.array,\n bridgeNative: PropTypes.bool.isRequired,\n clientId: PropTypes.string.isRequired,\n closePasswordRecovery: PropTypes.func.isRequired,\n contactUsUrl: PropTypes.string,\n currentFlow: PropTypes.string,\n currentPage: PropTypes.string.isRequired,\n displayName: PropTypes.string,\n enrollFactor: PropTypes.object,\n errorAttrs: PropTypes.object,\n featureFlags: PropTypes.object.isRequired,\n fetchIdentityProviders: PropTypes.func.isRequired,\n mfaEnrollmentForRecovery: PropTypes.bool,\n onAcceptEula: PropTypes.func.isRequired,\n onAccountRecoveryPasswordChange: PropTypes.func.isRequired,\n onChallengeFactor: PropTypes.func.isRequired,\n onClickPasswordRecoveryByEmailFromOptionsForm: PropTypes.func.isRequired,\n onClickPasswordRecoveryBySmsFromOptionsForm: PropTypes.func.isRequired,\n onClickRecoverUsernameStatusBack: PropTypes.func.isRequired,\n onClickRecoveryEmailNextButton: PropTypes.func.isRequired,\n onClickSolutionName: PropTypes.func.isRequired,\n onClickUsernameFromPasswordPage: PropTypes.func.isRequired,\n onContinueSignin: PropTypes.func.isRequired,\n onEnrollFactor: PropTypes.func.isRequired,\n onEnrollSuccess: PropTypes.func.isRequired,\n onForgotPasswordClick: PropTypes.func.isRequired,\n onForgotUsernameClick: PropTypes.func.isRequired,\n onSubmitPassword: PropTypes.func.isRequired,\n onSubmitPasswordChange: PropTypes.func.isRequired,\n onSubmitUsername: PropTypes.func.isRequired,\n onVerifyEnrollFactor: PropTypes.func.isRequired,\n onVerifyFactor: PropTypes.func.isRequired,\n partition: PropTypes.string,\n passwordChangeBackendErrors: PropTypes.array,\n passwordPolicy: PropTypes.string,\n passwordvalidation: PropTypes.string,\n recoverBridgeUsername: PropTypes.func.isRequired,\n recoveryEmail: PropTypes.string,\n resendPasscode: PropTypes.func.isRequired,\n returnToChallengeOptions: PropTypes.func.isRequired,\n returnToFactorEnrolmentOptions: PropTypes.func.isRequired,\n showForgotPassword: PropTypes.bool.isRequired,\n showForgotUsername: PropTypes.bool.isRequired,\n showRecoveryOptions: PropTypes.func,\n solutionDisplayName: PropTypes.string.isRequired,\n solutionId: PropTypes.string,\n solutionLandingUrl: PropTypes.string,\n solutionList: PropTypes.array,\n solutionLogoURI: PropTypes.string,\n submitFactorEnrollmentOption: PropTypes.func.isRequired,\n username: PropTypes.string.isRequired,\n verificationFactors: PropTypes.array,\n verifyPasscode: PropTypes.func.isRequired\n};\n\nexport default withRouter(SignInControl);\n","import React from \"react\";\nimport \"./Header.scss\";\n/**\n * Renders the Cox Automotive top-level header.\n */\nconst Header = () => ;\nexport default Header;\n","import React from \"react\";\nimport \"./Footer.scss\";\nimport { Trans } from \"react-i18next\";\n\nimport Row from \"@cx/ui/Row\";\nimport Col from \"@cx/ui/Col\";\nimport { linkClicked } from \"../../api/analytics\";\n\nconst Footer = () => (\n \n {showText && usernameTextComponent}\n {body}\n
\n }\n contactUsUrl={\n this.props.currentFlow === \"solutionIdentity\"\n ? undefined\n : this.props.contactUsUrl\n }\n logo={showSolutionLogo && this.props.solutionLogoURI}\n logoAlt={showSolutionLogo && this.props.solutionDisplayName + \" logo\"}\n />\n \n \n \n linkClicked(\n \"Terms of Use Button\",\n \"Navigate to Terms of Use\",\n \"Footer\"\n )\n }\n >\n \n linkClicked(\n \"Privacy Statement Button\",\n \"Navigate to Privacy Statement\",\n \"Footer\"\n )\n }\n >\n
\n
\n);\n\nFooter.propTypes = {};\n\nexport default Footer;\n","import React from \"react\";\nimport { linkClicked } from \"../../api/analytics\";\nimport \"./broadcast-message.scss\";\nimport Button from \"@cx/ui/Button\";\nimport PropTypes from \"prop-types\";\nimport { getI18n, Trans } from \"react-i18next\";\n\nconst validStyles = [\"warning\", \"danger\", \"info\", \"primary\", \"success\"];\nconst supportedLanguages = [\"en\", \"es\", \"fr\"];\n\nconst validateConfig = config => {\n // Check that `style` exists and is one of the supported options\n if (!config.style || !validStyles.includes(config.style)) return false;\n\n // Check that English body text exists, at minimum\n return config.text && config.text.en && config.text.en.body;\n};\n\nconst validateLanguage = (config, lang) => {\n for (const key of Object.keys(config.text.en)) {\n if (!config.text[lang] || !config.text[lang][key]) {\n return false;\n }\n }\n\n return true;\n};\n\nconst activeMessage = config => {\n const textStyle = config.style === \"primary\" ? \"white\" : config.style;\n\n return (\n \n {config.text.en.title && (\n
\n {config.buttonUrl && getI18n().exists(\"broadcast.buttonText\") && (\n {\n linkClicked(\n \"Broadcast Message\",\n \"Navigate to Additional Info Page\",\n \"Info Header\"\n );\n }}\n >\n
\n \n );\n};\n\nconst BroadcastMessage = props => {\n if (props.config && validateConfig(props.config)) {\n for (const lang of supportedLanguages) {\n getI18n().addResourceBundle(\n lang,\n \"translation\",\n {\n broadcast: validateLanguage(props.config, lang)\n ? props.config.text[lang]\n : {}\n },\n true,\n true\n );\n }\n return activeMessage(props.config);\n } else {\n return ;\n }\n};\n\nBroadcastMessage.propTypes = {\n config: PropTypes.object.isRequired\n};\n\nexport default BroadcastMessage;\n","import { getI18n } from \"react-i18next\";\n\nconst translationMap = {\n MINIMUM_LENGTH_NOT_MET: \"error.MESSAGE_MINIMUM_LENGTH_NOT_MET\",\n EXCEEDS_MAXIMUM_LENGTH: \"error.MESSAGE_EXCEEDS_MAXIMUM_LENGTH\",\n NEED_AT_LEAST_ONE_LETTER: \"error.MESSAGE_NEED_AT_LEAST_ONE_LETTER\",\n NEED_AT_LEAST_ONE_NUMBER: \"error.MESSAGE_NEED_AT_LEAST_ONE_NUMBER\",\n NEED_AT_LEAST_ONE_LETTER_OR_ONE_NUMBER:\n \"error.MESSAGE_NEED_AT_LEAST_ONE_LETTER_OR_ONE_NUMBER\",\n NO_PASSWORD_PROVIDED: \"error.MESSAGE_NO_PASSWORD_PROVIDED\",\n CANNOT_CONTAIN_USERNAME:\n \"error.MESSAGE_CANNOT_CONTAIN_OR_BE_PART_OF_USERNAME\",\n CANNOT_BE_PREVIOUSLY_USED_PASSWORD:\n \"error.MESSAGE_CANNOT_BE_PREVIOUSLY_USED_PASSWORD\",\n CANNOT_BE_A_COMMON_PASSWORD: \"error.MESSAGE_CANNOT_BE_A_COMMON_PASSWORD\",\n INCORRECT_OLD_PASSWORD: \"error.MESSAGE_INCORRECT_OLD_PASSWORD\",\n CANNOT_BE_CURRENT_PASSWORD: \"error.MESSAGE_CANNOT_BE_CURRENT_PASSWORD\",\n CANNOT_BE_DICTIONARY_WORD: \"error.MESSAGE_CANNOT_BE_DICTIONARY_WORD\",\n CANNOT_BE_COX_BRAND: \"error.MESSAGE_CANNOT_BE_COX_BRAND\",\n CANNOT_CONTAIN_FIRST_NAME_LAST_NAME:\n \"error.MESSAGE_CANNOT_CONTAIN_FIRST_NAME_LAST_NAME\",\n CANNOT_CONTAIN_QUADS: \"error.MESSAGE_CANNOT_CONTAIN_QUADS\",\n PASSWORD_REQUIREMENTS_NOT_MET: \"error.MESSAGE_PASSWORD_UNACCEPTABLE\",\n DEFAULT: \"error.MESSAGE_PASSWORD_UNACCEPTABLE\"\n};\n\n/**\n * Maps the given User API error code\n * to the associated, translated UI error message.\n * @param {string} userApiCode a User API error code\n * @return {string} the associated, translated UI error message.\n * If userApiCode is invalid, a default password-related error message\n * is returned.\n */\nconst mapToTranslatedMessage = userApiCode => {\n const translationKey = translationMap[userApiCode]\n ? translationMap[userApiCode]\n : translationMap[\"DEFAULT\"];\n return getI18n().t(translationKey);\n};\n\nconst isIterable = obj => {\n // checks for null and undefined\n if (obj == null) {\n return false;\n }\n return typeof obj[Symbol.iterator] === \"function\";\n};\n\n/**\n * Maps the given array of User API error codes\n * to an array of the associated, translated UI error messages.\n * @param {Array.\n
\n )}\n\n \n {config.buttonUrl && getI18n().exists(\"broadcast.buttonText\") && (\n
\n
\n );\n }\n}\n\nApp.propTypes = {\n abortUrl: PropTypes.string,\n apiBaseUrl: PropTypes.string.isRequired,\n bookMarkSolution: PropTypes.string,\n currentFlow: PropTypes.string,\n featureFlags: PropTypes.object.isRequired,\n forceErrorState: PropTypes.string,\n history: PropTypes.object.isRequired,\n idp: PropTypes.object,\n isThirdPartyCookieAllowed: PropTypes.func,\n location: PropTypes.object.isRequired,\n /* eslint-disable camelcase */\n params: PropTypes.shape({\n client_id: PropTypes.string.isRequired,\n response_type: PropTypes.string.isRequired,\n scope: PropTypes.string.isRequired,\n redirect_uri: PropTypes.string.isRequired,\n state: PropTypes.string.isRequired,\n nonce: PropTypes.string\n }).isRequired,\n partition: PropTypes.string,\n solution: PropTypes.string,\n solutionDisplayName: PropTypes.string,\n solutionId: PropTypes.string,\n transactionId: PropTypes.string,\n username: PropTypes.string\n};\n\nexport default withRouter(App);\n\n// For unit tests\nexport const AppComponent = App;\n","import i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\nimport \"moment/locale/fr\";\nimport \"moment/locale/es\";\n\n/* eslint-disable import/no-webpack-loader-syntax */\nconst resources = require(\"i18next-resource-store-loader!./locales/index.js\");\nconst moment = require(\"moment\");\n\ni18n\n .use(initReactI18next) // passes i18n down to react-i18next\n .use(LanguageDetector)\n .init({\n resources,\n defaultNS: \"translation\",\n fallbackLng: \"en\",\n // lng: \"fr\", // TODO: replace with browser language; for testing locales\n interpolation: {\n escapeValue: false, // react already safes from xss\n format(value, format, lng) {\n if (value instanceof Date)\n return moment(value)\n .locale(lng)\n .format(format);\n return value;\n }\n }\n });\n\nexport default i18n;\n","import React, { Suspense } from \"react\";\nimport { render } from \"react-dom\";\nimport App from \"./components/App\";\nimport \"./index.scss\";\nimport \"./i18n\";\nimport SolutionLauncher from \"./components/solutionlauncher-control/SolutionLauncher\";\nimport UserElectedPasswordChangeFlow from \"./components/UserElectedPasswordChangeFlow\";\nimport LoadingIndicator from \"@cx/ui/LoadingIndicator\";\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport AccountRecoveryEmailPasswordResetForm from \"./components/account-recovery/AccountRecoveryEmailPasswordResetForm\";\nimport { isThirdPartyCookieEnabled } from \"./components/isThirdPartyCookieEnabled\";\n\nconst {\n solutionlauncherlist,\n apibaseurl,\n transactionid,\n solutioninfo,\n solutiondisplayname,\n solutionid,\n forceerrorstate,\n username,\n featureflags,\n publicview,\n successurl,\n aborturl,\n idp,\n partition,\n currentflow,\n emailrecoverytoken,\n activationtoken,\n passwordpolicy,\n ...params\n} = document.getElementById(\"params\").dataset;\n\nlet featureFlags;\ntry {\n featureFlags = featureflags ? JSON.parse(featureflags) : {};\n} catch (parseErr) {\n // If for some reason we get feature flags that are not parsable, let's just\n // log the error and continue\n if (window.NREUM) window.NREUM.noticeError(parseErr);\n featureFlags = {};\n}\n\nif (\n solutionlauncherlist &&\n (solutionlauncherlist !== \"\" || solutionlauncherlist !== \"null\")\n) {\n render(\n \n {this.state.timeRemaining < timeoutThresholds.info &&\n this.state.timeRemaining !== 0 && (\n timeoutThresholds.warningTime\n ? \"info\"\n : \"warning\"\n }\n displayCloseButton={false}\n >\n \n {/* eslint-disable react/no-danger */}\n \n this.props.history.push(\n this.props.bookMarkSolution,\n \"usernamePage\"\n )\n }\n onClickSolutionName={this.submitSolutionName}\n solutionDisplayName={this.props.solutionDisplayName}\n solutionList={this.state.solutionList}\n solutionId={this.props.solutionId}\n apiBaseUrl={this.props.apiBaseUrl}\n clientId={this.props.params.client_id}\n showForgotPassword={\n this.state.solution &&\n this.state.solution.showForgotPassword !== undefined\n ? this.state.solution.showForgotPassword\n : true\n }\n showForgotUsername={\n this.state.solution &&\n this.state.solution.showForgotUsername !== undefined\n ? this.state.solution.showForgotUsername\n : true\n }\n bridgeNative={\n this.state.solution ? this.state.solution.bridgeNative : false\n }\n solutionLandingUrl={\n this.state.solution\n ? this.state.solution.solutionLandingUrl\n : undefined\n }\n recoverBridgeUsername={this.recoverBridgeUsername}\n featureFlags={this.props.featureFlags}\n onClickRecoveryEmailNextButton={this.onClickRecoveryEmailNextButton}\n onClickRecoverUsernameStatusBack={\n this.onClickRecoverUsernameStatusBack\n }\n recoveryEmail={this.state.usernameRecoveryEmail}\n verificationFactors={this.state.verificationFactors}\n onChallengeFactor={this.onChallengeFactor}\n onVerifyFactor={this.onVerifyFactor}\n onClickPasswordRecoveryByEmailFromOptionsForm={\n this.onClickPasswordRecoveryByEmailFromOptionsForm\n }\n onClickPasswordRecoveryBySmsFromOptionsForm={\n this.onClickPasswordRecoveryBySmsFromOptionsForm\n }\n closePasswordRecovery={this.closePasswordRecovery}\n verifyPasscode={this.verifyPasscode}\n showRecoveryOptions={this.state.showRecoveryOptionsFunc}\n resendPasscode={this.resendPasscode}\n onAccountRecoveryPasswordChange={\n this.onAccountRecoveryPasswordChange\n }\n fetchIdentityProviders={this.fetchIdentityProviders}\n returnToChallengeOptions={this.returnToChallengeOptions}\n returnToFactorEnrolmentOptions={this.returnToFactorEnrolmentOptions}\n passwordPolicy={this.state.passwordPolicy}\n submitFactorEnrollmentOption={this.submitFactorEnrollmentOption}\n onEnrollFactor={this.onEnrollFactor}\n onVerifyEnrollFactor={this.onVerifyEnrollFactor}\n enrollFactor={this.state.enrollFactor}\n onEnrollSuccess={this.onEnrollSuccess}\n onContinueSignin={this.continueSignin}\n passwordChangeBackendErrors={this.state.passwordChangeBackendErrors}\n partition={this.getPartition()}\n mfaEnrollmentForRecovery={this.state.mfaEnrollmentForRecovery}\n />\n
\n {this.props.currentFlow !== \"solutionIdentity\" && }\n \n
\n );\n};\n\nLauncherControllerForm.propTypes = {\n launcherOptions: PropTypes.arrayOf(\n PropTypes.shape({\n solutionId: PropTypes.string.isRequired,\n solutionName: PropTypes.string.isRequired,\n solutionLandingUrl: PropTypes.string,\n solutionLogoUrl: PropTypes.string\n })\n )\n};\nexport default LauncherControllerForm;\n","import React, { Component } from \"react\";\nimport LauncherControlerForm from \"../launchercontrol-form/launcherControllerForm\";\nimport Header from \"../header/Header\";\nimport PropTypes from \"prop-types\";\nimport \"../app.scss\";\nimport Footer from \"../footer/Footer\";\nimport { initializeDataLayer } from \"../../api/analytics\";\n\nclass SolutionLauncher extends Component {\n componentDidMount() {\n initializeDataLayer(\"\");\n }\n\n render() {\n return (\n \n \n {t => (\n \n }\n />\n
\n \n {solutions.map(option => (\n \n \n linkClicked(\n option.solutionName,\n \"Navigate to landing page of \" +\n option.solutionId,\n \"Solution Launcher\"\n )\n }\n >\n
\n )}\n \n
\n );\n }\n}\n\nSolutionLauncher.propTypes = {\n launcherOptions: PropTypes.string\n};\n\nexport default SolutionLauncher;\n","import React from \"react\";\nimport Header from \"./header/Header\";\nimport CardTemplate from \"./card/cardTemplate\";\nimport PropTypes from \"prop-types\";\nimport Alert from \"@cx/ui/Alert\";\nimport { Trans } from \"react-i18next\";\nimport { initializeDataLayer } from \"../api/analytics\";\nimport PasswordResetFormErrorArray from \"./password-reset-form-error-array/PasswordResetFormErrorArray\";\nimport { mapToTranslatedMessages } from \"./password-validation/translationMap\";\n\nclass UserElectedPasswordChangeFlow extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n errorMsg: null,\n passwordChangeBackendErrors: []\n };\n\n this.changePassword = this.changePassword.bind(this);\n this.returnSuccess = this.returnSuccess.bind(this);\n this.returnFail = this.returnFail.bind(this);\n }\n\n componentDidMount() {\n initializeDataLayer(\"\");\n }\n\n changePassword(newPassword, oldPassword) {\n const url = new URL(this.props.apiBaseUrl + \"/change-password\"),\n body = {\n partition: this.props.partition,\n oldPassword,\n newPassword\n };\n return fetch(url, {\n headers: {\n \"Content-Type\": \"application/vnd.coxauto.sessionchangepassword.v1+json\"\n },\n method: \"POST\",\n body: JSON.stringify(body),\n mode: \"cors\"\n })\n .then(response => response.json())\n .then(response => {\n if (Object.entries(response).length === 0) {\n this.setState({\n errorMsg: null,\n passwordChangeBackendErrors: []\n });\n\n // Start redirecting now\n this.returnSuccess();\n\n // While this is true, return false so we don't show the success page as we are redirecting anyways\n return false;\n } else {\n switch (response.errorCode) {\n case \"INVALID_CURRENT_PASSWORD\":\n this.setState({\n errorMsg: \n
\n \n
\n \n \n
\n );\n }\n}\n\nUserElectedPasswordChangeFlow.propTypes = {\n abortUrl: PropTypes.string.isRequired,\n apiBaseUrl: PropTypes.string.isRequired,\n featureFlags: PropTypes.object.isRequired,\n partition: PropTypes.string.isRequired,\n passwordPolicy: PropTypes.string,\n solutionDisplayName: PropTypes.string.isRequired,\n successUrl: PropTypes.string.isRequired,\n username: PropTypes.string.isRequired\n};\n\nexport default UserElectedPasswordChangeFlow;\n","import React, { useCallback, useEffect, useState } from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport CardTemplate from \"../card/cardTemplate\";\nimport Header from \"../header/Header\";\nimport LoadingIndicator from \"@cx/ui/LoadingIndicator\";\nimport PropTypes from \"prop-types\";\nimport Alert from \"@cx/ui/Alert\";\nimport { initializeDataLayer, linkClicked } from \"../../api/analytics\";\nimport PasswordResetFormErrorArray from \"../password-reset-form-error-array/PasswordResetFormErrorArray\";\nimport { mapToTranslatedMessages } from \"../password-validation/translationMap\";\n\nconst AccountRecoveryEmailPasswordResetForm = props => {\n const [loading, toggleLoading] = useState(true);\n const [errorLink, toggleErrorLink] = useState(false);\n const [displayCloseButton, toggleDisplayCloseButton] = useState(true);\n const [showForm, toggleShowForm] = useState(true);\n const [errorMsg, setErrorMsg] = useState(null);\n const [workflowId, setWorkflowId] = useState(\"\");\n const [launcherUrl, setLauncherUrl] = useState(null);\n const [userId, setUserId] = useState(\"\");\n const [passwordPolicy, setPasswordPolicy] = useState(\"\");\n const [\n passwordChangeBackendErrors,\n setPasswordChangeBackendErrors\n ] = useState([]);\n const [t] = useTranslation();\n\n const textValues =\n props.reasonType === \"activation\"\n ? {\n formTitle: \"passwordResetForm.titleActivation\",\n flowName: \"Activation\",\n linkExpired:\n \"accountRecoveryEmailPasswordResetForm.linkExpiredActivation\",\n location: \"Activation Form\",\n result: \"Activation Form Loaded\"\n }\n : {\n formTitle: \"passwordResetForm.title\",\n flowName: \"Account Recovery\",\n linkExpired: \"accountRecoveryEmailPasswordResetForm.linkExpired\",\n location: \"Account Recovery Email Password Reset Form\",\n result: \"Account Recovery Password Reset Form Loaded\"\n };\n\n const onLinkExpired = useCallback(() => {\n setErrorMsg(t(textValues.linkExpired));\n toggleErrorLink(true);\n toggleDisplayCloseButton(false);\n toggleShowForm(false);\n }, [t, textValues.linkExpired]);\n\n const userNotAvailable = useCallback(() => {\n setErrorMsg(t(\"accountRecoveryEmailPasswordResetForm.userNotYetAvailable\"));\n toggleErrorLink(true);\n toggleDisplayCloseButton(false);\n toggleShowForm(false);\n }, [t]);\n\n useEffect(() => {\n initializeDataLayer(\"\");\n }, []);\n\n useEffect(() => {\n setLauncherUrl(\n new URL(\n \"/solutionlauncher?partition=\" + props.partition,\n props.apiBaseUrl\n )\n );\n fetch(\n new URL(\"/account/recovery/email/token\", props.apiBaseUrl).toString(),\n {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/vnd.coxauto.v1+json\",\n Accept: \"application/vnd.coxauto.v1+json\"\n },\n body: JSON.stringify({\n token: props.token,\n partition: props.partition\n })\n }\n )\n .then(response => {\n if (!response.ok) {\n throw response;\n }\n return response.json();\n })\n .then(response => {\n setWorkflowId(response.workflowId);\n setUserId(response.authenticatedUserId);\n setPasswordPolicy(response.passwordPolicy);\n toggleLoading(false);\n toggleErrorLink(false);\n setErrorMsg(null);\n linkClicked(\n `Email ${textValues.flowName} Workflow Verified`,\n textValues.result,\n textValues.location\n );\n })\n .catch(failedResponse => {\n if (failedResponse.status === 404) {\n onLinkExpired();\n } else if (failedResponse.status === 409) {\n userNotAvailable();\n } else {\n setErrorMsg(t(\"error.generic\"));\n toggleErrorLink(false);\n toggleShowForm(false);\n toggleDisplayCloseButton(false);\n }\n toggleLoading(false);\n linkClicked(\n `Email ${textValues.flowName} Workflow Not Verified`,\n `${textValues.flowName} Error Page Loaded`,\n textValues.location\n );\n });\n }, [\n props.token,\n props.partition,\n props.apiBaseUrl,\n t,\n onLinkExpired,\n textValues.flowName,\n textValues.result,\n textValues.location,\n userNotAvailable\n ]);\n\n const onAccountRecoveryPasswordChange = password => {\n // DISALLOWED_STRINGS_FOR_PASSWORDS_FF is set, use the newer code.\n return fetch(\n new URL(\"/account/recovery/reset-password\", props.apiBaseUrl).toString(),\n {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/vnd.coxauto.v1+json\",\n Accept: \"application/vnd.coxauto.v1+json\"\n },\n body: JSON.stringify({\n workflowId,\n password,\n partition: props.partition,\n reasonType: props.reasonType\n })\n }\n )\n .then(apiResponse =>\n apiResponse.json().then(json => {\n json.apiResponseOk = apiResponse.ok;\n json.apiResponseStatus = apiResponse.status;\n return json;\n })\n )\n .then(json => {\n if (json.apiResponseOk) {\n // happy path\n setWorkflowId(json.workflowId);\n setErrorMsg(null);\n toggleErrorLink(false);\n return json;\n } else {\n // failure path\n throw json;\n }\n })\n .catch(failedJson => {\n if (\n failedJson.apiResponseStatus &&\n (failedJson.apiResponseStatus === 400 ||\n failedJson.apiResponseStatus === 422)\n ) {\n // Display the password error messages.\n setPasswordChangeBackendErrors(\n mapToTranslatedMessages(failedJson.passwordErrorCodes)\n );\n } else if (failedJson.apiResponseStatus === 404) {\n onLinkExpired();\n } else {\n setErrorMsg(t(\"error.generic\"));\n toggleErrorLink(false);\n }\n return false;\n });\n };\n\n const submitPassword = () => {\n window.location.assign(launcherUrl.href);\n };\n\n if (loading) {\n return (\n \n {this.state.errorMsg && (\n this.setState({ errorMsg: null })}\n >\n {this.state.errorMsg}\n \n )}\n
\n \n
\n \n
\n }\n />\n \n
\n );\n } else {\n return (\n \n
\n \n
\n \n
\n }\n />\n \n
\n );\n }\n};\n\nAccountRecoveryEmailPasswordResetForm.propTypes = {\n apiBaseUrl: PropTypes.string.isRequired,\n partition: PropTypes.string.isRequired,\n reasonType: PropTypes.string,\n token: PropTypes.string.isRequired\n};\n\nexport default AccountRecoveryEmailPasswordResetForm;\n","export const isThirdPartyCookieEnabled = (username, clientId) => {\n const url = \"https://v506vqbo50.execute-api.us-east-2.amazonaws.com\";\n const requestOptions = {\n method: \"GET\",\n mode: \"cors\",\n credentials: \"include\"\n };\n\n return fetch(`${url}/setup`, requestOptions)\n .then(response => {\n if (response.status === 200) {\n const params = new URLSearchParams();\n if (username) {\n params.append(\"username\", username);\n }\n if (clientId) {\n params.append(\"clientid\", clientId);\n }\n let testUrl = `${url}/test`;\n if (params.has(\"username\") || params.has(\"clientid\")) {\n testUrl = `${testUrl}?${params.toString()}`;\n }\n return fetch(`${testUrl}`, requestOptions);\n } else {\n throw new Error();\n }\n })\n .then(res => {\n if (res.status === 200) {\n return true;\n } else if (res.status === 400) {\n return false;\n } else {\n return undefined;\n }\n })\n .catch(() => undefined);\n};\n"],"sourceRoot":""}\n {errorMsg && (\n setErrorMsg(null)}\n >\n {errorMsg}\n {errorLink && props.reasonType === \"recovery\" && (\n \n
\n \n
\n )}\n \n
\n }\n />\n \n
\n