На локальном хосте все ок, но на героку я получаю некоторые ошибки.
На Heroku:

и отсутствует ввод карты:

И на локальном хосте:

Я думаю, что-то с ключом Api, но я не понимаю, что я сделал не так:
config/initializers/stripe.rb :
Stripe.api_key = Rails.application.secrets.stripe_private_key
StripeEvent.signing_secret = Rails.application.secrets.stripe_webhook_secret
StripeEvent.configure do |config|
config.subscribe "charge." do |event|
Webhooks::Charge.new(event).call
end
end
secrets.yml:
development:
stripe_private_key: 'sk_test_*********'
stripe_public_key: 'pk_test_**********'
stripe_webhook_secret: 'whsec_**********'
на производстве я использую те же тестовые ключи, потому что я не настроил живые ключи
production:
stripe_private_key: 'sk_test_********'
stripe_public_key: 'pk_test_*********'
stripe_webhook_secret: 'whsec_*********'
если я нажимаю кнопку подтверждения на герою:

Спасибо за ваше время.
Обновление:

У меня есть несколько, потому что я пробовал такие мужественные вещи.