Implementation:FlowiseAI Flowise ForgotPassword
| Knowledge Sources | |
|---|---|
| Domains | Authentication, Views |
| Last Updated | 2026-02-12 07:00 GMT |
Overview
ForgotPasswordPage is a React page component that provides a form for users to request password reset instructions by entering their email address.
Description
This component renders a fixed-width (480px) form within a MainCard that collects the user's email address and submits it to accountApi.forgotPassword. It displays contextual alerts for success (instructions sent), error (API failure), and rate limiting (via useError context). The form includes a link to the reset password page for users who already have a reset code. A BackdropLoader overlay is shown during the API request. For enterprise-licensed instances, an additional caption advises users to contact their administrator if they forgot their signup email.
Usage
Use this component as the route handler for the /forgot-password path. It is part of the authentication flow, allowing users to initiate password recovery before being directed to the reset password page.
Code Reference
Source Location
- Repository: FlowiseAI Flowise
- File: packages/ui/src/views/auth/forgotPassword.jsx
- Lines: 1-160
Signature
const ForgotPasswordPage = () => { ... }
export default ForgotPasswordPage
Import
import ForgotPasswordPage from '@/views/auth/forgotPassword'
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| (none - page component) | N/A | N/A | This is a top-level page component with no props; it uses useConfig for enterprise license check and useError for rate limit errors |
Outputs
| Name | Type | Description |
|---|---|---|
| JSX.Element | React element | A MainCard with an email input form, success/error/rate-limit alerts, a link to the reset password page, and a backdrop loader |
Usage Examples
Basic Usage
// In route configuration
import ForgotPasswordPage from '@/views/auth/forgotPassword'
<Route path="/forgot-password" element={<ForgotPasswordPage />} />