#6569633 Jetpack site-less Checkout: add new UI for automatic provisioning

Changes proposed in this Pull Request

• Add a new UI for the incoming automatic provisioning feature that’s being worked on the backend. This new UI will be shown in case the automatic provisioning succeeds.

Note 1: the accompanying endpoint changes are not ready yet, so this new UI is not reachable in the current state of the app. For that reason, I added support for a query parameter that can make the UI appear. D64912-code is in a state where we can use the endpoint and test the whole flow (automatic provisioning).

Note 2: the CTA in the new UI leads users to different places according to the purchased subscription. Jetpack Scan, Jetpack Backup, and Jetpack Search products should lead users to https://cloud.jetpack.com/:product/:site, while any other product should lead users to their WP Admin dashboard page.

Testing instructions

Prerequisite: the ID of a connected Jetpack site owned by you (in the instructions I’ll use 197185040 but you need to replace it with your own site ID).

Current success UI

• Download this PR.
• Start Calypso with yarn start.
• Visit /checkout/jetpack/thank-you-completed/no-site/jetpack_scan?siteId=10&receiptId=20 (do not replace the query parameters values).
• Verify you see the current UI that users see when they submit a website address.

New UI: Jetpack Scan

• Visit /checkout/jetpack/thank-you-completed/no-site/jetpack_scan?siteId=10&receiptId=20 (do not replace the query parameters values).
• Open the JS Console and execute the following (replacing 197185040 with the site ID of the site you selected at the beginning):

dispatch( {
    type: 'JETPACK_CHECKOUT_UPDATE_SUPPORT_TICKET_RECEIVE',
    receiptId: 20,
    payload: { transferred_to: 197185040 },
    jetpackTemporarySiteId: 10,
} );

• Verify you see the new UI that users will see after they get their subscription provisioned. The UI should include the name of the product and the name of the site (that’s why you need to use the site ID of a connected site).

* Verify that the `Let’s go!` button leads you to `https://cloud.jetpack.com/scan/:site-slug`.

New UI: Jetpack Backup

• Visit /checkout/jetpack/thank-you-completed/no-site/jetpack_backup_daily?siteId=10&receiptId=20 (do not replace the query parameters values).
• Open the JS Console and execute the following (replacing 197185040 with the site ID of the site you selected at the beginning):

dispatch( {
    type: 'JETPACK_CHECKOUT_UPDATE_SUPPORT_TICKET_RECEIVE',
    receiptId: 20,
    payload: { transferred_to: 197185040 },
    jetpackTemporarySiteId: 10,
} );

• Verify you see the new UI that users will see after they get their subscription provisioned. The UI should include the name of the product and the name of the site (that’s why you need to use the site ID of a connected site).

* Verify that the `Let’s go!` button leads you to `https://cloud.jetpack.com/backup/:site-slug`.

New UI: Jetpack Search

• Visit /checkout/jetpack/thank-you-completed/no-site/jetpack_search?siteId=10&receiptId=20 (do not replace the query parameters values).
• Open the JS Console and execute the following (replacing 197185040 with the site ID of the site you selected at the beginning):

dispatch( {
    type: 'JETPACK_CHECKOUT_UPDATE_SUPPORT_TICKET_RECEIVE',
    receiptId: 20,
    payload: { transferred_to: 197185040 },
    jetpackTemporarySiteId: 10,
} );

• Verify you see the new UI that users will see after they get their subscription provisioned. The UI should include the name of the product and the name of the site (that’s why you need to use the site ID of a connected site).

* Verify that the `Let’s go!` button leads you to `https://cloud.jetpack.com/jetpack-search/:site-slug`.

New UI: any other Jetpack product/plan

• Visit /checkout/jetpack/thank-you-completed/no-site/jetpack_security_daily?siteId=10&receiptId=20 (do not replace the query parameters values).
• Open the JS Console and execute the following (replacing 197185040 with the site ID of the site you selected at the beginning):

dispatch( {
    type: 'JETPACK_CHECKOUT_UPDATE_SUPPORT_TICKET_RECEIVE',
    receiptId: 20,
    payload: { transferred_to: 197185040 },
    jetpackTemporarySiteId: 10,
} );

• Verify you see the new UI that users will see after they get their subscription provisioned. The UI should include the name of the product and the name of the site (that’s why you need to use the site ID of a connected site).

* Verify that the `Let’s go!` button leads you to the WP Admin dashboard of your site.

Full test: complete a site-less purchase

• Patch your sandbox with D64912-code.
• Sandbox public-api.wordpress.com.
• Complete a site-less purchase.
• Enter the address of a connected site you own.
• Verify that you’re redirected to the new success UI.
• Verify that the button leads to the purchased product section in the cloud.

Unit tests suite

• Execute yarn test-client client/my-sites/checkout/checkout-thank-you/test/utils.js.
• Verify all tests pass.

 PASS  client/my-sites/checkout/checkout-thank-you/test/utils.js

Test Suites: 1 passed, 1 total
Tests:       6 passed, 6 total
Snapshots:   0 total
Time:        0.78 s, estimated 1 s
Ran all test suites matching /client/my-sites/checkout/checkout-thank-you/test/utils.js/i.

Related to 1200738571375997-as-1200794056860704