Pass to payment methods a wrapper component that handles the loading state

assets/js/base/context/hooks/payment-methods/use-payment-method-interface.ts

@@ -8,6 +8,7 @@ import PaymentMethodLabel from '@woocommerce/base-components/cart-checkout/payme
 import PaymentMethodIcons from '@woocommerce/base-components/cart-checkout/payment-method-icons';
 import { getSetting } from '@woocommerce/settings';
 import deprecated from '@wordpress/deprecated';
+import LoadingMask from '@woocommerce/base-components/loading-mask';
 
 /**
  * Internal dependencies
@@ -126,6 +127,7 @@ export const usePaymentMethodInterface = (): Record< string, unknown > => {
 			ValidationInputError,
 			PaymentMethodIcons,
 			PaymentMethodLabel,
+			LoadingMask,
 		},
 		emitResponse: {
 			noticeContexts,

assets/js/types/type-defs/registered-payment-method-props.js

@@ -168,6 +168,8 @@
  *                                                           method icons.
  * @property {function(Object):Object} PaymentMethodLabel    A component used for displaying payment
  *                                                           method labels, including an icon.
+ * @property {function(Object):Object} LoadingMask           A wrapper component used for showing a
+ *                                                           loading state when the isLoading prop is true.
  */
 
 /**