Merge pull request #45 from angelleye/GFB-46-gravity-forms-braintree-…

…payments-error-500-on-adding-credit-card-field Resolve beaintree payment error while using credit card field, GFB-46
angelleye · Aug 3, 2023 · ce74c19 · ce74c19
2 parents f39bf28 + 00b9b33
commit ce74c19
Showing 1 changed file with 43 additions and 18 deletions.
diff --git 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();