now -e STRIPE_SECRET=@stripe-secret -e GC_PAT=@gc-pat -e ENDPOINT=@endpoint create/

cardToUser

const userId = user.id

Authenticated

Create Node

CardDetails

Purchases

{
  allUsers(filter:{AND:[{id:$userId}, {id:$new_userId}]}){id}
}

mutation

export const createCard = gql`
	mutation($cardToken: String!, $userId: ID!) {
		createCard: createCardDetails(
			cardToken: $cardToken
			cardToUserId: $userId
		) {
			id
		}
	}
`

Insufficient Permissions

Everyone

id

Authenticated

onToken(token) {
	const cardToken = token.id
	const userId = this.props.data.user.id
	this.props.createCard({ variables: { cardToken, userId } })
		.then(() => {
			this.props.createPurchase({ variables: { userId } })
				.then((data) => {
					console.log(data)
				}).catch((e) => { console.error(e) })
		}).catch((e) => { console.error(e) })
}

Startup

id

mutation($cardToken: String!, $userId: ID!) {
        createCard: createCardDetails(
            cardToken: $cardToken
            cardToUserId: $userId
        ) {
            cardToUser {
              id
            }
        }
    }

query

export const createPurchase = gql`
	mutation($userId: ID!) {
		createPurchase: createPurchases(
			amount: 999
			description: "Life Purpose App"
			purchaseToUserId: $userId
		) {
			purchaseToUser {
				id
			}
		}
	}
`

isPaid

false

true

updatePurchases

setTimeout

// Step 1: Create customer token
export const createCard = gql`
	mutation($cardToken: String!, $userId: ID!) {
		createCard: createCardDetails(
			cardToken: $cardToken
			cardToUserId: $userId
		) {
			cardToUser {
				id
			}
		}
	}
`

// Step 2: See if mutation callback has assigned Stripe customer ID to user
export const receiveStripeId = gql`
	subscription($userId: ID!) {
		receiveStripeId: updateUser(filter: {
			id: $userId
		}) {
			stripeId
		}
	}
`

// Step 3: Make a purchase
export const createPurchase = gql`
	mutation($userId: ID!) {
		createPurchase: createPurchases(
			amount: 999
			description: "Life Purpose App"
			purchaseToUserId: $userId
		) {
			purchaseToUser {
				id
			}
		}
	}
`

// Step 4: See if purchase was successful
export const checkIfPaid = gql`
	subscription($userId: ID!) {
		checkIfPaid: updatePurchases(filter: {
			purchaseToUser: {
				id: $userId
			}
		}) {
			isPaid
		}
	}
`

// Step 5: If yes, upgrade app
export const upgradeApp = gql`
	mutation ($userId: ID!) {
		upgradeApp: updateUser(
			id: $userId,
			paid: true) {
				id
			}
	}
`

onToken(token) {
	const cardToken = token.id
	const userId = this.props.data.user.id
	this.setState({ button: 'lpa-button hidden', loading: 'lpa-loadingwheel' })
	this.props.stripePurchase()
	this.props.createCard({ variables: { cardToken, userId } })
		.then(() => { console.log('Creating customer...') })
		.catch((e) => { console.error(e) })
}

componentWillReceiveProps(newProps) {
		if (!newProps.data.loading) {
			const userId = this.props.data.user.id
			newProps.data.subscribeToMore({
				document: receiveStripeId,
				variables: { userId },
				updateQuery: (previousState, { subscriptionData }) => {
					const { stripeId } = subscriptionData.data.receiveStripeId
					if (stripeId !== null && !this.state.paymentMade) {
						console.log('Purchasing...')
						this.setState({
							paymentMade: true,
							modalTitle: 'Upgrading...',
							modalText: 'Please hang tight while you’re being upgraded.'
						})
						this.props.createPurchase({ variables: { userId } })
							.then(() => {
								console.log('Purchase complete')
							})
							.catch((e) => { console.error(e) })
					}
				},
				onError: (err) => console.error(err)
			})
			newProps.data.subscribeToMore({
				document: checkIfPaid,
				variables: { userId },
				updateQuery: (previousState, { subscriptionData }) => {
					const { isPaid } = subscriptionData.data.checkIfPaid
					if (isPaid && !this.state.appIsPaid) {
						console.log('Upgrading...')
						this.setState({ appIsPaid: true })
						this.props.upgradeApp({ variables: { userId } })
							.then(() => {
								console.log('App upgraded')
								this.setState({
									modalTitle: 'Upgrade successful',
									modalText: 'Thank you for upgrading!',
									modalActionText: 'Continue',
									loading: 'lpa-loadingwheel hidden'
								})
							})
							.catch(err => console.error(err))
					}
				},
				onError: (err) => console.error(err)
			})
		}
		return null
	}

createPost

subscription newPosts {
  Post(
    filter: {
      mutation_in: [CREATED]
    }
  ) {
    mutation
    node {
      description
      imageUrl
    }
  }
}

Mixed Content: The page at 'https://' was loaded over HTTPS, but attempted to connect to the insecure WebSocket endpoint '<ws://subscriptions.graph.cool/ciy0lc7u302ov0119p56aari0>'. This request has been blocked; this endpoint must be available over WSS.