Merge release/8.6.0 into trunk

.eslintignore

@@ -10,3 +10,7 @@ vendor/*
 release/*
 tests/e2e/docker*
 tests/e2e/deps*
+
+# We'll delete the directory and its contents as part of https://github.com/Automattic/woocommerce-payments/issues/9722 .
+# ignoring it because we're temporariily cleaning it up.
+client/tokenized-payment-request

.github/actions/e2e-pw/run-log-tests/action.yml

@@ -9,7 +9,7 @@ runs:
           # Use +e to trap errors when running E2E tests.
           shell: /bin/bash +e {0}
           run: npm run test:e2e-pw-ci
-        - uses: actions/upload-artifact@v3
+        - uses: actions/upload-artifact@v4
           if: always()
           with:
               name: playwright-report

.github/workflows/php-compatibility.yml

@@ -1,7 +1,8 @@
 name: PHP Compatibility
 
 on:
-  pull_request
+  #pull_request # Workflow disabled temporarily until PHP Compatibility fixes are in place
+  workflow_dispatch
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}

assets/css/success.css

@@ -13,3 +13,7 @@
 .wc-payment-gateway-method-logo-wrapper.wc-payment-lpm-logo img {
 	max-height: 26px;
 }
+
+.wc-payment-gateway-method-logo-wrapper.wc-payment-card-logo img {
+	max-height: 1em;
+}

changelog.txt

@@ -1,5 +1,38 @@
 *** WooPayments Changelog ***
 
+= 8.6.0 - 2024-12-04 =
+* Add - Add Bank reference key column in Payout reports. This will help reconcile WooPayments Payouts with bank statements.
+* Add - Display credit card brand icons on order received page.
+* Fix - Add support to load stripe js asynchronously when it is not immediately available in the global scope.
+* Fix - Add the missing "Download" column heading label and toggle menu option to the Payments → Documents list view table.
+* Fix - Ensure ECE button load events are triggered for multiple buttons on the same page.
+* Fix - Ensure ECE is displayed correctly taking into account the tax settings.
+* Fix - Evidence submission is no longer available for Klarna inquiries as this is not supported by Stripe / Klarna.
+* Fix - fix: express checkout to use its own css files.
+* Fix - fix: missing ece is_product_page checks
+* Fix - Fix ECE Tracks events not triggering when WooPay is disabled.
+* Fix - Fix WooPay component spacing.
+* Fix - Fix WooPay trial subscriptions purchases.
+* Fix - Make sure the status of manual capture enablement is fetched from the right place.
+* Fix - Prevent express checkout from being used if cart total becomes zero after coupon usage.
+* Fix - Resolved issue with terminal payments in the payment intent failed webhook processing.
+* Fix - Set the support phone field as mandatory in the settings page.
+* Fix - Update Link logo alignment issue when WooPay is enabled and a specific version of Gutenberg is enabled.
+* Fix - Use paragraph selector instead of label for pmme appearance
+* Fix - Validate required billing fields using data from objects instead of checking the labels.
+* Update - Avoid getting the appearance for pay for order page with the wrong appearance key.
+* Update - chore: rename wrapper from payment-request to express-checkout
+* Update - feat: add `wcpay_checkout_use_plain_method_label` filter to allow themes or merchants to force the "plain" WooPayments label on shortcode checkout.
+* Update - refactor: express checkout initialization page location checks
+* Update - refactor: express checkout utility for button UI interactions
+* Dev - Allow redirect to the settings page from WCPay connect
+* Dev - chore: removed old PRB implementation for ApplePay/GooglePay in favor of the ECE implementation; cleaned up ECE feature flag;
+* Dev - Disable visual regression testing from Playwright until a more reliable approach is defined.
+* Dev - Ensure proper return types in the webhook processing service.
+* Dev - fix: E_DEPRECATED on BNPL empty PMME
+* Dev - Fix return types
+* Dev - Update snapshots for E2E Playwright screenshots
+
 = 8.5.1 - 2024-11-25 =
 * Fix - fix: remove "test mode" badge from shortcode checkout.
 

client/cart/blocks/product-details.js

@@ -11,6 +11,7 @@ import { select } from '@wordpress/data';
  * Internal dependencies
  */
 import { getAppearance, getFontRulesFromPage } from 'wcpay/checkout/upe-styles';
+import { useStripeAsync } from 'wcpay/hooks/use-stripe-async';
 import { getUPEConfig } from 'utils/checkout';
 import WCPayAPI from '../../checkout/api';
 import request from '../../checkout/utils/request';
@@ -47,6 +48,8 @@ const ProductDetail = ( { cart, context } ) => {
 
 	const [ fontRules ] = useState( getFontRulesFromPage() );
 
+	const stripe = useStripeAsync( api );
+
 	useEffect( () => {
 		async function generateUPEAppearance() {
 			// Generate UPE input styles.
@@ -63,6 +66,10 @@ const ProductDetail = ( { cart, context } ) => {
 		}
 	}, [ appearance ] );
 
+	if ( ! stripe ) {
+		return null;
+	}
+
 	if ( Object.keys( appearance ).length === 0 ) {
 		return null;
 	}
@@ -91,8 +98,6 @@ const ProductDetail = ( { cart, context } ) => {
 		countryCode: country, // Customer's country or base country of the store.
 	};
 
-	const stripe = api.getStripe();
-
 	return (
 		<div className="wc-block-components-bnpl-wrapper">
 			<Elements