create the token and make the customer request
This commit is contained in:
parent
f61f756d9c
commit
fcfb826929
|
@ -0,0 +1,18 @@
|
|||
# frozen_string_literal: true
|
||||
|
||||
module DiscoursePatrons
|
||||
class CustomersController < ::ApplicationController
|
||||
include DiscoursePatrons::Stripe
|
||||
|
||||
before_action :set_api_key
|
||||
|
||||
def create
|
||||
customer = ::Stripe::Customer.create(
|
||||
email: current_user.email,
|
||||
source: params[:source]
|
||||
)
|
||||
|
||||
render_json_dump customer
|
||||
end
|
||||
end
|
||||
end
|
|
@ -0,0 +1,7 @@
|
|||
export default Ember.Component.extend({
|
||||
didInsertElement() {
|
||||
this._super(...arguments);
|
||||
this.cardElement.mount("#card-element");
|
||||
},
|
||||
didDestroyElement() {}
|
||||
});
|
|
@ -13,7 +13,7 @@ export default Ember.Controller.extend({
|
|||
},
|
||||
|
||||
paymentSuccessHandler(paymentIntentId) {
|
||||
DiscourseURL.redirectTo(`patrons/${paymentIntentId}`);
|
||||
// DiscourseURL.redirectTo(`patrons/${paymentIntentId}`);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
|
@ -1,11 +1,37 @@
|
|||
export default Ember.Controller.extend({
|
||||
actions: {
|
||||
stripePaymentHandler(/* data */) {
|
||||
// console.log('stripePaymentHandler', data);
|
||||
},
|
||||
import { ajax } from "discourse/lib/ajax";
|
||||
|
||||
paymentSuccessHandler(/* paymentIntentId */) {
|
||||
// console.log('paymentSuccessHandler');
|
||||
export default Ember.Controller.extend({
|
||||
init() {
|
||||
this._super(...arguments);
|
||||
this.set(
|
||||
"stripe",
|
||||
Stripe(Discourse.SiteSettings.discourse_patrons_public_key)
|
||||
);
|
||||
const elements = this.get("stripe").elements();
|
||||
this.set("cardElement", elements.create("card", { hidePostalCode: true }));
|
||||
},
|
||||
|
||||
actions: {
|
||||
stripePaymentHandler() {
|
||||
// https://stripe.com/docs/billing/subscriptions/payment#signup-flow
|
||||
|
||||
this.stripe.createToken(this.get("cardElement")).then(result => {
|
||||
if (result.error) {
|
||||
// Inform the customer that there was an error.
|
||||
// var errorElement = document.getElementById('card-errors');
|
||||
// errorElement.textContent = result.error.message;
|
||||
} else {
|
||||
const data = {
|
||||
source: result.token.id
|
||||
};
|
||||
|
||||
return ajax("/patrons/customers", { method: "post", data }).then(
|
||||
result => {
|
||||
// create subscription
|
||||
}
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
|
@ -0,0 +1,2 @@
|
|||
|
||||
<div id="card-element"></div>
|
|
@ -13,8 +13,22 @@
|
|||
<div class="section-column">
|
||||
{{combo-box valueAttribute="id" content=model.plans value=model.plan}}
|
||||
|
||||
{{#d-button class="btn btn-primary btn-payment btn-discourse-patrons"}}
|
||||
{{#d-button
|
||||
action="stripePaymentHandler"
|
||||
class="btn btn-primary btn-payment btn-discourse-patrons"}}
|
||||
{{i18n 'discourse_patrons.subscribe.buttons.subscribe'}}
|
||||
{{/d-button}}
|
||||
|
||||
<hr>
|
||||
|
||||
<h4>{{i18n 'discourse_patrons.subscribe.card.title'}}</h4>
|
||||
{{subscribe-card cardElement=cardElement}}
|
||||
|
||||
<div id="discourse-patrons-subscribe-customer">
|
||||
<h4>{{i18n 'discourse_patrons.subscribe.customer.title'}}</h4>
|
||||
<div class="discourse-patrons-subscribe-customer-empty">
|
||||
{{i18n 'discourse_patrons.subscribe.customer.empty'}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -20,6 +20,11 @@ en:
|
|||
subscribe: Subscribe
|
||||
subscribe:
|
||||
title: Subscribe
|
||||
card:
|
||||
title: Payment
|
||||
customer:
|
||||
title: Customer Details
|
||||
empty: We couldn't find a customer identifier in our system. A new one will be created for you.
|
||||
buttons:
|
||||
subscribe: Subscribe
|
||||
one_time:
|
||||
|
|
|
@ -11,6 +11,7 @@ DiscoursePatrons::Engine.routes.draw do
|
|||
resources :subscriptions, only: [:index]
|
||||
end
|
||||
|
||||
resources :customers, only: [:create]
|
||||
resources :plans, only: [:index]
|
||||
resources :patrons, only: [:index, :create]
|
||||
|
||||
|
|
|
@ -41,6 +41,7 @@ after_initialize do
|
|||
"../app/controllers/admin_controller",
|
||||
"../app/controllers/admin/plans_controller",
|
||||
"../app/controllers/admin/subscriptions_controller",
|
||||
"../app/controllers/customers_controller",
|
||||
"../app/controllers/patrons_controller",
|
||||
"../app/controllers/plans_controller",
|
||||
"../app/models/payment",
|
||||
|
|
|
@ -0,0 +1,24 @@
|
|||
# frozen_string_literal: true
|
||||
|
||||
require 'rails_helper'
|
||||
|
||||
module DiscoursePatrons
|
||||
RSpec.describe CustomersController do
|
||||
describe "create" do
|
||||
let(:user) { Fabricate(:user, email: 'hello.2@example.com') }
|
||||
|
||||
before do
|
||||
sign_in(user)
|
||||
end
|
||||
|
||||
it "creates a customer" do
|
||||
::Stripe::Customer.expects(:create).with(
|
||||
email: 'hello.2@example.com',
|
||||
source: 'tok_interesting'
|
||||
)
|
||||
|
||||
post "/patrons/customers.json", params: { source: 'tok_interesting' }
|
||||
end
|
||||
end
|
||||
end
|
||||
end
|
|
@ -11,3 +11,11 @@ QUnit.test("subscribing", async assert => {
|
|||
|
||||
assert.ok($("h3").length, "has a heading");
|
||||
});
|
||||
|
||||
QUnit.test("subscribing with empty customer", async assert => {
|
||||
await visit("/patrons/subscribe");
|
||||
assert.ok(
|
||||
$(".discourse-patrons-subscribe-customer-empty").length,
|
||||
"has empty customer content"
|
||||
);
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue