From b243a41c05840a52e0d05ebb5a71d3efad9f2a37 Mon Sep 17 00:00:00 2001
From: Hillel Coren <hillelcoren@gmail.com>
Date: Fri, 16 Mar 2018 09:58:56 +0200
Subject: [PATCH] Working on payment gateways

---
 .../payments/braintree/credit_card.blade.php  |  6 ++
 .../payments/wepay/credit_card.blade.php      | 99 ++++++++++---------
 2 files changed, 58 insertions(+), 47 deletions(-)

diff --git a/resources/views/payments/braintree/credit_card.blade.php b/resources/views/payments/braintree/credit_card.blade.php
index 9e827875c36d..01a343550880 100644
--- a/resources/views/payments/braintree/credit_card.blade.php
+++ b/resources/views/payments/braintree/credit_card.blade.php
@@ -7,6 +7,7 @@
     <script type="text/javascript" >
         $(function() {
             var $form = $('.payment-form');
+            $form.unbind('submit');
             braintree.setup("{{ $transactionToken }}", "custom", {
                 id: "payment-form",
                 hostedFields: {
@@ -56,6 +57,11 @@
                     }
                 },
                 onPaymentMethodReceived: function(event) {
+                    if ($form.find('button').is(':disabled')) {
+                        event.preventDefault();
+                        return false;
+                    }
+
                     // Disable the submit button to prevent repeated clicks
                     $form.find('button').prop('disabled', true);
                     $('#js-error-message').hide();
diff --git a/resources/views/payments/wepay/credit_card.blade.php b/resources/views/payments/wepay/credit_card.blade.php
index d28aa2ae6e4d..d96679d77a9e 100644
--- a/resources/views/payments/wepay/credit_card.blade.php
+++ b/resources/views/payments/wepay/credit_card.blade.php
@@ -10,64 +10,69 @@
             var countries = {!! Cache::get('countries')->pluck('iso_3166_2','id') !!};
             WePay.set_endpoint('{{ WEPAY_ENVIRONMENT }}');
             var $form = $('.payment-form');
-            $('.payment-form').submit(function(event) {
-                event.preventDefault();
-
-                var data = {
-                    client_id: {{ WEPAY_CLIENT_ID }},
-                    user_name: $('#first_name').val() + ' ' + $('#last_name').val(),
-                    email: $('#email').val(),
-                    cc_number: $('#card_number').val(),
-                    cvv: $('#cvv').val(),
-                    expiration_month: $('#expiration_month').val(),
-                    expiration_year: $('#expiration_year').val(),
-                    address: {
-                        address1: $('#address1').val(),
-                        address2: $('#address2').val(),
-                        city: $('#city').val(),
-                        country: countries[$("#country_id").val()]
-                    }
-                };
-
-                if(data.address.country == 'US') {
-                    data.address.zip = $('#postal_code').val();
+            $('.payment-form').unbind('submit').submit(function(event) {
+                if ($('#sourceToken').val()) {
+                    // do nothing
                 } else {
-                    data.address.postcode = $('#postal_code').val();
-                }
-                // Not including state/province, since WePay wants 2-letter codes and users enter the full name
+                    event.preventDefault();
 
-                // Disable the submit button to prevent repeated clicks
-                $form.find('button').prop('disabled', true);
-                $('#js-error-message').hide();
+                    if ($form.find('button').is(':disabled')) {
+                        return false;
+                    }
+
+                    var data = {
+                        client_id: {{ WEPAY_CLIENT_ID }},
+                        user_name: $('#first_name').val() + ' ' + $('#last_name').val(),
+                        email: $('#email').val(),
+                        cc_number: $('#card_number').val(),
+                        cvv: $('#cvv').val(),
+                        expiration_month: $('#expiration_month').val(),
+                        expiration_year: $('#expiration_year').val(),
+                        address: {
+                            address1: $('#address1').val(),
+                            address2: $('#address2').val(),
+                            city: $('#city').val(),
+                            country: countries[$("#country_id").val()]
+                        }
+                    };
+
+                    if(data.address.country == 'US') {
+                        data.address.zip = $('#postal_code').val();
+                    } else {
+                        data.address.postcode = $('#postal_code').val();
+                    }
+                    // Not including state/province, since WePay wants 2-letter codes and users enter the full name
+
+                    // Disable the submit button to prevent repeated clicks
+                    $form.find('button').prop('disabled', true);
+                    $('#js-error-message').hide();
+
+                    var response = WePay.credit_card.create(data, function(response) {
+                        if (response.error) {
+                            // Show the errors on the form
+                            var error = response.error_description;
+                            $form.find('button').prop('disabled', false);
+                            $('#js-error-message').text(error).fadeIn();
+                        } else {
+                            // response contains id and card, which contains additional card details
+                            var token = response.credit_card_id;
+                            // Insert the token into the form so it gets submitted to the server
+                            $form.append($('<input type="hidden" name="sourceToken"/>').val(token));
+                            // and submit
+                            $form.get(0).submit();
+                        }
+                    });
 
-                var response = WePay.credit_card.create(data, function(response) {
                     if (response.error) {
                         // Show the errors on the form
                         var error = response.error_description;
                         $form.find('button').prop('disabled', false);
                         $('#js-error-message').text(error).fadeIn();
-                    } else {
-                        if ($form.find('button').is(':disabled')) {
-                            return false;
-                        }                        
-                        // response contains id and card, which contains additional card details
-                        var token = response.credit_card_id;
-                        // Insert the token into the form so it gets submitted to the server
-                        $form.append($('<input type="hidden" name="sourceToken"/>').val(token));
-                        // and submit
-                        $form.get(0).submit();
                     }
-                });
 
-                if (response.error) {
-                    // Show the errors on the form
-                    var error = response.error_description;
-                    $form.find('button').prop('disabled', false);
-                    $('#js-error-message').text(error).fadeIn();
+                    // Prevent the form from submitting with the default action
+                    return false;
                 }
-
-                // Prevent the form from submitting with the default action
-                return false;
             });
         });
     </script>