componentDidUpdate-5-6.js

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...')
          this.setState({ status: 'Purchasing...' })
          // Logic #6: Now that user has a Stripe customer Id (ie. subscription has been triggered), make a purchase by creating a node in Purchase model.
          this.props.createPurchase({ variables: { userId } })
            .then(() => {
              console.log('Purchase complete')
              this.setState({ status: 'Purchase complete...' })
              // Cancel current subscription
              this.stripeTokenSubscription()
            })
            .catch((e) => { console.error(e) })
        },
        onError: (err) => console.error(err)
      })
    }
  }
}