Change the ordering of the fields when editing an option on a product

• Type: Task
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: 2.1.2
• Component/s: Digital Merchandise Management → Options
• Labels:
  • Centaurus
• Epic Link: Admin UX Refinements 2/4
• Story Points: 5
• Git Pull Request: https://github.com/marco-leo/liferay-portal-ee/pull/853

Currently, when creating an option template, a user

1. Chooses an Option Field Type
2. Chooses whether the option is a SKU Contributor

As a result of COMMERCE-2895, though, the Option Field Types available will be dependent on whether or not the option is a SKU contributor.

We should change the UI of the option creation to have the user

1. Choose whether the option is a SKU Contributor
2. Choose an Option Field Type

Notes

• See COMMERCE-2895 for context

  2. Update UI to require user to first decide if option would be SKU Contributor or not

Definition of Done

1. The ordering and layout of the Edit Option side bar matches the mock, with the Option Field Type below the row of toggle buttons
2. The Option Field Types available for the user to select is dependent on whether or not the option is set as a SKU contributor.
3. If the user makes an invalid selection (e.g. field type = boolean and sku contributor = true) then we throw an error message when they try to save the option and let them know this combination is not allowed.

Mocks

https://www.figma.com/file/sFhvoyxtfxWOXxImDDjJ1i/m-product-bundle-flow-01a-ac?node-id=329%3A11257