Set payment status to FAILED or SUCCESS when the storeAPI fetch returns

assets/js/base/context/providers/cart-checkout/checkout-processor.ts

@@ -106,6 +106,9 @@ const CheckoutProcessor = () => {
 		};
 	}, [] );
 
+	const { __internalSetPaymentFailed, __internalSetPaymentSuccess } =
+		useDispatch( PAYMENT_STORE_KEY );
+
 	const paymentMethods = getPaymentMethods();
 	const expressPaymentMethods = getExpressPaymentMethods();
 	const currentBillingAddress = useRef( billingAddress );
@@ -256,13 +259,15 @@ const CheckoutProcessor = () => {
 				if ( ! response.ok ) {
 					throw response;
 				}
+				__internalSetPaymentSuccess();
 				return response.json();
 			} )
 			.then( ( responseJson: CheckoutResponseSuccess ) => {
 				__internalProcessCheckoutResponse( responseJson );
 				setIsProcessingOrder( false );
 			} )
 			.catch( ( errorResponse: ApiResponse< CheckoutResponseError > ) => {
+				__internalSetPaymentFailed();
 				processCheckoutResponseHeaders( errorResponse?.headers );
 				try {
 					// This attempts to parse a JSON error response where the status code was 4xx/5xx.

assets/js/data/payment/selectors.ts

@@ -47,7 +47,6 @@ export const isPaymentReady = ( state: PaymentState ) =>
 export const isPaymentFinished = ( state: PaymentState ) => {
 	return (
 		state.status === PAYMENT_STATUS.SUCCESS ||
-		state.status === PAYMENT_STATUS.ERROR ||
 		state.status === PAYMENT_STATUS.FAILED
 	);
 };