heymartinadams

import React from 'react'
import StripeCheckout from 'react-stripe-checkout'

class Stripe extends React.Component {

  constructor(props) {
    super(props)
    this.state = {
      buttonStyle: 'button primary',
      status: 'Nothing happened yet'

heymartinadams

import gql from 'graphql-tag'

// Logic #1: Stripe returns token to app.
// No front-end graphql code necessary

// Logic #2: Create node in StripeToken model using customer token received from Stripe and assign user to node
export const createCard = gql`
  mutation($stripeToken: String!, $userId: ID!) {
    createStripeToken(
      stripeToken: $stripeToken

heymartinadams

import gql from 'graphql-tag'

export const userQuery = gql`
  query {
    user {
      id
      name
      email
      paid
    }

heymartinadams

import { graphql } from 'react-apollo'
import { userQuery, signinUser } from './graphql/user'
import { createCard, receiveStripeId, createPurchase, checkIfPaid, upgradeApp } from './graphql/purchase'

heymartinadams

Stripe.propTypes = {
  createCard: React.PropTypes.func.isRequired,
  createPurchase: React.PropTypes.func.isRequired,
  upgradeApp: React.PropTypes.func.isRequired,
  data: React.PropTypes.object.isRequired
}

export default
graphql(signinUser, { name: 'signinUser' })(
  graphql(createCard, { name: 'createCard' })(

heymartinadams

{
  createdNode{
    id
    stripeToken
    stripeTokenToUser {
      id
      name
      email
    }
  }

heymartinadams

type User {
  id: ID!
  name: String!
  email: String!
  password: String!
  stripeId: String
  paid: Boolean!
  userToPurchase: [Purchase]
  userToStripeToken: [StripeToken]
}

heymartinadams

{
  createdNode{
    id
    amount
    description
    isPaid
    purchaseToUser {
      id
      stripeId
    }

heymartinadams

componentDidUpdate(newProps) {
  if (this.props.data.user) {
    const userId = this.props.data.user.id
    if (!this.stripeTokenSubscription && !this.purchaseSubscription) {
      // Logic #5: Create subscription to trigger response once user in User model has been successfully assigned a Stripe customer ID
      this.stripeTokenSubscription = newProps.data.subscribeToMore({
        document: receiveStripeId,
        variables: { userId },
        updateQuery: (previousState, { subscriptionData }) => {
          console.log('Purchasing...')

heymartinadams

componentDidUpdate(newProps) {
  if (this.props.data.user) {
    const userId = this.props.data.user.id
    if (!this.stripeTokenSubscription && !this.purchaseSubscription) {
      // Logic #5: Create subscription to trigger response once user in User model has been successfully assigned a Stripe customer ID
      this.stripeTokenSubscription = newProps.data.subscribeToMore({
        document: receiveStripeId,
        variables: { userId },
        updateQuery: (previousState, { subscriptionData }) => {
          console.log('Purchasing...')