diff --git a/client/my-sites/checkout/src/components/wp-checkout-order-summary.tsx b/client/my-sites/checkout/src/components/wp-checkout-order-summary.tsx
index a2489b622abce4..73c6e562e88311 100644
--- a/client/my-sites/checkout/src/components/wp-checkout-order-summary.tsx
+++ b/client/my-sites/checkout/src/components/wp-checkout-order-summary.tsx
@@ -26,6 +26,7 @@ import {
import { Gridicon } from '@automattic/components';
import { FormStatus, useFormStatus } from '@automattic/composite-checkout';
import { formatCurrency } from '@automattic/format-currency';
+import { useHasEnTranslation } from '@automattic/i18n-utils';
import {
isNewsletterOrLinkInBioFlow,
isAnyHostingFlow,
@@ -524,7 +525,7 @@ export function CheckoutSummaryFeaturesList( props: {
) }
{ ( ! hasPlanInCart || hasDomainTransferProduct ) && (
-
@@ -739,11 +740,12 @@ function CheckoutSummaryPlanFeatures( props: {
);
}
-function CheckoutSummaryChatIfAvailable( props: {
+function CheckoutSummarySupportIfAvailable( props: {
siteId: number | undefined;
hasDomainTransferInCart: boolean;
} ) {
const translate = useTranslate();
+ const hasEnTranslation = useHasEnTranslation();
const currentPlan = useSelector( ( state ) =>
props.siteId ? getCurrentPlan( state, props.siteId ) : undefined
@@ -751,7 +753,7 @@ function CheckoutSummaryChatIfAvailable( props: {
const currentPlanSlug = currentPlan?.productSlug;
- const isChatAvailable =
+ const isSupportAvailable =
props.hasDomainTransferInCart ||
( currentPlanSlug &&
( isWpComPremiumPlan( currentPlanSlug ) ||
@@ -759,10 +761,20 @@ function CheckoutSummaryChatIfAvailable( props: {
isWpComEcommercePlan( currentPlanSlug ) ) &&
! isMonthly( currentPlanSlug ) );
- if ( ! isChatAvailable ) {
+ if ( ! isSupportAvailable ) {
return null;
}
+ if ( hasEnTranslation( 'Fast support' ) && hasEnTranslation( 'Priority support 24/7' ) ) {
+ return (
+
+
+ { isWpComPremiumPlan( currentPlanSlug )
+ ? translate( 'Fast support' )
+ : translate( 'Priority support 24/7' ) }
+
+ );
+ }
return (
@@ -781,6 +793,7 @@ function CheckoutSummaryAnnualUpsell( props: {
) => void;
} ) {
const translate = useTranslate();
+ const hasEnTranslation = useHasEnTranslation();
const productSlug = props.plan?.product_slug;
const shouldUseCheckoutV2 = hasCheckoutVersion( '2' );
if ( ! productSlug || ! isWpComPlan( productSlug ) ) {
@@ -808,12 +821,21 @@ function CheckoutSummaryAnnualUpsell( props: {
{ translate( 'Free domain for one year' ) }
) }
- { ! isWpComPersonalPlan( productSlug ) && (
-
-
- { translate( 'Live chat support' ) }
-
- ) }
+ { hasEnTranslation( 'Fast support' ) && hasEnTranslation( 'Priority support 24/7' )
+ ? ! isWpComPersonalPlan( productSlug ) && (
+
+
+ { isWpComPremiumPlan( productSlug )
+ ? translate( 'Fast support' )
+ : translate( 'Priority support 24/7' ) }
+
+ )
+ : ! isWpComPersonalPlan( productSlug ) && (
+
+
+ { translate( 'Live chat support' ) }
+
+ ) }