archetype_spree_gateway 3.9.5

data/config/routes.rb

@@ -0,0 +1,19 @@
+# we need to add this route to the root Rails application because Spree can
+# be mounted to some path eg. /shop and Apple Pay expects to access this file
+# via https://example.com/.well-known/apple-developer-merchantid-domain-association
+Rails.application.routes.draw do
+  get '/.well-known/apple-developer-merchantid-domain-association' => 'spree/apple_pay_domain_verification#show'
+end
+
+Spree::Core::Engine.add_routes do
+  namespace :api, defaults: { format: 'json' } do
+    namespace :v2 do
+      namespace :storefront do
+        namespace :intents do
+          post :payment_confirmation_data
+          post :handle_response
+        end
+      end
+    end
+  end
+end

data/db/migrate/20200317135551_add_spree_check_payment_source.rb

@@ -0,0 +1,22 @@
+class AddSpreeCheckPaymentSource < ActiveRecord::Migration[5.1]
+  def change
+    create_table :spree_checks do |t|
+      t.references :payment_method
+      t.references :user
+      t.string 'account_holder_name'
+      t.string 'account_holder_type'
+      t.string 'routing_number'
+      t.string 'account_number'
+      t.string 'account_type', default: 'checking'
+      t.string 'status'
+      t.string 'last_digits'
+      t.string 'gateway_customer_profile_id'
+      t.string 'gateway_payment_profile_id'
+
+      t.datetime 'created_at', null: false
+      t.datetime 'updated_at', null: false
+      t.datetime 'deleted_at'
+    end
+    add_index :spree_payment_methods, :id
+  end
+end

data/db/migrate/20200422114908_add_intent_key_to_payment.rb

@@ -0,0 +1,5 @@
+class AddIntentKeyToPayment < ActiveRecord::Migration[5.2]
+  def change
+    add_column :spree_payments, :intent_client_key, :string
+  end
+end

data/lib/active_merchant/billing/stripe_gateway_decorator.rb

@@ -0,0 +1,33 @@
+module ActiveMerchant
+  module Billing
+    module StripeGatewayDecorator
+      def verify(source, **options)
+        customer = source.gateway_customer_profile_id
+        bank_account_token = source.gateway_payment_profile_id
+
+        commit(:post, "customers/#{CGI.escape(customer)}/sources/#{bank_account_token}/verify", amounts: options[:amounts])
+      end
+
+      def retrieve(source, **options)
+        customer = source.gateway_customer_profile_id
+        bank_account_token = source.gateway_payment_profile_id
+        commit(:get, "customers/#{CGI.escape(customer)}/bank_accounts/#{bank_account_token}")
+      end
+
+      private
+
+      def headers(options = {})
+        headers = super
+        headers['User-Agent'] = headers['X-Stripe-Client-User-Agent']
+        headers
+      end
+
+      def add_customer_data(post, options)
+        super
+        post[:payment_user_agent] = "SpreeGateway/#{SpreeGateway.version}"
+      end
+    end
+  end
+end
+
+ActiveMerchant::Billing::StripeGateway.prepend(ActiveMerchant::Billing::StripeGatewayDecorator)

data/lib/controllers/spree/api/v2/storefront/intents_controller.rb

@@ -0,0 +1,45 @@
+module Spree
+  module Api
+    module V2
+      module Storefront
+        class IntentsController < ::Spree::Api::V2::BaseController
+          include Spree::Api::V2::Storefront::OrderConcern
+
+          def payment_confirmation_data
+            spree_authorize! :update, spree_current_order, order_token
+
+            if spree_current_order.intents?
+              spree_current_order.process_payments!
+              spree_current_order.reload
+              last_valid_payment = spree_current_order.payments.valid.where.not(intent_client_key: nil).last
+
+              if last_valid_payment.present?
+                client_secret = last_valid_payment.intent_client_key
+                publishable_key = last_valid_payment.payment_method&.preferred_publishable_key
+                return render json: { client_secret: client_secret, pk_key: publishable_key }, status: :ok
+              end
+            end
+
+            render_error_payload(I18n.t('spree.no_payment_authorization_needed'))
+          end
+
+          def handle_response
+            if params['response']['error']
+              invalidate_payment
+              render_error_payload(params['response']['error']['message'])
+            else
+              render_serialized_payload { { message: I18n.t('spree.payment_successfully_authorized') } }
+            end
+          end
+
+          private
+
+          def invalidate_payment
+            payment = spree_current_order.payments.find_by!(response_code: params['response']['error']['payment_intent']['id'])
+            payment.update(state: 'failed', intent_client_key: nil)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/controllers/spree/apple_pay_domain_verification_controller.rb

@@ -0,0 +1,11 @@
+module Spree
+  class ApplePayDomainVerificationController < ::ActionController::Base
+    def show
+      gateway = Spree::Gateway::StripeApplePayGateway.active.last
+
+      raise ActiveRecord::RecordNotFound unless gateway
+
+      render plain: gateway.preferred_domain_verification_certificate
+    end
+  end
+end

data/lib/generators/spree_gateway/install/install_generator.rb

@@ -0,0 +1,19 @@
+module SpreeGateway
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      class_option :migrate, type: :boolean, default: true, banner: 'Migrate the database'
+
+      def add_migrations
+        run 'bundle exec rake railties:install:migrations FROM=spree_gateway'
+      end
+
+      def run_migrations
+       if options[:migrate]
+         run 'bundle exec rake db:migrate VERBOSE=false'
+       else
+         puts "Skiping rake db:migrate, don't forget to run it!"
+       end
+      end
+    end
+  end
+end

data/lib/spree_frontend/controllers/spree/checkout_controller_decorator.rb

@@ -0,0 +1,19 @@
+module Spree
+  module CheckoutControllerDecorator
+    def self.prepended(base)
+      base.before_action :process_payments_and_set_keys, only: :edit, if: proc { params[:state] == 'payment_confirm' }
+    end
+
+    def process_payments_and_set_keys
+      @order.tap do |order|
+        order.process_payments!
+        order.reload.payments.valid.where.not(intent_client_key: nil).last.tap do |payment|
+          @client_secret = payment.intent_client_key
+          @pk_key = payment.payment_method.preferred_publishable_key
+        end
+      end
+    end
+  end
+end
+
+::Spree::CheckoutController.prepend Spree::CheckoutControllerDecorator

data/lib/spree_gateway/engine.rb

@@ -0,0 +1,80 @@
+module SpreeGateway
+  class Engine < Rails::Engine
+    engine_name 'spree_gateway'
+
+    config.autoload_paths += %W(#{config.root}/lib)
+
+    initializer "spree.gateway.payment_methods", :after => "spree.register.payment_methods" do |app|
+      app.config.spree.payment_methods << Spree::Gateway::AuthorizeNet
+      app.config.spree.payment_methods << Spree::Gateway::AuthorizeNetCim
+      app.config.spree.payment_methods << Spree::Gateway::BalancedGateway
+      app.config.spree.payment_methods << Spree::Gateway::Banwire
+      app.config.spree.payment_methods << Spree::Gateway::Beanstream
+      app.config.spree.payment_methods << Spree::Gateway::BraintreeGateway
+      app.config.spree.payment_methods << Spree::Gateway::CardSave
+      app.config.spree.payment_methods << Spree::Gateway::CyberSource
+      app.config.spree.payment_methods << Spree::Gateway::DataCash
+      app.config.spree.payment_methods << Spree::Gateway::Epay
+      app.config.spree.payment_methods << Spree::Gateway::Eway
+      app.config.spree.payment_methods << Spree::Gateway::EwayRapid
+      app.config.spree.payment_methods << Spree::Gateway::Maxipago
+      app.config.spree.payment_methods << Spree::Gateway::Migs
+      app.config.spree.payment_methods << Spree::Gateway::Moneris
+      app.config.spree.payment_methods << Spree::Gateway::PayJunction
+      app.config.spree.payment_methods << Spree::Gateway::PayPalGateway
+      app.config.spree.payment_methods << Spree::Gateway::PayflowPro
+      app.config.spree.payment_methods << Spree::Gateway::Paymill
+      app.config.spree.payment_methods << Spree::Gateway::PinGateway
+      app.config.spree.payment_methods << Spree::Gateway::Quickpay
+      app.config.spree.payment_methods << Spree::Gateway::SagePay
+      app.config.spree.payment_methods << Spree::Gateway::SecurePayAU
+      app.config.spree.payment_methods << Spree::Gateway::SpreedlyCoreGateway
+      app.config.spree.payment_methods << Spree::Gateway::StripeGateway
+      app.config.spree.payment_methods << Spree::Gateway::StripeElementsGateway
+      app.config.spree.payment_methods << Spree::Gateway::StripeApplePayGateway
+      app.config.spree.payment_methods << Spree::Gateway::StripeAchGateway
+      app.config.spree.payment_methods << Spree::Gateway::UsaEpayTransaction
+      app.config.spree.payment_methods << Spree::Gateway::Worldpay
+      app.config.spree.payment_methods << Spree::Gateway::PayuPolskaGateway
+    end
+
+    def self.activate
+      Dir.glob(File.join(File.dirname(__FILE__), '../../app/**/spree/*_decorator*.rb')) do |c|
+        Rails.application.config.cache_classes ? require(c) : load(c)
+      end
+      Dir.glob(File.join(File.dirname(__FILE__), '../../app/**/spree_gateway/*_decorator*.rb')) do |c|
+        Rails.application.config.cache_classes ? require(c) : load(c)
+      end
+      Dir.glob(File.join(File.dirname(__FILE__), '../../lib/active_merchant/**/*_decorator*.rb')) do |c|
+        Rails.application.config.cache_classes ? require(c) : load(c)
+      end
+
+      if self.frontend_available?
+        Dir.glob(File.join(File.dirname(__FILE__), '../../lib/spree_frontend/controllers/spree/*_decorator*.rb')) do |c|
+          Rails.application.config.cache_classes ? require(c) : load(c)
+        end
+      end
+    end
+
+    def self.backend_available?
+      @@backend_available ||= ::Rails::Engine.subclasses.map(&:instance).map{ |e| e.class.to_s }.include?('Spree::Backend::Engine')
+    end
+
+    def self.frontend_available?
+      @@frontend_available ||= ::Rails::Engine.subclasses.map(&:instance).map{ |e| e.class.to_s }.include?('Spree::Frontend::Engine')
+    end
+
+    if self.backend_available?
+      paths["app/views"] << "lib/views/backend"
+    end
+
+    paths['app/controllers'] << 'lib/controllers'
+
+    if self.frontend_available?
+      paths["app/controllers"] << "lib/spree_frontend/controllers"
+      paths["app/views"] << "lib/views/frontend"
+    end
+
+    config.to_prepare &method(:activate).to_proc
+  end
+end

data/lib/spree_gateway/version.rb

@@ -0,0 +1,5 @@
+module SpreeGateway
+  def self.version
+    '3.9.5'
+  end
+end

data/lib/spree_gateway.rb

@@ -0,0 +1,4 @@
+require 'spree_core'
+require 'spree_gateway/engine'
+require 'spree_gateway/version'
+require 'spree_extension'

data/lib/views/backend/spree/admin/log_entries/_braintree.html.erb

@@ -0,0 +1,31 @@
+<% transaction = entry.parsed_details.params['braintree_transaction'] %>
+<tr>
+  <td><%= Spree.t(:message, :scope => [:log_entry, :braintree]) %></td>
+  <td><%= entry.parsed_details.message %></td>
+</tr>
+<% if transaction %>
+  <tr>
+    <td><%= Spree.t(:status, :scope => [:log_entry, :braintree]) %></td>
+    <td><%= transaction['status'] %></td>
+  </tr>
+  <tr>
+    <td><%= Spree.t(:cc_token, :scope => [:log_entry, :braintree]) %></td>
+    <td><%= transaction['credit_card_details']['token'] %></td>
+  </tr>
+  <tr>
+    <td><%= Spree.t(:customer_id, :scope => [:log_entry, :braintree]) %></td>
+    <td><%= transaction['customer_details']['id'] %></td>
+  </tr>
+<% end %>
+<tr>
+  <td><%= Spree.t(:cvv_result, :scope => [:log_entry, :braintree]) %></td>
+  <td><%= entry.parsed_details.cvv_result['message'].to_s %></td>
+</tr>
+<tr>
+  <td><%= Spree.t(:avs_result_title, :scope => [:log_entry, :braintree]) %></td>
+  <td>
+    <%= Spree.t(:message, :scope => [:log_entry, :braintree, :avs_result]) %>: <%= entry.parsed_details.avs_result['message'] %><br>
+    <%= Spree.t(:street_match, :scope => [:log_entry, :braintree, :avs_result]) %>: <%= entry.parsed_details.avs_result['street_match'] %><br>
+    <%= Spree.t(:postal_match, :scope => [:log_entry, :braintree, :avs_result]) %>: <%= entry.parsed_details.avs_result['postal_match'] %>
+  </td>
+</tr>

data/lib/views/backend/spree/admin/log_entries/_stripe.html.erb

@@ -0,0 +1,28 @@
+<tr>
+  <td><%= Spree.t(:message, :scope => [:log_entry, :stripe]) %></td>
+  <td><%= entry.parsed_details.message %></td>
+</tr>
+<tr>
+  <td><%= Spree.t(:charge_id, :scope => [:log_entry, :stripe]) %></td>
+  <td><%= entry.parsed_details.params['id'] %></td>
+</tr>
+<% if card = entry.parsed_details.params['card'] %>
+  <tr>
+    <td><%= Spree.t(:card_id, :scope => [:log_entry, :stripe]) %></td>
+    <td><%= card['id'] %></td>
+  </tr>
+
+  <tr>
+    <td><%= Spree.t(:cvc_check, :scope => [:log_entry, :stripe]) %></td>
+    <td><%= card['cvc_check'] %></td>
+  </tr>
+
+  <tr>
+    <td><%= Spree.t(:address_zip_check, :scope => [:log_entry, :stripe]) %></td>
+    <td><%= card['address_zip_check'] %></td>
+  </tr>
+<% end %>
+<tr>
+  <td><%= Spree.t(:cvv_result, :scope => [:log_entry, :stripe]) %></td>
+  <td><%= entry.parsed_details.cvv_result['message'].to_s %></td>
+</tr>

data/lib/views/backend/spree/admin/payments/source_forms/_quickcheckout.html.erb

@@ -0,0 +1,8 @@
+<% content_for :head do %>
+  <script type="text/javascript">
+    jQuery(document).ready(function(){
+      $("label:contains('<%= payment_method.name %>')").hide();
+      $("label:contains('<%= payment_method.name %>') input").disable();
+    });
+  </script>
+<% end %>

data/lib/views/backend/spree/admin/payments/source_forms/_stripe.html.erb

@@ -0,0 +1,79 @@
+<%= render "spree/admin/payments/source_forms/gateway", payment_method: payment_method, previous_cards: payment_method.reusable_sources(@order) %>
+
+<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
+<script type="text/javascript">
+  Stripe.setPublishableKey("<%= payment_method.preferred_publishable_key %>");
+</script>
+
+<script>
+  var mapCC, stripeResponseHandler;
+
+  mapCC = function(ccType) {
+    if (ccType === 'MasterCard') {
+      return 'mastercard';
+    } else if (ccType === 'Visa') {
+      return 'visa';
+    } else if (ccType === 'American Express') {
+      return 'amex';
+    } else if (ccType === 'Discover') {
+      return 'discover';
+    } else if (ccType === 'Diners Club') {
+      return 'dinersclub';
+    } else if (ccType === 'JCB') {
+      return 'jcb';
+    }
+  };
+  stripeResponseHandler = function(status, response) {
+    var paymentMethodId, token;
+    if (response.error) {
+      $('#stripeError').html(response.error.message);
+      var param_map = {
+        number:    '#card_number',
+        exp_month: '#card_expiry',
+        exp_year:  '#card_expiry',
+        cvc:       '#card_code'
+      }
+      if (response.error.param) {
+        errorField = Spree.stripePaymentMethod.find(param_map[response.error.param])
+        errorField.addClass('error');
+        errorField.parent().addClass('has-error');
+      }
+      return $('#stripeError').show();
+    } else {
+      Spree.stripePaymentMethod.find('#card_number<%= payment_method.id %>, #card_expiry<%= payment_method.id %>, #card_code<%= payment_method.id %>').prop("disabled", true);
+      Spree.stripePaymentMethod.find(".ccType").prop("disabled", false);
+      Spree.stripePaymentMethod.find(".ccType").val(mapCC(response.card.brand));
+      token = response['id'];
+      paymentMethodId = Spree.stripePaymentMethod.prop('id').split("_")[2];
+      Spree.stripePaymentMethod.append("<input type='hidden' class='stripeToken' name='payment_source[" + paymentMethodId + "][gateway_payment_profile_id]' value='" + token + "'/>");
+      Spree.stripePaymentMethod.append("<input type='hidden' class='stripeToken' name='payment_source[" + paymentMethodId + "][last_digits]' value='" + response.card.last4 + "'/>");
+      Spree.stripePaymentMethod.append("<input type='hidden' class='stripeToken' name='payment_source[" + paymentMethodId + "][month]' value='" + response.card.exp_month + "'/>");
+      Spree.stripePaymentMethod.append("<input type='hidden' class='stripeToken' name='payment_source[" + paymentMethodId + "][year]' value='" + response.card.exp_year + "'/>");
+      return Spree.stripePaymentMethod.parents("form").trigger('submit');
+    }
+  };
+
+  window.addEventListener('DOMContentLoaded', function() {
+    Spree.stripePaymentMethod = $('#payment_method_' + <%= payment_method.id %>);
+
+    Spree.ready(function() {
+      Spree.stripePaymentMethod.prepend("<div id='stripeError' class='errorExplanation alert alert-danger' style='display:none'></div>");
+      return $('#new_payment [data-hook=buttons]').click(function() {
+        var expiration, params;
+        $('#stripeError').hide();
+        Spree.stripePaymentMethod.find('#card_number, #card_expiry, #card_code').removeClass('error');
+        if (Spree.stripePaymentMethod.is(':visible')) {
+          expiration = $('.cardExpiry:visible').payment('cardExpiryVal');
+          params = $.extend({
+            number: $('.cardNumber:visible').val(),
+            cvc: $('.cardCode:visible').val(),
+            exp_month: expiration.month || 0,
+            exp_year: expiration.year || 0
+          }, Spree.stripeAdditionalInfo);
+          Stripe.card.createToken(params, stripeResponseHandler);
+          return false;
+        }
+      });
+    });
+  });
+</script>

data/lib/views/backend/spree/admin/payments/source_forms/_stripe_ach.html.erb

@@ -0,0 +1,86 @@
+<fieldset data-id="bank_transfer">
+  <div id="bank_transfer_form<%= payment_method.id %>" class="margint" data-hook>
+    <% param_prefix = "payment_source[#{payment_method.id}]" %>
+
+    <div data-hook="account_holder_name" class="form-group">
+      <%= label_tag "account_holder_name#{payment_method.id}", raw(Spree.t('stripe.ach.account_holder_name') + required_span_tag) %>
+      <%= text_field_tag "#{param_prefix}[account_holder_name]", '', class: 'required form-control', id: "account_holder_name#{payment_method.id}" %>
+    </div>
+
+    <div data-hook="account_holder_type">
+      <%= label_tag "account_holder_type#{payment_method.id}", raw(Spree.t('stripe.ach.account_holder_type') + required_span_tag) %>
+      <%= select_tag "#{param_prefix}[account_holder_type]", options_for_select(%w(Individual Company)), {id: "account_holder_type#{payment_method.id}", class: 'required form-control'} %>
+    </div>
+
+    <div data-hook="routing_number">
+      <%= label_tag "routing_number#{payment_method.id}", raw(Spree.t('stripe.ach.routing_number') + required_span_tag)%>
+      <%= text_field_tag "#{param_prefix}[routing_number]", '', class: 'required form-control', id: "routing_number#{payment_method.id}", maxlength: 9 %>
+    </div>
+    <div data-hook="account_number">
+      <%= label_tag "account_number#{payment_method.id}", raw(Spree.t('stripe.ach.account_number') + required_span_tag) %>
+      <%= text_field_tag "#{param_prefix}[account_number]", '', class: 'required form-control', id: "account_number#{payment_method.id}" %>
+    </div>
+    <div data-hook="account_number">
+      <%= label_tag "verify_account_number#{payment_method.id}", raw(Spree.t('stripe.ach.verify_account_number') + required_span_tag) %>
+      <%= text_field_tag "#{param_prefix}[verify_account_number]", '', class: 'required form-control', id: "verify_account_number#{payment_method.id}" %>
+    </div>
+  </div>
+</fieldset>
+
+<script type="text/javascript" src="https://js.stripe.com/v3/"></script>
+<script type="text/javascript">
+    var stripe = Stripe("<%= payment_method.preferred_publishable_key %>");
+</script>
+
+<script>
+    stripeResponseHandler = function(response) {
+        var token, paymentMethodId;
+        if (response.error) {
+            $('#stripeError').html(response.error.message);
+            const param_map = {
+                account_holder_name: '#account_holder_name',
+                account_holder_type: '#account_holder_type',
+                account_number: '#account_number',
+                routing_number: '#routing_number'
+            }
+            if (response.error.param){
+                errorField = Spree.stripePaymentMethod.find(param_map[response.error.param])
+                errorField.addClass('error');
+                errorField.parent().addClass('has-error');
+            }
+            return $('#stripeError').show();
+        } else {
+            Spree.stripePaymentMethod.find('#account_holder_name, #account_holder_type, #account_number, #routing_number').prop("disabled", true);
+            token = response.token['id'];
+            paymentMethodId = Spree.stripePaymentMethod.prop('id').split("_")[2];
+            Spree.stripePaymentMethod.append("<input type='hidden' class='stripeToken' name='payment_source[" + paymentMethodId + "][gateway_payment_profile_id]' value='" + token + "'/>");
+            return Spree.stripePaymentMethod.parents("form").trigger('submit');
+        }
+    };
+
+    window.addEventListener('DOMContentLoaded', function() {
+        Spree.stripePaymentMethod = $('#payment_method_' + <%= payment_method.id %>);
+
+        Spree.ready(function() {
+            Spree.stripePaymentMethod.prepend("<div id='stripeError' class='errorExplanation alert alert-danger' style='display:none'></div>");
+            return $('#new_payment [data-hook=buttons]').click(function() {
+                var params;
+                $('#stripeError').hide();
+                Spree.stripePaymentMethod.find('#account_holder_name, #account_holder_type, #account_number, #routing_number').removeClass('error');
+                if (Spree.stripePaymentMethod.is(':visible')) {
+                    params = $.extend({
+                        country: 'US',
+                        currency: 'usd',
+                        account_holder_name: $('.account_holder_name:visible').val(),
+                        account_holder_type: $('.account_holder_type:visible').val(),
+                        routing_number: $('.routing_number:visible').val(),
+                        account_number: $('.account_number:visible').val()
+                    }, Spree.stripeAdditionalInfo);
+                    stripe.createToken('bank_account', params).then(stripeResponseHandler);
+                    return false;
+                }
+            });
+        });
+    });
+</script>
+

data/lib/views/backend/spree/admin/payments/source_forms/_stripe_elements.html.erb

@@ -0,0 +1,79 @@
+<%= render "spree/admin/payments/source_forms/gateway", payment_method: payment_method, previous_cards: payment_method.reusable_sources(@order) %>
+
+<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
+<script type="text/javascript">
+  Stripe.setPublishableKey("<%= payment_method.preferred_publishable_key %>");
+</script>
+
+<script>
+  var mapCC, stripeElementResponseHandler;
+
+  mapCC = function(ccType) {
+    if (ccType === 'MasterCard') {
+      return 'mastercard';
+    } else if (ccType === 'Visa') {
+      return 'visa';
+    } else if (ccType === 'American Express') {
+      return 'amex';
+    } else if (ccType === 'Discover') {
+      return 'discover';
+    } else if (ccType === 'Diners Club') {
+      return 'dinersclub';
+    } else if (ccType === 'JCB') {
+      return 'jcb';
+    }
+  };
+  stripeElementResponseHandler = function(status, response) {
+    var paymentMethodId, token;
+    if (response.error) {
+      $('#stripeError').html(response.error.message);
+      var param_map = {
+        number:    '#card_number',
+        exp_month: '#card_expiry',
+        exp_year:  '#card_expiry',
+        cvc:       '#card_code'
+      }
+      if (response.error.param) {
+        errorField = Spree.stripeElementsPaymentMethod.find(param_map[response.error.param])
+        errorField.addClass('error');
+        errorField.parent().addClass('has-error');
+      }
+      return $('#stripeError').show();
+    } else {
+      Spree.stripeElementsPaymentMethod.find('#card_number<%= payment_method.id %>, #card_expiry<%= payment_method.id %>, #card_code<%= payment_method.id %>').prop("disabled", true);
+      Spree.stripeElementsPaymentMethod.find(".ccType").prop("disabled", false);
+      Spree.stripeElementsPaymentMethod.find(".ccType").val(mapCC(response.card.brand));
+      token = response['id'];
+      paymentMethodId = Spree.stripeElementsPaymentMethod.prop('id').split("_")[2];
+      Spree.stripeElementsPaymentMethod.append("<input type='hidden' class='stripeToken' name='payment_source[" + paymentMethodId + "][gateway_payment_profile_id]' value='" + token + "'/>");
+      Spree.stripeElementsPaymentMethod.append("<input type='hidden' class='stripeToken' name='payment_source[" + paymentMethodId + "][last_digits]' value='" + response.card.last4 + "'/>");
+      Spree.stripeElementsPaymentMethod.append("<input type='hidden' class='stripeToken' name='payment_source[" + paymentMethodId + "][month]' value='" + response.card.exp_month + "'/>");
+      Spree.stripeElementsPaymentMethod.append("<input type='hidden' class='stripeToken' name='payment_source[" + paymentMethodId + "][year]' value='" + response.card.exp_year + "'/>");
+      return Spree.stripeElementsPaymentMethod.parents("form").trigger('submit');
+    }
+  };
+
+  window.addEventListener('DOMContentLoaded', function() {
+    Spree.stripeElementsPaymentMethod = $('#payment_method_' + <%= payment_method.id %>);
+
+    Spree.ready(function() {
+      Spree.stripeElementsPaymentMethod.prepend("<div id='stripeError' class='errorExplanation alert alert-danger' style='display:none'></div>");
+      return $('#new_payment [data-hook=buttons]').click(function() {
+        var expiration, params;
+        $('#stripeError').hide();
+        Spree.stripeElementsPaymentMethod.find('#card_number, #card_expiry, #card_code').removeClass('error');
+        if (Spree.stripeElementsPaymentMethod.is(':visible')) {
+          expiration = $('.cardExpiry:visible').payment('cardExpiryVal');
+          params = $.extend({
+            number: $('.cardNumber:visible').val(),
+            cvc: $('.cardCode:visible').val(),
+            exp_month: expiration.month || 0,
+            exp_year: expiration.year || 0
+          }, Spree.stripeAdditionalInfo);
+          Stripe.card.createToken(params, stripeElementResponseHandler);
+          return false;
+        }
+      });
+    });
+  });
+</script>

data/lib/views/backend/spree/admin/payments/source_views/_stripe.html.erb

@@ -0,0 +1 @@
+<%= render "spree/admin/payments/source_views/gateway", payment: payment %>

data/lib/views/backend/spree/admin/payments/source_views/_stripe_ach.html.erb

@@ -0,0 +1,21 @@
+<fieldset data-hook="bank_transfer">
+  <legend><%= Spree.t(:bank_transfer) %></legend>
+  <table class="table table-condensed table-bordered">
+    <tr>
+      <th width="20%"><%= Spree.t('stripe.ach.account_holder_name') %>:</th>
+      <td><%= payment.source.account_holder_name %></td>
+    </tr>
+    <tr>
+      <th><%= Spree.t('stripe.ach.account_holder_type') %>:</th>
+      <td><%= payment.source.account_holder_type %></td>
+    </tr>
+    <tr>
+      <th><%= Spree.t('stripe.ach.routing_number') %>:</th>
+      <td><%= payment.source.routing_number %></td>
+    </tr>
+    <tr>
+      <th><%= Spree.t('stripe.ach.account_number') %>:</th>
+      <td><%= payment.source.account_number %></td>
+    </tr>
+  </table>
+</fieldset>

data/lib/views/backend/spree/admin/payments/source_views/_stripe_apple_pay.html.erb

@@ -0,0 +1 @@
+<%= render "spree/admin/payments/source_views/gateway", payment: payment %>

data/lib/views/backend/spree/admin/payments/source_views/_stripe_elements.html.erb

@@ -0,0 +1 @@
+<%= render "spree/admin/payments/source_views/gateway", payment: payment %>