# CoinFlow Configuration
COINFLOW_MERCHANT_ID=your_merchant_id
COINFLOW_API_KEY=your_api_key
COINFLOW_WEBHOOK_SECRET=your_webhook_secret
COINFLOW_ENV=sandbox  # or 'production'

# Public keys for frontend
NEXT_PUBLIC_COINFLOW_ENV=sandbox
NEXT_PUBLIC_COINFLOW_MERCHANT_ID=your_merchant_id

import { CoinflowPurchase } from '@coinflowlabs/react';

function PaymentComponent() {
  return (
    <CoinflowPurchase
      merchantId={process.env.NEXT_PUBLIC_COINFLOW_MERCHANT_ID}
      env={process.env.NEXT_PUBLIC_COINFLOW_ENV}
      connection={connection}
      amount={100.00}
      blockchain="solana"
      onSuccess={(data) => {
        console.log('Payment successful:', data);
      }}
    />
  );
}

// Backend API route
import { createCoinflowPayment } from '@/lib/coinflow';

export async function POST(req: Request) {
  const { amount, currency, customerEmail } = await req.json();

  const payment = await createCoinflowPayment({
    amount,
    currency,
    customerEmail,
    merchantId: process.env.COINFLOW_MERCHANT_ID,
  });

  return Response.json({
    paymentId: payment.id,
    paymentUrl: payment.url
  });
}

// app/api/webhooks/coinflow/route.ts
import { verifyWebhookSignature } from '@/lib/coinflow';

export async function POST(req: Request) {
  const body = await req.text();
  const signature = req.headers.get('x-coinflow-signature');

  // Verify webhook signature
  const isValid = verifyWebhookSignature(
    body,
    signature,
    process.env.COINFLOW_WEBHOOK_SECRET
  );

  if (!isValid) {
    return Response.json({ error: 'Invalid signature' }, { status: 401 });
  }

  const event = JSON.parse(body);

  switch (event.type) {
    case 'payment.completed':
      // Handle successful payment
      await handlePaymentCompleted(event.data);
      break;

    case 'payment.failed':
      // Handle failed payment
      await handlePaymentFailed(event.data);
      break;

    default:
      console.log('Unhandled event type:', event.type);
  }

  return Response.json({ received: true });
}

COINFLOW_ENV=sandbox
NEXT_PUBLIC_COINFLOW_ENV=sandbox

# Production environment
COINFLOW_ENV=production
COINFLOW_MERCHANT_ID=prod_merchant_id
COINFLOW_API_KEY=prod_api_key
COINFLOW_WEBHOOK_SECRET=prod_webhook_secret

NEXT_PUBLIC_COINFLOW_ENV=production
NEXT_PUBLIC_COINFLOW_MERCHANT_ID=prod_merchant_id

try {
  const payment = await createCoinflowPayment(data);
  return { success: true, payment };
} catch (error) {
  if (error.code === 'insufficient_funds') {
    return { success: false, error: 'Insufficient funds' };
  }
  if (error.code === 'invalid_currency') {
    return { success: false, error: 'Unsupported currency' };
  }
  // Log and handle unexpected errors
  console.error('CoinFlow error:', error);
  return { success: false, error: 'Payment failed' };
}

<CoinflowPurchase
  merchantId={merchantId}
  env={env}
  style={{
    primaryColor: '#2C2416',
    backgroundColor: '#FAF8F5',
    font: 'Georgia, serif'
  }}
/>

const payment = await createCoinflowPayment({
  amount: 100,
  currency: 'USD',
  metadata: {
    userId: 'user_123',
    orderId: 'order_456',
    source: 'web_app'
  }
});