A4A: Main PR for term-pricing Marketplace changes

[yashwin]

PRs included (in the same order):

1. A4A > Marketplace: Implement term pricing for Hosting, Products & Cart #107867
2. A4A > Marketplace: Implement term pricing for Referrals #108195
3. A4A > Marketplace: Fix the WPCOM discounted price rounding-off issue #108279

Part of https://linear.app/a8c/issue/A4A-1926/marketplace-show-monthlyearly-pricing-for-hosting-and-products

Resolves https://linear.app/a8c/issue/A4A-1929/products-display-monthlyyearly-pricing-on-cards
Resolves https://linear.app/a8c/issue/A4A-1930/hosting-display-monthlyyearly-pricing-on-cards
Resolves https://linear.app/a8c/issue/A4A-1961/cart-display-monthlyyearly-pricing
Resolves https://linear.app/a8c/issue/A4A-1962/display-term-based-pricing-on-product-details-modal-lightbox
Resolves https://linear.app/a8c/issue/A4A-2016/implement-term-based-pricing-for-referrals
Resolves https://linear.app/a8c/issue/A4A-1924/janitorial-add-event-tracking

[github-actions]

Calypso Live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-167609

Jetpack Cloud live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-167609&env=jetpack

Automattic for Agencies live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-167609&env=a8c-for-agencies

Dashboard live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:build-167609&env=dashboard

[matticbot]

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

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

Details

name                    parsed_size           gzip_size
entry-main                  +1206 B  (+0.0%)      +80 B  (+0.0%)
entry-subscriptions          +126 B  (+0.0%)      +20 B  (+0.0%)
entry-stepper                +126 B  (+0.0%)      +20 B  (+0.0%)
entry-reauth-required        +126 B  (+0.0%)      +20 B  (+0.0%)
entry-login                  +126 B  (+0.0%)      +20 B  (+0.0%)
entry-domains-landing        +126 B  (+0.0%)      +20 B  (+0.0%)
entry-dashboard-dotcom       +126 B  (+0.0%)      +20 B  (+0.0%)
entry-dashboard-ciab         +126 B  (+0.0%)      +20 B  (+0.0%)
entry-browsehappy            +126 B  (+0.1%)      +20 B  (+0.0%)

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

Sections (~1608 bytes added 📈 [gzipped])

Details

name                               parsed_size           gzip_size
scan                                  +26204 B  (+2.7%)    +7605 B  (+2.7%)
jetpack-social                        +26204 B  (+3.6%)    +7605 B  (+3.5%)
jetpack-search                        +26204 B  (+4.0%)    +7605 B  (+3.9%)
backup                                +26204 B  (+2.0%)    +7605 B  (+2.0%)
jetpack-cloud-manage-pricing          +26071 B  (+6.2%)    +7612 B  (+6.2%)
jetpack-cloud-partner-portal          +25569 B  (+2.4%)    +7622 B  (+2.3%)
jetpack-cloud-agency-dashboard        +24263 B  (+2.1%)    +7171 B  (+2.2%)
a8c-for-agencies-sites                +23407 B  (+0.6%)    +6858 B  (+0.7%)
a8c-for-agencies-marketplace           +8133 B  (+0.4%)    +3014 B  (+0.5%)
a8c-for-agencies-client                +4970 B  (+0.1%)    +2151 B  (+0.3%)
a8c-for-agencies-referrals              +478 B  (+0.0%)      +94 B  (+0.0%)
checkout                                +428 B  (+0.0%)      +97 B  (+0.0%)
a8c-for-agencies-express-checkout       +428 B  (+0.0%)     +105 B  (+0.0%)
a8c-for-agencies-purchases              +416 B  (+0.0%)     +286 B  (+0.1%)
a8c-for-agencies-overview               +221 B  (+0.0%)     +233 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.

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.

[matticbot]

This PR modifies the release build for the following Calypso Apps:

For info about this notification, see here: PCYsg-OT6-p2

• agents-manager
• help-center
• notifications
• odyssey-stats
• wpcom-block-editor

To test WordPress.com changes, run install-plugin.sh $pluginSlug update/a4a/marketplace/fix-wpcom-roundoff-issue on your sandbox.

[travisw]

I'm seeing a weird issue where Jetpack Complete only allows the monthly term on the client checkout page, even though other products allow both monthly and yearly.

[travisw]

Not sure if it's just my environment and test agency but in non-referral mode I'm seeing the total site slider appear wonky with only 1+ as an option. Testing with this agency user with store sandbox enabled.

[a8ci18n]

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

Some locales (Hebrew) have been temporarily machine-translated due to translator availability. All other translations are usually ready within a few days. Untranslated and machine-translated strings will be sent for translation next Monday and are expected to be completed by the following Friday.

Hi @yashwin, could you please edit the description of this PR and add a screenshot for our translators? Ideally it'd include all of the following strings:

• This product is not available for monthly billing. We will bill you yearly instead.
• This product is not available for yearly billing. We will bill you monthly instead.
• /yr
• per year, billed monthly

Thank you in advance!