Balanced Payments coffee script and rails concern

balanced_customer.rb

#  _          _                     _ 
# | |__  __ _| |__ _ _ _  __ ___ __| |
# | '_ \/ _` | / _` | ' \/ _/ -_) _` |
# |_.__/\__,_|_\__,_|_||_\__\___\__,_|
#  __ _  _ __| |_ ___ _ __  ___ _ _ 
# / _| || (_-<  _/ _ \ '  \/ -_) '_|
# \__|\_,_/__/\__\___/_|_|_\___|_|  
#
# (c) 2013 stephan.com

module BalancedCustomer
	extend ActiveSupport::Concern

	included do
		before_destroy :remove_balanced_customer
	end

	def remove_balanced_customer
		balanced_customer.unstore
	end

	def balanced_customer
		return Balanced::Customer.find(self.customer_uri) if self.customer_uri

		begin
			customer = self.class.create_balanced_customer(
			:name   => self.name,
			:email  => self.email
			)
		rescue
			'There was error fetching the Balanced customer'
		end

		self.customer_uri = customer.uri
		self.save
		customer
	end

	module ClassMethods
		def create_balanced_customer(params = {})
			begin
				Balanced::Marketplace.mine.create_customer(
					:name   => params[:name],
					:email  => params[:email]
				)
			rescue
				'There was an error adding a customer'
			end
		end
	end

end

balanced_payments.js.coffee

#          __  __                    _      _   
#  __ ___ / _|/ _|___ ___ ___ __ _ _(_)_ __| |_ 
# / _/ _ \  _|  _/ -_) -_|_-</ _| '_| | '_ \  _|
# \__\___/_| |_| \___\___/__/\__|_| |_| .__/\__|
#      | |__  __ _| |__ _ _ _  __ ___ |_| | 
#      | '_ \/ _` | / _` | ' \/ _/ -_) _` |  (c) 2013 
#      |_.__/\__,_|_\__,_|_||_\__\___\__,_| stephan.com         

#  a coffeescript library for balanced payments

class @Balanced

  constructor: (form, @options) ->
    # balanced.init @options.marketplaceUri
    # balanced.init '/v1/marketplaces/TEST-MP5X26XD6x8T3RUJxZ5HryvC'
    balanced.init balancedMarketplaceUri

    @form = $(form)
    @form.on 'submit', @submitForm

    # hmm, needed?  maybe
    $('[data-dismiss="alert"]').on "click", (e) ->
      $(this).closest(".alert").fadeOut "fast"
      resetForm()
      e.preventDefault()

  #  todo - what if we have a 409?
  showProcessing: (message, progress) ->
    progress = progress or 50
    $loader = $(".loading")
    unless $loader.length
      $loader = $("<div class=\"loading\">" + "<div class=\"progress progress-striped active\">" + "<div class=\"bar\"></div>" + "</div>" + "<p>&nbsp;</p>" + "</div>")
      $loader.appendTo "body"
    $loader.find(".bar").css width: progress + "%"
    $loader.find("p").text message
    $loader.css(
      left: $("body").width() / 2 - $loader.width() / 4
      top: "400px"
    ).show()

  hideProcessing: ->
    $(".loading").hide()

  showError: (message) ->
    $alert = $(".alert:visible")
    $alert.remove()  if $alert.length
    $alert = $("<div class=\"alert alert-absolute alert-block alert-error\">" + "<button class=\"close\" data-dismiss=\"alert\">&times;</button>" + "<h4 class=\"alert-heading\">Error!</h4>" + message + "</div>")
    $alert.appendTo("body").css(
      left: $("body").width() / 2 - $alert.width() / 4
      top: "400px"
    ).show()

  hideError: ->
    $(".alert").hide()

  resetForm: ->
    @form.find(".control-group").removeClass "error"
    @form.find("input,button,select").removeAttr "disabled"

  disableForm: ->
    @form.find("input, button, select").attr "disabled", "disabled"

  addErrorToField: (fieldName) ->
    @form.find("[name$=\"" + fieldName + "\"]").closest(".control-group").addClass "error"

  # replace each sensitive input field with its value
  removeSensitiveFields: -> #($form, sensitiveFields) ->
    inputs = @sensitiveFields.map (field) -> "input[name$='#{field}'], select[name$='#{field}']"
    @form.find(inputs.join(',')).each -> $(@).replaceWith($(@).val())

class @BalancedPurchase extends @Balanced
  sensitiveFields: ["card_number", "cvc", "expiration_month", "expiration_year"]

  submitForm: (e) =>
    #  this is the repeat flow, let it happen naturally
    # wtf does that mean?
    return  if @form.find("input:visible").length is 0
    e.preventDefault()
    @resetForm @form
    
    #  build data to submit
    cardData = @form.serializeObject()
    name = $("[name$=\"name\"]", @form).val()
    emailAddress = $("[name$=\"email_address\"]", @form).val()
    
    #  validate form
    @addErrorToField "name"  unless cardData['pay_order[user_name]']
    @addErrorToField "email_address"  unless balanced.emailAddress.validate(cardData['pay_order[user_email]'])
    @addErrorToField "card_number"  unless balanced.card.isCardNumberValid(cardData.card_number)
    @addErrorToField "cvc"  unless cardData.cvc
    @addErrorToField "expiration_month"  unless balanced.card.isExpiryValid(cardData.expiration_month, cardData.expiration_year)
    return  if @form.find(".control-group.error").length
    
    #  submit
    @disableForm @form
    @showProcessing "Processing payment...", 33
    balanced.card.create cardData, @completePurchase


  completePurchase: (response) =>
    sensitiveFields = ["card_number", "expiration_month", "expiration_year"]
    @hideProcessing()
    switch response.status
      when 201
        @showProcessing "Paying...", 66
        
        #  IMPORTANT - remove sensitive data to remain PCI compliant
        @removeSensitiveFields()
        @form.find("input").removeAttr "disabled"
        @form.find('[name$="card_uri"]').val(response.data.uri)

        # $("<input type=\"hidden\" name=\"card_uri\" value=\"" + response.data.uri + "\">").appendTo $form
        @form.unbind("submit", @submitPurchase).submit()
      when 400
        fields = ["card_number", "expiration_month", "expiration_year", "security_code"]
        found = false
        i = 0

        while i < fields.length
          isIn = response.error.description.indexOf(fields[i]) >= 0
          console.log isIn, fields[i], response.error.description
          if isIn
            @resetForm $form
            @addErrorToField $form, fields[i]
          i++
        unless found
          console.warn "missing field - check response.error for details"
          console.warn response.error
      when 402
        console.warn "we couldn't authorize the buyer's credit card - check response.error for details"
        console.warn response.error
        @showError "We couldn't authorize this card, please check your card details and try again"
      when 404
        console.warn "your marketplace URI is incorrect"
      when 500
        console.error "Balanced did something bad, this will never happen, but if it does please retry the request"
        console.error response.error
        @showError "Balanced did something bad, please retry the request"


class @BalancedBankAccount extends @Balanced
  sensitiveFields: ['bank_code', 'account_number']

  submitForm: (e) =>
    @form.find(".control-group").removeClass "error"
    merchantData = @form.serializeObject()
    @addErrorToField @form, "bank_account[name]" unless merchantData["bank_account[name]"]

    hasBankAccount = false
    if merchantData.account_number or merchantData.bank_code
      hasBankAccount = true
      @addErrorToField @form, "bank_code"  unless balanced.bankAccount.validateRoutingNumber(merchantData.bank_code)
      @addErrorToField @form, "account_number"  unless merchantData.account_number
    if @form.find(".control-group.error").length
      e.preventDefault()
      return
    if hasBankAccount
      e.preventDefault()
      @disableForm @form
      @showProcessing "Adding bank account...", 33
      @removeSensitiveFields()
      bankAccountData = 
        name: merchantData["bank_account[name]"]
        routing_number: merchantData.bank_code
        account_number: merchantData.account_number
      balanced.bankAccount.create bankAccountData, @onCardTokenized

  onCardTokenized: (response) =>
    @hideProcessing()
    switch response.status
      when 201
        @form.find("input,select").removeAttr "disabled"
        @showProcessing "Performing identity check...", 66
        @form.find('[name$="bank_account[bank_account_uri]"]').val(response.data.uri)
        @form.unbind("submit", @submitForm).submit()

(($) ->
  # http://jsfiddle.net/davidhong/gP9bh/
  $.fn.serializeObject = ->
    o = Object.create(null)
    elementMapper = (element) ->
      element.name = $.camelCase(element.name)
      element

    appendToResult = (i, element) ->
      node = o[element.name]
      if "undefined" isnt typeof node and node isnt null
        o[element.name] = (if node.push then node.push(element.value) else [node, element.value])
      else
        o[element.name] = element.value

    $.each $.map(@serializeArray(), elementMapper), appendToResult
    o
) jQuery