Implementation:FlowiseAI Flowise ResetPassword
| Knowledge Sources | |
|---|---|
| Domains | Authentication, Views |
| Last Updated | 2026-02-12 07:00 GMT |
Overview
ResetPasswordPage is a React page component that provides a multi-field form for users to reset their password using an email, reset token, and new password with confirmation.
Description
This component renders a form within a MainCard (max-width 480px) with four fields: email, reset token (multiline input for pasting), new password, and confirm password. It validates the token is not blank, the passwords match, and the new password meets strength requirements via validatePassword. On successful submission to accountApi.resetPassword, it shows a success snackbar, clears all fields, and redirects to the sign-in page. Errors are displayed as an alert list at the top of the form. The token field can be pre-populated from a ?token= URL query parameter. Rate limiting errors from the ErrorContext are also displayed.
Usage
Use this component as the route handler for the /reset-password path. It completes the password recovery flow initiated by the forgot password page, requiring the user to provide the reset token received via email.
Code Reference
Source Location
- Repository: FlowiseAI Flowise
- File: packages/ui/src/views/auth/resetPassword.jsx
- Lines: 1-273
Signature
const ResetPasswordPage = () => { ... }
export default ResetPasswordPage
Import
import ResetPasswordPage from '@/views/auth/resetPassword'
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| URL query param: token | string | No | Optional reset token pre-populated from the URL query string (e.g., ?token=abc123) |
Outputs
| Name | Type | Description |
|---|---|---|
| JSX.Element | React element | A MainCard with email, reset token, new password, and confirm password fields, validation error alerts, rate limit error alerts, a submit button, a link back to login, and a backdrop loader |
Usage Examples
Basic Usage
// In route configuration
import ResetPasswordPage from '@/views/auth/resetPassword'
<Route path="/reset-password" element={<ResetPasswordPage />} />
// Users can be directed with a token pre-filled:
// /reset-password?token=abc123def456