✨ Hide Apple Pay gateway on ineligible devices

modules/ppcp-applepay/resources/js/ApplepayButton.js

@@ -150,13 +150,31 @@ class ApplePayButton {
 		const idButton = this.buttonConfig.button.wrapper;
 
 		if ( ! this.isEligible ) {
-			jQuery( '#' + idButton ).hide();
+			const hideContainers = [
-			jQuery( '#' + idMinicart ).hide();
+				// Payment button (Pay now, smart button block)
-			jQuery( '#express-payment-method-ppcp-applepay' ).hide();
+				`#${ idButton }`,
+				// Mini Cart button
+				`#${ idMinicart }`,
+				// Block Checkout: Express checkout button.
+				'#express-payment-method-ppcp-applepay',
+			];
+
+			hideContainers.forEach( ( selector ) => {
+				const elements = document.querySelectorAll( selector );
+
+				elements.forEach( ( element ) => {
+					element.style.display = 'none';
+				} );
+			} );
 
 			return;
 		}
 
+		// Classic Checkout: Make the Apple Pay gateway visible.
+		document
+			.querySelectorAll( 'style#ppcp-hide-apple-pay' )
+			.forEach( ( el ) => el.remove() );
+
 		// Add click-handler to the button.
 		const setupButtonEvents = ( id ) => {
 			document

modules/ppcp-applepay/src/Assets/ApplePayButton.php

@@ -953,6 +953,7 @@ class ApplePayButton implements ButtonInterface {
 				$render_placeholder,
 				function () {
 					$this->applepay_button();
+					$this->hide_gateway_until_eligible();
 				},
 				21
 			);
@@ -997,6 +998,19 @@ class ApplePayButton implements ButtonInterface {
 		<?php
 	}
 
+	/**
+	 * Outputs an inline CSS style that hides the Apple Pay gateway (on Classic Checkout).
+	 * The style is removed by `ApplepayButton.js` once the eligibility of the payment method
+	 * is confirmed.
+	 *
+	 * @return void
+	 */
+	protected function hide_gateway_until_eligible(): void {
+		?>
+		<style id="ppcp-hide-apple-pay">.wc_payment_method.payment_method_ppcp-applepay{display:none}</style>
+		<?php
+	}
+
 	/**
 	 * Enqueues the scripts.
 	 *