From 00b9b33d4296d31a6d78ebe7365bb8afe33b9e28 Mon Sep 17 00:00:00 2001
From: Ravindra112001 <ravindrasingh.rajput@quanticedge.co.in>
Date: Mon, 8 May 2023 15:37:06 +0530
Subject: [PATCH] Resolve beaintree payment error while using credit card
 field, GFB-46

---
 ...angelleye-gravity-braintree-creditcard.php | 61 +++++++++++++------
 1 file changed, 43 insertions(+), 18 deletions(-)

diff --git a/includes/class-angelleye-gravity-braintree-creditcard.php b/includes/class-angelleye-gravity-braintree-creditcard.php
index 53558b5..79b0dab 100644
--- a/includes/class-angelleye-gravity-braintree-creditcard.php
+++ b/includes/class-angelleye-gravity-braintree-creditcard.php
@@ -90,24 +90,49 @@ public function get_field_input( $form, $value = '', $entry = null ) {
                 <input type="hidden" id="nonce" name="payment_method_nonce"/>
             </div>
             <script type="text/javascript">
-                const form = document.getElementById('gform_<?php echo $form_id; ?>');
-
-                braintree.dropin.create({
-                    authorization: '<?php echo $clientToken;?>',
-                    container: '#dropin-container'
-                }, (error, dropinInstance) => {
-                    if (error) console.error(error);
-
-                    form.addEventListener('submit', event => {
-                        event.preventDefault();
-
-                        dropinInstance.requestPaymentMethod((error, payload) => {
-                            if (error) console.error(error);
-                            document.getElementById('nonce').value = payload.nonce;
-                            form.submit();
-                        });
-                    });
-                });
+                // const form = document.getElementById('gform_<?php echo $form_id; ?>');
+                if(typeof braintree === 'undefined') {
+			        // console.log("Braintree is not loaded yet. Loading...");
+			        var script = document.createElement('script');
+			        script.onload = function () {
+			            // console.log("Braintree is now loaded.");
+			            braintree.dropin.create({
+			                authorization: '<?php echo $clientToken;?>',
+			                container: '#dropin-container'
+			            }, (error, dropinInstance) => {
+			                if (error) console.error(error);
+
+			                document.getElementById('gform_<?php echo $form_id; ?>').addEventListener('submit', event => {
+			                    event.preventDefault();
+
+			                    dropinInstance.requestPaymentMethod((error, payload) => {
+			                        if (error) console.error(error);
+			                        document.getElementById('nonce').value = payload.nonce;
+			                        document.getElementById('gform_<?php echo $form_id; ?>').submit();
+			                    });
+			                });
+			            });
+			        };
+			        script.src = 'https://js.braintreegateway.com/web/dropin/1.26.0/js/dropin.min.js';
+			        document.head.appendChild(script);
+			    } else {
+			    	braintree.dropin.create({
+	                    authorization: '<?php echo $clientToken;?>',
+	                    container: '#dropin-container'
+	                }, (error, dropinInstance) => {
+	                    if (error) console.error(error);
+
+	                    document.getElementById('gform_<?php echo $form_id; ?>').addEventListener('submit', event => {
+	                        event.preventDefault();
+
+	                        dropinInstance.requestPaymentMethod((error, payload) => {
+	                            if (error) console.error(error);
+	                            document.getElementById('nonce').value = payload.nonce;
+	                            document.getElementById('gform_<?php echo $form_id; ?>').submit();
+	                        });
+	                    });
+	                });	
+			    }
             </script>
 			<?php
 			$html = ob_get_contents();