ChurnRecovery + Stripe

npm install @churnrecovery/stripe

import ChurnRecovery from '@churnrecovery/stripe'

const cr = new ChurnRecovery({
  apiKey: process.env.CHURNRECOVERY_API_KEY,
  stripeSecretKey: process.env.STRIPE_SECRET_KEY,
})

// pages/api/stripe-webhook.js
import { buffer } from 'micro'
import ChurnRecovery from '@churnrecovery/stripe'

const cr = new ChurnRecovery({ apiKey: process.env.CHURNRECOVERY_API_KEY })

export default async function handler(req, res) {
  const sig = req.headers['stripe-signature']
  const body = await buffer(req)
  
  const event = cr.stripe.constructEvent(body, sig, process.env.STRIPE_WEBHOOK_SECRET)
  
  if (event.type === 'customer.subscription.deleted') {
    await cr.handleCancellation(event.data.object)
  }
  
  res.json({ received: true })
}

import { CancelFlowWidget } from '@churnrecovery/react'

function CancelButton({ subscriptionId }) {
  return (
    <CancelFlowWidget
      subscriptionId={subscriptionId}
      apiKey={process.env.NEXT_PUBLIC_CHURNRECOVERY_KEY}
      onSaved={() => console.log('Customer retained!')}
      onCanceled={() => console.log('Customer churned')}
    />
  )
}