From 8c2434dc1f72092b61d99f030210a2ca6c743275 Mon Sep 17 00:00:00 2001
From: Charles-Henri Decultot <chdecultot@dokos.io>
Date: Mon, 15 Oct 2018 05:57:08 +0200
Subject: [PATCH] Improve checkout UX (#6248)

---
 payments/templates/includes/braintree_checkout.js | 8 ++++++++
 payments/templates/pages/braintree_checkout.html  | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/payments/templates/includes/braintree_checkout.js b/payments/templates/includes/braintree_checkout.js
index 96bc9c3..6e6ec4c 100644
--- a/payments/templates/includes/braintree_checkout.js
+++ b/payments/templates/includes/braintree_checkout.js
@@ -42,6 +42,14 @@ $(document).ready(function() {
 				})
 			});
 		});
+
+		instance.on('paymentMethodRequestable', function (event) {
+			button.removeAttribute('disabled');
+		});
+
+		instance.on('noPaymentMethodRequestable', function () {
+			button.setAttribute('disabled', true);
+		});
 	});
 
 })
diff --git a/payments/templates/pages/braintree_checkout.html b/payments/templates/pages/braintree_checkout.html
index a9fec0e..bdc7b46 100644
--- a/payments/templates/pages/braintree_checkout.html
+++ b/payments/templates/pages/braintree_checkout.html
@@ -26,7 +26,7 @@
 				</div>
 			</section>
 
-			<button class="btn btn-primary" type="submit" id="submit-button"><span>{{ _("Pay") }} {{ amount }} {{ currency }}</span></button>
+			<button class="btn btn-primary" type="submit" id="submit-button" disabled><span>{{ _("Pay") }} {{ amount }} {{ currency }}</span></button>
 		</form>
 
 	</div>