Checkout

import { TrailsWidget } from '0xtrails'

export function PayWithCrypto({ order }) {
  return (
    <TrailsWidget
      apiKey={process.env.NEXT_PUBLIC_TRAILS_API_KEY}
      stripe={{ amountCents: order.totalCents, orderRef: order.id }}
      onPaymentCreated={({ settlement }) => {
        // Stripe PaymentIntent id is known at quote time
        recordPendingPayment(order.id, settlement.reference)
      }}
      onSuccess={({ intentId, settlement }) => {
        // Also fires on a failed payment or a timed-out hold; only fulfill on settled
        if (!settlement?.settled) return
        // Verify server-side, then fulfill
        fetch('/api/fulfill', { method: 'POST', body: JSON.stringify({ orderId: order.id, intentId }) })
      }}
      renderInline
    />
  )
}

import { TrailsApi } from '@0xtrails/api'

const trails = new TrailsApi(process.env.TRAILS_ACCESS_KEY)

export async function fulfill(orderId: string, intentId: string) {
  const order = await loadOrder(orderId)
  const { intentReceipt } = await trails.getIntentReceipt({ intentId })
  const settlement = intentReceipt.settlement

  if (!settlement?.settled) throw new Error('not settled')
  if (settlement.amountCents !== order.totalCents) throw new Error('amount mismatch')

  await markPaid(orderId, { stripePaymentIntent: settlement.reference, receipt: settlement.externalUrl })
}