Stripe from sandbox to live, question about source? - ruby-on-rails

Question

I have stripe connect working in testing mode but am curious about "source"..
The following code pre-authorizes payments in my controller:
token = params[:stripeToken]
payment_form = params[:payment_form]
customer = Stripe::Customer.create({
:source => 'tok_visa',
:email => params[:stripeEmail],
})
charge = Stripe::Charge.create({
amount: #amount,
currency: 'usd',
customer: customer.id,
capture: false,
})
I want to go into live mode, but I need to update the source to something other than 'tok_visa'...
What is supposed to go there?
So far, I collect the customer token and stripe token, i tried using both in that spot and neither work.
When i use
:source => #order.order_token,
in either the custom create or charge create, it tells me:
Stripe::InvalidRequestError (No such token: KFU8PmscYRDsXs1234560jG4sn8J-S8TMi123456BUBkWr9aOvw):
This is while using test number :4242424242424242
It works with the test token, but not number? Is this normal?
UPDATE:
When i use the following:
token = params[:stripeToken]
payment_form = params[:payment_form]
customer = Stripe::Customer.create({
# :source => 'tok_visa',
:source => token,
:email => order_params[:email],
})
charge = Stripe::Charge.create({
amount: #amount,
currency: 'usd',
customer: customer.id,
capture: false,
})
No charge is made and no order is saved (as it should if card is bad, etc.)
JSON in stripe
{
"error": {
"code": "missing",
"doc_url": "https://stripe.com/docs/error-codes/missing",
"message": "Cannot charge a customer that has no active card",
"param": "card",
"type": "card_error"
}
}
JS for Elements:
var stripe = Stripe('pk_test_xxxxxxxxxxxxxxxxxxxxx');
var elements = stripe.elements();
var style = {
base: {
color: '#32325d',
lineHeight: '24px',
fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
fontSmoothing: 'antialiased',
fontSize: '16px',
'::placeholder': {
color: '#aab7c4'
}
},
invalid: {
color: '#fa755a',
iconColor: '#fa755a'
}
};
var card = elements.create('card', {style: style});
card.mount('#card-element');
card.addEventListener('change', function(event) {
var displayError = document.getElementById('card-errors');
if (event.error) {
displayError.textContent = event.error.message;
} else {
displayError.textContent = '';
}
});
var form = document.getElementById('payment_form');
form.addEventListener('submit', function(event) {
event.preventDefault();
stripe.createToken(card).then(function(result) {
if (result.error) {
var errorElement = document.getElementById('card-errors');
errorElement.textContent = result.error.message;
} else {
stripeTokenHandler(result.token);
}
});
});
function stripeTokenHandler(token) {
var form = document.getElementById('payment_form');
var hiddenInput = document.createElement('input');
hiddenInput.setAttribute('type', 'hidden');
hiddenInput.setAttribute('name', 'stripeToken');
hiddenInput.setAttribute('value', token.id);
form.appendChild(hiddenInput);
form.submit();
}
FOrm:
<%= form_for(#order, url: listing_orders_path([#listing, #listing_video]), remote: true ) do |form| %>
<div class="form-group">
<%= form.label :name, "Their Name" %>
<%= form.text_field :name, class: "form-control", required: true, placeholder: "Steph" %>
</div>
...
<script src="https://js.stripe.com/v3/"></script>
<div class="form-row">
<label for="card-element">
Credit or debit card
</label>
<div id="card-element" class="form-control">
</div>
<div id="card-errors" role="alert"></div>
</div>
<br>
<div class="form-group">
<%= form.submit id:"button-element" %>
</div>
<span class="token"></span>
<% end %>

Answer 1

With Stripe's frontend utilities such as checkout or charge, you can create either a token, which is an authorization for a single charge not attached to a customer, or a source, which is a tokenized form of a credit card that can be attached to a customer.
When you create a customer, you create them with a default source attached that all future charges go to automatically. On your frontend you'll need to change createToken to createSource - everything after that is roughly the same except the variable you are referring to in the response is source instead of token.
stripe.createSource(card).then(function(result) {
if (result.error) {
var errorElement = document.getElementById('card-errors');
errorElement.textContent = result.error.message;
} else {
stripeTokenHandler(result.source);
}
});

Answer 2

Solved it by adding the html post to the form.
it wasn't creating tokens due to this. Without the token, it can't do anyything