#7079416 Add post-connection prompt for users who have available user licenses

Sent to vendor

Created on January 11, 2022 , translate by Sunday, January 16, 2022 (886 days ago)

Translate 2 originals (6 words) to Mari (Meadow) Glossary

Prio	Original string	Translation	—
	Activate it now	You have to log in to add a translation.	Details
Activate it now Activate it now You have to log in to edit this translation. or Cancel Translation Memory Loading… Meta Status: untranslated Priority: normal More links: Permalink to this original All translations of this original Show all translations across locales Show original across locales Show all deliverables with this original (mhr) Show all deliverables with this original (overview) View deliverable: Add post-connection prompt for users who have available user licenses View deliverable: Add/user licensing banner
	Select another product	You have to log in to add a translation.	Details
Select another product Select another product You have to log in to edit this translation. or Cancel Translation Memory Loading… Meta Status: untranslated Priority: normal More links: Permalink to this original All translations of this original Show all translations across locales Show original across locales Show all deliverables with this original (mhr) Show all deliverables with this original (overview) View deliverable: Add post-connection prompt for users who have available user licenses

Legend:

Current

Waiting

Fuzzy

Old

With warnings

Export strings as

Implement a dialog/modal to be shown to users who just connected their site, or visited the pricing page from a site’s WP Admin, and have at least one available license.

Things to keep in mind while reviewing

Try to test everything on both desktop and mobile.
Compare the actual implementing to our Figma design: ceKxiVna5wfpmwFBsojrAx-fi-2804%3A32472

Setup

Download this PR.
Start both Calypsos with yarn start and yarn start-jetpack-cloud-p (run the last one after the first one is started).
Go to https://cloud.jetpack.com/pricing.
Purchase any Jetpack product other than Jetpack Search, and do not activate the product on any site.

Post-connection flow

Create a JN site.
Initiate the Jetpack setup process.
Once you’re on WordPress.com, replace https://wordpress.com with http://calypso.localhost:3000, and maintain the rest of the URL intact.
Authorize the connection.
Verify that after connecting your site, you’re redirected to http://calypso.localhost:3000/jetpack/connect/plans/:site.
Verify that you see a modal/dialog that tells you that you have an available license (if you have only one license available, you should see the name of the product; otherwise, no product name should be displayed. You can find your licenses in Store Admin).
Open the Network tab, and enter calypso_user_license_ in the search box.
Verify that you see a request that tracks the calypso_user_license_modal_view event (you might need to refresh the page).
Click on the Select another product button.
Verify that the dialog is closed and an event with the name calypso_user_license_modal_continue_click is dispatched.
Refresh the page.
Click on the Activate it now button.
Verify that you are redirected to the My Plan section in WP Admin.
Verify that you see a request that tracks the calypso_user_license_modal_activate_click event.

Plans tab flow

On WP Admin, click on the Plans tab.
Verify that you are redirected to https://cloud.jetpack.com/pricing/:site.
Replace https://cloud.jetpack.com with http://jetpack.cloud.localhost:3001.
Verify that you see the modal/dialog again.
Open the Network tab, and enter calypso_user_license_ in the search box.
Verify that you see a request that tracks the calypso_user_license_modal_view event (you might need to refresh the page).
Click on the Select another product button.
Verify that the dialog is closed and an event with the name calypso_user_license_modal_continue_click is dispatched.
Refresh the page.
Click on the Activate it now button.
Verify that you are redirected to the My Plan section in WP Admin.
Verify that you see a request that tracks the calypso_user_license_modal_activate_click event.

Verify no regression is introduced

Related to 1201509629272450-as-1201545797263874

Unfortunately, no screenshots were provided by the developer.