Sensei Tailored Flow #71406

* VideoPress site options step (WIP) * Submit options step

* VideoPress Onboarding v2: Create account. * Adjust the flow steps slightly and remove nonexistent ones.

* Submit options step * VideoPress onboarding, domain selection step * Choose a domain styling * Add video, studio, productions, com as suggested tlds

* Submit options step * VideoPress onboarding, domain selection step * Choose a domain styling * Add video, studio, productions, com as suggested tlds * VideoPress site options step (WIP) * Submit options step * VideoPress onboarding: select a plan (WIP) * Update how we store site title, description and domain by using onboarding store * VideoPress onboarding: choose a plan step * Add translation for choose a domain step * Rebase

* VideoPress onboarding theme * VideoPress powered logo * Update flow progress and fix svg properties in videopress logo

* Update flow progress and fix svg properties in videopress logo * Site options refined * Populate existing site title and description in site options onboarding

* VideoPress onboarding theme * VideoPress powered logo * Update flow progress and fix svg properties in videopress logo * Site options refined * Populate existing site title and description in site options onboarding * Allow passing the products list down to the domain search results * Choose a domain styling WIP * Choose a domain asides and styling * Domain styling * Domain step, style placeholders

#67894)

* Adding intro view styles for new VideoPress flow. Refactors "Jetpack powered" to be more inclusive of different "powered by" products so that we can show the V ideoPress logo there instead of Jetpack. * New VP logo, aligned vertically * More updates to new design iteration. * Seeing if playsinline helps with mobile safari autoplay. * Fix merge conflict for showing jetpack powered badge. * No longer need z-index hack! * Adjustments to the triangles * Restore previous CSS classname. * Restoring code, unintentional change. * Move color styles out of body so they aren`t applied globally. * Fixing CSS after bad merge. * remove top margin to fix centering. Co-authored-by: Eduardo Villuendas <eduardo.villuendas@automattic.com>

* VideoPress Onboarding V2: plan selection refined * Mobile layout for choose a plan

…ompletion (#68162) * clear onboarding site options on flow start and flow completion * clear domain as well when starting or completing videopress flow

* Mobile layout for choose a plan * Trying to do stuff with things, but it's not working, WIP * One more step: got it to the checkout page. * Cleanup * Cleanup * Less parameters = more fun * Add domain to cart Co-authored-by: Panos Kountanis <panosktn@gmail.com>

* Mobile layout for choose a plan * Trying to do stuff with things, but it's not working, WIP * One more step: got it to the checkout page. * Cleanup * Cleanup * Less parameters = more fun * Add domain to cart * Steps proxy on useStepNavigation * Upate validation rules Co-authored-by: Panos Kountanis <panosktn@gmail.com>

* Mobile layout for choose a plan * Trying to do stuff with things, but it's not working, WIP * One more step: got it to the checkout page. * Cleanup * Cleanup * Less parameters = more fun * Add domain to cart * Steps proxy on useStepNavigation * Upate validation rules * Disable form button if site title is not set * Add button feedback for plan selection * Update style.scss Co-authored-by: Panos Kountanis <panosktn@gmail.com>

* Mobile layout for choose a plan * Trying to do stuff with things, but it's not working, WIP * Cleanup * VP Onboarding: clear onboarding site options on flow start and flow completion (#68162) * clear onboarding site options on flow start and flow completion * clear domain as well when starting or completing videopress flow * Upate validation rules * Disable form button if site title is not set * VideoPress processing step WIP * Processing step Co-authored-by: John Caruso <johncaruso@gmail.com>

* Adding new launchpad flow for VideoPress! * Updating to i2 of design. * Moving styles to videopress.scss so all styles live in one place and can use the same color vars. * Set text-overflow: ellipsis for long domains. * Correcting `completing-purchase` path to use camel case. * Adding new launchpad flow for VideoPress! * Updating to i2 of design. * Moving styles to videopress.scss so all styles live in one place and can use the same color vars. * Set text-overflow: ellipsis for long domains. * Fix redirect URI from checkout page * Add plan to cart in order to add extra data for videomaker activation * Fixing launchpad settings for VideoPress flow. * Update client/landing/stepper/declarative-flow/internals/steps-repository/launchpad/task-helper.ts Co-authored-by: John Caruso <johncaruso@gmail.com> * Update client/landing/stepper/declarative-flow/internals/steps-repository/launchpad/task-helper.ts Co-authored-by: John Caruso <johncaruso@gmail.com> * Update client/landing/stepper/declarative-flow/internals/steps-repository/launchpad/translations.tsx Co-authored-by: John Caruso <johncaruso@gmail.com> Co-authored-by: thedebian <thedebian@users.noreply.github.com> Co-authored-by: John Caruso <johncaruso@gmail.com>

* New styles and nearly there with functionality. Need to rebase to test fully. * Set the site_vertical_name option so the theme choice gets set properly. * Clear the selected design when finishing or starting over the flow. * Added responsive styles for small screen. * Add min height for large screens, fixes continue button from jumping. * User better import paths. * Changes to design based on feedback.

… loading (#69078)

…unchpad video upload step to stop working.

…1430 px

This solution is flexbox based, the main ingredient being that .step-container is a flexbox (column) and that content flex-grows to fill all the space.

We render the old signup page on that url..

Only when VideoPress is the flow, we allow interactions in the launchpad preview. Useful if users want to play the homepage videos.