Fix GPay button missing in Safari (#9266)

Automattic · Aug 16, 2024 · f7ee681 · f7ee681
1 parent ddad19f
commit f7ee681
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/changelog/fix-9202-ece-gpay-missing-on-safari b/changelog/fix-9202-ece-gpay-missing-on-safari
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix GooglePay button missing in Safari.
diff --git a/client/express-checkout/blocks/components/express-checkout-component.js b/client/express-checkout/blocks/components/express-checkout-component.js
@@ -21,10 +21,16 @@ const getPaymentMethodsOverride = ( enabledPaymentMethod ) => {
 		paypal: 'never',
 	};
 
+	const enabledParam = [ 'applePay', 'googlePay' ].includes(
+		enabledPaymentMethod
+	)
+		? 'always'
+		: 'auto';
+
 	return {
 		paymentMethods: {
 			...allDisabled,
-			[ enabledPaymentMethod ]: 'auto',
+			[ enabledPaymentMethod ]: enabledParam,
 		},
 	};
 };

diff --git a/client/express-checkout/blocks/components/express-checkout-preview.js b/client/express-checkout/blocks/components/express-checkout-preview.js
@@ -62,8 +62,8 @@ export const ExpressCheckoutPreviewComponent = ( {
 		},
 		paymentMethods: {
 			link: 'never',
-			googlePay: 'auto',
-			applePay: 'auto',
+			googlePay: 'always',
+			applePay: 'always',
 		},
 		layout: { overflow: 'never' },
 	};