Theme tooltips: sets specific messaging for ecommerce trial plans.

[cpapazoglou]

Fixes #94748

Proposed Changes

• Sets specific messaging for trial plan sites when hovering a community or partner theme

Community
This community theme cannot be installed in a trial plan site. Please upgrade your Commerce plan on your site.

Partner
This theme costs %(annualPrice)s per year or %(monthlyPrice)s per month, and cannot be purchased in a trial plan site. Please upgrade your Commerce plan on your site.

Testing Instructions

Commerce Trial Plan

• Go to wordpress.com/ecommerce
• Press Get Started and proceed all the way through the flow
• Go to wordpress.com/themes/:siteSlug
• Look for themes that require update and hover on "Upgrade and Subscribe". The tooltip should show ecommerce link leading to the checkout page with the ecommerce plan in the cart.
• Search for "Construction Firm" in the theme filter field.
• Check the "Upgrade" badge on community themes. The tooltip should show ecommerce link leading to the checkout page with the ecommerce plan in the cart.
• Both tooltips should denote that the theme isn't available to trial plans.

On a plan lower than business

• Look for themes that require update and hover on "Upgrade and Subscribe". The tooltip should show business link leading to the checkout page with the business plan in the cart.
• Search for "Construction Firm" in the theme filter field.
• Check the "Upgrade" badge on community themes. The tooltip should show business link leading to the checkout page with the business plan in the cart.

Pre-merge Checklist

• Has the general commit checklist been followed? (PCYsg-hS-p2)
• Have you written new tests for your changes?
• Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
• Have you checked for TypeScript, React or other console errors?
• Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
• Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
• For changes affecting Jetpack: Have we added the "[Status] Needs Privacy Updates" label if this pull request changes what data or activity we track or use (p4TIVU-aUh-p2)?

[github-actions]

Calypso Live (direct link)

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

Jetpack Cloud live (direct link)

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

Automattic for Agencies live (direct link)

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

[cpapazoglou]

@candy02058912 my approach here is to create different messaging depending on if the site is on trial plan or not, and explaining that those themes are not available in trial plans. What do you think?

[matticbot]

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

Sections (~240 bytes added 📈 [gzipped])

name    parsed_size           gzip_size
themes       +890 B  (+0.1%)     +115 B  (+0.0%)
theme        +890 B  (+0.1%)     +125 B  (+0.1%)

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 (~115 bytes added 📈 [gzipped])

name                                     parsed_size           gzip_size
async-load-signup-steps-theme-selection       +890 B  (+0.2%)     +115 B  (+0.1%)
async-load-design-blocks                      +890 B  (+0.0%)     +115 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.

[matticbot]

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

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

• notifications
• wpcom-block-editor

To test WordPress.com changes, run install-plugin.sh $pluginSlug fix/theme_trial_plan_tooltips on your sandbox.

[ivan-ottinger]

Great work! The proposed changes look good and work as expected. The tooltip messages render correctly and the links lead to the checkout page with relevant plans added to the cart.

Partner theme	Community theme

Tested with different plans and did not observe any regressions, errors nor warnings.

Approving the PR with two small thoughts:

• I think we could ask designers for input / confirmation on the new copy.
• The new translations won't be ready yet. → We could consider adding checks and only display new strings once their translation is ready. However, considering that the current copy in production is incorrect, I think we could skip this step and let the tooltips display in English until they get translated.

[fditrapani]

Thanks for the ping @cpapazoglou. How about this for the copy instead:

Community
This theme can't be installed on a trial site. Please upgrade to the Commerce plan to install this theme.

Partner
This theme costs %(annualPrice)s per year or %(monthlyPrice)s per month, and can't be purchased on a trial site. Please upgrade to the Commerce plan to install this theme.

[a8ci18n]

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

Some locales (Hebrew, Japanese) 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 @cpapazoglou, 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 theme can't be installed on a trial site. Please upgrade to the <Link>%(ecommercePlanName)s plan</Link> to install this theme.
• You have a subscription for this theme, but it isn't usable on a trial plan site. Please upgrade to the <link>%(ecommercePlanName)s plan</link> to install this theme.
• This theme costs %(annualPrice)s per year or %(monthlyPrice)s per month, and can't be purchased on a trial site. Please upgrade to the <Link>%(ecommercePlanName)s plan</Link> to install this theme.

Thank you in advance!

[a8ci18n]

Translation for this Pull Request has now been finished.