[Form Refactor] ValidationStep

[luacmartins]

Coming from the New Expensify Forms design doc, we should refactor ValidationStep to use the new form component, follow the guidelines below:

Here's an example of a Form refactor: #9056

Guidelines

1. Replace the form component with Form.js.
2. Create a unique Onyx key in ONYXKEYS.FORM and pass it as the formID prop to Form.
3. Pass a validate callback prop.
4. Pass an onSubmit callback prop that calls the API via an action.
5. Update all inputs wrapped by Form, following the guidelines in Refactor inputs.
6. Remove any unused code.

Testing

Verify that:

• UI looks as it did before the refactor
• Values can be added and edited
• Errors are highlighted correctly (input border)
• Error messages show up correctly
• Draft values are saved properly
• Form alerts are displayed correctly
• Clicking the fix the errors link focuses the first input with error
• No duplicate submission of the form occurs (when it's already submitting)

[luacmartins]

This issue is being put on hold due to push to page discussions, as per this comment.

[luacmartins]

On hold!

[luacmartins]

On hold

[luacmartins]

On hold

[luacmartins]

On hold

[luacmartins]

No longer on hold!

[luacmartins]

I'll try to work on it this week!

[luacmartins]

I'm focused on offline first and N7 issues this week. Gonna try to get to this next week.

[luacmartins]

Prioritizing N7 issues, I'll get to this next week.

[aldo-expensify]

Sorry @luacmartins , didn't have enough time to get to this before the end of last week. I'll assign it back to you so you can decide on doing it yourself or finding someone else :)

[aldo-expensify]

@luacmartins I asked in slack if someone wanted to give this a try here and @youssef-lr offered to help (just letting you know)

[youssef-lr]

hey @luacmartins! I noticed that we're using isLoading in Form.js instead of isSubmitting as found in the DD. Which one should be use in the refactors?
Edit: same goes for error vs serverErrorMessage. Should we update the DD or the code?

[luacmartins]

@youssef-lr we changed to isLoading everywhere, so you should use that key.

[youssef-lr]

Thanks @luacmartins, I went ahead and updated the DD.