From 9be0dcddd2bfe3a0bd2a429fdb6da8db117212b8 Mon Sep 17 00:00:00 2001
From: Sylvain <sylvain@sleede.com>
Date: Fri, 22 Oct 2021 17:53:02 +0200
Subject: [PATCH] [bug] 3DS confirmation is not asked when an admin is
 subscribing a user through a payment schedule using PayZen

---
 CHANGELOG.md                                                     | 1 +
 .../src/javascript/components/payment/payzen/payzen-form.tsx     | 1 +
 .../src/javascript/components/payment/stripe/stripe-form.tsx     | 1 +
 3 files changed, 3 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f04bd76d7..2b7d35be9 100644
--- a/CHANGELOG.md
+++ b/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
diff --git a/app/frontend/src/javascript/components/payment/payzen/payzen-form.tsx b/app/frontend/src/javascript/components/payment/payzen/payzen-form.tsx
index d1d15f231..2e82865e9 100644
--- a/app/frontend/src/javascript/components/payment/payzen/payzen-form.tsx
+++ b/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 {
diff --git a/app/frontend/src/javascript/components/payment/stripe/stripe-form.tsx b/app/frontend/src/javascript/components/payment/stripe/stripe-form.tsx
index 3d017fb95..3b62d3a89 100644
--- a/app/frontend/src/javascript/components/payment/stripe/stripe-form.tsx
+++ b/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