Check that cart total is not zero before rendering express checkout (#…

…9691)

Co-authored-by: Guilherme Pressutto <[email protected]>

changelog/fix-9687-express-checkout-visible-for-zero-amount-after-coupon-discount

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Prevent express checkout from being used if cart total becomes zero after coupon usage.

client/express-checkout/index.js

@@ -589,6 +589,11 @@ jQuery( ( $ ) => {
 					order,
 				} = wcpayECEPayForOrderParams;
 
+				if ( total === 0 ) {
+					wcpayECE.hide();
+					return;
+				}
+
 				wcpayECE.startExpressCheckoutElement( {
 					mode: 'payment',
 					total,
@@ -619,17 +624,21 @@ jQuery( ( $ ) => {
 				// If this is the cart or checkout page, we need to request the
 				// cart details.
 				api.expressCheckoutECEGetCartDetails().then( ( cart ) => {
-					wcpayECE.startExpressCheckoutElement( {
-						mode: 'payment',
-						total: cart.total.amount,
-						currency: getExpressCheckoutData( 'checkout' )
-							?.currency_code,
-						requestShipping: cart.needs_shipping,
-						requestPhone:
-							getExpressCheckoutData( 'checkout' )
-								?.needs_payer_phone ?? false,
-						displayItems: cart.displayItems,
-					} );
+					if ( cart.total.amount === 0 ) {
+						wcpayECE.hide();
+					} else {
+						wcpayECE.startExpressCheckoutElement( {
+							mode: 'payment',
+							total: cart.total.amount,
+							currency: getExpressCheckoutData( 'checkout' )
+								?.currency_code,
+							requestShipping: cart.needs_shipping,
+							requestPhone:
+								getExpressCheckoutData( 'checkout' )
+									?.needs_payer_phone ?? false,
+							displayItems: cart.displayItems,
+						} );
+					}
 				} );
 			}