npm install @colyon/monchain-react

import { MonchainProvider, useMissionGuard } from '@colyon/monchain-react';

export function App() {
  return (
    <MonchainProvider apiKey={process.env.NEXT_PUBLIC_MONCHAIN_KEY!}>
      <Checkout />
    </MonchainProvider>
  );
}

function Checkout() {
  const { verdict, submitIntent } = useMissionGuard();

  async function handleSubmit(intent: Intent) {
    const result = await submitIntent({ type: 'swap', payload: intent });

    if (result.action === 'block') {
      // surface UI to users
    }
  }

  return (
    <button onClick={() => handleSubmit(/* ... */)}>Swap</button>
  );
}