@openedx/frontend-app-authn 1.0.0-alpha.5 → 1.0.0-alpha.7

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,12 @@
+export default LoginPage;
+declare function LoginPage({ institutionLogin, handleInstitutionLogin, }: {
+    institutionLogin: any;
+    handleInstitutionLogin: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace LoginPage {
+    namespace propTypes {
+        let institutionLogin: PropTypes.Validator<boolean>;
+        let handleInstitutionLogin: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/login/LoginPage.js

@@ -0,0 +1,174 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { fetchAuthenticatedUser, hydrateAuthenticatedUser, getSiteConfig, getUrlByRouteRole, 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, useLocation } from 'react-router-dom';
+import { FormGroup, InstitutionLogistration, PasswordField, RedirectLogistration, ThirdPartyAuthAlert, } from '../common-components';
+import AccountActivationMessage from './AccountActivationMessage';
+import { useThirdPartyAuthContext } from '../common-components/components/ThirdPartyAuthContext';
+import { useThirdPartyAuthHook } from '../common-components/data/apiHook';
+import EnterpriseSSO from '../common-components/EnterpriseSSO';
+import ThirdPartyAuth from '../common-components/ThirdPartyAuth';
+import { loginPath, resetPasswordRole } from '../constants';
+import { PENDING_STATE } from '../data/constants';
+import { getActivationStatus, getAllPossibleQueryParams, getTpaHint, getTpaProvider, updatePathWithQueryParams, } from '../data/utils';
+import ResetPasswordSuccess from '../reset-password/ResetPasswordSuccess';
+import { useLoginContext } from './components/LoginContext';
+import { useLogin } from './data/apiHook';
+import { INVALID_FORM, TPA_AUTHENTICATION_FAILURE } from './data/constants';
+import LoginFailureMessage from './LoginFailure';
+import messages from './messages';
+const LoginPage = ({ institutionLogin, handleInstitutionLogin, }) => {
+    var _a, _b;
+    // Context for third-party auth
+    const { thirdPartyAuthApiStatus, thirdPartyAuthContext, setThirdPartyAuthContextBegin, setThirdPartyAuthContextSuccess, setThirdPartyAuthContextFailure, } = useThirdPartyAuthContext();
+    const location = useLocation();
+    const { formFields, setFormFields, errors, setErrors, } = useLoginContext();
+    // React Query for server state
+    const [loginResult, setLoginResult] = useState({ success: false, redirectUrl: '' });
+    const [errorCode, setErrorCode] = useState({
+        type: '',
+        count: 0,
+        context: {},
+    });
+    const { mutate: loginUser, isPending: isLoggingIn } = useLogin({
+        onSuccess: (data) => __awaiter(void 0, void 0, void 0, function* () {
+            const redirectUrl = localNextPath || data.redirectUrl || '';
+            if (redirectUrl.startsWith('/')) {
+                yield fetchAuthenticatedUser({ forceRefresh: true });
+                // Hydrate in the background — publishes AUTHENTICATED_USER_CHANGED after
+                // SPA navigation, so the header picks up the full user profile (avatar, etc.)
+                hydrateAuthenticatedUser();
+            }
+            setLoginResult({ success: true, redirectUrl });
+        }),
+        onError: (formattedError) => {
+            setErrorCode(prev => ({
+                type: formattedError.type,
+                count: prev.count + 1,
+                context: formattedError.context,
+            }));
+        },
+    });
+    const [showResetPasswordSuccessBanner, setShowResetPasswordSuccessBanner] = useState(((_a = location.state) === null || _a === void 0 ? void 0 : _a.showResetPasswordSuccessBanner) || null);
+    const { providers, currentProvider, secondaryProviders, finishAuthUrl, platformName, errorMessage: thirdPartyErrorMessage, } = thirdPartyAuthContext;
+    const { formatMessage } = useIntl();
+    const activationMsgType = getActivationStatus();
+    const queryParams = useMemo(() => getAllPossibleQueryParams(), []);
+    const localNextPath = ((_b = queryParams.next) === null || _b === void 0 ? void 0 : _b.startsWith('/')) ? queryParams.next : null;
+    const tpaHint = useMemo(() => getTpaHint(), []);
+    const params = Object.assign({}, queryParams);
+    if (tpaHint) {
+        params.tpa_hint = tpaHint;
+    }
+    const { data, isSuccess, error } = useThirdPartyAuthHook(loginPath, params);
+    useEffect(() => {
+        sendPageEvent('login_and_registration', 'login');
+        setThirdPartyAuthContextBegin();
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    // Sync third-party auth context data
+    useEffect(() => {
+        if (isSuccess && data) {
+            setThirdPartyAuthContextSuccess(data.fieldDescriptions, data.optionalFields, data.thirdPartyAuthContext);
+        }
+        if (error) {
+            setThirdPartyAuthContextFailure();
+        }
+    }, [tpaHint, queryParams, isSuccess, data, error,
+        setThirdPartyAuthContextSuccess, setThirdPartyAuthContextFailure]);
+    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) {
+            setShowResetPasswordSuccessBanner(false);
+        }
+        const formData = Object.assign({}, formFields);
+        const validationErrors = validateFormFields(formData);
+        if (validationErrors.emailOrUsername || validationErrors.password) {
+            setErrors(validationErrors);
+            setErrorCode(prev => ({
+                type: INVALID_FORM,
+                count: prev.count + 1,
+                context: {},
+            }));
+            return;
+        }
+        // add query params to the payload
+        const payload = Object.assign({ email_or_username: formData.emailOrUsername, password: formData.password }, queryParams);
+        loginUser(payload);
+    };
+    const handleOnChange = (event) => {
+        const { name, value, } = event.target;
+        // Save to context for persistence across tab switches
+        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: (isLoggingIn ? PENDING_STATE : 'default'), labels: {
+                                    default: formatMessage(messages['sign.in.button']),
+                                    pending: '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(getUrlByRouteRole(resetPasswordRole)), onClick: trackForgotPasswordLinkClick, children: formatMessage(messages['forgot.password']) }), _jsx(ThirdPartyAuth, { currentProvider: currentProvider, providers: providers, secondaryProviders: secondaryProviders, handleInstitutionLogin: handleInstitutionLogin, thirdPartyAuthApiStatus: thirdPartyAuthApiStatus, isLoginPage: true })] })] })] }));
+};
+LoginPage.propTypes = {
+    institutionLogin: PropTypes.bool.isRequired,
+    handleInstitutionLogin: PropTypes.func.isRequired,
+};
+export default 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';\n\nimport {\n  fetchAuthenticatedUser, hydrateAuthenticatedUser, getSiteConfig, getUrlByRouteRole,\n  sendPageEvent, sendTrackEvent, useIntl,\n} from '@openedx/frontend-base';\nimport { Form, StatefulButton } from '@openedx/paragon';\nimport PropTypes from 'prop-types';\nimport { Helmet } from 'react-helmet';\nimport Skeleton from 'react-loading-skeleton';\nimport { Link, useLocation } from 'react-router-dom';\n\nimport {\n  FormGroup,\n  InstitutionLogistration,\n  PasswordField,\n  RedirectLogistration,\n  ThirdPartyAuthAlert,\n} from '../common-components';\nimport AccountActivationMessage from './AccountActivationMessage';\nimport { useThirdPartyAuthContext } from '../common-components/components/ThirdPartyAuthContext';\nimport { useThirdPartyAuthHook } from '../common-components/data/apiHook';\nimport EnterpriseSSO from '../common-components/EnterpriseSSO';\nimport ThirdPartyAuth from '../common-components/ThirdPartyAuth';\nimport { loginPath, resetPasswordRole } from '../constants';\nimport { PENDING_STATE } 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 { useLoginContext } from './components/LoginContext';\nimport { useLogin } from './data/apiHook';\nimport { INVALID_FORM, TPA_AUTHENTICATION_FAILURE } from './data/constants';\nimport LoginFailureMessage from './LoginFailure';\nimport messages from './messages';\n\nconst LoginPage = ({\n  institutionLogin,\n  handleInstitutionLogin,\n}) => {\n  // Context for third-party auth\n  const {\n    thirdPartyAuthApiStatus,\n    thirdPartyAuthContext,\n    setThirdPartyAuthContextBegin,\n    setThirdPartyAuthContextSuccess,\n    setThirdPartyAuthContextFailure,\n  } = useThirdPartyAuthContext();\n  const location = useLocation();\n\n  const {\n    formFields,\n    setFormFields,\n    errors,\n    setErrors,\n  } = useLoginContext();\n\n  // React Query for server state\n  const [loginResult, setLoginResult] = useState({ success: false, redirectUrl: '' });\n  const [errorCode, setErrorCode] = useState({\n    type: '',\n    count: 0,\n    context: {},\n  });\n  const { mutate: loginUser, isPending: isLoggingIn } = useLogin({\n    onSuccess: async (data) => {\n      const redirectUrl = localNextPath || data.redirectUrl || '';\n      if (redirectUrl.startsWith('/')) {\n        await fetchAuthenticatedUser({ forceRefresh: true });\n        // Hydrate in the background — publishes AUTHENTICATED_USER_CHANGED after\n        // SPA navigation, so the header picks up the full user profile (avatar, etc.)\n        hydrateAuthenticatedUser();\n      }\n      setLoginResult({ success: true, redirectUrl });\n    },\n    onError: (formattedError) => {\n      setErrorCode(prev => ({\n        type: formattedError.type,\n        count: prev.count + 1,\n        context: formattedError.context,\n      }));\n    },\n  });\n\n  const [showResetPasswordSuccessBanner,\n    setShowResetPasswordSuccessBanner] = useState(location.state?.showResetPasswordSuccessBanner || null);\n  const {\n    providers,\n    currentProvider,\n    secondaryProviders,\n    finishAuthUrl,\n    platformName,\n    errorMessage: thirdPartyErrorMessage,\n  } = thirdPartyAuthContext;\n  const { formatMessage } = useIntl();\n  const activationMsgType = getActivationStatus();\n  const queryParams = useMemo(() => getAllPossibleQueryParams(), []);\n  const localNextPath = queryParams.next?.startsWith('/') ? queryParams.next : null;\n\n  const tpaHint = useMemo(() => getTpaHint(), []);\n  const params = { ...queryParams };\n  if (tpaHint) {\n    params.tpa_hint = tpaHint;\n  }\n  const { data, isSuccess, error } = useThirdPartyAuthHook(loginPath, params);\n\n  useEffect(() => {\n    sendPageEvent('login_and_registration', 'login');\n    setThirdPartyAuthContextBegin();\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Sync third-party auth context data\n  useEffect(() => {\n    if (isSuccess && data) {\n      setThirdPartyAuthContextSuccess(\n        data.fieldDescriptions,\n        data.optionalFields,\n        data.thirdPartyAuthContext,\n      );\n    }\n    if (error) {\n      setThirdPartyAuthContextFailure();\n    }\n  }, [tpaHint, queryParams, isSuccess, data, error,\n    setThirdPartyAuthContextSuccess, setThirdPartyAuthContextFailure]);\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 {\n      emailOrUsername,\n      password,\n    } = 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      setShowResetPasswordSuccessBanner(false);\n    }\n\n    const formData = { ...formFields };\n    const validationErrors = validateFormFields(formData);\n    if (validationErrors.emailOrUsername || validationErrors.password) {\n      setErrors(validationErrors);\n      setErrorCode(prev => ({\n        type: INVALID_FORM,\n        count: prev.count + 1,\n        context: {},\n      }));\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    loginUser(payload);\n  };\n\n  const handleOnChange = (event) => {\n    const {\n      name,\n      value,\n    } = event.target;\n    // Save to context for persistence across tab switches\n    setFormFields(prevState => ({\n      ...prevState,\n      [name]: value,\n    }));\n  };\n\n  const handleOnFocus = (event) => {\n    const { name } = event.target;\n    setErrors(prevErrors => ({\n      ...prevErrors,\n      [name]: '',\n    }));\n  };\n  const trackForgotPasswordLinkClick = () => {\n    sendTrackEvent('edx.bi.password-reset_form.toggled', { category: 'user-engagement' });\n  };\n\n  const {\n    provider,\n    skipHintedLogin,\n  } = 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={(isLoggingIn ? PENDING_STATE : 'default')}\n            labels={{\n              default: formatMessage(messages['sign.in.button']),\n              pending: '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(getUrlByRouteRole(resetPasswordRole))}\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\nLoginPage.propTypes = {\n  institutionLogin: PropTypes.bool.isRequired,\n  handleInstitutionLogin: PropTypes.func.isRequired,\n};\n\nexport default LoginPage;\n"]}

package/dist/login/components/LoginContext.d.ts

@@ -0,0 +1,21 @@
+import { Dispatch, FC, ReactNode, SetStateAction } from 'react';
+export interface FormFields {
+    emailOrUsername: string;
+    password: string;
+}
+export interface FormErrors {
+    emailOrUsername: string;
+    password: string;
+}
+interface LoginContextType {
+    formFields: FormFields;
+    setFormFields: Dispatch<SetStateAction<FormFields>>;
+    errors: FormErrors;
+    setErrors: Dispatch<SetStateAction<FormErrors>>;
+}
+interface LoginProviderProps {
+    children: ReactNode;
+}
+export declare const LoginProvider: FC<LoginProviderProps>;
+export declare const useLoginContext: () => LoginContextType;
+export {};

package/dist/login/components/LoginContext.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useState, } from 'react';
+const LoginContext = createContext(undefined);
+export const LoginProvider = ({ children }) => {
+    const [formFields, setFormFields] = useState({
+        emailOrUsername: '',
+        password: '',
+    });
+    const [errors, setErrors] = useState({
+        emailOrUsername: '',
+        password: '',
+    });
+    const contextValue = useMemo(() => ({
+        formFields,
+        setFormFields,
+        errors,
+        setErrors,
+    }), [formFields, errors]);
+    return (_jsx(LoginContext.Provider, { value: contextValue, children: children }));
+};
+export const useLoginContext = () => {
+    const context = useContext(LoginContext);
+    if (context === undefined) {
+        throw new Error('useLoginContext must be used within a LoginProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=LoginContext.js.map

package/dist/login/components/LoginContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginContext.js","sourceRoot":"","sources":["../../../src/login/components/LoginContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EAA2C,UAAU,EAAE,OAAO,EAAE,QAAQ,GACtF,MAAM,OAAO,CAAC;AAmBf,MAAM,YAAY,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAC;AAM5E,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC;QAC3C,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC;QACnC,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAClC,UAAU;QACV,aAAa;QACb,MAAM;QACN,SAAS;KACV,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;IACzE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["import {\n  createContext, Dispatch, FC, ReactNode, SetStateAction, useContext, useMemo, useState,\n} from 'react';\n\nexport interface FormFields {\n  emailOrUsername: string,\n  password: string,\n}\n\nexport interface FormErrors {\n  emailOrUsername: string,\n  password: string,\n}\n\ninterface LoginContextType {\n  formFields: FormFields,\n  setFormFields: Dispatch<SetStateAction<FormFields>>,\n  errors: FormErrors,\n  setErrors: Dispatch<SetStateAction<FormErrors>>,\n}\n\nconst LoginContext = createContext<LoginContextType | undefined>(undefined);\n\ninterface LoginProviderProps {\n  children: ReactNode,\n}\n\nexport const LoginProvider: FC<LoginProviderProps> = ({ children }) => {\n  const [formFields, setFormFields] = useState({\n    emailOrUsername: '',\n    password: '',\n  });\n  const [errors, setErrors] = useState({\n    emailOrUsername: '',\n    password: '',\n  });\n\n  const contextValue = useMemo(() => ({\n    formFields,\n    setFormFields,\n    errors,\n    setErrors,\n  }), [formFields, errors]);\n\n  return (\n    <LoginContext.Provider value={contextValue}>\n      {children}\n    </LoginContext.Provider>\n  );\n};\n\nexport const useLoginContext = () => {\n  const context = useContext(LoginContext);\n  if (context === undefined) {\n    throw new Error('useLoginContext must be used within a LoginProvider');\n  }\n  return context;\n};\n"]}

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

@@ -0,0 +1,2 @@
+declare const login: (creds: any) => Promise<any>;
+export { login, };

package/dist/login/data/api.js

@@ -0,0 +1,27 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { camelCaseObject, getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';
+import * as QueryString from 'query-string';
+import { normalizeRedirectUrl } from '../../data/utils';
+const login = (creds) => __awaiter(void 0, void 0, void 0, function* () {
+    const requestConfig = {
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+        isPublic: true,
+    };
+    const url = `${getSiteConfig().lmsBaseUrl}/api/user/v2/account/login_session/`;
+    const { data } = yield getAuthenticatedHttpClient()
+        .post(url, QueryString.stringify(creds), requestConfig);
+    return camelCaseObject({
+        redirectUrl: normalizeRedirectUrl(data.redirect_url || ''),
+        success: data.success || false,
+    });
+});
+export { login, };
+//# sourceMappingURL=api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/login/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,KAAK,WAAW,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,KAAK,GAAG,CAAO,KAAK,EAAE,EAAE;IAC5B,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,cAAc,EAAE,mCAAmC,EAAE;QAChE,QAAQ,EAAE,IAAI;KACf,CAAC;IACF,MAAM,GAAG,GAAG,GAAG,aAAa,EAAE,CAAC,UAAU,qCAAqC,CAAC;IAC/E,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE;SAChD,IAAI,CAAC,GAAG,EAAE,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,CAAC;IAC1D,OAAO,eAAe,CAAC;QACrB,WAAW,EAAE,oBAAoB,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC;QAC1D,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,KAAK;KAC/B,CAAC,CAAC;AACL,CAAC,CAAA,CAAC;AAEF,OAAO,EACL,KAAK,GACN,CAAC","sourcesContent":["import { camelCaseObject, getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';\nimport * as QueryString from 'query-string';\n\nimport { normalizeRedirectUrl } from '../../data/utils';\n\nconst login = async (creds) => {\n  const requestConfig = {\n    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n    isPublic: true,\n  };\n  const url = `${getSiteConfig().lmsBaseUrl}/api/user/v2/account/login_session/`;\n  const { data } = await getAuthenticatedHttpClient()\n    .post(url, QueryString.stringify(creds), requestConfig);\n  return camelCaseObject({\n    redirectUrl: normalizeRedirectUrl(data.redirect_url || ''),\n    success: data.success || false,\n  });\n};\n\nexport {\n  login,\n};\n"]}

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

@@ -0,0 +1,13 @@
+interface LoginData {
+    email_or_username: string;
+    password: string;
+}
+interface LoginResponse {
+    redirectUrl?: string;
+}
+interface UseLoginOptions {
+    onSuccess?: (data: LoginResponse) => void;
+    onError?: (error: unknown) => void;
+}
+declare const useLogin: (options?: UseLoginOptions) => import("@tanstack/react-query").UseMutationResult<LoginResponse, unknown, LoginData, unknown>;
+export { useLogin, };

package/dist/login/data/apiHook.js

@@ -0,0 +1,57 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { camelCaseObject, logError, logInfo } from '@openedx/frontend-base';
+import { useMutation } from '@tanstack/react-query';
+import { login } from './api';
+import { FORBIDDEN_REQUEST, INTERNAL_SERVER_ERROR } from './constants';
+const useLogin = (options = {}) => useMutation({
+    mutationFn: (loginData) => __awaiter(void 0, void 0, void 0, function* () { return login(loginData); }),
+    onSuccess: (data) => {
+        logInfo('Login successful', data);
+        if (options.onSuccess) {
+            options.onSuccess(data);
+        }
+    },
+    onError: (error) => {
+        var _a;
+        logError('Login failed', error);
+        let formattedError = {
+            type: INTERNAL_SERVER_ERROR,
+            context: {},
+            count: 0,
+        };
+        if (error && typeof error === 'object' && 'response' in error && error.response) {
+            const response = error.response;
+            const { status, data } = camelCaseObject(response);
+            if (data && typeof data === 'object') {
+                const errorData = data;
+                formattedError = {
+                    type: errorData.errorCode || FORBIDDEN_REQUEST,
+                    context: errorData.context || {},
+                    count: ((_a = errorData.context) === null || _a === void 0 ? void 0 : _a.failureCount) || 0,
+                };
+                if (status === 400) {
+                    logInfo('Login failed with validation error', error);
+                }
+                else if (status === 403) {
+                    logInfo('Login failed with forbidden error', error);
+                }
+                else {
+                    logError('Login failed with server error', error);
+                }
+            }
+        }
+        if (options.onError) {
+            options.onError(formattedError);
+        }
+    },
+});
+export { useLogin, };
+//# sourceMappingURL=apiHook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/login/data/apiHook.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAiBvE,MAAM,QAAQ,GAAG,CAAC,UAA2B,EAAE,EAAE,EAAE,CAAC,WAAW,CAAoC;IACjG,UAAU,EAAE,CAAO,SAAoB,EAAE,EAAE,kDAAC,OAAA,KAAK,CAAC,SAAS,CAA2B,CAAA,GAAA;IACtF,SAAS,EAAE,CAAC,IAAmB,EAAE,EAAE;QACjC,OAAO,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAClC,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;YACtB,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IACD,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE;;QAC1B,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;QAChC,IAAI,cAAc,GAAG;YACnB,IAAI,EAAE,qBAAqB;YAC3B,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,CAAC;SACT,CAAC;QACF,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YAChF,MAAM,QAAQ,GAAG,KAAK,CAAC,QAA+C,CAAC;YACvE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;YACnD,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACrC,MAAM,SAAS,GAAG,IAAmE,CAAC;gBACtF,cAAc,GAAG;oBACf,IAAI,EAAE,SAAS,CAAC,SAAS,IAAI,iBAAiB;oBAC9C,OAAO,EAAE,SAAS,CAAC,OAAO,IAAI,EAAE;oBAChC,KAAK,EAAE,CAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC;iBAC5C,CAAC;gBACF,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;oBACnB,OAAO,CAAC,oCAAoC,EAAE,KAAK,CAAC,CAAC;gBACvD,CAAC;qBAAM,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;oBAC1B,OAAO,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;gBACtD,CAAC;qBAAM,CAAC;oBACN,QAAQ,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;gBACpD,CAAC;YACH,CAAC;QACH,CAAC;QACD,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;CACF,CAAC,CAAC;AACH,OAAO,EACL,QAAQ,GACT,CAAC","sourcesContent":["import { camelCaseObject, logError, logInfo } from '@openedx/frontend-base';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { login } from './api';\nimport { FORBIDDEN_REQUEST, INTERNAL_SERVER_ERROR } from './constants';\n\n// Type definitions\ninterface LoginData {\n  email_or_username: string,\n  password: string,\n}\n\ninterface LoginResponse {\n  redirectUrl?: string,\n}\n\ninterface UseLoginOptions {\n  onSuccess?: (data: LoginResponse) => void,\n  onError?: (error: unknown) => void,\n}\n\nconst useLogin = (options: UseLoginOptions = {}) => useMutation<LoginResponse, unknown, LoginData>({\n  mutationFn: async (loginData: LoginData) => login(loginData) as Promise<LoginResponse>,\n  onSuccess: (data: LoginResponse) => {\n    logInfo('Login successful', data);\n    if (options.onSuccess) {\n      options.onSuccess(data);\n    }\n  },\n  onError: (error: unknown) => {\n    logError('Login failed', error);\n    let formattedError = {\n      type: INTERNAL_SERVER_ERROR,\n      context: {},\n      count: 0,\n    };\n    if (error && typeof error === 'object' && 'response' in error && error.response) {\n      const response = error.response as { status?: number, data?: unknown };\n      const { status, data } = camelCaseObject(response);\n      if (data && typeof data === 'object') {\n        const errorData = data as { errorCode?: string, context?: { failureCount?: number } };\n        formattedError = {\n          type: errorData.errorCode || FORBIDDEN_REQUEST,\n          context: errorData.context || {},\n          count: errorData.context?.failureCount || 0,\n        };\n        if (status === 400) {\n          logInfo('Login failed with validation error', error);\n        } else if (status === 403) {\n          logInfo('Login failed with forbidden error', error);\n        } else {\n          logError('Login failed with server error', error);\n        }\n      }\n    }\n    if (options.onError) {\n      options.onError(formattedError);\n    }\n  },\n});\nexport {\n  useLogin,\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/index.d.ts

@@ -0,0 +1 @@
+export { default as LoginPage } from "./LoginPage";

package/dist/login/index.js

@@ -0,0 +1,2 @@
+export { default as LoginPage } from './LoginPage';
+//# sourceMappingURL=index.js.map

package/dist/login/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/login/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { default as LoginPage } from './LoginPage';\n"]}