solidus_braintree 1.2.0 → 3.0.0

data/lib/generators/solidus_braintree/install/templates/app/assets/javascripts/spree/frontend/solidus_braintree/venmo_button.js

@@ -0,0 +1,86 @@
+//= require spree/frontend/solidus_braintree/constants
+/**
+ * Constructor for Venmo button object
+ * @constructor
+ * @param {object} element - The DOM element of your Venmo button
+ */
+SolidusBraintree.VenmoButton = function(element, venmoOptions) {
+  this._element = element;
+  this._client = null;
+  this._venmoOptions = venmoOptions || {};
+
+  if(!this._element) {
+    throw new Error("Element for the Venmo button must be present on the page");
+  }
+};
+
+/**
+ * Creates the Venmo session using the provided options and enables the button
+ *
+ * @param {object} options - The options passed to tokenize when constructing
+ *                           the Venmo instance
+ *
+ * See {@link https://braintree.github.io/braintree-web/3.84.0/module-braintree-web_venmo.html#.create}
+ */
+SolidusBraintree.VenmoButton.prototype.initialize = function() {
+  this._client = new SolidusBraintree.createClient({
+    useVenmo: true,
+    newBrowserTabSupported: this._venmoOptions.newBrowserTabSupported,
+    flow: this._venmoOptions.flow
+  });
+
+  return this._client.initialize().then(this.initializeCallback.bind(this));
+};
+
+SolidusBraintree.VenmoButton.prototype.initializeCallback = function() {
+  this._venmoInstance = this._client.getVenmoInstance();
+
+  this._element.classList.add('visible');
+
+  // Check if tokenization results already exist. This occurs when your
+  // checkout page is relaunched in a new tab.
+  if (!this._venmoOptions.newBrowserTabSupported && this._venmoInstance.hasTokenizationResult()) {
+    this.tokenize();
+  }
+
+  this._element.addEventListener('click', function(event) {
+    event.preventDefault();
+    this._element.disabled = true;
+    this.initializeVenmoSession();
+  }.bind(this), false);
+};
+
+SolidusBraintree.VenmoButton.prototype.initializeVenmoSession = function() {
+  this.tokenize();
+};
+
+SolidusBraintree.VenmoButton.prototype.tokenize = function() {
+  var venmoButton = this._element;
+  this._venmoInstance.tokenize().then(handleVenmoSuccess).catch(handleVenmoError).then(function () {
+    venmoButton.removeAttribute('disabled');
+  });
+};
+
+function handleVenmoSuccess(payload) {
+  var $paymentForm = $("#checkout_form_payment");
+  var $nonceField = $("#venmo_payment_method_nonce", $paymentForm);
+
+  // Disable hostedFields' and enable Venmo's inputs as they use the same fields.
+  // Otherwise, they will clash. (Disabled inputs are not used on form submission)
+  $('.hosted-fields input').each(function(_index, input) {
+    input.disabled = true;
+  });
+  $('.venmo-fields input').each(function(_index, input) {
+    input.removeAttribute('disabled');
+  });
+
+  // remove hostedFields submit listener, otherwise empty credit card errors occur
+  $paymentForm.off('submit');
+
+  $nonceField.val(payload.nonce);
+  $paymentForm.submit();
+}
+
+function handleVenmoError(error) {
+  SolidusBraintree.config.braintreeErrorHandle(error);
+}

data/lib/generators/solidus_braintree/install/templates/app/assets/javascripts/spree/frontend/solidus_braintree.js

@@ -0,0 +1 @@
+//= require spree/frontend/solidus_braintree/frontend

data/lib/generators/solidus_braintree/install/templates/app/assets/stylesheets/spree/frontend/solidus_braintree.scss

@@ -0,0 +1,62 @@
+/*
+Placeholder manifest file.
+the installer will append this file to the app vendored assets here: 'vendor/assets/stylesheets/spree/frontend/all.css'
+*/
+
+.braintree-hosted-fields .input {
+  border: 1px solid #d9d9db;
+  border-radius: 3px;
+  color: #5498DA;
+  height: 30px;
+  padding: 5px 10px;
+}
+
+.paypal-button-widget .paypal-button:hover {
+  background: transparent;
+}
+
+.apple-pay-button {
+  -webkit-appearance: -apple-pay-button;
+  -apple-pay-button-type: buy;
+  visibility: hidden;
+  display: inline-block;
+  min-height: 30px;
+  border: 1px solid black;
+  background-image: -webkit-named-image(apple-pay-logo-black);
+  background-size: 100% calc(60% + 2px);
+  background-repeat: no-repeat;
+  background-color: white;
+  background-position: 50% 50%;
+  border-radius: 5px;
+  padding: 0;
+  margin: 5px auto;
+  transition: background-color .15s;
+  width: auto;
+}
+
+.apple-pay-button.visible {
+  visibility: visible;
+}
+
+.venmo-button {
+  visibility: hidden;
+  border: none;
+  height: 48px;
+  background-color: transparent;
+  background-repeat: no-repeat;
+}
+
+.venmo-button.visible {
+  visibility: visible;
+}
+
+/*
+WORKAROUND: Do not allow buttons in disabled payment-step to be clickable. Note
+that it's still possible to trigger the PayPal button iframe by tabbing to it
+and hitting enter.
+*/
+fieldset.payment-step__details:disabled {
+  #apple-pay-button, #paypal-button iframe, #venmo-button {
+    pointer-events: none;
+  }
+}

data/lib/generators/solidus_braintree/install/templates/app/controllers/solidus_braintree/checkouts_controller.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+module SolidusBraintree
+  class CheckoutsController < CheckoutsController
+    PERMITTED_PAYMENT_PARAMS = [
+      :payment_method_id,
+      { source_attributes: [
+        :nonce,
+        :payment_type
+      ] }
+    ].freeze
+
+    def update
+      @payment = ::Spree::PaymentCreate.new(@order, payment_params).build
+
+      if @payment.save
+        render plain: "ok"
+      else
+        render plain: "not-ok"
+      end
+    end
+
+    def payment_params
+      params.
+        require(:order).
+        require(:payments_attributes).
+        first.
+        permit(PERMITTED_PAYMENT_PARAMS)
+    end
+  end
+end

data/lib/generators/solidus_braintree/install/templates/app/controllers/solidus_braintree/transactions_controller.rb

@@ -0,0 +1,67 @@
+# frozen_string_literal: true
+
+module SolidusBraintree
+  class TransactionsController < StoreController
+    class InvalidImportError < StandardError; end
+
+    PERMITTED_BRAINTREE_TRANSACTION_PARAMS = [
+      :nonce,
+      :payment_type,
+      :paypal_funding_source,
+      :phone,
+      :email,
+      { address_attributes: [
+        :country_code, :country_name, :name, :city, :zip, :state_code,
+        :address_line_1, :address_line_2, :first_name, :last_name
+      ] }
+    ].freeze
+
+    def create
+      transaction = SolidusBraintree::Transaction.new transaction_params
+      import = SolidusBraintree::TransactionImport.new(current_order, transaction)
+      restart_checkout = params[:options] && params[:options][:restart_checkout] == "true"
+
+      respond_to do |format|
+        if import.valid?
+          import.import!(import_state, restart_checkout: restart_checkout)
+
+          format.html { redirect_to redirect_url(import) }
+          format.json { render json: { redirectUrl: redirect_url(import) } }
+        else
+          status = 422
+          format.html { import_error(import) }
+          format.json { render json: { errors: import.errors, status: status }, status: status }
+        end
+      end
+    end
+
+    private
+
+    def import_state
+      params[:state] || 'confirm'
+    end
+
+    def import_error(import)
+      raise InvalidImportError,
+        "Import invalid: #{import.errors.full_messages.join(', ')}"
+    end
+
+    def redirect_url(import)
+      if import.order.complete?
+        main_app.order_url(import.order)
+      else
+        main_app.checkout_state_url(import.order.state)
+      end
+    end
+
+    def transaction_params
+      params.require(:transaction)
+        .permit(PERMITTED_BRAINTREE_TRANSACTION_PARAMS)
+        .merge({ payment_method: payment_method })
+    end
+
+    def payment_method
+      SolidusBraintree::Gateway.find(params[:payment_method_id])
+    end
+  end
+end

data/lib/generators/solidus_braintree/install/templates/app/helpers/solidus_braintree/braintree_checkout_helper.rb

@@ -0,0 +1,60 @@
+# frozen_string_literal: true
+
+module SolidusBraintree
+  module BraintreeCheckoutHelper
+    def braintree_3ds_options_for(order)
+      ship_address = SolidusBraintree::Address.new(order.ship_address)
+      bill_address = SolidusBraintree::Address.new(order.bill_address)
+      {
+        nonce: nil, # populated after tokenization
+        bin: nil, # populated after tokenization
+        onLookupComplete: nil, # populated after tokenization
+        amount: order.total,
+        email: order.email,
+        billingAddress: {
+          givenName: bill_address.firstname,
+          surname: bill_address.lastname,
+          phoneNumber: bill_address.phone,
+          streetAddress: bill_address.address1,
+          extendedAddress: bill_address.address2,
+          locality: bill_address.city,
+          region: bill_address.state&.abbr,
+          postalCode: bill_address.zipcode,
+          countryCodeAlpha2: bill_address.country&.iso,
+        },
+        additionalInformation: {
+          shippingGivenName: ship_address.firstname,
+          shippingSurname: ship_address.lastname,
+          shippingPhone: ship_address.phone,
+          shippingAddress: {
+            streedAddress: ship_address.address1,
+            extendedAddress: ship_address.address2,
+            locality: ship_address.city,
+            region: ship_address.state&.abbr,
+            postalCode: ship_address.zipcode,
+            countryCodeAlpha2: ship_address.country&.iso,
+          }
+        }
+      }
+    end
+
+    def paypal_button_preference(key, store:)
+      store.braintree_configuration.preferences[key]
+    end
+
+    def venmo_button_style(store)
+      configuration = store.braintree_configuration
+      color = configuration.preferred_venmo_button_color
+      width = configuration.preferred_venmo_button_width
+
+      { width: width, color: color }
+    end
+
+    def venmo_button_asset_url(style, active: false)
+      prefix = 'solidus_braintree/venmo/venmo_'
+      active_string = active ? 'active_' : ''
+      path = "#{prefix}#{active_string}#{style[:color]}_button_#{style[:width]}x48.svg"
+      asset_path(path)
+    end
+  end
+end

data/lib/generators/solidus_braintree/install/templates/app/views/checkouts/existing_payment/_braintree.html.erb

@@ -0,0 +1,2 @@
+<%= wallet_payment_source.payment_source.friendly_payment_type %>
+<%= wallet_payment_source.payment_source.display_number %>

data/lib/generators/solidus_braintree/install/templates/app/views/checkouts/payment/_braintree.html.erb

@@ -0,0 +1,23 @@
+<% id = payment_method.id %>
+
+<%= render "spree/shared/braintree_head_scripts" %>
+
+<% if current_store.braintree_configuration.paypal? %>
+  <%= render "spree/shared/paypal_checkout_button" %>
+<% end %>
+
+<% if current_store.braintree_configuration.credit_card? %>
+  <fieldset class="braintree-hosted-fields" data-braintree-hosted-fields data-id="<%= id %>" data-use-data-collector="<%= SolidusBraintree::Gateway.first.preferred_use_data_collector %>">
+    <%= render "spree/shared/braintree_hosted_fields", payment_method: payment_method %>
+  </fieldset>
+<% end %>
+
+<% if current_store.braintree_configuration.apple_pay? %>
+  <%= render "spree/shared/apple_pay_button", id: id %>
+<% end %>
+
+<% if current_store.braintree_configuration.venmo? %>
+  <%= render "spree/shared/venmo_button", payment_method: payment_method %>
+<% end %>
+
+<%= render "spree/shared/braintree_errors" %>

data/lib/generators/solidus_braintree/install/templates/app/views/payments/_braintree_payment_details.html.erb

@@ -0,0 +1,9 @@
+<%= payment.source.try(:display_payment_type) %>
+
+<% if payment.source.try(:paypal?) %>
+  <% if payment.source.respond_to?(:paypal_funding_source) && payment.source.paypal_funding_source.present? %>
+    <%= t('spree.paypal_funding', funding: payment.source.display_paypal_funding_source) %>
+  <% end %>
+<% elsif payment.source.try(:venmo?) %>
+  <%= payment.source.source_description %>
+<% end %>

data/lib/generators/solidus_braintree/install/templates/app/views/spree/shared/_apple_pay_button.html.erb

@@ -0,0 +1,27 @@
+<% address = SolidusBraintree::Address.new(current_order.ship_address) %>
+
+<button id="apple-pay-button" class="apple-pay-button"></button>
+
+<script>
+  var applePayButtonElement = document.getElementById('apple-pay-button');
+  var applePayOptions = {
+    paymentMethodId: <%= id %>,
+    storeName: "<%= current_store.name %>",
+    orderEmail: "<%= current_order.email %>",
+    amount: "<%= current_order.total %>",
+    shippingContact: {
+      emailAddress: '<%= current_order.email %>',
+      givenName: '<%= address.firstname %>',
+      familyName: '<%= address.lastname %>',
+      phoneNumber: '<%= address.phone %>',
+      addressLines: ['<%= address.address1 %>','<%= address.address2 %>'],
+      locality: '<%= address.city %>',
+      administrativeArea: '<%= address.state.name %>',
+      postalCode: '<%= address.zipcode %>',
+      country: '<%= address.country.name %>',
+      countryCode: '<%= address.country.iso %>'
+    }
+  };
+  var button = new SolidusBraintree.createApplePayButton(applePayButtonElement, applePayOptions);
+  button.initialize();
+</script>

data/lib/generators/solidus_braintree/install/templates/app/views/spree/shared/_braintree_errors.html.erb

@@ -0,0 +1,16 @@
+<script type="text/javascript">
+  BraintreeError.DEFAULT = "<%= I18n.t('solidus_braintree.errors.default_error')%>"
+  BraintreeError.PAYPAL_POPUP_CLOSED = "<%= I18n.t('solidus_braintree.errors.paypal_popup_closed') %>"
+  BraintreeError.HOSTED_FIELDS_FIELDS_EMPTY = "<%= I18n.t('solidus_braintree.errors.empty_fields')%>"
+  BraintreeError.HOSTED_FIELDS_FIELDS_INVALID = "<%= I18n.t('solidus_braintree.errors.invalid_fields')%>"
+  BraintreeError.HOSTED_FIELDS_FAILED_TOKENIZATION = "<%= I18n.t('solidus_braintree.errors.invalid_card')%>"
+  BraintreeError.HOSTED_FIELDS_TOKENIZATION_NETWORK_ERROR = "<%= I18n.t('solidus_braintree.errors.network_error')%>"
+  BraintreeError.HOSTED_FIELDS_FIELD_DUPLICATE_IFRAME = "<%= I18n.t('solidus_braintree.errors.duplicate_iframe')%>"
+  BraintreeError.HOSTED_FIELDS_TOKENIZATION_FAIL_ON_DUPLICATE = "<%= I18n.t('solidus_braintree.errors.fail_on_duplicate')%>"
+  BraintreeError.HOSTED_FIELDS_TOKENIZATION_CVV_VERIFICATION_FAILED = "<%= I18n.t('solidus_braintree.errors.cvv_verification_failed')%>"
+  BraintreeError.THREEDS_AUTHENTICATION_FAILED = "<%= t('solidus_braintree.errors.threeds.authentication_failed') %>";
+  BraintreeError.THREEDS_CARDINAL_SDK_ERROR = "<%= t('solidus_braintree.errors.threeds.authentication_failed') %>";
+  BraintreeError.VENMO_CANCELED = "<%= t('solidus_braintree.errors.venmo.canceled') %>";
+  BraintreeError.VENMO_DESKTOP_CANCELED = "<%= t('solidus_braintree.errors.venmo.desktop_canceled') %>";
+  BraintreeError.VENMO_APP_CANCELED = "<%= t('solidus_braintree.errors.venmo.app_canceled') %>";
+</script>

data/lib/generators/solidus_braintree/install/templates/app/views/spree/shared/_braintree_head_scripts.html.erb

@@ -0,0 +1,26 @@
+<% content_for :head do %>
+  <script src="https://js.braintreegateway.com/web/3.84.0/js/client.min.js"></script>
+  <script src="https://js.braintreegateway.com/web/3.84.0/js/data-collector.min.js"></script>
+
+  <% if current_store.braintree_configuration.paypal? %>
+    <script src="https://js.braintreegateway.com/web/3.84.0/js/paypal-checkout.min.js"></script>
+  <% end %>
+
+  <% if current_store.braintree_configuration.credit_card? %>
+    <script src="https://js.braintreegateway.com/web/3.84.0/js/hosted-fields.min.js"></script>
+
+    <% if current_store.braintree_configuration.three_d_secure? %>
+      <script src="https://js.braintreegateway.com/web/3.84.0/js/three-d-secure.min.js"></script>
+    <% end %>
+  <% end %>
+
+  <% if current_store.braintree_configuration.apple_pay? %>
+    <script src="https://js.braintreegateway.com/web/3.84.0/js/apple-pay.min.js"></script>
+  <% end %>
+
+  <% if current_store.braintree_configuration.venmo? %>
+    <script src="https://js.braintreegateway.com/web/3.84.0/js/venmo.min.js"></script>
+  <% end %>
+
+  <%= javascript_include_tag "spree/frontend/solidus_braintree/checkout" %>
+<% end %>

data/lib/generators/solidus_braintree/install/templates/app/views/spree/shared/_braintree_hosted_fields.html.erb

@@ -0,0 +1,40 @@
+<% if defined?(id) && !defined?(payment_method) %>
+  <% payment_method = Spree::PaymentMethod.find(id) %>
+  <% Spree::Deprecation.warn(
+    "passing id to _braintree_hosted_fields.html.erb is deprecated. Please pass the payment_method directly.",
+    caller
+  ) %>
+<% end %>
+
+<% prefix = "payment_source[#{payment_method.id}]" %>
+
+<div class="hosted-fields">
+  <div class="field" data-hook="card_number">
+    <%= label_tag "card_number#{payment_method.id}", Spree::CreditCard.human_attribute_name(:number), class: "required" %>
+    <div class="input" id="card_number<%= payment_method.id %>"></div>
+  </div>
+
+  <div class="field" data-hook="card_expiration">
+    <%= label_tag "card_expiry#{payment_method.id}", Spree::CreditCard.human_attribute_name(:expiration), class: "required" %>
+    <div class="input" id="card_expiry<%= payment_method.id %>"></div>
+  </div>
+
+  <div class="field" data-hook="card_code">
+    <%= label_tag "card_code#{payment_method.id}", Spree::CreditCard.human_attribute_name(:card_code), class: "required" %>
+    <div class="input" id="card_code<%= payment_method.id %>"></div>
+  </div>
+
+  <div class="clear"></div>
+  <input type="hidden" name="<%= prefix %>[payment_type]" value="<%= SolidusBraintree::Source::CREDIT_CARD %>">
+  <input type="hidden" id="payment_method_nonce" name="<%= prefix %>[nonce]">
+  <input type="hidden" id="device_data" name="<%= prefix %>[device_data]">
+</div>
+
+
+<script>
+  <% if current_store.braintree_configuration.three_d_secure? %>
+    var threeDSecureOptions = <%= raw braintree_3ds_options_for(current_order).to_json %>;
+  <% end -%>
+  var credit_card_fields_style = <%= raw payment_method.preferred_credit_card_fields_style.to_json %>
+  var placeholder_text = <%= raw payment_method.preferred_placeholder_text.to_json %>
+</script>

data/lib/generators/solidus_braintree/install/templates/app/views/spree/shared/_paypal_cart_button.html.erb

@@ -0,0 +1,38 @@
+<%= render "spree/shared/braintree_head_scripts" %>
+
+<div id="paypal-button"></div>
+<div data-pp-message data-pp-placement="payment" data-pp-amount="<%= current_order.total %>"></div>
+
+<script>
+  var paypalOptions = {
+    flow: '<%= SolidusBraintree::Gateway.first.preferred_paypal_flow %>',
+    amount: '<%= current_order.total %>',
+    currency: '<%= current_order.currency %>',
+    enableShippingAddress: true,
+    buyerCountry: '<%= SolidusBraintree::Gateway.first.preferred_force_buyer_country %>',
+    environment: '<%= Rails.env.production? ? "production" : "sandbox" %>',
+    locale: '<%= paypal_button_preference(:paypal_button_locale, store: current_store) %>',
+    useDataCollector: <%= SolidusBraintree::Gateway.first.preferred_use_data_collector %>,
+    style: {
+      color: '<%= paypal_button_preference(:paypal_button_color, store: current_store) %>',
+      shape: '<%= paypal_button_preference(:paypal_button_shape, store: current_store) %>',
+      label: '<%= paypal_button_preference(:paypal_button_label, store: current_store) %>',
+      layout: '<%= paypal_button_preference(:paypal_button_layout, store: current_store) %>',
+      <% if paypal_button_preference(:paypal_button_layout, store: current_store) == "horizontal" %>
+        tagline: '<%= paypal_button_preference(:paypal_button_tagline, store: current_store) %>',
+      <% end %>
+      messaging: '<%= paypal_button_preference(:paypal_button_messaging, store: current_store) %>'
+    }
+  }
+  var options = {
+    restart_checkout: true
+  }
+
+  var button = new SolidusBraintree.createPaypalButton(
+    document.querySelector("#paypal-button"),
+    paypalOptions,
+    options
+  )
+
+  button.initialize();
+</script>

data/lib/generators/solidus_braintree/install/templates/app/views/spree/shared/_paypal_checkout_button.html.erb

@@ -0,0 +1,32 @@
+<div id="paypal-button"></div>
+<div data-pp-message data-pp-placement="payment" data-pp-amount="<%= @order.total %>"></div>
+
+<script>
+  var address = <%= sanitize SolidusBraintree::Address.new(current_order.ship_address).to_json %>
+
+  var paypalOptions = {
+    flow: '<%= SolidusBraintree::Gateway.first.preferred_paypal_flow %>',
+    amount: '<%= current_order.total %>',
+    currency: '<%= current_order.currency %>',
+    enableShippingAddress: true,
+    venmoFunding: <%= SolidusBraintree::Gateway.first.preferred_enable_venmo_funding %>,
+    buyerCountry: '<%= SolidusBraintree::Gateway.first.preferred_force_buyer_country %>',
+    shippingAddressOverride: address,
+    shippingAddressEditable: false,
+    environment: '<%= Rails.env.production? ? "production" : "sandbox" %>',
+    locale: '<%= paypal_button_preference(:paypal_button_locale, store: current_store) %>',
+    style: {
+      color: '<%= paypal_button_preference(:paypal_button_color, store: current_store) %>',
+      shape: '<%= paypal_button_preference(:paypal_button_shape, store: current_store) %>',
+      label: '<%= paypal_button_preference(:paypal_button_label, store: current_store) %>',
+      layout: '<%= paypal_button_preference(:paypal_button_layout, store: current_store) %>',
+      <% if paypal_button_preference(:paypal_button_layout, store: current_store) == "horizontal" %>
+        tagline: '<%= paypal_button_preference(:paypal_button_tagline, store: current_store) %>',
+      <% end %>
+      messaging: '<%= paypal_button_preference(:paypal_button_messaging, store: current_store) %>'
+    }
+  }
+
+  var button = new SolidusBraintree.createPaypalButton(document.querySelector("#paypal-button"), paypalOptions);
+  button.initialize();
+</script>

data/lib/generators/solidus_braintree/install/templates/app/views/spree/shared/_paypal_messaging.html.erb

@@ -0,0 +1,13 @@
+<%= render "spree/shared/braintree_head_scripts" %>
+
+<div data-pp-message data-pp-placement="<%= options[:placement] %>" data-pp-amount="<%= options[:total] %>"></div>
+
+<script>
+  var message = new SolidusBraintree.createPaypalMessaging(
+    {
+      currency: "<%= options[:currency] %>"
+    }
+  )
+
+  message.initialize();
+</script>

data/lib/generators/solidus_braintree/install/templates/app/views/spree/shared/_venmo_button.html.erb

@@ -0,0 +1,33 @@
+<%= button_tag '', id: 'venmo-button', class: 'venmo-button', type: 'button' %>
+
+<% store = Spree::Store.default %>
+<% style = venmo_button_style(store) %>
+
+<style>
+  .venmo-button {
+    width: <%= style[:width] %>px;
+    background-image: url('<%= venmo_button_asset_url(style)%>');
+  }
+  .venmo-button:active, .venmo-button:hover {
+    background-color: transparent !important;
+    background-image: url('<%= venmo_button_asset_url(style, active: true)%>') !important;
+  }
+</style>
+
+<% prefix = "payment_source[#{payment_method.id}]" %>
+
+<div class="venmo-fields">
+  <div class="clear"></div>
+  <input disabled type="hidden" name="<%= prefix %>[payment_type]" value="<%= SolidusBraintree::Source::VENMO %>">
+  <input disabled type="hidden" id="venmo_payment_method_nonce" name="<%= prefix %>[nonce]">
+</div>
+
+<script>
+  var venmoButtonElement = document.getElementById('venmo-button');
+  var venmoOptions = {
+    newBrowserTabSupported: <%= SolidusBraintree::Gateway.first.preferred_venmo_new_tab_support %>,
+    flow: '<%= SolidusBraintree::Gateway.first.preferred_paypal_flow %>'
+  };
+  var button = new SolidusBraintree.createVenmoButton(venmoButtonElement, venmoOptions);
+  button.initialize();
+</script>

data/lib/generators/solidus_braintree/install/templates/config/initializers/solidus_braintree.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+SolidusBraintree.configure do |config|
+  # TODO: Remember to change this with the actual preferences you have implemented!
+  # config.sample_preference = 'sample_value'
+end

data/lib/solidus_braintree/country_mapper.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module SolidusBraintree
+  module CountryMapper
+    extend ActiveSupport::Concern
+
+    USA_VARIANTS = [
+      "the united states of america",
+      "united states of america",
+      "the united states",
+      "united states",
+      "us of a",
+      "u.s.a.",
+      "usa",
+      "u.s.",
+      "us"
+    ].freeze
+
+    CANADA_VARIANTS = [
+      "canada",
+      "ca"
+    ].freeze
+
+    # Generates a hash mapping each variant of the country name to the same ISO
+    # ie: { "usa" => "US", "united states" => "US", "canada" => "CA", ... }
+    COUNTRY_MAP = {
+      USA_VARIANTS => "US",
+      CANADA_VARIANTS => "CA"
+    }.flat_map { |variants, iso| variants.map { |v| [v, iso] } }.to_h
+
+    included do
+      def iso_from_name(country_name)
+        COUNTRY_MAP[country_name.downcase.strip]
+      end
+    end
+  end
+end