@openedx/frontend-app-authn 1.0.0-alpha.4 → 1.0.0-alpha.6

package/dist/login/LoginFailure.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { FormattedMessage, getAuthService, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { Alert, Hyperlink } from '@openedx/paragon';
+import { Error } from '@openedx/paragon/icons';
+import PropTypes from 'prop-types';
+import { windowScrollTo } from '../data/utils';
+import ChangePasswordPrompt from './ChangePasswordPrompt';
+import { ACCOUNT_LOCKED_OUT, ALLOWED_DOMAIN_LOGIN_ERROR, FAILED_LOGIN_ATTEMPT, FORBIDDEN_REQUEST, INACTIVE_USER, INCORRECT_EMAIL_PASSWORD, INTERNAL_SERVER_ERROR, INVALID_FORM, NON_COMPLIANT_PASSWORD_EXCEPTION, NUDGE_PASSWORD_CHANGE, REQUIRE_PASSWORD_CHANGE, TPA_AUTHENTICATION_FAILURE, } from './data/constants';
+import messages from './messages';
+const LoginFailureMessage = (props) => {
+    const { formatMessage } = useIntl();
+    const authService = getAuthService();
+    const { context, errorCode, errorCount, // This is used to trigger the useEffect, facilitating the scrolling to the top.
+     } = props;
+    useEffect(() => {
+        windowScrollTo({ left: 0, top: 0, behavior: 'smooth' });
+    }, [errorCode, errorCount]);
+    if (!errorCode) {
+        return null;
+    }
+    let resetLink = (_jsx(Hyperlink, { destination: "reset", isInline: true, children: formatMessage(messages['login.incorrect.credentials.error.reset.link.text']) }));
+    let errorMessage;
+    switch (errorCode) {
+        case NON_COMPLIANT_PASSWORD_EXCEPTION: {
+            errorMessage = (_jsxs(_Fragment, { children: [_jsx("strong", { children: formatMessage(messages['non.compliant.password.title']) }), _jsx("p", { children: formatMessage(messages['non.compliant.password.message']) })] }));
+            break;
+        }
+        case FORBIDDEN_REQUEST:
+            errorMessage = _jsx("p", { children: formatMessage(messages['login.rate.limit.reached.message']) });
+            break;
+        case INACTIVE_USER: {
+            const supportLink = (_jsx("a", { href: context.supportLink, children: formatMessage(messages['contact.support.link'], { platformName: context.platformName }) }));
+            errorMessage = (_jsx("p", { children: _jsx(FormattedMessage, { id: "login.inactive.user.error", defaultMessage: "In order to sign in, you need to activate your account.{lineBreak}\n            {lineBreak}We just sent an activation link to {email}. If you do not receive an email,\n            check your spam folders or {supportLink}.", description: "An error message shown to users when they sign in if they have not yet activated their account. It attempts to explain to them how to activate their account by looking for an email from the system.", values: {
+                        lineBreak: _jsx("br", {}),
+                        email: _jsx("strong", { className: "data-hj-suppress", children: context.email }),
+                        supportLink,
+                    } }) }));
+            break;
+        }
+        case ALLOWED_DOMAIN_LOGIN_ERROR: {
+            const url = `${getSiteConfig().lmsBaseUrl}/dashboard/?tpa_hint=${context.tpaHint}`;
+            const tpaLink = (_jsx("a", { href: url, children: formatMessage(messages['tpa.account.link'], { provider: context.provider }) }));
+            errorMessage = (_jsx("p", { children: _jsx(FormattedMessage, { id: "allowed.domain.login.error", description: "Display this error message when staff user try to login through password", defaultMessage: "As {allowedDomain} user, You must login with your {allowedDomain} {tpaLink}.", values: { allowedDomain: context.allowedDomain, tpaLink } }) }));
+            break;
+        }
+        case INVALID_FORM:
+            errorMessage = _jsx("p", { children: formatMessage(messages['login.form.invalid.error.message']) });
+            break;
+        case FAILED_LOGIN_ATTEMPT: {
+            resetLink = (_jsx(Hyperlink, { destination: "reset", isInline: true, children: formatMessage(messages['login.incorrect.credentials.error.before.account.blocked.text']) }));
+            errorMessage = (_jsxs(_Fragment, { children: [_jsx("p", { children: _jsx(FormattedMessage, { id: "login.incorrect.credentials.error.attempts.text.1", description: "Error message for incorrect email or password", defaultMessage: "The username, email or password you entered is incorrect. You have {remainingAttempts} more sign in\n                attempts before your account is temporarily locked.", values: { remainingAttempts: context.remainingAttempts } }) }), _jsx("p", { children: _jsx(FormattedMessage, { id: "login.incorrect.credentials.error.attempts.text.2", description: "Part of error message for incorrect email or password", defaultMessage: "If you've forgotten your password, {resetLink}", values: { resetLink } }) })] }));
+            break;
+        }
+        case ACCOUNT_LOCKED_OUT: {
+            errorMessage = (_jsxs(_Fragment, { children: [_jsx("p", { children: formatMessage(messages['account.locked.out.message.1']) }), _jsx("p", { children: _jsx(FormattedMessage, { id: "account.locked.out.message.2", description: "Part of message for when user account has been locked out after multiple failed login attempts", defaultMessage: "To be on the safe side, you can {resetLink} before trying again.", values: { resetLink } }) })] }));
+            break;
+        }
+        case INCORRECT_EMAIL_PASSWORD:
+            if (context.failureCount <= 1) {
+                errorMessage = _jsx("p", { children: formatMessage(messages['login.incorrect.credentials.error']) });
+            }
+            else if (context.failureCount === 2) {
+                errorMessage = (_jsx("p", { children: _jsx(FormattedMessage, { id: "login.incorrect.credentials.error.with.reset.link", defaultMessage: "The username, email, or password you entered is incorrect. Please try again or {resetLink}.", description: "An error message shown to users if some part of their login information was incorrect.", values: { resetLink } }) }));
+            }
+            break;
+        case NUDGE_PASSWORD_CHANGE:
+            // Need to clear the CSRF token here to fetch a new one because token is already rotated after successful login.
+            if (authService) {
+                authService.getCsrfTokenService().clearCsrfTokenCache();
+            }
+            return (_jsx(ChangePasswordPrompt, { redirectUrl: context.redirectUrl, variant: "nudge" }));
+        case REQUIRE_PASSWORD_CHANGE:
+            return _jsx(ChangePasswordPrompt, {});
+        case TPA_AUTHENTICATION_FAILURE:
+            errorMessage = (_jsx("p", { children: formatMessage(messages['login.tpa.authentication.failure'], {
+                    platform_name: getSiteConfig().siteName,
+                    lineBreak: _jsx("br", {}),
+                    errorMessage: context.errorMessage,
+                }) }));
+            break;
+        case INTERNAL_SERVER_ERROR:
+        default:
+            errorMessage = _jsx("p", { children: formatMessage(messages['internal.server.error.message']) });
+            break;
+    }
+    return (_jsxs(Alert, { id: "login-failure-alert", className: "mb-5", variant: "danger", icon: Error, children: [_jsx(Alert.Heading, { children: formatMessage(messages['login.failure.header.title']) }), errorMessage] }));
+};
+LoginFailureMessage.defaultProps = {
+    context: {},
+};
+LoginFailureMessage.propTypes = {
+    context: PropTypes.shape({
+        supportLink: PropTypes.string,
+        platformName: PropTypes.string,
+        tpaHint: PropTypes.string,
+        provider: PropTypes.string,
+        allowedDomain: PropTypes.string,
+        remainingAttempts: PropTypes.number,
+        failureCount: PropTypes.number,
+        errorMessage: PropTypes.string,
+        email: PropTypes.string,
+        redirectUrl: PropTypes.string,
+    }),
+    errorCode: PropTypes.string.isRequired,
+    errorCount: PropTypes.number.isRequired,
+};
+export default LoginFailureMessage;
+//# sourceMappingURL=LoginFailure.js.map

package/dist/login/LoginFailure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginFailure.js","sourceRoot":"","sources":["../../src/login/LoginFailure.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from 'react';\n\nimport {\n  FormattedMessage, getAuthService, getSiteConfig, useIntl\n} from '@openedx/frontend-base';\nimport { Alert, Hyperlink } from '@openedx/paragon';\nimport { Error } from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\n\nimport { windowScrollTo } from '../data/utils';\nimport ChangePasswordPrompt from './ChangePasswordPrompt';\nimport {\n  ACCOUNT_LOCKED_OUT,\n  ALLOWED_DOMAIN_LOGIN_ERROR,\n  FAILED_LOGIN_ATTEMPT,\n  FORBIDDEN_REQUEST,\n  INACTIVE_USER,\n  INCORRECT_EMAIL_PASSWORD,\n  INTERNAL_SERVER_ERROR,\n  INVALID_FORM,\n  NON_COMPLIANT_PASSWORD_EXCEPTION,\n  NUDGE_PASSWORD_CHANGE,\n  REQUIRE_PASSWORD_CHANGE,\n  TPA_AUTHENTICATION_FAILURE,\n} from './data/constants';\nimport messages from './messages';\n\nconst LoginFailureMessage = (props) => {\n  const { formatMessage } = useIntl();\n  const authService = getAuthService();\n  const {\n    context,\n    errorCode,\n    errorCount, // This is used to trigger the useEffect, facilitating the scrolling to the top.\n  } = props;\n\n  useEffect(() => {\n    windowScrollTo({ left: 0, top: 0, behavior: 'smooth' });\n  }, [errorCode, errorCount]);\n\n  if (!errorCode) {\n    return null;\n  }\n\n  let resetLink = (\n    <Hyperlink destination=\"reset\" isInline>\n      {formatMessage(messages['login.incorrect.credentials.error.reset.link.text'])}\n    </Hyperlink>\n  );\n\n  let errorMessage;\n  switch (errorCode) {\n    case NON_COMPLIANT_PASSWORD_EXCEPTION: {\n      errorMessage = (\n        <>\n          <strong>{formatMessage(messages['non.compliant.password.title'])}</strong>\n          <p>{formatMessage(messages['non.compliant.password.message'])}</p>\n        </>\n      );\n      break;\n    }\n    case FORBIDDEN_REQUEST:\n      errorMessage = <p>{formatMessage(messages['login.rate.limit.reached.message'])}</p>;\n      break;\n    case INACTIVE_USER: {\n      const supportLink = (\n        <a href={context.supportLink}>\n          {formatMessage(messages['contact.support.link'], { platformName: context.platformName })}\n        </a>\n      );\n      errorMessage = (\n        <p>\n          <FormattedMessage\n            id=\"login.inactive.user.error\"\n            defaultMessage=\"In order to sign in, you need to activate your account.{lineBreak}\n            {lineBreak}We just sent an activation link to {email}. If you do not receive an email,\n            check your spam folders or {supportLink}.\"\n            description=\"An error message shown to users when they sign in if they have not yet activated their account. It attempts to explain to them how to activate their account by looking for an email from the system.\"\n            values={{\n              lineBreak: <br />,\n              email: <strong className=\"data-hj-suppress\">{context.email}</strong>,\n              supportLink,\n            }}\n          />\n        </p>\n      );\n      break;\n    }\n    case ALLOWED_DOMAIN_LOGIN_ERROR: {\n      const url = `${getSiteConfig().lmsBaseUrl}/dashboard/?tpa_hint=${context.tpaHint}`;\n      const tpaLink = (\n        <a href={url}>\n          {formatMessage(messages['tpa.account.link'], { provider: context.provider })}\n        </a>\n      );\n      errorMessage = (\n        <p>\n          <FormattedMessage\n            id=\"allowed.domain.login.error\"\n            description=\"Display this error message when staff user try to login through password\"\n            defaultMessage=\"As {allowedDomain} user, You must login with your {allowedDomain} {tpaLink}.\"\n            values={{ allowedDomain: context.allowedDomain, tpaLink }}\n          />\n        </p>\n      );\n      break;\n    }\n    case INVALID_FORM:\n      errorMessage = <p>{formatMessage(messages['login.form.invalid.error.message'])}</p>;\n      break;\n    case FAILED_LOGIN_ATTEMPT: {\n      resetLink = (\n        <Hyperlink destination=\"reset\" isInline>\n          {formatMessage(messages['login.incorrect.credentials.error.before.account.blocked.text'])}\n        </Hyperlink>\n      );\n      errorMessage = (\n        <>\n          <p>\n            <FormattedMessage\n              id=\"login.incorrect.credentials.error.attempts.text.1\"\n              description=\"Error message for incorrect email or password\"\n              defaultMessage=\"The username, email or password you entered is incorrect. You have {remainingAttempts} more sign in\n                attempts before your account is temporarily locked.\"\n              values={{ remainingAttempts: context.remainingAttempts }}\n            />\n          </p>\n          <p>\n            <FormattedMessage\n              id=\"login.incorrect.credentials.error.attempts.text.2\"\n              description=\"Part of error message for incorrect email or password\"\n              defaultMessage=\"If you've forgotten your password, {resetLink}\"\n              values={{ resetLink }}\n            />\n          </p>\n        </>\n      );\n      break;\n    }\n    case ACCOUNT_LOCKED_OUT: {\n      errorMessage = (\n        <>\n          <p>{formatMessage(messages['account.locked.out.message.1'])}</p>\n          <p>\n            <FormattedMessage\n              id=\"account.locked.out.message.2\"\n              description=\"Part of message for when user account has been locked out after multiple failed login attempts\"\n              defaultMessage=\"To be on the safe side, you can {resetLink} before trying again.\"\n              values={{ resetLink }}\n            />\n          </p>\n        </>\n      );\n      break;\n    }\n    case INCORRECT_EMAIL_PASSWORD:\n      if (context.failureCount <= 1) {\n        errorMessage = <p>{formatMessage(messages['login.incorrect.credentials.error'])}</p>;\n      } else if (context.failureCount === 2) {\n        errorMessage = (\n          <p>\n            <FormattedMessage\n              id=\"login.incorrect.credentials.error.with.reset.link\"\n              defaultMessage=\"The username, email, or password you entered is incorrect. Please try again or {resetLink}.\"\n              description=\"An error message shown to users if some part of their login information was incorrect.\"\n              values={{ resetLink }}\n            />\n          </p>\n        );\n      }\n      break;\n    case NUDGE_PASSWORD_CHANGE:\n      // Need to clear the CSRF token here to fetch a new one because token is already rotated after successful login.\n      if (authService) {\n        authService.getCsrfTokenService().clearCsrfTokenCache();\n      }\n      return (\n        <ChangePasswordPrompt\n          redirectUrl={context.redirectUrl}\n          variant=\"nudge\"\n        />\n      );\n    case REQUIRE_PASSWORD_CHANGE:\n      return <ChangePasswordPrompt />;\n    case TPA_AUTHENTICATION_FAILURE:\n      errorMessage = (\n        <p>\n          {formatMessage(messages['login.tpa.authentication.failure'], {\n            platform_name: getSiteConfig().siteName,\n            lineBreak: <br />,\n            errorMessage: context.errorMessage,\n          })}\n        </p>\n      );\n      break;\n    case INTERNAL_SERVER_ERROR:\n    default:\n      errorMessage = <p>{formatMessage(messages['internal.server.error.message'])}</p>;\n      break;\n  }\n\n  return (\n    <Alert id=\"login-failure-alert\" className=\"mb-5\" variant=\"danger\" icon={Error}>\n      <Alert.Heading>{formatMessage(messages['login.failure.header.title'])}</Alert.Heading>\n      {errorMessage}\n    </Alert>\n  );\n};\n\nLoginFailureMessage.defaultProps = {\n  context: {},\n};\n\nLoginFailureMessage.propTypes = {\n  context: PropTypes.shape({\n    supportLink: PropTypes.string,\n    platformName: PropTypes.string,\n    tpaHint: PropTypes.string,\n    provider: PropTypes.string,\n    allowedDomain: PropTypes.string,\n    remainingAttempts: PropTypes.number,\n    failureCount: PropTypes.number,\n    errorMessage: PropTypes.string,\n    email: PropTypes.string,\n    redirectUrl: PropTypes.string,\n  }),\n  errorCode: PropTypes.string.isRequired,\n  errorCount: PropTypes.number.isRequired,\n};\n\nexport default LoginFailureMessage;\n"]}

package/dist/login/LoginPage.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import("react-redux").ConnectedComponent<import("react").FC<import("react-intl").WithIntlProps<any>> & {
+    WrappedComponent: React.ComponentType<any>;
+}, {
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+    context?: import("react-redux/es/components/Context").ReactReduxContextInstance | undefined;
+    store?: import("redux").Store | undefined;
+}>;
+export default _default;

package/dist/login/LoginPage.js

@@ -0,0 +1,216 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { connect } from 'react-redux';
+import { getSiteConfig, injectIntl, sendPageEvent, sendTrackEvent, useIntl } from '@openedx/frontend-base';
+import { Form, StatefulButton, } from '@openedx/paragon';
+import PropTypes from 'prop-types';
+import { Helmet } from 'react-helmet';
+import Skeleton from 'react-loading-skeleton';
+import { Link } from 'react-router-dom';
+import { FormGroup, InstitutionLogistration, PasswordField, RedirectLogistration, ThirdPartyAuthAlert, } from '../common-components';
+import { getThirdPartyAuthContext } from '../common-components/data/actions';
+import { thirdPartyAuthContextSelector } from '../common-components/data/selectors';
+import EnterpriseSSO from '../common-components/EnterpriseSSO';
+import ThirdPartyAuth from '../common-components/ThirdPartyAuth';
+import { DEFAULT_STATE, PENDING_STATE, RESET_PAGE, } from '../data/constants';
+import { getActivationStatus, getAllPossibleQueryParams, getTpaHint, getTpaProvider, updatePathWithQueryParams, } from '../data/utils';
+import ResetPasswordSuccess from '../reset-password/ResetPasswordSuccess';
+import AccountActivationMessage from './AccountActivationMessage';
+import { backupLoginFormBegin, dismissPasswordResetBanner, loginRequest, } from './data/actions';
+import { INVALID_FORM, TPA_AUTHENTICATION_FAILURE } from './data/constants';
+import LoginFailureMessage from './LoginFailure';
+import messages from './messages';
+const LoginPage = (props) => {
+    const { backedUpFormData, loginErrorCode, loginErrorContext, loginResult, shouldBackupState, thirdPartyAuthContext: { providers, currentProvider, secondaryProviders, finishAuthUrl, platformName, errorMessage: thirdPartyErrorMessage, }, thirdPartyAuthApiStatus, institutionLogin, showResetPasswordSuccessBanner, submitState, 
+    // Actions
+    backupFormState, handleInstitutionLogin, getTPADataFromBackend, } = props;
+    const { formatMessage } = useIntl();
+    const activationMsgType = getActivationStatus();
+    const queryParams = useMemo(() => getAllPossibleQueryParams(), []);
+    const [formFields, setFormFields] = useState(Object.assign({}, backedUpFormData.formFields));
+    const [errorCode, setErrorCode] = useState({ type: '', count: 0, context: {} });
+    const [errors, setErrors] = useState(Object.assign({}, backedUpFormData.errors));
+    const tpaHint = getTpaHint();
+    useEffect(() => {
+        sendPageEvent('login_and_registration', 'login');
+    }, []);
+    useEffect(() => {
+        const payload = Object.assign({}, queryParams);
+        if (tpaHint) {
+            payload.tpa_hint = tpaHint;
+        }
+        getTPADataFromBackend(payload);
+    }, [getTPADataFromBackend, queryParams, tpaHint]);
+    /**
+     * Backup the login form in redux when login page is toggled.
+     */
+    useEffect(() => {
+        if (shouldBackupState) {
+            backupFormState({
+                formFields: Object.assign({}, formFields),
+                errors: Object.assign({}, errors),
+            });
+        }
+    }, [shouldBackupState, formFields, errors, backupFormState]);
+    useEffect(() => {
+        if (loginErrorCode) {
+            setErrorCode(prevState => ({
+                type: loginErrorCode,
+                count: prevState.count + 1,
+                context: Object.assign({}, loginErrorContext),
+            }));
+        }
+    }, [loginErrorCode, loginErrorContext]);
+    useEffect(() => {
+        if (thirdPartyErrorMessage) {
+            setErrorCode((prevState) => ({
+                type: TPA_AUTHENTICATION_FAILURE,
+                count: prevState.count + 1,
+                context: {
+                    errorMessage: thirdPartyErrorMessage,
+                },
+            }));
+        }
+    }, [thirdPartyErrorMessage]);
+    const validateFormFields = (payload) => {
+        const { emailOrUsername, password } = payload;
+        const fieldErrors = Object.assign({}, errors);
+        if (emailOrUsername === '') {
+            fieldErrors.emailOrUsername = formatMessage(messages['email.validation.message']);
+        }
+        else if (emailOrUsername.length < 2) {
+            fieldErrors.emailOrUsername = formatMessage(messages['username.or.email.format.validation.less.chars.message']);
+        }
+        if (password === '') {
+            fieldErrors.password = formatMessage(messages['password.validation.message']);
+        }
+        return Object.assign({}, fieldErrors);
+    };
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        if (showResetPasswordSuccessBanner) {
+            props.dismissPasswordResetBanner();
+        }
+        const formData = Object.assign({}, formFields);
+        const validationErrors = validateFormFields(formData);
+        if (validationErrors.emailOrUsername || validationErrors.password) {
+            setErrors(Object.assign({}, validationErrors));
+            setErrorCode(prevState => ({ type: INVALID_FORM, count: prevState.count + 1, context: {} }));
+            return;
+        }
+        // add query params to the payload
+        const payload = Object.assign({ email_or_username: formData.emailOrUsername, password: formData.password }, queryParams);
+        props.loginRequest(payload);
+    };
+    const handleOnChange = (event) => {
+        const { name, value } = event.target;
+        setFormFields(prevState => (Object.assign(Object.assign({}, prevState), { [name]: value })));
+    };
+    const handleOnFocus = (event) => {
+        const { name } = event.target;
+        setErrors(prevErrors => (Object.assign(Object.assign({}, prevErrors), { [name]: '' })));
+    };
+    const trackForgotPasswordLinkClick = () => {
+        sendTrackEvent('edx.bi.password-reset_form.toggled', { category: 'user-engagement' });
+    };
+    const { provider, skipHintedLogin } = getTpaProvider(tpaHint, providers, secondaryProviders);
+    if (tpaHint) {
+        if (thirdPartyAuthApiStatus === PENDING_STATE) {
+            return _jsx(Skeleton, { height: 36 });
+        }
+        if (skipHintedLogin) {
+            window.location.href = getSiteConfig().lmsBaseUrl + provider.loginUrl;
+            return null;
+        }
+        if (provider) {
+            return _jsx(EnterpriseSSO, { provider: provider });
+        }
+    }
+    if (institutionLogin) {
+        return (_jsx(InstitutionLogistration, { secondaryProviders: secondaryProviders, headingTitle: formatMessage(messages['institution.login.page.title']) }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(Helmet, { children: _jsx("title", { children: formatMessage(messages['login.page.title'], { siteName: getSiteConfig().siteName }) }) }), _jsx(RedirectLogistration, { success: loginResult.success, redirectUrl: loginResult.redirectUrl, finishAuthUrl: finishAuthUrl }), _jsxs("div", { className: "mw-xs mt-3 mb-2", children: [_jsx(LoginFailureMessage, { errorCode: errorCode.type, errorCount: errorCode.count, context: errorCode.context }), _jsx(ThirdPartyAuthAlert, { currentProvider: currentProvider, platformName: platformName }), _jsx(AccountActivationMessage, { messageType: activationMsgType }), showResetPasswordSuccessBanner && _jsx(ResetPasswordSuccess, {}), _jsxs(Form, { id: "sign-in-form", name: "sign-in-form", children: [_jsx(FormGroup, { name: "emailOrUsername", value: formFields.emailOrUsername, autoComplete: "on", handleChange: handleOnChange, handleFocus: handleOnFocus, errorMessage: errors.emailOrUsername, floatingLabel: formatMessage(messages['login.user.identity.label']) }), _jsx(PasswordField, { name: "password", value: formFields.password, autoComplete: "off", showScreenReaderText: false, showRequirements: false, handleChange: handleOnChange, handleFocus: handleOnFocus, errorMessage: errors.password, floatingLabel: formatMessage(messages['login.password.label']) }), _jsx(StatefulButton, { name: "sign-in", id: "sign-in", type: "submit", variant: "brand", className: "login-button-width", state: submitState, labels: {
+                                    default: formatMessage(messages['sign.in.button']),
+                                    pending: '',
+                                }, onClick: handleSubmit, onMouseDown: (event) => event.preventDefault() }), _jsx(Link, { id: "forgot-password", name: "forgot-password", className: "btn btn-link font-weight-500 text-body", to: updatePathWithQueryParams(RESET_PAGE), onClick: trackForgotPasswordLinkClick, children: formatMessage(messages['forgot.password']) }), _jsx(ThirdPartyAuth, { currentProvider: currentProvider, providers: providers, secondaryProviders: secondaryProviders, handleInstitutionLogin: handleInstitutionLogin, thirdPartyAuthApiStatus: thirdPartyAuthApiStatus, isLoginPage: true })] })] })] }));
+};
+const mapStateToProps = state => {
+    const loginPageState = state.login;
+    return {
+        backedUpFormData: loginPageState.loginFormData,
+        loginErrorCode: loginPageState.loginErrorCode,
+        loginErrorContext: loginPageState.loginErrorContext,
+        loginResult: loginPageState.loginResult,
+        shouldBackupState: loginPageState.shouldBackupState,
+        showResetPasswordSuccessBanner: loginPageState.showResetPasswordSuccessBanner,
+        submitState: loginPageState.submitState,
+        thirdPartyAuthContext: thirdPartyAuthContextSelector(state),
+        thirdPartyAuthApiStatus: state.commonComponents.thirdPartyAuthApiStatus,
+    };
+};
+LoginPage.propTypes = {
+    backedUpFormData: PropTypes.shape({
+        formFields: PropTypes.shape({}),
+        errors: PropTypes.shape({}),
+    }),
+    loginErrorCode: PropTypes.string,
+    loginErrorContext: PropTypes.shape({
+        email: PropTypes.string,
+        redirectUrl: PropTypes.string,
+        context: PropTypes.shape({}),
+    }),
+    loginResult: PropTypes.shape({
+        redirectUrl: PropTypes.string,
+        success: PropTypes.bool,
+    }),
+    shouldBackupState: PropTypes.bool,
+    showResetPasswordSuccessBanner: PropTypes.bool,
+    submitState: PropTypes.string,
+    thirdPartyAuthApiStatus: PropTypes.string,
+    institutionLogin: PropTypes.bool.isRequired,
+    thirdPartyAuthContext: PropTypes.shape({
+        currentProvider: PropTypes.string,
+        errorMessage: PropTypes.string,
+        platformName: PropTypes.string,
+        providers: PropTypes.arrayOf(PropTypes.shape({})),
+        secondaryProviders: PropTypes.arrayOf(PropTypes.shape({})),
+        finishAuthUrl: PropTypes.string,
+    }),
+    // Actions
+    backupFormState: PropTypes.func.isRequired,
+    dismissPasswordResetBanner: PropTypes.func.isRequired,
+    loginRequest: PropTypes.func.isRequired,
+    getTPADataFromBackend: PropTypes.func.isRequired,
+    handleInstitutionLogin: PropTypes.func.isRequired,
+};
+LoginPage.defaultProps = {
+    backedUpFormData: {
+        formFields: {
+            emailOrUsername: '', password: '',
+        },
+        errors: {
+            emailOrUsername: '', password: '',
+        },
+    },
+    loginErrorCode: null,
+    loginErrorContext: {},
+    loginResult: {},
+    shouldBackupState: false,
+    showResetPasswordSuccessBanner: false,
+    submitState: DEFAULT_STATE,
+    thirdPartyAuthApiStatus: PENDING_STATE,
+    thirdPartyAuthContext: {
+        currentProvider: null,
+        errorMessage: null,
+        finishAuthUrl: null,
+        providers: [],
+        secondaryProviders: [],
+    },
+};
+export default connect(mapStateToProps, {
+    backupFormState: backupLoginFormBegin,
+    dismissPasswordResetBanner,
+    loginRequest,
+    getTPADataFromBackend: getThirdPartyAuthContext,
+})(injectIntl(LoginPage));
+//# sourceMappingURL=LoginPage.js.map

package/dist/login/LoginPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../src/login/LoginPage.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { connect } from 'react-redux';\n\nimport {\n  getSiteConfig, injectIntl, sendPageEvent, sendTrackEvent, useIntl\n} from '@openedx/frontend-base';\nimport {\n  Form, StatefulButton,\n} from '@openedx/paragon';\nimport PropTypes from 'prop-types';\nimport { Helmet } from 'react-helmet';\nimport Skeleton from 'react-loading-skeleton';\nimport { Link } from 'react-router-dom';\n\nimport {\n  FormGroup,\n  InstitutionLogistration,\n  PasswordField,\n  RedirectLogistration,\n  ThirdPartyAuthAlert,\n} from '../common-components';\nimport { getThirdPartyAuthContext } from '../common-components/data/actions';\nimport { thirdPartyAuthContextSelector } from '../common-components/data/selectors';\nimport EnterpriseSSO from '../common-components/EnterpriseSSO';\nimport ThirdPartyAuth from '../common-components/ThirdPartyAuth';\nimport {\n  DEFAULT_STATE, PENDING_STATE, RESET_PAGE,\n} from '../data/constants';\nimport {\n  getActivationStatus,\n  getAllPossibleQueryParams,\n  getTpaHint,\n  getTpaProvider,\n  updatePathWithQueryParams,\n} from '../data/utils';\nimport ResetPasswordSuccess from '../reset-password/ResetPasswordSuccess';\nimport AccountActivationMessage from './AccountActivationMessage';\nimport {\n  backupLoginFormBegin,\n  dismissPasswordResetBanner,\n  loginRequest,\n} from './data/actions';\nimport { INVALID_FORM, TPA_AUTHENTICATION_FAILURE } from './data/constants';\nimport LoginFailureMessage from './LoginFailure';\nimport messages from './messages';\n\nconst LoginPage = (props) => {\n  const {\n    backedUpFormData,\n    loginErrorCode,\n    loginErrorContext,\n    loginResult,\n    shouldBackupState,\n    thirdPartyAuthContext: {\n      providers,\n      currentProvider,\n      secondaryProviders,\n      finishAuthUrl,\n      platformName,\n      errorMessage: thirdPartyErrorMessage,\n    },\n    thirdPartyAuthApiStatus,\n    institutionLogin,\n    showResetPasswordSuccessBanner,\n    submitState,\n    // Actions\n    backupFormState,\n    handleInstitutionLogin,\n    getTPADataFromBackend,\n  } = props;\n  const { formatMessage } = useIntl();\n  const activationMsgType = getActivationStatus();\n  const queryParams = useMemo(() => getAllPossibleQueryParams(), []);\n\n  const [formFields, setFormFields] = useState({ ...backedUpFormData.formFields });\n  const [errorCode, setErrorCode] = useState({ type: '', count: 0, context: {} });\n  const [errors, setErrors] = useState({ ...backedUpFormData.errors });\n  const tpaHint = getTpaHint();\n\n  useEffect(() => {\n    sendPageEvent('login_and_registration', 'login');\n  }, []);\n\n  useEffect(() => {\n    const payload = { ...queryParams };\n    if (tpaHint) {\n      payload.tpa_hint = tpaHint;\n    }\n    getTPADataFromBackend(payload);\n  }, [getTPADataFromBackend, queryParams, tpaHint]);\n  /**\n   * Backup the login form in redux when login page is toggled.\n   */\n  useEffect(() => {\n    if (shouldBackupState) {\n      backupFormState({\n        formFields: { ...formFields },\n        errors: { ...errors },\n      });\n    }\n  }, [shouldBackupState, formFields, errors, backupFormState]);\n\n  useEffect(() => {\n    if (loginErrorCode) {\n      setErrorCode(prevState => ({\n        type: loginErrorCode,\n        count: prevState.count + 1,\n        context: { ...loginErrorContext },\n      }));\n    }\n  }, [loginErrorCode, loginErrorContext]);\n\n  useEffect(() => {\n    if (thirdPartyErrorMessage) {\n      setErrorCode((prevState) => ({\n        type: TPA_AUTHENTICATION_FAILURE,\n        count: prevState.count + 1,\n        context: {\n          errorMessage: thirdPartyErrorMessage,\n        },\n      }));\n    }\n  }, [thirdPartyErrorMessage]);\n\n  const validateFormFields = (payload) => {\n    const { emailOrUsername, password } = payload;\n    const fieldErrors = { ...errors };\n\n    if (emailOrUsername === '') {\n      fieldErrors.emailOrUsername = formatMessage(messages['email.validation.message']);\n    } else if (emailOrUsername.length < 2) {\n      fieldErrors.emailOrUsername = formatMessage(messages['username.or.email.format.validation.less.chars.message']);\n    }\n    if (password === '') {\n      fieldErrors.password = formatMessage(messages['password.validation.message']);\n    }\n\n    return { ...fieldErrors };\n  };\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    if (showResetPasswordSuccessBanner) {\n      props.dismissPasswordResetBanner();\n    }\n\n    const formData = { ...formFields };\n    const validationErrors = validateFormFields(formData);\n    if (validationErrors.emailOrUsername || validationErrors.password) {\n      setErrors({ ...validationErrors });\n      setErrorCode(prevState => ({ type: INVALID_FORM, count: prevState.count + 1, context: {} }));\n      return;\n    }\n\n    // add query params to the payload\n    const payload = {\n      email_or_username: formData.emailOrUsername,\n      password: formData.password,\n      ...queryParams,\n    };\n    props.loginRequest(payload);\n  };\n\n  const handleOnChange = (event) => {\n    const { name, value } = event.target;\n    setFormFields(prevState => ({ ...prevState, [name]: value }));\n  };\n\n  const handleOnFocus = (event) => {\n    const { name } = event.target;\n    setErrors(prevErrors => ({ ...prevErrors, [name]: '' }));\n  };\n  const trackForgotPasswordLinkClick = () => {\n    sendTrackEvent('edx.bi.password-reset_form.toggled', { category: 'user-engagement' });\n  };\n\n  const { provider, skipHintedLogin } = getTpaProvider(tpaHint, providers, secondaryProviders);\n\n  if (tpaHint) {\n    if (thirdPartyAuthApiStatus === PENDING_STATE) {\n      return <Skeleton height={36} />;\n    }\n\n    if (skipHintedLogin) {\n      window.location.href = getSiteConfig().lmsBaseUrl + provider.loginUrl;\n      return null;\n    }\n\n    if (provider) {\n      return <EnterpriseSSO provider={provider} />;\n    }\n  }\n\n  if (institutionLogin) {\n    return (\n      <InstitutionLogistration\n        secondaryProviders={secondaryProviders}\n        headingTitle={formatMessage(messages['institution.login.page.title'])}\n      />\n    );\n  }\n  return (\n    <>\n      <Helmet>\n        <title>{formatMessage(messages['login.page.title'], { siteName: getSiteConfig().siteName })}</title>\n      </Helmet>\n      <RedirectLogistration\n        success={loginResult.success}\n        redirectUrl={loginResult.redirectUrl}\n        finishAuthUrl={finishAuthUrl}\n      />\n      <div className=\"mw-xs mt-3 mb-2\">\n        <LoginFailureMessage\n          errorCode={errorCode.type}\n          errorCount={errorCode.count}\n          context={errorCode.context}\n        />\n        <ThirdPartyAuthAlert\n          currentProvider={currentProvider}\n          platformName={platformName}\n        />\n        <AccountActivationMessage\n          messageType={activationMsgType}\n        />\n        {showResetPasswordSuccessBanner && <ResetPasswordSuccess />}\n        <Form id=\"sign-in-form\" name=\"sign-in-form\">\n          <FormGroup\n            name=\"emailOrUsername\"\n            value={formFields.emailOrUsername}\n            autoComplete=\"on\"\n            handleChange={handleOnChange}\n            handleFocus={handleOnFocus}\n            errorMessage={errors.emailOrUsername}\n            floatingLabel={formatMessage(messages['login.user.identity.label'])}\n          />\n          <PasswordField\n            name=\"password\"\n            value={formFields.password}\n            autoComplete=\"off\"\n            showScreenReaderText={false}\n            showRequirements={false}\n            handleChange={handleOnChange}\n            handleFocus={handleOnFocus}\n            errorMessage={errors.password}\n            floatingLabel={formatMessage(messages['login.password.label'])}\n          />\n          <StatefulButton\n            name=\"sign-in\"\n            id=\"sign-in\"\n            type=\"submit\"\n            variant=\"brand\"\n            className=\"login-button-width\"\n            state={submitState}\n            labels={{\n              default: formatMessage(messages['sign.in.button']),\n              pending: '',\n            }}\n            onClick={handleSubmit}\n            onMouseDown={(event) => event.preventDefault()}\n          />\n          <Link\n            id=\"forgot-password\"\n            name=\"forgot-password\"\n            className=\"btn btn-link font-weight-500 text-body\"\n            to={updatePathWithQueryParams(RESET_PAGE)}\n            onClick={trackForgotPasswordLinkClick}\n          >\n            {formatMessage(messages['forgot.password'])}\n          </Link>\n          <ThirdPartyAuth\n            currentProvider={currentProvider}\n            providers={providers}\n            secondaryProviders={secondaryProviders}\n            handleInstitutionLogin={handleInstitutionLogin}\n            thirdPartyAuthApiStatus={thirdPartyAuthApiStatus}\n            isLoginPage\n          />\n        </Form>\n      </div>\n    </>\n  );\n};\n\nconst mapStateToProps = state => {\n  const loginPageState = state.login;\n  return {\n    backedUpFormData: loginPageState.loginFormData,\n    loginErrorCode: loginPageState.loginErrorCode,\n    loginErrorContext: loginPageState.loginErrorContext,\n    loginResult: loginPageState.loginResult,\n    shouldBackupState: loginPageState.shouldBackupState,\n    showResetPasswordSuccessBanner: loginPageState.showResetPasswordSuccessBanner,\n    submitState: loginPageState.submitState,\n    thirdPartyAuthContext: thirdPartyAuthContextSelector(state),\n    thirdPartyAuthApiStatus: state.commonComponents.thirdPartyAuthApiStatus,\n  };\n};\n\nLoginPage.propTypes = {\n  backedUpFormData: PropTypes.shape({\n    formFields: PropTypes.shape({}),\n    errors: PropTypes.shape({}),\n  }),\n  loginErrorCode: PropTypes.string,\n  loginErrorContext: PropTypes.shape({\n    email: PropTypes.string,\n    redirectUrl: PropTypes.string,\n    context: PropTypes.shape({}),\n  }),\n  loginResult: PropTypes.shape({\n    redirectUrl: PropTypes.string,\n    success: PropTypes.bool,\n  }),\n  shouldBackupState: PropTypes.bool,\n  showResetPasswordSuccessBanner: PropTypes.bool,\n  submitState: PropTypes.string,\n  thirdPartyAuthApiStatus: PropTypes.string,\n  institutionLogin: PropTypes.bool.isRequired,\n  thirdPartyAuthContext: PropTypes.shape({\n    currentProvider: PropTypes.string,\n    errorMessage: PropTypes.string,\n    platformName: PropTypes.string,\n    providers: PropTypes.arrayOf(PropTypes.shape({})),\n    secondaryProviders: PropTypes.arrayOf(PropTypes.shape({})),\n    finishAuthUrl: PropTypes.string,\n  }),\n  // Actions\n  backupFormState: PropTypes.func.isRequired,\n  dismissPasswordResetBanner: PropTypes.func.isRequired,\n  loginRequest: PropTypes.func.isRequired,\n  getTPADataFromBackend: PropTypes.func.isRequired,\n  handleInstitutionLogin: PropTypes.func.isRequired,\n};\n\nLoginPage.defaultProps = {\n  backedUpFormData: {\n    formFields: {\n      emailOrUsername: '', password: '',\n    },\n    errors: {\n      emailOrUsername: '', password: '',\n    },\n  },\n  loginErrorCode: null,\n  loginErrorContext: {},\n  loginResult: {},\n  shouldBackupState: false,\n  showResetPasswordSuccessBanner: false,\n  submitState: DEFAULT_STATE,\n  thirdPartyAuthApiStatus: PENDING_STATE,\n  thirdPartyAuthContext: {\n    currentProvider: null,\n    errorMessage: null,\n    finishAuthUrl: null,\n    providers: [],\n    secondaryProviders: [],\n  },\n};\n\nexport default connect(\n  mapStateToProps,\n  {\n    backupFormState: backupLoginFormBegin,\n    dismissPasswordResetBanner,\n    loginRequest,\n    getTPADataFromBackend: getThirdPartyAuthContext,\n  },\n)(injectIntl(LoginPage));\n"]}

package/dist/login/data/actions.d.ts

@@ -0,0 +1,36 @@
+export const BACKUP_LOGIN_DATA: AsyncActionType;
+export const LOGIN_REQUEST: AsyncActionType;
+export const DISMISS_PASSWORD_RESET_BANNER: "DISMISS_PASSWORD_RESET_BANNER";
+export function backupLoginForm(): {
+    type: string;
+};
+export function backupLoginFormBegin(data: any): {
+    type: string;
+    payload: any;
+};
+export function loginRequest(creds: any): {
+    type: string;
+    payload: {
+        creds: any;
+    };
+};
+export function loginRequestBegin(): {
+    type: string;
+};
+export function loginRequestSuccess(redirectUrl: any, success: any): {
+    type: string;
+    payload: {
+        redirectUrl: any;
+        success: any;
+    };
+};
+export function loginRequestFailure(loginError: any): {
+    type: string;
+    payload: {
+        loginError: any;
+    };
+};
+export function dismissPasswordResetBanner(): {
+    type: string;
+};
+import { AsyncActionType } from '../../data/utils';

package/{src → dist}/login/data/actions.js

@@ -1,39 +1,32 @@
 import { AsyncActionType } from '../../data/utils';
-
 export const BACKUP_LOGIN_DATA = new AsyncActionType('LOGIN', 'BACKUP_LOGIN_DATA');
 export const LOGIN_REQUEST = new AsyncActionType('LOGIN', 'REQUEST');
 export const DISMISS_PASSWORD_RESET_BANNER = 'DISMISS_PASSWORD_RESET_BANNER';
-
 // Backup login form data
 export const backupLoginForm = () => ({
-  type: BACKUP_LOGIN_DATA.BASE,
+    type: BACKUP_LOGIN_DATA.BASE,
 });
-
 export const backupLoginFormBegin = (data) => ({
-  type: BACKUP_LOGIN_DATA.BEGIN,
-  payload: { ...data },
+    type: BACKUP_LOGIN_DATA.BEGIN,
+    payload: Object.assign({}, data),
 });
-
 // Login
 export const loginRequest = creds => ({
-  type: LOGIN_REQUEST.BASE,
-  payload: { creds },
+    type: LOGIN_REQUEST.BASE,
+    payload: { creds },
 });
-
 export const loginRequestBegin = () => ({
-  type: LOGIN_REQUEST.BEGIN,
+    type: LOGIN_REQUEST.BEGIN,
 });
-
 export const loginRequestSuccess = (redirectUrl, success) => ({
-  type: LOGIN_REQUEST.SUCCESS,
-  payload: { redirectUrl, success },
+    type: LOGIN_REQUEST.SUCCESS,
+    payload: { redirectUrl, success },
 });
-
 export const loginRequestFailure = (loginError) => ({
-  type: LOGIN_REQUEST.FAILURE,
-  payload: { loginError },
+    type: LOGIN_REQUEST.FAILURE,
+    payload: { loginError },
 });
-
 export const dismissPasswordResetBanner = () => ({
-  type: DISMISS_PASSWORD_RESET_BANNER,
+    type: DISMISS_PASSWORD_RESET_BANNER,
 });
+//# sourceMappingURL=actions.js.map

package/dist/login/data/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/login/data/actions.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,eAAe,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;AACnF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACrE,MAAM,CAAC,MAAM,6BAA6B,GAAG,+BAA+B,CAAC;AAE7E,yBAAyB;AACzB,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CAAC;IACpC,IAAI,EAAE,iBAAiB,CAAC,IAAI;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC7C,IAAI,EAAE,iBAAiB,CAAC,KAAK;IAC7B,OAAO,oBAAO,IAAI,CAAE;CACrB,CAAC,CAAC;AAEH,QAAQ;AACR,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;IACpC,IAAI,EAAE,aAAa,CAAC,IAAI;IACxB,OAAO,EAAE,EAAE,KAAK,EAAE;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAAC;IACtC,IAAI,EAAE,aAAa,CAAC,KAAK;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;IAC5D,IAAI,EAAE,aAAa,CAAC,OAAO;IAC3B,OAAO,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE;CAClC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAClD,IAAI,EAAE,aAAa,CAAC,OAAO;IAC3B,OAAO,EAAE,EAAE,UAAU,EAAE;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE,CAAC,CAAC;IAC/C,IAAI,EAAE,6BAA6B;CACpC,CAAC,CAAC","sourcesContent":["import { AsyncActionType } from '../../data/utils';\n\nexport const BACKUP_LOGIN_DATA = new AsyncActionType('LOGIN', 'BACKUP_LOGIN_DATA');\nexport const LOGIN_REQUEST = new AsyncActionType('LOGIN', 'REQUEST');\nexport const DISMISS_PASSWORD_RESET_BANNER = 'DISMISS_PASSWORD_RESET_BANNER';\n\n// Backup login form data\nexport const backupLoginForm = () => ({\n  type: BACKUP_LOGIN_DATA.BASE,\n});\n\nexport const backupLoginFormBegin = (data) => ({\n  type: BACKUP_LOGIN_DATA.BEGIN,\n  payload: { ...data },\n});\n\n// Login\nexport const loginRequest = creds => ({\n  type: LOGIN_REQUEST.BASE,\n  payload: { creds },\n});\n\nexport const loginRequestBegin = () => ({\n  type: LOGIN_REQUEST.BEGIN,\n});\n\nexport const loginRequestSuccess = (redirectUrl, success) => ({\n  type: LOGIN_REQUEST.SUCCESS,\n  payload: { redirectUrl, success },\n});\n\nexport const loginRequestFailure = (loginError) => ({\n  type: LOGIN_REQUEST.FAILURE,\n  payload: { loginError },\n});\n\nexport const dismissPasswordResetBanner = () => ({\n  type: DISMISS_PASSWORD_RESET_BANNER,\n});\n"]}

package/dist/login/data/constants.d.ts

@@ -0,0 +1,17 @@
+export const INACTIVE_USER: "inactive-user";
+export const INTERNAL_SERVER_ERROR: "internal-server-error";
+export const INVALID_FORM: "invalid-form";
+export const NON_COMPLIANT_PASSWORD_EXCEPTION: "NonCompliantPasswordException";
+export const FORBIDDEN_REQUEST: "forbidden-request";
+export const FAILED_LOGIN_ATTEMPT: "failed-login-attempt";
+export const ACCOUNT_LOCKED_OUT: "account-locked-out";
+export const INCORRECT_EMAIL_PASSWORD: "incorrect-email-or-password";
+export const NUDGE_PASSWORD_CHANGE: "nudge-password-change";
+export const REQUIRE_PASSWORD_CHANGE: "require-password-change";
+export const ALLOWED_DOMAIN_LOGIN_ERROR: "allowed-domain-login-error";
+export const TPA_AUTHENTICATION_FAILURE: "tpa-authentication-failure";
+export namespace ACCOUNT_ACTIVATION_MESSAGE {
+    let INFO: string;
+    let SUCCESS: string;
+    let ERROR: string;
+}

package/{src → dist}/login/data/constants.js

@@ -11,10 +11,10 @@ export const NUDGE_PASSWORD_CHANGE = 'nudge-password-change';
 export const REQUIRE_PASSWORD_CHANGE = 'require-password-change';
 export const ALLOWED_DOMAIN_LOGIN_ERROR = 'allowed-domain-login-error';
 export const TPA_AUTHENTICATION_FAILURE = 'tpa-authentication-failure';
-
 // Account Activation Message
 export const ACCOUNT_ACTIVATION_MESSAGE = {
-  INFO: 'info',
-  SUCCESS: 'success',
-  ERROR: 'error',
+    INFO: 'info',
+    SUCCESS: 'success',
+    ERROR: 'error',
 };
+//# sourceMappingURL=constants.js.map

package/dist/login/data/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/login/data/constants.js"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;AAC7C,MAAM,CAAC,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAC7D,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAC;AAC3C,MAAM,CAAC,MAAM,gCAAgC,GAAG,+BAA+B,CAAC;AAChF,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AACrD,MAAM,CAAC,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAC3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC;AACvD,MAAM,CAAC,MAAM,wBAAwB,GAAG,6BAA6B,CAAC;AACtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAC7D,MAAM,CAAC,MAAM,uBAAuB,GAAG,yBAAyB,CAAC;AACjE,MAAM,CAAC,MAAM,0BAA0B,GAAG,4BAA4B,CAAC;AACvE,MAAM,CAAC,MAAM,0BAA0B,GAAG,4BAA4B,CAAC;AAEvE,6BAA6B;AAC7B,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;CACf,CAAC","sourcesContent":["// Login Error Codes\nexport const INACTIVE_USER = 'inactive-user';\nexport const INTERNAL_SERVER_ERROR = 'internal-server-error';\nexport const INVALID_FORM = 'invalid-form';\nexport const NON_COMPLIANT_PASSWORD_EXCEPTION = 'NonCompliantPasswordException';\nexport const FORBIDDEN_REQUEST = 'forbidden-request';\nexport const FAILED_LOGIN_ATTEMPT = 'failed-login-attempt';\nexport const ACCOUNT_LOCKED_OUT = 'account-locked-out';\nexport const INCORRECT_EMAIL_PASSWORD = 'incorrect-email-or-password';\nexport const NUDGE_PASSWORD_CHANGE = 'nudge-password-change';\nexport const REQUIRE_PASSWORD_CHANGE = 'require-password-change';\nexport const ALLOWED_DOMAIN_LOGIN_ERROR = 'allowed-domain-login-error';\nexport const TPA_AUTHENTICATION_FAILURE = 'tpa-authentication-failure';\n\n// Account Activation Message\nexport const ACCOUNT_ACTIVATION_MESSAGE = {\n  INFO: 'info',\n  SUCCESS: 'success',\n  ERROR: 'error',\n};\n"]}

package/dist/login/data/reducers.d.ts

@@ -0,0 +1,82 @@
+export namespace defaultState {
+    export let loginErrorCode: string;
+    export let loginErrorContext: {};
+    export let loginResult: {};
+    export namespace loginFormData {
+        namespace formFields {
+            let emailOrUsername: string;
+            let password: string;
+        }
+        namespace errors {
+            let emailOrUsername_1: string;
+            export { emailOrUsername_1 as emailOrUsername };
+            let password_1: string;
+            export { password_1 as password };
+        }
+    }
+    export let shouldBackupState: boolean;
+    export let showResetPasswordSuccessBanner: boolean;
+    export { DEFAULT_STATE as submitState };
+}
+export default reducer;
+import { DEFAULT_STATE } from '../../data/constants';
+declare function reducer(state?: {
+    loginErrorCode: string;
+    loginErrorContext: {};
+    loginResult: {};
+    loginFormData: {
+        formFields: {
+            emailOrUsername: string;
+            password: string;
+        };
+        errors: {
+            emailOrUsername: string;
+            password: string;
+        };
+    };
+    shouldBackupState: boolean;
+    showResetPasswordSuccessBanner: boolean;
+    submitState: string;
+}, action?: {}): {
+    loginFormData: any;
+    loginErrorCode: string;
+    loginErrorContext: {};
+    loginResult: {};
+    shouldBackupState: boolean;
+    showResetPasswordSuccessBanner: boolean;
+    submitState: string;
+} | {
+    loginResult: any;
+    loginErrorCode: string;
+    loginErrorContext: {};
+    loginFormData: {
+        formFields: {
+            emailOrUsername: string;
+            password: string;
+        };
+        errors: {
+            emailOrUsername: string;
+            password: string;
+        };
+    };
+    shouldBackupState: boolean;
+    showResetPasswordSuccessBanner: boolean;
+    submitState: string;
+} | {
+    loginErrorCode: any;
+    loginErrorContext: any;
+    submitState: string;
+    loginResult: {};
+    loginFormData: {
+        formFields: {
+            emailOrUsername: string;
+            password: string;
+        };
+        errors: {
+            emailOrUsername: string;
+            password: string;
+        };
+    };
+    shouldBackupState: boolean;
+    showResetPasswordSuccessBanner: boolean;
+};