From f677ec9af2dc79aafc6333a1943cae498f204e75 Mon Sep 17 00:00:00 2001
From: frosso <francesco.rosso@automattic.com>
Date: Tue, 17 Dec 2024 09:41:35 +0100
Subject: [PATCH] fix: tokenized cart w/ multiple variations

---
 .../fix-tokenized-cart-multiple-variations     |  5 +++++
 client/tokenized-express-checkout/index.js     | 18 +++++++++++++++++-
 .../transformers/wc-to-stripe.js               |  2 +-
 3 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 changelog/fix-tokenized-cart-multiple-variations

diff --git a/changelog/fix-tokenized-cart-multiple-variations b/changelog/fix-tokenized-cart-multiple-variations
new file mode 100644
index 00000000000..5d155cd5513
--- /dev/null
+++ b/changelog/fix-tokenized-cart-multiple-variations
@@ -0,0 +1,5 @@
+Significance: patch
+Type: fix
+Comment: fix: tokenized cart & multiple variations.
+
+
diff --git a/client/tokenized-express-checkout/index.js b/client/tokenized-express-checkout/index.js
index eca8a2f8a36..f43789be597 100644
--- a/client/tokenized-express-checkout/index.js
+++ b/client/tokenized-express-checkout/index.js
@@ -326,6 +326,21 @@ jQuery( ( $ ) => {
 				'wcpay.express-checkout.update-button-data',
 				'automattic/wcpay/express-checkout',
 				async () => {
+					// if the product cannot be added to cart (because of missing variation selection, etc),
+					// don't try to add it to the cart to get new data - the call will likely fail.
+					if (
+						getExpressCheckoutData( 'button_context' ) === 'product'
+					) {
+						const addToCartButton = $(
+							'.single_add_to_cart_button'
+						);
+
+						// First check if product can be added to cart.
+						if ( addToCartButton.is( '.disabled' ) ) {
+							return;
+						}
+					}
+
 					try {
 						expressCheckoutButtonUi.blockButton();
 
@@ -374,8 +389,9 @@ jQuery( ( $ ) => {
 						}
 
 						expressCheckoutButtonUi.unblockButton();
+						expressCheckoutButtonUi.showContainer();
 					} catch ( e ) {
-						expressCheckoutButtonUi.hide();
+						expressCheckoutButtonUi.hideContainer();
 					}
 				}
 			);
diff --git a/client/tokenized-express-checkout/transformers/wc-to-stripe.js b/client/tokenized-express-checkout/transformers/wc-to-stripe.js
index 867a389006b..7c4c9c14822 100644
--- a/client/tokenized-express-checkout/transformers/wc-to-stripe.js
+++ b/client/tokenized-express-checkout/transformers/wc-to-stripe.js
@@ -96,7 +96,7 @@ export const transformCartDataForDisplayItems = ( cartData ) => {
  * @return {{id: string, label: string, amount: integer, deliveryEstimate: string}} `shippingRates` for Stripe.
  */
 export const transformCartDataForShippingRates = ( cartData ) =>
-	cartData.shipping_rates?.[ 0 ].shipping_rates
+	cartData.shipping_rates?.[ 0 ]?.shipping_rates
 		.sort( ( rateA, rateB ) => {
 			if ( rateA.selected === rateB.selected ) {
 				return 0; // Keep relative order if both have the same value for 'selected'