First time setup of Jira integration should leverage a stepper component

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

Problem to solve

As a first time user setting up the Jira integration, all of the possible settings are exposed. This introduces the following problems:

1. The form increases cognitive load by exposing all possible (not all relevant) options
2. Introduces room for error, because the integration needs to be setup in a linear manner. For example, it is not possible choose a "Jira project key" from the dropdown menu without first setting up the connection details.

Proposal

Guide the setup process by leveraging a stepper/wizard component:

jira-setup-using-stepper

✏️ Figma prototype

Bonus

Some additional benefits of introducing a linear setup process:

1. Terminology would be clearer. For example, "Integrations are installed and uninstalled" (#273778 (closed))
2. Remove confusion around whether an integration is "Enabled" (#222785 (closed))
3. Options in stepper would be on by default

Steps

• Collect internal feedback
• Conduct quick usability test
• Add a Stepper/Wizard component to Pajamas