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

package/dist/register/types.d.ts

@@ -0,0 +1,74 @@
+export interface AuthenticatedUser {
+    id: number;
+    username: string;
+    email: string;
+    name: string;
+}
+export interface EmailSuggestion {
+    suggestion: string;
+    type: string;
+}
+export interface RegistrationFormData {
+    configurableFormFields: {
+        marketingEmailsOptIn: boolean;
+        country?: string;
+        [key: string]: any;
+    };
+    formFields: {
+        name: string;
+        email: string;
+        username: string;
+        password: string;
+    };
+    emailSuggestion: EmailSuggestion;
+    errors: {
+        name: string;
+        email: string;
+        username: string;
+        password: string;
+    };
+}
+export interface RegistrationResult {
+    success: boolean;
+    redirectUrl: string;
+    authenticatedUser: AuthenticatedUser | null;
+}
+export interface ValidationData {
+    validationDecisions: Record<string, string>;
+    usernameSuggestions?: string[];
+}
+export interface RegisterContextType {
+    validations: ValidationData | null;
+    usernameSuggestions: string[];
+    validationApiRateLimited: boolean;
+    registrationError: Record<string, {
+        userMessage: string;
+    }[]>;
+    registrationFormData: RegistrationFormData;
+    backendValidations: Record<string, string> | null;
+    registrationResult: RegistrationResult;
+    backendCountryCode: string;
+    setValidationsSuccess: (validationData: ValidationData) => void;
+    setValidationsFailure: () => void;
+    clearUsernameSuggestions: () => void;
+    clearRegistrationBackendError: (field: string) => void;
+    updateRegistrationFormData: (newData: Partial<RegistrationFormData>) => void;
+    setRegistrationResult: (result: RegistrationResult) => void;
+    setBackendCountryCode: (countryCode: string) => void;
+    setRegistrationFormData: (data: RegistrationFormData | ((prev: RegistrationFormData) => RegistrationFormData)) => void;
+    setEmailSuggestionContext: (suggestion: string, type: string) => void;
+    setRegistrationError: (error: Record<string, {
+        userMessage: string;
+    }[]>) => void;
+}
+export interface RegisterState {
+    validations: ValidationData | null;
+    usernameSuggestions: string[];
+    validationApiRateLimited: boolean;
+    registrationError: Record<string, {
+        userMessage: string;
+    }[]>;
+    registrationResult: RegistrationResult;
+    backendCountryCode: string;
+    registrationFormData: RegistrationFormData;
+}

package/dist/register/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/register/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/register/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface AuthenticatedUser {\n  id: number,\n  username: string,\n  email: string,\n  name: string,\n}\n\nexport interface EmailSuggestion {\n  suggestion: string,\n  type: string,\n}\n\nexport interface RegistrationFormData {\n  configurableFormFields: {\n    marketingEmailsOptIn: boolean,\n    country?: string,\n    [key: string]: any,\n  },\n  formFields: {\n    name: string,\n    email: string,\n    username: string,\n    password: string,\n  },\n  emailSuggestion: EmailSuggestion,\n  errors: {\n    name: string,\n    email: string,\n    username: string,\n    password: string,\n  },\n}\n\nexport interface RegistrationResult {\n  success: boolean,\n  redirectUrl: string,\n  authenticatedUser: AuthenticatedUser | null,\n}\n\nexport interface ValidationData {\n  validationDecisions: Record<string, string>,\n  usernameSuggestions?: string[],\n}\n\nexport interface RegisterContextType {\n  validations: ValidationData | null,\n  usernameSuggestions: string[],\n  validationApiRateLimited: boolean,\n  registrationError: Record<string, { userMessage: string }[]>,\n  registrationFormData: RegistrationFormData,\n  backendValidations: Record<string, string> | null,\n  registrationResult: RegistrationResult,\n  backendCountryCode: string,\n  setValidationsSuccess: (validationData: ValidationData) => void,\n  setValidationsFailure: () => void,\n  clearUsernameSuggestions: () => void,\n  clearRegistrationBackendError: (field: string) => void,\n  updateRegistrationFormData: (newData: Partial<RegistrationFormData>) => void,\n  setRegistrationResult: (result: RegistrationResult) => void,\n  setBackendCountryCode: (countryCode: string) => void,\n  setRegistrationFormData: (data: RegistrationFormData |\n    ((prev: RegistrationFormData) => RegistrationFormData)) => void,\n  setEmailSuggestionContext: (suggestion: string, type: string) => void,\n  setRegistrationError: (error: Record<string, { userMessage: string }[]>) => void,\n}\n\nexport interface RegisterState {\n  validations: ValidationData | null,\n  usernameSuggestions: string[],\n  validationApiRateLimited: boolean,\n  registrationError: Record<string, { userMessage: string }[]>,\n  registrationResult: RegistrationResult,\n  backendCountryCode: string,\n  registrationFormData: RegistrationFormData,\n}\n"]}

package/dist/reset-password/ResetPasswordPage.d.ts

@@ -1,32 +1,2 @@
-declare const _default: import("react-redux").ConnectedComponent<{
-    (props: any): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        status: null;
-        token: null;
-        errorMsg: null;
-    };
-    propTypes: {
-        resetPassword: PropTypes.Validator<(...args: any[]) => any>;
-        validateToken: PropTypes.Validator<(...args: any[]) => any>;
-        token: PropTypes.Requireable<string>;
-        status: PropTypes.Requireable<string>;
-        errorMsg: PropTypes.Requireable<string>;
-    };
-}, {
-    status?: string | null | undefined;
-    resetPassword: (...args: any[]) => any;
-    errorMsg?: string | null | undefined;
-    validateToken: (...args: any[]) => any;
-    token?: string | null | undefined;
-    context?: import("react-redux/es/components/Context").ReactReduxContextInstance | undefined;
-    store?: import("redux").Store | undefined;
-} | {
-    status?: string | null | undefined;
-    resetPassword: (...args: any[]) => any;
-    errorMsg?: string | null | undefined;
-    validateToken: (...args: any[]) => any;
-    token?: string | null | undefined;
-    store?: import("redux").Store | undefined;
-}>;
-export default _default;
-import PropTypes from 'prop-types';
+export default ResetPasswordPage;
+declare function ResetPasswordPage(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/reset-password/ResetPasswordPage.js

@@ -9,46 +9,70 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { connect } from 'react-redux';
-import { getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { getSiteConfig, getUrlByRouteRole, useIntl } from '@openedx/frontend-base';
 import { Form, Icon, Spinner, StatefulButton, Tab, Tabs, } from '@openedx/paragon';
 import { ChevronLeft } from '@openedx/paragon/icons';
-import PropTypes from 'prop-types';
 import { Helmet } from 'react-helmet';
 import { useNavigate, useParams } from 'react-router-dom';
 import BaseContainer from '../base-container';
-import { PasswordField } from '../common-components';
-import { LETTER_REGEX, LOGIN_PAGE, NUMBER_REGEX, RESET_PAGE, } from '../data/constants';
-import { getAllPossibleQueryParams, updatePathWithQueryParams, windowScrollTo } from '../data/utils';
-import { resetPassword, validateToken } from './data/actions';
-import { FORM_SUBMISSION_ERROR, PASSWORD_RESET_ERROR, PASSWORD_VALIDATION_ERROR, TOKEN_STATE, } from './data/constants';
-import { resetPasswordResultSelector } from './data/selectors';
-import { validatePassword } from './data/service';
+import { validatePassword } from './data/api';
+import { useResetPassword, useValidateToken } from './data/apiHook';
+import { FORM_SUBMISSION_ERROR, PASSWORD_RESET, PASSWORD_VALIDATION_ERROR, TOKEN_STATE, } from './data/constants';
 import messages from './messages';
 import ResetPasswordFailure from './ResetPasswordFailure';
-const ResetPasswordPage = (props) => {
+import { PasswordField } from '../common-components';
+import { loginPath, loginRole, resetPasswordRole } from '../constants';
+import { LETTER_REGEX, NUMBER_REGEX } from '../data/constants';
+import { getAllPossibleQueryParams, updatePathWithQueryParams, windowScrollTo } from '../data/utils';
+import { RegisterProvider } from '../register/components/RegisterContext';
+const ResetPasswordPageInner = () => {
     const { formatMessage } = useIntl();
     const newPasswordError = formatMessage(messages['password.validation.message']);
+    const { token } = useParams();
+    const navigate = useNavigate();
+    const [status, setStatus] = useState(TOKEN_STATE.PENDING);
+    const [validatedToken, setValidatedToken] = useState(null);
+    const [errorMsg, setErrorMsg] = useState(null);
     const [newPassword, setNewPassword] = useState('');
     const [confirmPassword, setConfirmPassword] = useState('');
     const [formErrors, setFormErrors] = useState({});
     const [errorCode, setErrorCode] = useState(null);
-    const { token } = useParams();
-    const navigate = useNavigate();
+    // React Query hooks
+    const { mutate: validateResetToken } = useValidateToken();
+    const { mutate: resetUserPassword, isPending: isResetting } = useResetPassword();
     useEffect(() => {
-        if (props.status === PASSWORD_RESET_ERROR) {
-            navigate(updatePathWithQueryParams(RESET_PAGE));
-        }
-        if (props.status === 'success') {
-            navigate(updatePathWithQueryParams(LOGIN_PAGE));
-        }
-        if (props.status !== TOKEN_STATE.PENDING) {
-            setErrorCode(props.status);
+        if (status !== TOKEN_STATE.PENDING) {
+            setErrorCode(status);
         }
-        if (props.status === PASSWORD_VALIDATION_ERROR) {
+        if (status === PASSWORD_VALIDATION_ERROR) {
             setFormErrors({ newPassword: newPasswordError });
         }
-    }, [props.status]);
+    }, [status, newPasswordError]);
+    useEffect(() => {
+        if (token && status === TOKEN_STATE.PENDING) {
+            validateResetToken(token, {
+                onSuccess: (data) => {
+                    const { is_valid: isValid, token: tokenValue } = data;
+                    if (isValid) {
+                        setStatus(TOKEN_STATE.VALID);
+                        setValidatedToken(tokenValue);
+                    }
+                    else {
+                        setStatus(PASSWORD_RESET.INVALID_TOKEN);
+                    }
+                },
+                onError: (error) => {
+                    var _a;
+                    if (((_a = error.response) === null || _a === void 0 ? void 0 : _a.status) === 429) {
+                        setStatus(PASSWORD_RESET.FORBIDDEN_REQUEST);
+                    }
+                    else {
+                        setStatus(PASSWORD_RESET.INTERNAL_SERVER_ERROR);
+                    }
+                },
+            });
+        }
+    }, [token, status, validateResetToken]);
     const validatePasswordFromBackend = (password) => __awaiter(void 0, void 0, void 0, function* () {
         let errorMessage = '';
         try {
@@ -64,10 +88,11 @@ const ResetPasswordPage = (props) => {
         setFormErrors(Object.assign(Object.assign({}, formErrors), { newPassword: errorMessage }));
     });
     const validateInput = (name, value) => {
+        let fieldError = '';
         switch (name) {
             case 'newPassword':
                 if (!value || !LETTER_REGEX.test(value) || !NUMBER_REGEX.test(value) || value.length < 8) {
-                    formErrors.newPassword = formatMessage(messages['password.validation.message']);
+                    fieldError = formatMessage(messages['password.validation.message']);
                 }
                 else {
                     validatePasswordFromBackend(value);
@@ -75,20 +100,17 @@ const ResetPasswordPage = (props) => {
                 break;
             case 'confirmPassword':
                 if (!value) {
-                    formErrors.confirmPassword = formatMessage(messages['confirm.your.password']);
+                    fieldError = formatMessage(messages['confirm.your.password']);
                 }
                 else if (value !== newPassword) {
-                    formErrors.confirmPassword = formatMessage(messages['passwords.do.not.match']);
-                }
-                else {
-                    formErrors.confirmPassword = '';
+                    fieldError = formatMessage(messages['passwords.do.not.match']);
                 }
                 break;
             default:
                 break;
         }
-        setFormErrors(Object.assign({}, formErrors));
-        return !Object.values(formErrors).some(x => (x !== ''));
+        setFormErrors((prev) => (Object.assign(Object.assign({}, prev), { [name]: fieldError })));
+        return !fieldError;
     };
     const handleOnBlur = (event) => {
         const { name, value } = event.target;
@@ -100,7 +122,7 @@ const ResetPasswordPage = (props) => {
         validateInput('confirmPassword', value);
     };
     const handleOnFocus = (e) => {
-        setFormErrors(Object.assign(Object.assign({}, formErrors), { [e.target.name]: '' }));
+        setFormErrors((prev) => (Object.assign(Object.assign({}, prev), { [e.target.name]: '' })));
     };
     const handleSubmit = (e) => {
         e.preventDefault();
@@ -112,7 +134,26 @@ const ResetPasswordPage = (props) => {
                 new_password2: confirmPassword,
             };
             const params = getAllPossibleQueryParams();
-            props.resetPassword(formPayload, props.token, params);
+            resetUserPassword({ formPayload, token: validatedToken, params }, {
+                onSuccess: (data) => {
+                    const { reset_status: resetStatus } = data;
+                    if (resetStatus) {
+                        setStatus('success');
+                    }
+                },
+                onError: (error) => {
+                    var _a;
+                    const data = (_a = error.response) === null || _a === void 0 ? void 0 : _a.data;
+                    const { token_invalid: tokenInvalid, err_msg: resetErrors } = data || {};
+                    if (tokenInvalid) {
+                        setStatus(PASSWORD_RESET.INVALID_TOKEN);
+                    }
+                    else {
+                        setStatus(PASSWORD_VALIDATION_ERROR);
+                        setErrorMsg(resetErrors);
+                    }
+                },
+            });
         }
         else {
             setErrorCode(FORM_SUBMISSION_ERROR);
@@ -120,31 +161,22 @@ const ResetPasswordPage = (props) => {
         }
     };
     const tabTitle = (_jsxs("div", { className: "d-inline-flex flex-wrap align-items-center", children: [_jsx(Icon, { src: ChevronLeft }), _jsx("span", { className: "ml-2", children: formatMessage(messages['sign.in']) })] }));
-    if (props.status === TOKEN_STATE.PENDING && token) {
-        props.validateToken(token);
-        return (_jsx(Spinner, { animation: "border", variant: "primary", className: "spinner--position-centered" }));
-    }
-    else {
-        return (_jsx(BaseContainer, { children: _jsxs("div", { children: [_jsx(Helmet, { children: _jsx("title", { children: formatMessage(messages['reset.password.page.title'], { siteName: getSiteConfig().siteName }) }) }), _jsx(Tabs, { activeKey: "", id: "controlled-tab", onSelect: (key) => navigate(updatePathWithQueryParams(key)), children: _jsx(Tab, { title: tabTitle, eventKey: LOGIN_PAGE }) }), _jsx("div", { id: "main-content", className: "main-content", children: _jsxs("div", { className: "mw-xs", children: [_jsx(ResetPasswordFailure, { errorCode: errorCode, errorMsg: props.errorMsg }), _jsx("h4", { children: formatMessage(messages['reset.password']) }), _jsx("p", { className: "mb-4", children: formatMessage(messages['reset.password.page.instructions']) }), _jsxs(Form, { id: "set-reset-password-form", name: "set-reset-password-form", children: [_jsx(PasswordField, { name: "newPassword", value: newPassword, handleChange: (e) => setNewPassword(e.target.value), handleBlur: handleOnBlur, handleFocus: handleOnFocus, errorMessage: formErrors.newPassword, floatingLabel: formatMessage(messages['new.password.label']) }), _jsx(PasswordField, { name: "confirmPassword", value: confirmPassword, handleChange: handleConfirmPasswordChange, handleFocus: handleOnFocus, errorMessage: formErrors.confirmPassword, showRequirements: false, floatingLabel: formatMessage(messages['confirm.password.label']) }), _jsx(StatefulButton, { id: "submit-new-password", name: "submit-new-password", type: "submit", variant: "brand", className: "reset-password--button", state: props.status, labels: {
-                                                default: formatMessage(messages['reset.password']),
-                                                pending: '',
-                                            }, onClick: e => handleSubmit(e), onMouseDown: (e) => e.preventDefault() })] })] }) })] }) }));
+    useEffect(() => {
+        if (status === PASSWORD_RESET.INVALID_TOKEN) {
+            navigate(updatePathWithQueryParams(getUrlByRouteRole(resetPasswordRole)), { state: { status } });
+        }
+        if (status === 'success') {
+            navigate(updatePathWithQueryParams(getUrlByRouteRole(loginRole)), { state: { showResetPasswordSuccessBanner: true } });
+        }
+    }, [status, navigate]);
+    if (status === TOKEN_STATE.PENDING) {
+        return _jsx(Spinner, { animation: "border", variant: "primary", className: "spinner--position-centered" });
     }
+    return (_jsx(BaseContainer, { children: _jsxs("div", { children: [_jsx(Helmet, { children: _jsx("title", { children: formatMessage(messages['reset.password.page.title'], { siteName: getSiteConfig().siteName }) }) }), _jsx(Tabs, { activeKey: "", id: "controlled-tab", onSelect: () => navigate(updatePathWithQueryParams(getUrlByRouteRole(loginRole))), children: _jsx(Tab, { title: tabTitle, eventKey: loginPath }) }), _jsx("div", { id: "main-content", className: "main-content", children: _jsxs("div", { className: "mw-xs", children: [_jsx(ResetPasswordFailure, { errorCode: errorCode, errorMsg: errorMsg }), _jsx("h4", { children: formatMessage(messages['reset.password']) }), _jsx("p", { className: "mb-4", children: formatMessage(messages['reset.password.page.instructions']) }), _jsxs(Form, { id: "set-reset-password-form", name: "set-reset-password-form", children: [_jsx(PasswordField, { name: "newPassword", value: newPassword, handleChange: (e) => setNewPassword(e.target.value), handleBlur: handleOnBlur, handleFocus: handleOnFocus, errorMessage: formErrors.newPassword, floatingLabel: formatMessage(messages['new.password.label']) }), _jsx(PasswordField, { name: "confirmPassword", value: confirmPassword, handleChange: handleConfirmPasswordChange, handleFocus: handleOnFocus, errorMessage: formErrors.confirmPassword, showRequirements: false, floatingLabel: formatMessage(messages['confirm.password.label']) }), _jsx(StatefulButton, { id: "submit-new-password", name: "submit-new-password", type: "submit", variant: "brand", className: "reset-password--button", state: isResetting ? 'pending' : 'default', labels: {
+                                            default: formatMessage(messages['reset.password']),
+                                            pending: '',
+                                        }, onClick: e => handleSubmit(e), onMouseDown: (e) => e.preventDefault() })] })] }) })] }) }));
 };
-ResetPasswordPage.defaultProps = {
-    status: null,
-    token: null,
-    errorMsg: null,
-};
-ResetPasswordPage.propTypes = {
-    resetPassword: PropTypes.func.isRequired,
-    validateToken: PropTypes.func.isRequired,
-    token: PropTypes.string,
-    status: PropTypes.string,
-    errorMsg: PropTypes.string,
-};
-export default connect(resetPasswordResultSelector, {
-    resetPassword,
-    validateToken,
-})(ResetPasswordPage);
+const ResetPasswordPage = (props) => (_jsx(RegisterProvider, { children: _jsx(ResetPasswordPageInner, Object.assign({}, props)) }));
+export default ResetPasswordPage;
 //# sourceMappingURL=ResetPasswordPage.js.map

package/dist/reset-password/ResetPasswordPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResetPasswordPage.js","sourceRoot":"","sources":["../../src/reset-password/ResetPasswordPage.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\n\nimport { getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport {\n  Form,\n  Icon,\n  Spinner,\n  StatefulButton,\n  Tab,\n  Tabs,\n} from '@openedx/paragon';\nimport { ChevronLeft } from '@openedx/paragon/icons';\nimport PropTypes from 'prop-types';\nimport { Helmet } from 'react-helmet';\nimport { useNavigate, useParams } from 'react-router-dom';\n\nimport BaseContainer from '../base-container';\nimport { PasswordField } from '../common-components';\nimport {\n  LETTER_REGEX, LOGIN_PAGE, NUMBER_REGEX, RESET_PAGE,\n} from '../data/constants';\nimport { getAllPossibleQueryParams, updatePathWithQueryParams, windowScrollTo } from '../data/utils';\nimport { resetPassword, validateToken } from './data/actions';\nimport {\n  FORM_SUBMISSION_ERROR, PASSWORD_RESET_ERROR, PASSWORD_VALIDATION_ERROR, TOKEN_STATE,\n} from './data/constants';\nimport { resetPasswordResultSelector } from './data/selectors';\nimport { validatePassword } from './data/service';\nimport messages from './messages';\nimport ResetPasswordFailure from './ResetPasswordFailure';\n\nconst ResetPasswordPage = (props) => {\n  const { formatMessage } = useIntl();\n  const newPasswordError = formatMessage(messages['password.validation.message']);\n\n  const [newPassword, setNewPassword] = useState('');\n  const [confirmPassword, setConfirmPassword] = useState('');\n  const [formErrors, setFormErrors] = useState({});\n  const [errorCode, setErrorCode] = useState(null);\n  const { token } = useParams();\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    if (props.status === PASSWORD_RESET_ERROR) {\n      navigate(updatePathWithQueryParams(RESET_PAGE));\n    }\n    if (props.status === 'success') {\n      navigate(updatePathWithQueryParams(LOGIN_PAGE));\n    }\n    if (props.status !== TOKEN_STATE.PENDING) {\n      setErrorCode(props.status);\n    }\n    if (props.status === PASSWORD_VALIDATION_ERROR) {\n      setFormErrors({ newPassword: newPasswordError });\n    }\n  }, [props.status]);\n\n  const validatePasswordFromBackend = async (password) => {\n    let errorMessage = '';\n    try {\n      const payload = {\n        reset_password_page: true,\n        password,\n      };\n      errorMessage = await validatePassword(payload);\n    } catch (err) {\n      errorMessage = '';\n    }\n    setFormErrors({ ...formErrors, newPassword: errorMessage });\n  };\n\n  const validateInput = (name, value) => {\n    switch (name) {\n      case 'newPassword':\n        if (!value || !LETTER_REGEX.test(value) || !NUMBER_REGEX.test(value) || value.length < 8) {\n          formErrors.newPassword = formatMessage(messages['password.validation.message']);\n        } else {\n          validatePasswordFromBackend(value);\n        }\n        break;\n      case 'confirmPassword':\n        if (!value) {\n          formErrors.confirmPassword = formatMessage(messages['confirm.your.password']);\n        } else if (value !== newPassword) {\n          formErrors.confirmPassword = formatMessage(messages['passwords.do.not.match']);\n        } else {\n          formErrors.confirmPassword = '';\n        }\n        break;\n      default:\n        break;\n    }\n    setFormErrors({ ...formErrors });\n    return !Object.values(formErrors).some(x => (x !== ''));\n  };\n\n  const handleOnBlur = (event) => {\n    const { name, value } = event.target;\n    validateInput(name, value);\n  };\n\n  const handleConfirmPasswordChange = (e) => {\n    const { value } = e.target;\n\n    setConfirmPassword(value);\n    validateInput('confirmPassword', value);\n  };\n\n  const handleOnFocus = (e) => {\n    setFormErrors({ ...formErrors, [e.target.name]: '' });\n  };\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n\n    const isPasswordValid = validateInput('newPassword', newPassword);\n    const isPasswordConfirmed = validateInput('confirmPassword', confirmPassword);\n\n    if (isPasswordValid && isPasswordConfirmed) {\n      const formPayload = {\n        new_password1: newPassword,\n        new_password2: confirmPassword,\n      };\n      const params = getAllPossibleQueryParams();\n      props.resetPassword(formPayload, props.token, params);\n    } else {\n      setErrorCode(FORM_SUBMISSION_ERROR);\n      windowScrollTo({ left: 0, top: 0, behavior: 'smooth' });\n    }\n  };\n\n  const tabTitle = (\n    <div className=\"d-inline-flex flex-wrap align-items-center\">\n      <Icon src={ChevronLeft} />\n      <span className=\"ml-2\">{formatMessage(messages['sign.in'])}</span>\n    </div>\n  );\n\n  if (props.status === TOKEN_STATE.PENDING && token) {\n    props.validateToken(token);\n    return (\n      <Spinner animation=\"border\" variant=\"primary\" className=\"spinner--position-centered\" />\n    );\n  } else {\n    return (\n      <BaseContainer>\n        <div>\n          <Helmet>\n            <title>\n              {formatMessage(messages['reset.password.page.title'], { siteName: getSiteConfig().siteName })}\n            </title>\n          </Helmet>\n          <Tabs activeKey=\"\" id=\"controlled-tab\" onSelect={(key) => navigate(updatePathWithQueryParams(key))}>\n            <Tab title={tabTitle} eventKey={LOGIN_PAGE} />\n          </Tabs>\n          <div id=\"main-content\" className=\"main-content\">\n            <div className=\"mw-xs\">\n              <ResetPasswordFailure errorCode={errorCode} errorMsg={props.errorMsg} />\n              <h4>{formatMessage(messages['reset.password'])}</h4>\n              <p className=\"mb-4\">{formatMessage(messages['reset.password.page.instructions'])}</p>\n              <Form id=\"set-reset-password-form\" name=\"set-reset-password-form\">\n                <PasswordField\n                  name=\"newPassword\"\n                  value={newPassword}\n                  handleChange={(e) => setNewPassword(e.target.value)}\n                  handleBlur={handleOnBlur}\n                  handleFocus={handleOnFocus}\n                  errorMessage={formErrors.newPassword}\n                  floatingLabel={formatMessage(messages['new.password.label'])}\n                />\n                <PasswordField\n                  name=\"confirmPassword\"\n                  value={confirmPassword}\n                  handleChange={handleConfirmPasswordChange}\n                  handleFocus={handleOnFocus}\n                  errorMessage={formErrors.confirmPassword}\n                  showRequirements={false}\n                  floatingLabel={formatMessage(messages['confirm.password.label'])}\n                />\n                <StatefulButton\n                  id=\"submit-new-password\"\n                  name=\"submit-new-password\"\n                  type=\"submit\"\n                  variant=\"brand\"\n                  className=\"reset-password--button\"\n                  state={props.status}\n                  labels={{\n                    default: formatMessage(messages['reset.password']),\n                    pending: '',\n                  }}\n                  onClick={e => handleSubmit(e)}\n                  onMouseDown={(e) => e.preventDefault()}\n                />\n              </Form>\n            </div>\n          </div>\n        </div>\n      </BaseContainer>\n    );\n  }\n};\n\nResetPasswordPage.defaultProps = {\n  status: null,\n  token: null,\n  errorMsg: null,\n};\n\nResetPasswordPage.propTypes = {\n  resetPassword: PropTypes.func.isRequired,\n  validateToken: PropTypes.func.isRequired,\n  token: PropTypes.string,\n  status: PropTypes.string,\n  errorMsg: PropTypes.string,\n};\n\nexport default connect(\n  resetPasswordResultSelector,\n  {\n    resetPassword,\n    validateToken,\n  },\n)(ResetPasswordPage);\n"]}
+{"version":3,"file":"ResetPasswordPage.js","sourceRoot":"","sources":["../../src/reset-password/ResetPasswordPage.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getSiteConfig, getUrlByRouteRole, useIntl } from '@openedx/frontend-base';\nimport {\n  Form,\n  Icon,\n  Spinner,\n  StatefulButton,\n  Tab,\n  Tabs,\n} from '@openedx/paragon';\nimport { ChevronLeft } from '@openedx/paragon/icons';\nimport { Helmet } from 'react-helmet';\nimport { useNavigate, useParams } from 'react-router-dom';\n\nimport BaseContainer from '../base-container';\nimport { validatePassword } from './data/api';\nimport { useResetPassword, useValidateToken } from './data/apiHook';\nimport {\n  FORM_SUBMISSION_ERROR, PASSWORD_RESET, PASSWORD_VALIDATION_ERROR, TOKEN_STATE,\n} from './data/constants';\nimport messages from './messages';\nimport ResetPasswordFailure from './ResetPasswordFailure';\nimport { PasswordField } from '../common-components';\nimport { loginPath, loginRole, resetPasswordRole } from '../constants';\nimport { LETTER_REGEX, NUMBER_REGEX } from '../data/constants';\nimport { getAllPossibleQueryParams, updatePathWithQueryParams, windowScrollTo } from '../data/utils';\nimport { RegisterProvider } from '../register/components/RegisterContext';\n\nconst ResetPasswordPageInner = () => {\n  const { formatMessage } = useIntl();\n  const newPasswordError = formatMessage(messages['password.validation.message']);\n  const { token } = useParams();\n  const navigate = useNavigate();\n\n  const [status, setStatus] = useState(TOKEN_STATE.PENDING);\n  const [validatedToken, setValidatedToken] = useState(null);\n  const [errorMsg, setErrorMsg] = useState(null);\n  const [newPassword, setNewPassword] = useState('');\n  const [confirmPassword, setConfirmPassword] = useState('');\n  const [formErrors, setFormErrors] = useState({});\n  const [errorCode, setErrorCode] = useState(null);\n\n  // React Query hooks\n  const { mutate: validateResetToken } = useValidateToken();\n  const { mutate: resetUserPassword, isPending: isResetting } = useResetPassword();\n\n  useEffect(() => {\n    if (status !== TOKEN_STATE.PENDING) {\n      setErrorCode(status);\n    }\n    if (status === PASSWORD_VALIDATION_ERROR) {\n      setFormErrors({ newPassword: newPasswordError });\n    }\n  }, [status, newPasswordError]);\n\n  useEffect(() => {\n    if (token && status === TOKEN_STATE.PENDING) {\n      validateResetToken(token, {\n        onSuccess: (data) => {\n          const { is_valid: isValid, token: tokenValue } = data;\n          if (isValid) {\n            setStatus(TOKEN_STATE.VALID);\n            setValidatedToken(tokenValue);\n          } else {\n            setStatus(PASSWORD_RESET.INVALID_TOKEN);\n          }\n        },\n        onError: (error) => {\n          if (error.response?.status === 429) {\n            setStatus(PASSWORD_RESET.FORBIDDEN_REQUEST);\n          } else {\n            setStatus(PASSWORD_RESET.INTERNAL_SERVER_ERROR);\n          }\n        },\n      });\n    }\n  }, [token, status, validateResetToken]);\n\n  const validatePasswordFromBackend = async (password) => {\n    let errorMessage = '';\n    try {\n      const payload = {\n        reset_password_page: true,\n        password,\n      };\n      errorMessage = await validatePassword(payload);\n    } catch (err) {\n      errorMessage = '';\n    }\n    setFormErrors({ ...formErrors, newPassword: errorMessage });\n  };\n\n  const validateInput = (name, value) => {\n    let fieldError = '';\n    switch (name) {\n      case 'newPassword':\n        if (!value || !LETTER_REGEX.test(value) || !NUMBER_REGEX.test(value) || value.length < 8) {\n          fieldError = formatMessage(messages['password.validation.message']);\n        } else {\n          validatePasswordFromBackend(value);\n        }\n        break;\n      case 'confirmPassword':\n        if (!value) {\n          fieldError = formatMessage(messages['confirm.your.password']);\n        } else if (value !== newPassword) {\n          fieldError = formatMessage(messages['passwords.do.not.match']);\n        }\n        break;\n      default:\n        break;\n    }\n    setFormErrors((prev) => ({ ...prev, [name]: fieldError }));\n    return !fieldError;\n  };\n\n  const handleOnBlur = (event) => {\n    const { name, value } = event.target;\n    validateInput(name, value);\n  };\n\n  const handleConfirmPasswordChange = (e) => {\n    const { value } = e.target;\n\n    setConfirmPassword(value);\n    validateInput('confirmPassword', value);\n  };\n\n  const handleOnFocus = (e) => {\n    setFormErrors((prev) => ({ ...prev, [e.target.name]: '' }));\n  };\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n\n    const isPasswordValid = validateInput('newPassword', newPassword);\n    const isPasswordConfirmed = validateInput('confirmPassword', confirmPassword);\n\n    if (isPasswordValid && isPasswordConfirmed) {\n      const formPayload = {\n        new_password1: newPassword,\n        new_password2: confirmPassword,\n      };\n      const params = getAllPossibleQueryParams();\n      resetUserPassword({ formPayload, token: validatedToken, params }, {\n        onSuccess: (data) => {\n          const { reset_status: resetStatus } = data;\n          if (resetStatus) {\n            setStatus('success');\n          }\n        },\n        onError: (error) => {\n          const data = error.response?.data;\n          const { token_invalid: tokenInvalid, err_msg: resetErrors } = data || {};\n          if (tokenInvalid) {\n            setStatus(PASSWORD_RESET.INVALID_TOKEN);\n          } else {\n            setStatus(PASSWORD_VALIDATION_ERROR);\n            setErrorMsg(resetErrors);\n          }\n        },\n      });\n    } else {\n      setErrorCode(FORM_SUBMISSION_ERROR);\n      windowScrollTo({ left: 0, top: 0, behavior: 'smooth' });\n    }\n  };\n\n  const tabTitle = (\n    <div className=\"d-inline-flex flex-wrap align-items-center\">\n      <Icon src={ChevronLeft} />\n      <span className=\"ml-2\">{formatMessage(messages['sign.in'])}</span>\n    </div>\n  );\n\n  useEffect(() => {\n    if (status === PASSWORD_RESET.INVALID_TOKEN) {\n      navigate(updatePathWithQueryParams(getUrlByRouteRole(resetPasswordRole)), { state: { status } });\n    }\n    if (status === 'success') {\n      navigate(updatePathWithQueryParams(getUrlByRouteRole(loginRole)), { state: { showResetPasswordSuccessBanner: true } });\n    }\n  }, [status, navigate]);\n\n  if (status === TOKEN_STATE.PENDING) {\n    return <Spinner animation=\"border\" variant=\"primary\" className=\"spinner--position-centered\" />;\n  }\n\n  return (\n    <BaseContainer>\n      <div>\n        <Helmet>\n          <title>\n            {formatMessage(messages['reset.password.page.title'], { siteName: getSiteConfig().siteName })}\n          </title>\n        </Helmet>\n        <Tabs activeKey=\"\" id=\"controlled-tab\" onSelect={() => navigate(updatePathWithQueryParams(getUrlByRouteRole(loginRole)))}>\n          <Tab title={tabTitle} eventKey={loginPath} />\n        </Tabs>\n        <div id=\"main-content\" className=\"main-content\">\n          <div className=\"mw-xs\">\n            <ResetPasswordFailure errorCode={errorCode} errorMsg={errorMsg} />\n            <h4>{formatMessage(messages['reset.password'])}</h4>\n            <p className=\"mb-4\">{formatMessage(messages['reset.password.page.instructions'])}</p>\n            <Form id=\"set-reset-password-form\" name=\"set-reset-password-form\">\n              <PasswordField\n                name=\"newPassword\"\n                value={newPassword}\n                handleChange={(e) => setNewPassword(e.target.value)}\n                handleBlur={handleOnBlur}\n                handleFocus={handleOnFocus}\n                errorMessage={formErrors.newPassword}\n                floatingLabel={formatMessage(messages['new.password.label'])}\n              />\n              <PasswordField\n                name=\"confirmPassword\"\n                value={confirmPassword}\n                handleChange={handleConfirmPasswordChange}\n                handleFocus={handleOnFocus}\n                errorMessage={formErrors.confirmPassword}\n                showRequirements={false}\n                floatingLabel={formatMessage(messages['confirm.password.label'])}\n              />\n              <StatefulButton\n                id=\"submit-new-password\"\n                name=\"submit-new-password\"\n                type=\"submit\"\n                variant=\"brand\"\n                className=\"reset-password--button\"\n                state={isResetting ? 'pending' : 'default'}\n                labels={{\n                  default: formatMessage(messages['reset.password']),\n                  pending: '',\n                }}\n                onClick={e => handleSubmit(e)}\n                onMouseDown={(e) => e.preventDefault()}\n              />\n            </Form>\n          </div>\n        </div>\n      </div>\n    </BaseContainer>\n  );\n};\n\nconst ResetPasswordPage = (props) => (\n  <RegisterProvider>\n    <ResetPasswordPageInner {...props} />\n  </RegisterProvider>\n);\n\nexport default ResetPasswordPage;\n"]}

package/dist/reset-password/data/api.d.ts

@@ -0,0 +1,4 @@
+declare const validateToken: (token: string) => Promise<any>;
+declare const resetPassword: (payload: any, token: any, queryParams: any) => Promise<any>;
+declare const validatePassword: (payload: any) => Promise<string>;
+export { validateToken, resetPassword, validatePassword, };

package/dist/reset-password/data/api.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 { getHttpClient, getSiteConfig } from '@openedx/frontend-base';
+import formurlencoded from 'form-urlencoded';
+const validateToken = (token) => __awaiter(void 0, void 0, void 0, function* () {
+    const requestConfig = {
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    };
+    const { data } = yield getHttpClient()
+        .post(`${getSiteConfig().lmsBaseUrl}/user_api/v1/account/password_reset/token/validate/`, formurlencoded({ token }), requestConfig)
+        .catch((e) => {
+        throw (e);
+    });
+    return data;
+});
+const resetPassword = (payload, token, queryParams) => __awaiter(void 0, void 0, void 0, function* () {
+    const requestConfig = {
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    };
+    const url = new URL(`${getSiteConfig().lmsBaseUrl}/password/reset/${token}/`);
+    if (queryParams.is_account_recovery) {
+        url.searchParams.append('is_account_recovery', 'true');
+    }
+    const { data } = yield getHttpClient()
+        .post(url.href, formurlencoded(payload), requestConfig)
+        .catch((e) => {
+        throw (e);
+    });
+    return data;
+});
+const validatePassword = (payload) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    const requestConfig = {
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    };
+    const { data } = yield getHttpClient()
+        .post(`${getSiteConfig().lmsBaseUrl}/api/user/v1/validation/registration`, formurlencoded(payload), requestConfig)
+        .catch((e) => {
+        throw (e);
+    });
+    let errorMessage = '';
+    // Be careful about grabbing this message, since we could have received an HTTP error or the
+    // endpoint didn't give us what we expect. We only care if we get a clear error message.
+    if ((_a = data.validation_decisions) === null || _a === void 0 ? void 0 : _a.password) {
+        errorMessage = data.validation_decisions.password;
+    }
+    return errorMessage;
+});
+export { validateToken, resetPassword, validatePassword, };
+//# sourceMappingURL=api.js.map

package/dist/reset-password/data/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/reset-password/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C,MAAM,aAAa,GAAG,CAAO,KAAa,EAAE,EAAE;IAC5C,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,cAAc,EAAE,mCAAmC,EAAE;KACjE,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,aAAa,EAAE;SACnC,IAAI,CACH,GAAG,aAAa,EAAE,CAAC,UAAU,qDAAqD,EAClF,cAAc,CAAC,EAAE,KAAK,EAAE,CAAC,EACzB,aAAa,CACd;SACA,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;QACX,MAAM,CAAC,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC,CAAC;IACL,OAAO,IAAI,CAAC;AACd,CAAC,CAAA,CAAC;AAEF,MAAM,aAAa,GAAG,CAAO,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE;IAC1D,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,cAAc,EAAE,mCAAmC,EAAE;KACjE,CAAC;IACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,aAAa,EAAE,CAAC,UAAU,mBAAmB,KAAK,GAAG,CAAC,CAAC;IAE9E,IAAI,WAAW,CAAC,mBAAmB,EAAE,CAAC;QACpC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,aAAa,EAAE;SACnC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;SACtD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;QACX,MAAM,CAAC,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC,CAAC;IACL,OAAO,IAAI,CAAC;AACd,CAAC,CAAA,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAO,OAAO,EAAE,EAAE;;IACzC,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,cAAc,EAAE,mCAAmC,EAAE;KACjE,CAAC;IACF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,aAAa,EAAE;SACnC,IAAI,CACH,GAAG,aAAa,EAAE,CAAC,UAAU,sCAAsC,EACnE,cAAc,CAAC,OAAO,CAAC,EACvB,aAAa,CACd;SACA,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;QACX,MAAM,CAAC,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC,CAAC;IAEL,IAAI,YAAY,GAAG,EAAE,CAAC;IACtB,4FAA4F;IAC5F,wFAAwF;IACxF,IAAI,MAAA,IAAI,CAAC,oBAAoB,0CAAE,QAAQ,EAAE,CAAC;QACxC,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC;IACpD,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC,CAAA,CAAC;AAEF,OAAO,EACL,aAAa,EACb,aAAa,EACb,gBAAgB,GACjB,CAAC","sourcesContent":["import { getHttpClient, getSiteConfig } from '@openedx/frontend-base';\nimport formurlencoded from 'form-urlencoded';\n\nconst validateToken = async (token: string) => {\n  const requestConfig = {\n    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n  };\n\n  const { data } = await getHttpClient()\n    .post(\n      `${getSiteConfig().lmsBaseUrl}/user_api/v1/account/password_reset/token/validate/`,\n      formurlencoded({ token }),\n      requestConfig,\n    )\n    .catch((e) => {\n      throw (e);\n    });\n  return data;\n};\n\nconst resetPassword = async (payload, token, queryParams) => {\n  const requestConfig = {\n    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n  };\n  const url = new URL(`${getSiteConfig().lmsBaseUrl}/password/reset/${token}/`);\n\n  if (queryParams.is_account_recovery) {\n    url.searchParams.append('is_account_recovery', 'true');\n  }\n\n  const { data } = await getHttpClient()\n    .post(url.href, formurlencoded(payload), requestConfig)\n    .catch((e) => {\n      throw (e);\n    });\n  return data;\n};\n\nconst validatePassword = async (payload) => {\n  const requestConfig = {\n    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n  };\n  const { data } = await getHttpClient()\n    .post(\n      `${getSiteConfig().lmsBaseUrl}/api/user/v1/validation/registration`,\n      formurlencoded(payload),\n      requestConfig,\n    )\n    .catch((e) => {\n      throw (e);\n    });\n\n  let errorMessage = '';\n  // Be careful about grabbing this message, since we could have received an HTTP error or the\n  // endpoint didn't give us what we expect. We only care if we get a clear error message.\n  if (data.validation_decisions?.password) {\n    errorMessage = data.validation_decisions.password;\n  }\n\n  return errorMessage;\n};\n\nexport {\n  validateToken,\n  resetPassword,\n  validatePassword,\n};\n"]}

package/dist/reset-password/data/apiHook.d.ts

@@ -0,0 +1,31 @@
+interface ResetPasswordPayload {
+    formPayload: Record<string, string | boolean>;
+    token: string;
+    params: Record<string, string | boolean>;
+}
+interface TokenValidationResult {
+    is_valid: boolean;
+    token: string;
+}
+interface ResetPasswordResult {
+    reset_status: boolean;
+    err_msg?: Record<string, string[]>;
+    token_invalid?: boolean;
+}
+interface UseValidateTokenOptions {
+    onSuccess?: (data: TokenValidationResult) => void;
+    onError?: (error: Error) => void;
+}
+interface UseResetPasswordOptions {
+    onSuccess?: (data: ResetPasswordResult) => void;
+    onError?: (error: Error) => void;
+}
+interface ApiError extends Error {
+    response?: {
+        status: number;
+        data: Record<string, unknown>;
+    };
+}
+declare const useValidateToken: (options?: UseValidateTokenOptions) => import("@tanstack/react-query").UseMutationResult<any, ApiError, string, unknown>;
+declare const useResetPassword: (options?: UseResetPasswordOptions) => import("@tanstack/react-query").UseMutationResult<any, ApiError, ResetPasswordPayload, unknown>;
+export { useValidateToken, useResetPassword, };

package/dist/reset-password/data/apiHook.js

@@ -0,0 +1,74 @@
+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 { logError, logInfo } from '@openedx/frontend-base';
+import { useMutation } from '@tanstack/react-query';
+import { resetPassword, validateToken } from './api';
+const useValidateToken = (options = {}) => useMutation({
+    mutationFn: (token) => __awaiter(void 0, void 0, void 0, function* () {
+        const data = yield validateToken(token);
+        return Object.assign(Object.assign({}, data), { token });
+    }),
+    onSuccess: (data) => {
+        const { is_valid: isValid, token } = data;
+        if (isValid) {
+            logInfo(`Token ${token} is valid`);
+        }
+        else {
+            logInfo(`Token ${token} is invalid`);
+        }
+        if (options.onSuccess) {
+            options.onSuccess(data);
+        }
+    },
+    onError: (error) => {
+        var _a;
+        if (((_a = error.response) === null || _a === void 0 ? void 0 : _a.status) === 429) {
+            logInfo(error);
+        }
+        else {
+            logError(error);
+        }
+        if (options.onError) {
+            options.onError(error);
+        }
+    },
+});
+const useResetPassword = (options = {}) => useMutation({
+    mutationFn: ({ formPayload, token, params }) => (resetPassword(formPayload, token, params)),
+    onSuccess: (data) => {
+        const { reset_status: resetStatus, err_msg: resetErrors, token_invalid: tokenInvalid } = data;
+        if (resetStatus) {
+            logInfo('Password reset successful');
+        }
+        else if (tokenInvalid) {
+            logInfo('Password reset failed: invalid token');
+        }
+        else {
+            logInfo('Password reset failed: validation error', resetErrors);
+        }
+        if (options.onSuccess) {
+            options.onSuccess(data);
+        }
+    },
+    onError: (error) => {
+        var _a;
+        if (((_a = error.response) === null || _a === void 0 ? void 0 : _a.status) === 429) {
+            logInfo(error);
+        }
+        else {
+            logError(error);
+        }
+        if (options.onError) {
+            options.onError(error);
+        }
+    },
+});
+export { useValidateToken, useResetPassword, };
+//# sourceMappingURL=apiHook.js.map

package/dist/reset-password/data/apiHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/reset-password/data/apiHook.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAoCrD,MAAM,gBAAgB,GAAG,CAAC,UAAmC,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC;IAC9E,UAAU,EAAE,CAAO,KAAa,EAAE,EAAE;QAClC,MAAM,IAAI,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,uCAAY,IAAI,KAAE,KAAK,IAAG;IAC5B,CAAC,CAAA;IACD,SAAS,EAAE,CAAC,IAA2B,EAAE,EAAE;QACzC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAC1C,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,SAAS,KAAK,WAAW,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,SAAS,KAAK,aAAa,CAAC,CAAC;QACvC,CAAC;QACD,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;YACtB,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IACD,OAAO,EAAE,CAAC,KAAe,EAAE,EAAE;;QAC3B,IAAI,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,MAAK,GAAG,EAAE,CAAC;YACnC,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;QACD,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,CAAC,UAAmC,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC;IAC9E,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAwB,EAAE,EAAE,CAAC,CACpE,aAAa,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,CAC1C;IACD,SAAS,EAAE,CAAC,IAAyB,EAAE,EAAE;QACvC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC9F,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CAAC,2BAA2B,CAAC,CAAC;QACvC,CAAC;aAAM,IAAI,YAAY,EAAE,CAAC;YACxB,OAAO,CAAC,sCAAsC,CAAC,CAAC;QAClD,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,yCAAyC,EAAE,WAAW,CAAC,CAAC;QAClE,CAAC;QACD,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;YACtB,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IACD,OAAO,EAAE,CAAC,KAAe,EAAE,EAAE;;QAC3B,IAAI,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,MAAM,MAAK,GAAG,EAAE,CAAC;YACnC,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;QACD,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;CACF,CAAC,CAAC;AAEH,OAAO,EACL,gBAAgB,EAChB,gBAAgB,GACjB,CAAC","sourcesContent":["import { logError, logInfo } from '@openedx/frontend-base';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { resetPassword, validateToken } from './api';\n\ninterface ResetPasswordPayload {\n  formPayload: Record<string, string | boolean>,\n  token: string,\n  params: Record<string, string | boolean>,\n}\n\ninterface TokenValidationResult {\n  is_valid: boolean,\n  token: string,\n}\n\ninterface ResetPasswordResult {\n  reset_status: boolean,\n  err_msg?: Record<string, string[]>,\n  token_invalid?: boolean,\n}\n\ninterface UseValidateTokenOptions {\n  onSuccess?: (data: TokenValidationResult) => void,\n  onError?: (error: Error) => void,\n}\n\ninterface UseResetPasswordOptions {\n  onSuccess?: (data: ResetPasswordResult) => void,\n  onError?: (error: Error) => void,\n}\n\ninterface ApiError extends Error {\n  response?: {\n    status: number,\n    data: Record<string, unknown>,\n  },\n}\n\nconst useValidateToken = (options: UseValidateTokenOptions = {}) => useMutation({\n  mutationFn: async (token: string) => {\n    const data = await validateToken(token);\n    return { ...data, token };\n  },\n  onSuccess: (data: TokenValidationResult) => {\n    const { is_valid: isValid, token } = data;\n    if (isValid) {\n      logInfo(`Token ${token} is valid`);\n    } else {\n      logInfo(`Token ${token} is invalid`);\n    }\n    if (options.onSuccess) {\n      options.onSuccess(data);\n    }\n  },\n  onError: (error: ApiError) => {\n    if (error.response?.status === 429) {\n      logInfo(error);\n    } else {\n      logError(error);\n    }\n    if (options.onError) {\n      options.onError(error);\n    }\n  },\n});\n\nconst useResetPassword = (options: UseResetPasswordOptions = {}) => useMutation({\n  mutationFn: ({ formPayload, token, params }: ResetPasswordPayload) => (\n    resetPassword(formPayload, token, params)\n  ),\n  onSuccess: (data: ResetPasswordResult) => {\n    const { reset_status: resetStatus, err_msg: resetErrors, token_invalid: tokenInvalid } = data;\n    if (resetStatus) {\n      logInfo('Password reset successful');\n    } else if (tokenInvalid) {\n      logInfo('Password reset failed: invalid token');\n    } else {\n      logInfo('Password reset failed: validation error', resetErrors);\n    }\n    if (options.onSuccess) {\n      options.onSuccess(data);\n    }\n  },\n  onError: (error: ApiError) => {\n    if (error.response?.status === 429) {\n      logInfo(error);\n    } else {\n      logError(error);\n    }\n    if (options.onError) {\n      options.onError(error);\n    }\n  },\n});\n\nexport {\n  useValidateToken,\n  useResetPassword,\n};\n"]}

package/dist/reset-password/index.d.ts

@@ -1,5 +1 @@
 export { default as ResetPasswordPage } from "./ResetPasswordPage";
-export { default as reducer } from "./data/reducers";
-export { RESET_PASSWORD } from "./data/actions";
-export { default as saga } from "./data/sagas";
-export { storeName } from "./data/selectors";

package/dist/reset-password/index.js

@@ -1,6 +1,2 @@
 export { default as ResetPasswordPage } from './ResetPasswordPage';
-export { default as reducer } from './data/reducers';
-export { RESET_PASSWORD } from './data/actions';
-export { default as saga } from './data/sagas';
-export { storeName } from './data/selectors';
 //# sourceMappingURL=index.js.map

package/dist/reset-password/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/reset-password/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { default as ResetPasswordPage } from './ResetPasswordPage';\nexport { default as reducer } from './data/reducers';\nexport { RESET_PASSWORD } from './data/actions';\nexport { default as saga } from './data/sagas';\nexport { storeName } from './data/selectors';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/reset-password/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { default as ResetPasswordPage } from './ResetPasswordPage';\n"]}