Unify loading screens in all onboarding flows

[autumnfjeld]

Description

This issue may need cleanup/more definition and collaboration with other Create teams.

We need to unify the loading screens that users see in signup & onboarding (from the first account screen through to any of the FTM onboarding flows).

Per this P2 convo, pdDOJh-sJ-p2#comment-346, I pulled these problems:

• From Goals screen, clicking “Hire our experts” (difm) : see interstitial screen says “Laying the foundations”
• From Domains screen to Goals Scree: see “Applying Design” , user has not yet seen design step
• Mismatch in loading UIs: the loading/progress bar shown between domains step and goals is different to the loading screen we see at the end of the flow

See design specs here: pbAok1-2RP-p2#loaders

Acceptance Criteria

• All loading screens in onboarding conform to a specific design standard
• This issue is fixed Get rid of "Applying design" in the loading screen before Goals screen #65024
• Check with @saygunnyc for design specs

Dev Tasks

• Retrieve intent and currentStep value on Stepper's processing step
• Improve DIFM flow loading screen ( Goals -> Hire our experts )
• Improve loading screen from Domain -> Goals
• Improve loading screen on /wooConfirm step of sell flow, it saying 'Laying the foundations' when navigate to /checkout
• Improve loading screen on /wooConfirm step when data is loading
• Improve loading screen on /importerWordpress to prevent overlapping with the onboarding progress bar on top of screen Onboarding progress bar #64586

Testing Instructions

• Start with new account at /start
• Go through each flow from the Goals screen to check consistency of screens (@autumnfjeld can help with testing)

Related

#65024

[bangank36]

I update dev tasks for tracking implementation progress

• Retrieve intent and currentStep value on Stepper's processing step
• Improve DIFM flow loading screen ( Goals -> Hire our experts )
• Improve loading screen from Domain -> Goals
• Improve loading screen on /wooConfirm step of sell flow, it saying 'Laying the foundations' when navigate to /checkout

[autumnfjeld]

@bangank36 & @taipeicoder It might be a good idea to specify the tasks for each loading screen either as clear separate tasks in the issue description or create new separate git issues - so that multiple people could work on this if needed. If that makes sense......

[taipeicoder]

@bangank36 could you provide ballpark estimates?

[bangank36]

@bangank36 could you provide ballpark estimates?

Hi @taipeicoder, I am about to make it ready for review today, there is some issues with local enviroment, but thanks to your help i have got rid of them

[bangank36]

Closed as shipped