Programmatic SDK Demo

<!-- 1. Load SDK -->
<script src="/sdk/dcp-sdk.umd.js"></script>

<!-- 2. Initialize -->
<script>
  DCP.init({
    projectId: 'your-project-id',
    env: 'test', // or 'prod'
    debug: true
  });
</script>

<!-- 3. Trigger Payment -->
<script>
  document.getElementById('pay-button').addEventListener('click', () => {
    DCP.pay({
      toolId: 'YOUR_TOOL_ID',
      amountUsd: undefined,
      callbacks: {
        onOpen: () => console.log('Modal opened'),
        onTxSubmitted: (txHash) => console.log('TX:', txHash),
        onSuccess: (receipt) => console.log('Success!', receipt),
        onCancel: () => console.log('Cancelled'),
        onError: (err) => console.error('Error:', err)
      }
    });
  });
</script>