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

package/dist/login/LoginPage.js

@@ -1,66 +1,93 @@
+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 { connect } from 'react-redux';
-import { getSiteConfig, injectIntl, sendPageEvent, sendTrackEvent, useIntl } from '@openedx/frontend-base';
-import { Form, StatefulButton, } from '@openedx/paragon';
+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 } from 'react-router-dom';
+import { Link, useLocation } 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 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 { DEFAULT_STATE, PENDING_STATE, RESET_PAGE, } from '../data/constants';
+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 AccountActivationMessage from './AccountActivationMessage';
-import { backupLoginFormBegin, dismissPasswordResetBanner, loginRequest, } from './data/actions';
+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 = (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 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 [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();
+    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');
-    }, []);
-    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.
-     */
+        setThirdPartyAuthContextBegin();
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    // Sync third-party auth context data
     useEffect(() => {
-        if (shouldBackupState) {
-            backupFormState({
-                formFields: Object.assign({}, formFields),
-                errors: Object.assign({}, errors),
-            });
+        if (isSuccess && data) {
+            setThirdPartyAuthContextSuccess(data.fieldDescriptions, data.optionalFields, data.thirdPartyAuthContext);
         }
-    }, [shouldBackupState, formFields, errors, backupFormState]);
-    useEffect(() => {
-        if (loginErrorCode) {
-            setErrorCode(prevState => ({
-                type: loginErrorCode,
-                count: prevState.count + 1,
-                context: Object.assign({}, loginErrorContext),
-            }));
+        if (error) {
+            setThirdPartyAuthContextFailure();
         }
-    }, [loginErrorCode, loginErrorContext]);
+    }, [tpaHint, queryParams, isSuccess, data, error,
+        setThirdPartyAuthContextSuccess, setThirdPartyAuthContextFailure]);
     useEffect(() => {
         if (thirdPartyErrorMessage) {
             setErrorCode((prevState) => ({
@@ -73,7 +100,7 @@ const LoginPage = (props) => {
         }
     }, [thirdPartyErrorMessage]);
     const validateFormFields = (payload) => {
-        const { emailOrUsername, password } = payload;
+        const { emailOrUsername, password, } = payload;
         const fieldErrors = Object.assign({}, errors);
         if (emailOrUsername === '') {
             fieldErrors.emailOrUsername = formatMessage(messages['email.validation.message']);
@@ -89,21 +116,26 @@ const LoginPage = (props) => {
     const handleSubmit = (event) => {
         event.preventDefault();
         if (showResetPasswordSuccessBanner) {
-            props.dismissPasswordResetBanner();
+            setShowResetPasswordSuccessBanner(false);
         }
         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: {} }));
+            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);
-        props.loginRequest(payload);
+        loginUser(payload);
     };
     const handleOnChange = (event) => {
-        const { name, value } = event.target;
+        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) => {
@@ -113,7 +145,7 @@ const LoginPage = (props) => {
     const trackForgotPasswordLinkClick = () => {
         sendTrackEvent('edx.bi.password-reset_form.toggled', { category: 'user-engagement' });
     };
-    const { provider, skipHintedLogin } = getTpaProvider(tpaHint, providers, secondaryProviders);
+    const { provider, skipHintedLogin, } = getTpaProvider(tpaHint, providers, secondaryProviders);
     if (tpaHint) {
         if (thirdPartyAuthApiStatus === PENDING_STATE) {
             return _jsx(Skeleton, { height: 36 });
@@ -129,88 +161,14 @@ const LoginPage = (props) => {
     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: {
+    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: '',
-                                }, 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,
-    };
+                                    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 = {
-    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));
+export default LoginPage;
 //# sourceMappingURL=LoginPage.js.map

package/dist/login/LoginPage.js.map

@@ -1 +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"]}
+{"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/index.d.ts

@@ -1,4 +1 @@
-export const storeName: "login";
 export { default as LoginPage } from "./LoginPage";
-export { default as reducer } from "./data/reducers";
-export { default as saga } from "./data/sagas";

package/dist/login/index.js

@@ -1,5 +1,2 @@
-export const storeName = 'login';
 export { default as LoginPage } from './LoginPage';
-export { default as reducer } from './data/reducers';
-export { default as saga } from './data/sagas';
 //# sourceMappingURL=index.js.map

package/dist/login/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/login/index.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export const storeName = 'login';\n\nexport { default as LoginPage } from './LoginPage';\nexport { default as reducer } from './data/reducers';\nexport { default as saga } from './data/sagas';\n"]}
+{"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"]}

package/dist/logistration/Logistration.d.ts

@@ -1,32 +1,5 @@
-declare const _default: import("react-redux").ConnectedComponent<{
-    (props: any): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        selectedPage: PropTypes.Requireable<string>;
-        backupLoginForm: PropTypes.Validator<(...args: any[]) => any>;
-        backupRegistrationForm: PropTypes.Validator<(...args: any[]) => any>;
-        clearThirdPartyAuthContextErrorMessage: PropTypes.Validator<(...args: any[]) => any>;
-        tpaProviders: PropTypes.Requireable<PropTypes.InferProps<{
-            providers: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
-            secondaryProviders: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
-        }>>;
-    };
-    defaultProps: {
-        tpaProviders: {
-            providers: never[];
-            secondaryProviders: never[];
-        };
-        selectedPage?: undefined;
-    } | {
-        selectedPage: string;
-        tpaProviders?: undefined;
-    };
-}, {
-    selectedPage?: string | null | undefined;
-    context?: import("react-redux/es/components/Context").ReactReduxContextInstance | undefined;
-    store?: import("redux").Store | undefined;
-} | {
-    selectedPage?: string | null | undefined;
-    store?: import("redux").Store | undefined;
-}>;
-export default _default;
-import PropTypes from 'prop-types';
+export default LogistrationPage;
+/**
+ * Main Logistration Page component wrapped with providers
+ */
+declare function LogistrationPage(props: any): import("react/jsx-runtime").JSX.Element;