#6528777 Introducing a separate product cancellation flow for Jetpack Products

Changes proposed in this Pull Request

• This PR will introduce a separate cancellation flow for Jetpack products that allows for steps specific to Jetpack
• First, the cancellation flow will show benefits of the Jetpack plan/ product that will be lost if it is cancelled
• Second, the flow will pose an optional survey question to the user as to why they are cancelling
• The cancellation flow may make a one-time offer to the user to save on their next plan/ product payment

Testing instructions

This PR is IN PROGRESS testing instructions will be updated as more is added

Visual Testing

• Make sure your WordPress.com account has at least one site (ideally a test site) with a Jetpack plan or product
• Visit the calypso.live link that contains this branch (linked by the matticbot below)
• Using the site switcher, select your site and navigate to Upgrades > Purchases
• Select the Individual Jetpack product you want to cancel from this page, this will take you to the individual purchase page
• From the Individual purchase page, click the button at the bottom of the page to remove the purchase:
  
• This will present you with the new cancellation flow modal. Each step in the flow is outlined in more detail below.

Jetpack Benefits Step
When the cancellation flow first opens, the first step will show some of the benefits Jetpack provides for the current plan or product. These can vary by plan or product. Outputs for standalone products like Scan or Backup will show expanded outputs with more information about the product. Unit tests on PR #54947 are testing the logic for which outputs show for which plans and products. Try testing multiple sites with different plans or products to see different outputs.

Jetpack Complete Example:

Backup Realtime Example:

Cancellation Survey:

Dynamic outputs include:

• Site Backups: Will show the time of the last successful backup. If a backup is in progress, will show a progress bar

The top of the panel should show the name of the plan and how much time is left on the subscription (unless the subscription is managed by a host, and then it should just indicate the plan/ product is “still active”)