[bug] 3DS confirmation is not asked when an admin is subscribing a user through a payment schedule using PayZen

CHANGELOG.md

@@ -15,6 +15,7 @@
 - Fix a bug: invalid amount provided to the PayZen payment gateway when using a currency with anything else than 2 decimals
 - Fix a bug: incorrect behavior for the setting "email confirmation required"
 - Fix a bug: invalid text shown when a member confirms a free cart
+- Fix a bug: 3DS confirmation is not asked when an admin is subscribing a user through a payment schedule using PayZen
 - Updated @rails/webpacker to 5.4.3
 - Updated react-refresh-webpack-plugin to 0.5.1
 - Updated react-refresh to 0.10.0

app/frontend/src/javascript/components/payment/payzen/payzen-form.tsx

@@ -126,6 +126,7 @@ export const PayzenForm: React.FC<PayzenFormProps> = ({ onSubmit, onSuccess, onE
    */
   const handleSubmit = async (event: FormEvent): Promise<void> => {
     event.preventDefault();
+    event.stopPropagation();
     onSubmit();
 
     try {

app/frontend/src/javascript/components/payment/stripe/stripe-form.tsx

@@ -23,6 +23,7 @@ export const StripeForm: React.FC<GatewayFormProps> = ({ onSubmit, onSuccess, on
    */
   const handleSubmit = async (event: FormEvent): Promise<void> => {
     event.preventDefault();
+    event.stopPropagation();
     onSubmit();
 
     // Stripe.js has not loaded yet