Add support for allowedShippingCountries in Express Checkout Element (#…

…9592)

changelog/9104-add-support-for-allowedshippingcountries-in-express-checkout-element

@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Add support for allowedShippingCountries in Express Checkout Element.

client/express-checkout/blocks/hooks/use-express-checkout.js

@@ -68,6 +68,8 @@ export const useExpressCheckout = ( {
 						};
 					}
 				),
+				allowedShippingCountries: getExpressCheckoutData( 'checkout' )
+					.allowed_shipping_countries,
 			};
 
 			// Click event from WC Blocks.

client/express-checkout/index.js

@@ -304,6 +304,9 @@ jQuery( ( $ ) => {
 					shippingAddressRequired: options.requestShipping,
 					phoneNumberRequired: options.requestPhone,
 					shippingRates,
+					allowedShippingCountries: getExpressCheckoutData(
+						'checkout'
+					).allowed_shipping_countries,
 				};
 
 				onClickHandler( event );

includes/express-checkout/class-wc-payments-express-checkout-button-handler.php

@@ -240,11 +240,12 @@ public function scripts() {
 				'pay_for_order'             => wp_create_nonce( 'pay_for_order' ),
 			],
 			'checkout'           => [
-				'currency_code'     => strtolower( get_woocommerce_currency() ),
-				'country_code'      => substr( get_option( 'woocommerce_default_country' ), 0, 2 ),
-				'needs_shipping'    => WC()->cart->needs_shipping(),
+				'currency_code'              => strtolower( get_woocommerce_currency() ),
+				'country_code'               => substr( get_option( 'woocommerce_default_country' ), 0, 2 ),
+				'needs_shipping'             => WC()->cart->needs_shipping(),
 				// Defaults to 'required' to match how core initializes this option.
-				'needs_payer_phone' => 'required' === get_option( 'woocommerce_checkout_phone_field', 'required' ),
+				'needs_payer_phone'          => 'required' === get_option( 'woocommerce_checkout_phone_field', 'required' ),
+				'allowed_shipping_countries' => array_keys( WC()->countries->get_shipping_countries() ?? [] ),
 			],
 			'button'             => $this->get_button_settings(),
 			'login_confirmation' => $this->get_login_confirmation_settings(),