Fix payment failed because 'requires payment method' showing as 'successful' on thankyou page

js/civicrmStripeConfirm.js

@@ -24,7 +24,15 @@
           confirm.handleCardConfirm();
         }
       }
-      else {
+      else if (paymentIntentProcessResponse.requires_payment_method) {
+        CRM.payment.debugging(confirm.scriptName, 'Payment failed - requires_payment_method');
+        confirm.swalFire({
+          title: '',
+          text: ts('The payment failed - please try a different payment method.'),
+          icon: 'error'
+        }, '', true);
+      }
+      else if (paymentIntentProcessResponse.succeeded) {
         // All good, nothing more to do
         CRM.payment.debugging(confirm.scriptName, 'success - payment captured');
         confirm.swalFire({
@@ -32,6 +40,14 @@
           icon: 'success'
         }, '', true);
       }
+      else {
+        CRM.payment.debugging(confirm.scriptName, 'Payment Failed - unknown error');
+        confirm.swalFire({
+          title: '',
+          text: ts('The payment failed - unknown error.'),
+          icon: 'error'
+        }, '', true);
+      }
     },
 
     /**
@@ -87,7 +103,6 @@
      */
     handleCardConfirm: function() {
       CRM.payment.debugging(confirm.scriptName, 'handle card confirm');
-
       if (CRM.vars.stripe.hasOwnProperty('paymentIntentID')) {
         // Send paymentMethod.id to server
         CRM.api3('StripePaymentintent', 'Process', {