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

package/dist/reset-password/ResetPasswordPage.js

@@ -0,0 +1,182 @@
+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 } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+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 { Helmet } from 'react-helmet';
+import { useNavigate, useParams } from 'react-router-dom';
+import BaseContainer from '../base-container';
+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';
+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);
+    // React Query hooks
+    const { mutate: validateResetToken } = useValidateToken();
+    const { mutate: resetUserPassword, isPending: isResetting } = useResetPassword();
+    useEffect(() => {
+        if (status !== TOKEN_STATE.PENDING) {
+            setErrorCode(status);
+        }
+        if (status === PASSWORD_VALIDATION_ERROR) {
+            setFormErrors({ newPassword: newPasswordError });
+        }
+    }, [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 {
+            const payload = {
+                reset_password_page: true,
+                password,
+            };
+            errorMessage = yield validatePassword(payload);
+        }
+        catch (err) {
+            errorMessage = '';
+        }
+        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) {
+                    fieldError = formatMessage(messages['password.validation.message']);
+                }
+                else {
+                    validatePasswordFromBackend(value);
+                }
+                break;
+            case 'confirmPassword':
+                if (!value) {
+                    fieldError = formatMessage(messages['confirm.your.password']);
+                }
+                else if (value !== newPassword) {
+                    fieldError = formatMessage(messages['passwords.do.not.match']);
+                }
+                break;
+            default:
+                break;
+        }
+        setFormErrors((prev) => (Object.assign(Object.assign({}, prev), { [name]: fieldError })));
+        return !fieldError;
+    };
+    const handleOnBlur = (event) => {
+        const { name, value } = event.target;
+        validateInput(name, value);
+    };
+    const handleConfirmPasswordChange = (e) => {
+        const { value } = e.target;
+        setConfirmPassword(value);
+        validateInput('confirmPassword', value);
+    };
+    const handleOnFocus = (e) => {
+        setFormErrors((prev) => (Object.assign(Object.assign({}, prev), { [e.target.name]: '' })));
+    };
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        const isPasswordValid = validateInput('newPassword', newPassword);
+        const isPasswordConfirmed = validateInput('confirmPassword', confirmPassword);
+        if (isPasswordValid && isPasswordConfirmed) {
+            const formPayload = {
+                new_password1: newPassword,
+                new_password2: confirmPassword,
+            };
+            const params = getAllPossibleQueryParams();
+            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);
+            windowScrollTo({ left: 0, top: 0, behavior: 'smooth' });
+        }
+    };
+    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']) })] }));
+    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() })] })] }) })] }) }));
+};
+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

@@ -0,0 +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';\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/ResetPasswordSuccess.d.ts

@@ -0,0 +1,2 @@
+export default ResetPasswordSuccess;
+declare function ResetPasswordSuccess(): import("react/jsx-runtime").JSX.Element;

package/dist/reset-password/ResetPasswordSuccess.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import { Alert } from '@openedx/paragon';
+import messages from './messages';
+const ResetPasswordSuccess = () => {
+    const { formatMessage } = useIntl();
+    return (_jsxs(Alert, { id: "reset-password-success", variant: "success", className: "mb-5", children: [_jsx(Alert.Heading, { children: formatMessage(messages['reset.password.success.heading']) }), _jsx("p", { children: formatMessage(messages['reset.password.success']) })] }));
+};
+export default ResetPasswordSuccess;
+//# sourceMappingURL=ResetPasswordSuccess.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordSuccess.js","sourceRoot":"","sources":["../../src/reset-password/ResetPasswordSuccess.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,MAAC,KAAK,IAAC,EAAE,EAAC,wBAAwB,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,aACnE,KAAC,KAAK,CAAC,OAAO,cACX,aAAa,CAAC,QAAQ,CAAC,gCAAgC,CAAC,CAAC,GAC5C,EAChB,sBAAI,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC,GAAK,IACpD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { Alert } from '@openedx/paragon';\n\nimport messages from './messages';\n\nconst ResetPasswordSuccess = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Alert id=\"reset-password-success\" variant=\"success\" className=\"mb-5\">\n      <Alert.Heading>\n        {formatMessage(messages['reset.password.success.heading'])}\n      </Alert.Heading>\n      <p>{formatMessage(messages['reset.password.success'])}</p>\n    </Alert>\n  );\n};\n\nexport default ResetPasswordSuccess;\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/data/constants.d.ts

@@ -0,0 +1,13 @@
+export namespace TOKEN_STATE {
+    let PENDING: string;
+    let VALID: string;
+}
+export const FORM_SUBMISSION_ERROR: "form-submission-error";
+export const PASSWORD_RESET_ERROR: "password-reset-error";
+export const SUCCESS: "success";
+export const PASSWORD_VALIDATION_ERROR: "password-validation-failure";
+export namespace PASSWORD_RESET {
+    let INVALID_TOKEN: string;
+    let INTERNAL_SERVER_ERROR: string;
+    let FORBIDDEN_REQUEST: string;
+}

package/{src → dist}/reset-password/data/constants.js

@@ -1,16 +1,15 @@
 export const TOKEN_STATE = {
-  PENDING: 'token-pending',
-  VALID: 'token-valid',
+    PENDING: 'token-pending',
+    VALID: 'token-valid',
 };
-
 // password reset error codes
 export const FORM_SUBMISSION_ERROR = 'form-submission-error';
 export const PASSWORD_RESET_ERROR = 'password-reset-error';
 export const SUCCESS = 'success';
 export const PASSWORD_VALIDATION_ERROR = 'password-validation-failure';
-
 export const PASSWORD_RESET = {
-  INVALID_TOKEN: 'invalid-token',
-  INTERNAL_SERVER_ERROR: 'password-reset-internal-server-error',
-  FORBIDDEN_REQUEST: 'password-reset-rate-limit-error',
+    INVALID_TOKEN: 'invalid-token',
+    INTERNAL_SERVER_ERROR: 'password-reset-internal-server-error',
+    FORBIDDEN_REQUEST: 'password-reset-rate-limit-error',
 };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/reset-password/data/constants.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;CACrB,CAAC;AAEF,6BAA6B;AAC7B,MAAM,CAAC,MAAM,qBAAqB,GAAG,uBAAuB,CAAC;AAC7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAC3D,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AACjC,MAAM,CAAC,MAAM,yBAAyB,GAAG,6BAA6B,CAAC;AAEvE,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,aAAa,EAAE,eAAe;IAC9B,qBAAqB,EAAE,sCAAsC;IAC7D,iBAAiB,EAAE,iCAAiC;CACrD,CAAC","sourcesContent":["export const TOKEN_STATE = {\n  PENDING: 'token-pending',\n  VALID: 'token-valid',\n};\n\n// password reset error codes\nexport const FORM_SUBMISSION_ERROR = 'form-submission-error';\nexport const PASSWORD_RESET_ERROR = 'password-reset-error';\nexport const SUCCESS = 'success';\nexport const PASSWORD_VALIDATION_ERROR = 'password-validation-failure';\n\nexport const PASSWORD_RESET = {\n  INVALID_TOKEN: 'invalid-token',\n  INTERNAL_SERVER_ERROR: 'password-reset-internal-server-error',\n  FORBIDDEN_REQUEST: 'password-reset-rate-limit-error',\n};\n"]}

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

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

package/dist/reset-password/index.js

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

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

@@ -0,0 +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","sourcesContent":["export { default as ResetPasswordPage } from './ResetPasswordPage';\n"]}

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

@@ -0,0 +1,83 @@
+export default messages;
+declare const messages: {
+    'sign.in': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password.page.title': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password.page.instructions': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'new.password.label': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'confirm.password.label': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'password.validation.message': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'passwords.do.not.match': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'confirm.your.password': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password.failure.heading': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password.form.submission.error': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.server.rate.limit.error': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password.success.heading': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'reset.password.success': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'internal.server.error': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'rate.limit.error': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};