ADD new frontend
This commit is contained in:
79
frontend/src/components/domain/auth/index.ts
Normal file
79
frontend/src/components/domain/auth/index.ts
Normal file
@@ -0,0 +1,79 @@
|
||||
// Authentication domain components
|
||||
export { default as LoginForm } from './LoginForm';
|
||||
export { default as RegisterForm } from './RegisterForm';
|
||||
export { default as PasswordResetForm } from './PasswordResetForm';
|
||||
export { default as ProfileSettings } from './ProfileSettings';
|
||||
|
||||
// Export named exports as well
|
||||
export { LoginForm } from './LoginForm';
|
||||
export { RegisterForm } from './RegisterForm';
|
||||
export { PasswordResetForm } from './PasswordResetForm';
|
||||
export { ProfileSettings } from './ProfileSettings';
|
||||
|
||||
// Re-export types for convenience
|
||||
export type {
|
||||
LoginFormProps,
|
||||
RegisterFormProps,
|
||||
PasswordResetFormProps,
|
||||
ProfileSettingsProps
|
||||
} from './types';
|
||||
|
||||
// Component metadata for documentation
|
||||
export const authComponents = {
|
||||
LoginForm: {
|
||||
name: 'LoginForm',
|
||||
description: 'Comprehensive login form with email/password validation, remember me, auto-focus, and accessibility features',
|
||||
features: [
|
||||
'Email and password validation',
|
||||
'Remember me functionality',
|
||||
'Auto-focus on email field',
|
||||
'Enter key submission',
|
||||
'Loading states and error handling',
|
||||
'Accessibility (ARIA attributes)',
|
||||
'Spanish localization',
|
||||
'Mobile responsive design'
|
||||
]
|
||||
},
|
||||
RegisterForm: {
|
||||
name: 'RegisterForm',
|
||||
description: 'Multi-step registration form for bakery owners with progress indicator and comprehensive validation',
|
||||
features: [
|
||||
'Multi-step registration (personal, bakery, security, verification)',
|
||||
'Progress indicator with step completion',
|
||||
'Spanish phone and postal code validation',
|
||||
'Comprehensive bakery-specific fields',
|
||||
'Terms and privacy acceptance',
|
||||
'Email verification workflow',
|
||||
'Real-time validation feedback',
|
||||
'Mobile responsive design'
|
||||
]
|
||||
},
|
||||
PasswordResetForm: {
|
||||
name: 'PasswordResetForm',
|
||||
description: 'Dual-mode password reset form with token validation and password strength indicator',
|
||||
features: [
|
||||
'Request reset and set new password modes',
|
||||
'Token validation for reset links',
|
||||
'Password strength indicator',
|
||||
'Enhanced error messaging',
|
||||
'Auto-focus functionality',
|
||||
'Success confirmation screens',
|
||||
'Accessibility features',
|
||||
'Spanish localization'
|
||||
]
|
||||
},
|
||||
ProfileSettings: {
|
||||
name: 'ProfileSettings',
|
||||
description: 'Comprehensive user profile and bakery settings management with image upload',
|
||||
features: [
|
||||
'Tabbed interface (Profile, Security, Preferences, Notifications)',
|
||||
'Profile picture upload with validation',
|
||||
'User profile and bakery information editing',
|
||||
'Password change functionality',
|
||||
'Notification preferences',
|
||||
'Language and timezone settings',
|
||||
'Comprehensive form validation',
|
||||
'Save/cancel with change detection'
|
||||
]
|
||||
}
|
||||
} as const;
|
||||
Reference in New Issue
Block a user