feat: Completely rewrite RecipeWizard with comprehensive improvements
Major improvements:
1. Fixed 'a.map is not a function' error (line 387: result.templates)
2. Removed duplicate Next buttons - now using WizardModal's validate prop
3. Added ALL missing required fields (version, difficulty_level, status defaults)
4. Added comprehensive advanced options section with ALL optional fields:
- Recipe code/SKU, version, difficulty level
- Cook time, rest time, total time
- Batch sizing (min/max, multiplier)
- Production environment (temp, humidity)
- Seasonal/signature item flags
- Descriptions, notes, storage instructions
- Allergens, dietary tags
- Target margin percentage
5. Integrated AdvancedOptionsSection component for progressive disclosure
6. Added tooltips for complex fields using existing Tooltip component
7. Proper form validation on each step
8. Real-time data synchronization with useEffect
9. English labels (per project standards)
10. All fields map correctly to backend RecipeCreate schema
Technical changes:
- Created reusable AdvancedOptionsSection component
- Steps now validate using WizardModal's validate prop
- No internal "Continuar" buttons - cleaner UX
- Quality Templates step marked as optional (isOptional: true)
- Ingredients step validates all required data
- Seasonal month selectors conditional on isSeasonal checkbox
This implementation follows UX best practices for progressive disclosure and reduces cognitive load while maintaining access to all backend fields.
2025-11-10 07:28:20 +00:00
|
|
|
export { AdvancedOptionsSection } from './AdvancedOptionsSection';
|