#6384809 Introduce a new connect a domain flow

Changes proposed in this Pull Request

• This PR will introduce a new flow for users to “map” a domain. We’ll be using the new terminology “connect a domain” instead. See: pcYYhz-e4-p2#new-connect-a-domain-flow

Note that before wiring this in, we’ll need to add in the ability to store which “mode” was used when doing the verification so that we can send the user back to the correct step in the flow if they need to re-try the steps to get their domain connected. I’ll add this in a separate PR since it requires some back-end changes as well.

Testing instructions

Use a path like http://calypso.localhost:3000/domains/mapping/a8ctest.com/setup/example.com

Walk through the flow on both the “suggested” and “advanced” paths.

Try this with a domain that has the correct NS/A records set and one that doesn’t have them correctly set. Make sure that the final screen shows the correct case for “Connected” or “Verifying” your domain.

Try appending a query string with a specific step slug like ?step=advanced_update. This should take you directly to that step.

When the showErrors=1 query string is added, this will trigger an immediate verification check and any errors will be shown on the “update” screens.

Example walk through the “suggested flow”:

Example walk through using the “advanced flow”:

Example showing direct link to the update step and showing errors:

Start step for suggested flow:

Login step (same for both flows, except for subtitle):

Update step for suggested flow:

Update step showing one of the clipboard buttons in a “copied” state:

“Connected” step; shown when the flow is completed and the DNS records have been set correctly:

“Verifying” step; shown when the flow is completed, but the DNS records aren’t yet propagated:

Start step for advanced flow:

Update step for advanced flow: