Fix button preview for Apple Pay/Google Pay (#4628)

* Fix button preview for Apple Pay/Google Pay

* Add changelog

Author: annemirasol

changelog.txt

@@ -26,6 +26,7 @@
 * Update - Show all available payment methods before unavailable payment methods
 * Tweak - Use smaller image for Optimized Checkout banner
 * Dev - Update WooCommerce Subscriptions e2e tests after 7.8.0 release
+* Fix - Display only Apple Pay and Google Pay buttons in the Customize page preview
 * Update - Add nightly task and WooCommerce tool to remove stale entries from our database cache
 * Dev - Make 'Add to cart' more robust in e2e tests
 

client/entrypoints/amazon-pay-settings/express-checkout-button-preview.js

@@ -44,9 +44,6 @@ const ExpressCheckoutPreviewComponent = ( { size } ) => {
 		buttonHeight: Math.min( Math.max( height, 40 ), 55 ),
 		paymentMethods: {
 			amazonPay: 'auto',
-			link: 'never',
-			googlePay: 'never',
-			applePay: 'never',
 		},
 		layout: { overflow: 'never' },
 	};

client/entrypoints/payment-request-settings/express-checkout-button-preview.js

@@ -9,6 +9,7 @@ import InlineNotice from 'components/inline-notice';
 import {
 	EXPRESS_PAYMENT_METHOD_SETTING_APPLE_PAY,
 	EXPRESS_PAYMENT_METHOD_SETTING_GOOGLE_PAY,
+	PAYMENT_METHOD_CARD,
 } from 'wcstripe/stripe-utils/constants';
 
 const buttonSizeToPxMap = {
@@ -38,6 +39,7 @@ const ExpressCheckoutPreviewComponent = ( { buttonType, theme, size } ) => {
 				spacingUnit: '6px',
 			},
 		},
+		paymentMethodTypes: [ PAYMENT_METHOD_CARD ],
 	};
 
 	const height = buttonSizeToPxMap[ size ] || buttonSizeToPxMap.medium;

readme.txt

@@ -136,6 +136,7 @@ If you get stuck, you can ask for help in the [Plugin Forum](https://wordpress.o
 * Update - Show all available payment methods before unavailable payment methods
 * Tweak - Use smaller image for Optimized Checkout banner
 * Dev - Update WooCommerce Subscriptions e2e tests after 7.8.0 release
+* Fix - Display only Apple Pay and Google Pay buttons in the Customize page preview
 * Update - Add nightly task and WooCommerce tool to remove stale entries from our database cache
 * Dev - Make 'Add to cart' more robust in e2e tests