ECE: fix add-to-cart issue for bookings (#3865)

* Use non-StoreAPI add-to-cart method for bookings

Author: annemirasol

changelog.txt

@@ -2,6 +2,7 @@
 
 = 9.2.0 - xxxx-xx-xx =
 * Dev - Replaces part of the StoreAPI call code for the cart endpoints to use the newly introduced filter.
+* Fix - Switch booking products back to using non-StoreAPI add-to-cart methods.
 * Dev - Add new E2E tests for Link express checkout.
 * Add - Add Amazon Pay to block cart and block checkout.
 * Fix - Remove intentional delay when displaying tax-related notice for express checkout, causing click event to time out.

client/api/index.js

@@ -574,6 +574,20 @@ export default class WCStripeAPI {
 		}
 	}
 
+	/**
+	 * Empty the cart (legacy version, non-StoreAPI).
+	 *
+	 * @param {Object} params Parameters.
+	 * @param {number} params.bookingId Booking ID.
+	 * @return {Promise} Promise for the request to the server.
+	 */
+	expressCheckoutEmptyCartLegacy( { bookingId = null } ) {
+		return this.request( getExpressCheckoutAjaxURL( 'clear_cart' ), {
+			security: getExpressCheckoutData( 'nonce' )?.clear_cart,
+			...( bookingId ? { booking_id: bookingId } : {} ),
+		} );
+	}
+
 	/**
 	 * Creates order based on Express Checkout ECE payment method.
 	 *

client/entrypoints/express-checkout/index.js

@@ -79,8 +79,13 @@ jQuery( function ( $ ) {
 	 * @todo Using the legacy endpoint (non-StoreAPI) and data format when variations are present.
 	 * StoreAPI will support this form correctly only after WC 9.7.0.
 	 * See https://github.com/woocommerce/woocommerce-gateway-stripe/pull/3780#issuecomment-2632051359
+	 *
+	 * @todo Using the legacy endpoint (non-StoreAPI) for booking products. Can be
+	 * removed once booking product flows have been fully migrated to StoreAPI.
 	 */
-	const useLegacyCartEndpoints = $( '.variations_form' ).length > 0;
+	const useLegacyCartEndpoints =
+		$( '.variations_form' ).length > 0 ||
+		$( '.wc-bookings-booking-form' ).length > 0;
 
 	const wcStripeECE = {
 		createButton: ( elements, options ) =>
@@ -782,7 +787,13 @@ jQuery( function ( $ ) {
 						response.displayItems;
 
 					// Empty the cart to avoid having 2 products in the cart when payment request is not used.
-					api.expressCheckoutEmptyCart( response.bookingId );
+					if ( useLegacyCartEndpoints ) {
+						api.expressCheckoutEmptyCartLegacy( {
+							bookingId: response.bookingId,
+						} );
+					} else {
+						api.expressCheckoutEmptyCart( response.bookingId );
+					}
 
 					wcStripeECE.init();
 

readme.txt

@@ -112,6 +112,7 @@ If you get stuck, you can ask for help in the [Plugin Forum](https://wordpress.o
 
 = 9.2.0 - xxxx-xx-xx =
 * Dev - Replaces part of the StoreAPI call code for the cart endpoints to use the newly introduced filter.
+* Fix - Switch booking products back to using non-StoreAPI add-to-cart methods.
 * Dev - Add new E2E tests for Link express checkout.
 * Add - Add Amazon Pay to block cart and block checkout.
 * Fix - Remove intentional delay when displaying tax-related notice for express checkout, causing click event to time out.