{"version":3,"file":"sign-in-DtHoCuo6.js","sources":["../../../users/components/EmailPassword.jsx","../../../users/app.jsx","../../../users/sign-in-init.jsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { api, baseUrl } from \"#shared/ApiClient\";\r\n\r\nfunction EmailPassword({ onRequestMultifactor, setConfirmationMessage, setErrorMessage }) {\r\n const [emailAddress, setEmailAddress] = useState('');\r\n const [password, setPassword] = useState('');\r\n const [submitted, setSubmitted] = useState(false);\r\n const handleSubmit = async (event) => {\r\n event.preventDefault();\r\n setSubmitted(true);\r\n await TrySignIn(emailAddress, password, onRequestMultifactor, () => { setSubmitted(false); }, setConfirmationMessage, setErrorMessage);\r\n };\r\n\r\n return (\r\n
\r\n );\r\n}\r\n\r\nasync function TrySignIn(emailAddress, password, onRequestMultifactor, onError, setConfirmationMessage, setErrorMessage) {\r\n let urlParams = new URLSearchParams(window.location.search);\r\n let redirectUrl = urlParams.get('ReturnUrl');\r\n let signInRequestModel = {\r\n emailAddress,\r\n password,\r\n ReturnUrl: redirectUrl\r\n };\r\n\r\n let result = await api.post('SignIn', signInRequestModel);\r\n\r\n if (result.Success) {\r\n window.location.href = result.RedirectUrl;\r\n }\r\n\r\n setConfirmationMessage(result.ConfirmationMessage);\r\n setErrorMessage(result.ErrorMessage);\r\n\r\n if (result.MultifactorSignInViewModel) {\r\n onRequestMultifactor(result.MultifactorSignInViewModel);\r\n }\r\n\r\n if (result.ErrorMessage) {\r\n onError();\r\n }\r\n}\r\n\r\nexport default EmailPassword;","import { useState } from \"react\";\r\nimport EmailPassword from './components/EmailPassword'\r\nimport NotificationContainer from './components/NotificationContainer'\r\nimport Multifactor from './components/Multifactor';\r\nfunction App() {\r\n let hiddenSerializedInput = document.getElementById('multifactorSignInViewModel');\r\n let initialMultifactorRequestModel = JSON.parse(hiddenSerializedInput != null ? hiddenSerializedInput.value : '{}');\r\n let initialState = initialMultifactorRequestModel.hasOwnProperty(\"AuthAppEnabled\") ? 'Multifactor' : 'EmailPassword';\r\n\r\n const [confirmationMessage, setConfirmationMessage] = useState(\"\");\r\n const [errorMessage, setErrorMessage] = useState(\"\");\r\n const [multifactorRequestModel, setMultifactorRequestModel] = useState(initialMultifactorRequestModel);\r\n const [currentScreen, setCurrentScreen] = useState(initialState); // 'EmailPassword', 'Multifactor'\r\n\r\n const handleRequestMultifactor = (multifactorRequestModel) => { setMultifactorRequestModel(multifactorRequestModel); setCurrentScreen('Multifactor'); }\r\n const handleRequestEmailPassword = () => { setCurrentScreen('EmailPassword'); setMultifactorRequestModel({}); }\r\n return (\r\nA second step is required to sign in. Select one of the following methods to complete login.
\r\nDon't have an account?
\r\n Learn more about ePayPolicy.\r\n