Smart Checkout (Optimized Checkout) design updates (#4278)

* Smart Checkout design updates

* Fix tests

* Readme and changelog entries

Author: wjrosa

changelog.txt

@@ -1,6 +1,7 @@
 *** Changelog ***
 
 = 9.5.0 - xxxx-xx-xx =
+* Tweak - Updates the "Smart Checkout" setting name to "Optimized Checkout", and the description accordingly.
 * Fix - Checks for the existence of the WC_Stripe_Feature_Flags class before including it during extension initialization.
 * Dev - Implements the new Stripe order class into the new checkout experience files.
 * Dev - Splits the code coverage GitHub Actions Workflow into two separate actions.

client/settings/advanced-settings-section/__tests__/index.test.js

@@ -65,7 +65,9 @@ describe( 'AdvancedSettings', () => {
 		render( <AdvancedSettings /> );
 
 		expect(
-			screen.queryByText( 'Enable Smart Checkout (Recommended)' )
+			screen.queryByText(
+				'Enable Optimized Checkout Suite (recommended)'
+			)
 		).not.toBeInTheDocument();
 	} );
 
@@ -75,7 +77,9 @@ describe( 'AdvancedSettings', () => {
 		render( <AdvancedSettings /> );
 
 		expect(
-			screen.queryByText( 'Enable Smart Checkout (Recommended)' )
+			screen.queryByText(
+				'Enable Optimized Checkout Suite (recommended)'
+			)
 		).toBeInTheDocument();
 	} );
 
@@ -88,7 +92,7 @@ describe( 'AdvancedSettings', () => {
 
 		expect(
 			screen.queryByText(
-				'This will appear as the title of the Smart Checkout payment element on checkout.'
+				'This will appear as the title of the Optimized Checkout Suite payment element on checkout.'
 			)
 		).toBeInTheDocument();
 		expect( screen.queryByLabelText( 'Title' ) ).toBeInTheDocument();

client/settings/advanced-settings-section/__tests__/single-payment-element-feature.test.js

@@ -11,7 +11,9 @@ describe( 'Single Payment Element feature setting', () => {
 		render( <SinglePaymentElementFeature /> );
 
 		expect(
-			screen.queryByText( 'Enable Smart Checkout (Recommended)' )
+			screen.queryByText(
+				'Enable Optimized Checkout Suite (recommended)'
+			)
 		).toBeInTheDocument();
 	} );
 

client/settings/advanced-settings-section/single-payment-element-feature.js

@@ -23,19 +23,19 @@ const SinglePaymentElementFeature = () => {
 		<>
 			<h4>
 				{ __(
-					'Enable Smart Checkout (Recommended)',
+					'Enable Optimized Checkout Suite (recommended)',
 					'woocommerce-gateway-stripe'
 				) }
 			</h4>
 			<CheckboxControl
 				data-testid="single-payment-element-checkbox"
 				label={ __(
-					'Enable Smart Checkout to display payment methods',
+					'Automatically display the most relevant payment methods',
 					'woocommerce-gateway-stripe'
 				) }
 				help={ createInterpolateElement(
 					__(
-						"Automatically display the most relevant payment methods for each customer with Stripe's AI-driven Dynamic Payment Methods to optimize your checkout for conversions. <learnMoreLink>Learn more</learnMoreLink>.",
+						"Maximize conversions by enabling Stripe's Optimized Checkout Suite. Display the most relevant payment methods for each of your customers automatically. <learnMoreLink>Learn more</learnMoreLink>.",
 						'woocommerce-gateway-stripe'
 					),
 					{
@@ -51,7 +51,7 @@ const SinglePaymentElementFeature = () => {
 			{ isSPEEnabled && (
 				<TextControl
 					help={ __(
-						'This will appear as the title of the Smart Checkout payment element on checkout.',
+						'This will appear as the title of the Optimized Checkout Suite payment element on checkout.',
 						'woocommerce-gateway-stripe'
 					) }
 					label={ __( 'Title', 'woocommerce-gateway-stripe' ) }

readme.txt

@@ -111,6 +111,7 @@ If you get stuck, you can ask for help in the [Plugin Forum](https://wordpress.o
 == Changelog ==
 
 = 9.5.0 - xxxx-xx-xx =
+* Tweak - Updates the "Smart Checkout" setting name to "Optimized Checkout", and the description accordingly.
 * Fix - Checks for the existence of the WC_Stripe_Feature_Flags class before including it during extension initialization.
 * Dev - Implements the new Stripe order class into the new checkout experience files.
 * Dev - Splits the code coverage GitHub Actions Workflow into two separate actions.