Update Stripe Credit Card with Coffeescript

Question

I finally figured out how to implement the Stripes monthly newsletter using this tutorial

Currently, my submit button for my #new_subscription form and editing form creates and submits credit card information to Stripe.

But for some reason, I keep getting this error when updating my credit card

can't convert Symbol into String
app/controllers/subscriptions_controller.rb:38:in `update'

Question: Is this error the result of coffeescript or is my update_card method in my model causing this problem?

CHANGE FORM

<%= form_for @subscription, :html => { :id => "update_card" } do |f| %>
  <%= render 'shared/error_messages', object: f.object %>

  <%= f.hidden_field :plan_id %>
  <%= f.hidden_field :user_id %>
  <%= f.hidden_field :stripe_card_token %>

  <h4>Change Credit Card</h4>

   <div class="field">
     <%= label_tag :card_number, "Credit Card Number" %>
     <%= text_field_tag :card_number, nil, name: nil %>
   </div>
   <div class="field">
     <%= label_tag :card_code, "Security Code on Card (CVV)" %>
     <%= text_field_tag :card_code, nil, name: nil %>
   </div>

   <div class="field">
     <%= label_tag :card_month, "Card Expiration" %>
     <%= select_month nil, {add_month_numbers: true}, {name: nil, id: "card_month"} %>
     <%= select_year nil, {start_year: Date.today.year, end_year: Date.today.year+15}, {name: nil, id: "card_year"} %>
   </div>

   <%= f.submit "Change Credit Card", :class => "btn btn-primary" %>

<% end %>

JS.COFFEE

jQuery ->
  Stripe.setPublishableKey($('meta[name="stripe-key"]').attr('content'))
  subscription.setupForm()
  changecard.setupForm()

###That part is working great in the coffee script.

subscription =
  setupForm: ->
    $('#new_subscription').submit ->
      $('input[type=submit]').attr('disabled', true)
      if $('#card_number').length
        subscription.processCard()
        false
      else
        true

  processCard: ->
    card =
      {number: $('#card_number').val(),
      cvc: $('#card_code').val(),
      expMonth: $('#card_month').val(),
      expYear: $('#card_year').val()}

    Stripe.createToken(card, subscription.handleStripeResponse)

  handleStripeResponse: (status, response) ->
    if status == 200
      $('#subscription_stripe_card_token').val(response.id)
      $('#new_subscription')[0].submit()
    else
      $('#stripe_error').text(response.error.message)
      $('input[type=submit]').attr('disabled', false)

###This is the Coffee for my Edit Form..
changecard =
  setupForm: ->
    $('#update_card').submit ->
      $('input[type=submit]').attr('disabled', true)
      if $('#card_number').length
        changecard.processCard()
        false
      else
        true

  processCard: ->
    card =
      {number: $('#card_number').val(),
      cvc: $('#card_code').val(),
      expMonth: $('#card_month').val(),
      expYear: $('#card_year').val()}

     Stripe.createToken(card, changecard.handleStripeResponse)

  handleStripeResponse: (status, response) ->
    if status == 200
      $('#subscription_stripe_card_token').val(response.id)
      $('#update_card')[0].submit()
    else
      $('#stripe_error').text(response.error.message)
      $('input[type=submit]').attr('disabled', false)

MODEL

class Subscription < ActiveRecord::Base
  attr_accessible :plan_id, :user_id, :email, :stripe_customer_token, :last_4_digits,
              :card_token, :card_name, :exp_month, :exp_year, :stripe_card_token

  attr_accessor :stripe_card_token

  def update_card(attrs)
    customer = Stripe::Customer.retrieve(stripe_customer_token)
    customer.email = "[e-mail]"
    customer.description = "Subscription"

    ###This is being used for the credit card data
    customer.card = attrs[:stripe_card_token]
    customer.save

  rescue Stripe::StripeError => e 
    logger.error "Stripe Error: " + e.message 
    errors.add :base, "#{e.message}." 
    false
  end

CONTROLLER

class SubscriptionsController < ApplicationController

  def update
    @subscription = current_user.subscription

    ### I use the method update_card to update the customer card
    @subscription.update_card(params[:subscription])  

     if @subscription.update_card
      redirect_to edit_subscription_path, 
      flash[:success] = 'Credit Card was Succesfully Updated.' 
    else
      flash.alert = 'Unable to update card.'
      render :edit 
    end
  end

Link: Link to Stripe for Ruby

MAGAZINES

Started PUT "/subscriptions/5" for 127.0.0.1 at 2014-01-30 16:23:20 -0800
Processing by SubscriptionsController#update as HTML

Parameters: {"utf8"=>"✓", "authenticity_token"=>"ehyUD17CbH7MMOe98s+Kqkh+wGghntWkG4OpoqbnQaA=", 
"subscription"=>{"plan_id"=>"1", "user_id"=>"1", 
"stripe_card_token"=>"tok_103PJj26f8kAprmwvAtoZFRq"}, "id"=>"5"}

User Load (0.8ms)  SELECT "users".* FROM "users" 
WHERE "users"."remember_token" = 'xEeu1X6IK9gUAsna9b6Mow' 

LIMIT 1
Subscription Load (0.5ms)  SELECT "subscriptions".* 
FROM "subscriptions" WHERE "subscriptions"."user_id" = 1 LIMIT 1

Redirected to 
Completed 500 Internal Server Error in 1283ms

TypeError (can't convert Symbol into String):
app/controllers/subscriptions_controller.rb:38:in `update'

Answer 1

update_card params :

@subscription.update_card(params)

update_card :stripe_card_token params:

def update_card(params)
  #...
  customer.card = params[:stripe_card_token]

params[:stripe_card_token], params[:subscription][:stripe_card_token]:

Parameters: {
  ...
  "subscription"=>{ ... "stripe_card_token"=>"tok_103PCo26f8kAprmwHCPjZ6T5"}, 
}

params :

<%= form_for @subscription, :html => { :id => "update_card" } do |f| %>
  ...
  <%= f.hidden_field :stripe_card_token %>

form_for @subscription subscription[X] X, hidden_field name="subscription[stripe_card_token]" HTML params[:subscription][:stripe_card_token] .

, :

@subscription.update_card(params[:subscription])

@subscription.update_card - . , :

def update
  @subscription = current_user.subscription
  if @subscription.update_card(params[:subscription])
    redirect_to edit_subscription_path, :success => 'Updated Card.' 
  else
    flash.alert = 'Unable to update card.'
    render :edit 
  end
end

Answer 2

, , "subscription.processCard()" "changecard.processCard()"

changecard =
  setupForm: ->
    $('#update_card').submit ->
      $('input[type=submit]').attr('disabled', true)
      if $('#card_number').length
        changecard.processCard()
        false
      else
        true