Checkout: Improve post-renewal copy and fix "learn more" link

[chrisfromthelc]

Changes proposed in this Pull Request

This pull request addresses post-renewal notice copy for renewals that are set to auto-renew going forward. It replaces the text {Plan} has been renewed and will now auto renew in the future. Learn more. (old link target) pointing to the main Manage Purchases support doc, with 'Success! You renewed {productName} for {duration}, and we sent your receipt to {email}. Learn more about renewals. (new link target) pointing to the specific renewals section in the Manage Purchases support doc.

Old version:

New version:

For plans that cannot autorenew due to the payment type (WordPress.com credits, non-US transactions, etc.), they will be shown the text without the autorenewal link: 'Success! You renewed {productName} for {duration}, and we sent your receipt to {email}..

Testing instructions

Renew any plan using a test credit card number.

The message should display as below, along with the link that should lead to https://wordpress.com/support/manage-purchases/#automatic-renewal.

Fixes #324

[github-actions]

Link to Calypso live: https://calypso.live?image=registry.a8c.com/calypso/app:build-11604
Link to Jetpack Cloud live: https://calypso.live?image=registry.a8c.com/calypso/app:build-11604&env=jetpack

[matticbot]

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

App Entrypoints (~6 bytes added 📈 [gzipped])

name                   parsed_size           gzip_size
entry-domains-landing        +23 B  (+0.0%)       +6 B  (+0.0%)

Common code that is always downloaded and parsed every time the app is loaded, no matter which route is used.

Sections (~35 bytes removed 📉 [gzipped])

name                      parsed_size           gzip_size
checkout                       +132 B  (+0.0%)      -18 B  (-0.0%)
woocommerce-installation        +23 B  (+0.0%)       +3 B  (+0.0%)
themes                          +23 B  (+0.0%)       -3 B  (-0.0%)
theme                           +23 B  (+0.0%)       -3 B  (-0.0%)
site-purchases                  +23 B  (+0.0%)       -1 B  (-0.0%)
settings-security               +23 B  (+0.0%)       -3 B  (-0.0%)
settings-performance            +23 B  (+0.0%)       -3 B  (-0.0%)
settings-jetpack                +23 B  (+0.0%)       -3 B  (-0.0%)
settings                        +23 B  (+0.0%)       -1 B  (-0.0%)
security                        +23 B  (+0.0%)       -2 B  (-0.0%)
scan                            +23 B  (+0.0%)       -1 B  (-0.0%)
purchases                       +23 B  (+0.0%)       -1 B  (-0.0%)
purchase-product                +23 B  (+0.0%)       -2 B  (-0.0%)
plugins                         +23 B  (+0.0%)       -3 B  (-0.0%)
plans                           +23 B  (+0.0%)       -3 B  (-0.0%)
marketplace                     +23 B  (+0.0%)       -1 B  (-0.0%)
marketing                       +23 B  (+0.0%)       -3 B  (-0.0%)
jetpack-search                  +23 B  (+0.0%)       -1 B  (-0.0%)
jetpack-connect                 +23 B  (+0.0%)       -3 B  (-0.0%)
jetpack-cloud-settings          +23 B  (+0.0%)       -3 B  (-0.0%)
jetpack-cloud-pricing           +23 B  (+0.0%)       -3 B  (-0.0%)
incoming-redirect               +23 B  (+0.3%)       -1 B  (-0.0%)
help                            +23 B  (+0.0%)       +0 B
google-my-business              +23 B  (+0.0%)       -3 B  (-0.0%)
export                          +23 B  (+0.0%)       -4 B  (-0.0%)
email                           +23 B  (+0.0%)       -3 B  (-0.0%)
domains                         +23 B  (+0.0%)       -1 B  (-0.0%)
concierge                       +23 B  (+0.0%)       -1 B  (-0.0%)
backup                          +23 B  (+0.0%)       -1 B  (-0.0%)
activity                        +23 B  (+0.0%)       -3 B  (-0.0%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~46 bytes removed 📉 [gzipped])

name                                             parsed_size           gzip_size
async-load-calypso-blocks-editor-checkout-modal       +132 B  (+0.0%)      -18 B  (-0.0%)
async-load-signup-steps-user                           +23 B  (+0.0%)       -3 B  (-0.0%)
async-load-signup-steps-rewind-form-creds              +23 B  (+0.0%)       -1 B  (-0.0%)
async-load-signup-steps-plans-atomic-store             +23 B  (+0.0%)       -2 B  (-0.0%)
async-load-signup-steps-plans                          +23 B  (+0.0%)       -2 B  (-0.0%)
async-load-signup-steps-emails                         +23 B  (+0.1%)       -3 B  (-0.0%)
async-load-signup-steps-domains                        +23 B  (+0.0%)       -1 B  (-0.0%)
async-load-signup-steps-creds-permission               +23 B  (+0.1%)       -3 B  (-0.0%)
async-load-signup-steps-creds-confirm                  +23 B  (+0.1%)       -2 B  (-0.0%)
async-load-signup-steps-clone-credentials              +23 B  (+0.0%)       -3 B  (-0.0%)
async-load-design-blocks                               +23 B  (+0.0%)       -1 B  (-0.0%)
async-load-calypso-my-sites-sidebar-unified            +23 B  (+0.0%)       -3 B  (-0.0%)
async-load-calypso-my-sites-sidebar                    +23 B  (+0.0%)       -3 B  (-0.0%)
async-load-calypso-layout-nps-survey-notice            +23 B  (+0.1%)       +0 B
async-load-calypso-components-jetpack-sidebar          +23 B  (+0.1%)       -4 B  (-0.0%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

[sirbrillig]

I updated the title of this PR to Checkout: Improve post-renewal copy and fix "learn more" link because I felt that Fix/post checkout copy and fix learn more link wasn't very clear. Feel free to change it again if you come up with something better!

I'd also suggest maybe including information in the PR description about what was fixed about the "learn more" link. Currently it explains that the text is being changed, but it doesn't mention anything about the link (apart from a reference to "link target" without much context). It could also be that nothing was broken about the "learn more" link after all and I mistakenly kept that wording in the title, in which case we can remove it.

[sirbrillig]

Tested and it works as described!

I left one comment which I think needs to be taken care of but otherwise 👍

[sirbrillig]

Thanks for making those changes. The diff looks good to me now.

[a8ci18n]

This Pull Request is now available for translation here: https://translate.wordpress.com/deliverables/6301359

Thank you @chrisfromthelc for including a screenshot in the description! This is really helpful for our translators.

[a8ci18n]

Translation for this Pull Request has now been finished.