Create a Payment Session

// app/api/payment-sessions/route.ts (Next.js App Router)
import { NextResponse } from "next/server";

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

  const response = await fetch(`${process.env.CUBEPAY_API_HOST}/payment-sessions`, {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      Authorization: `Bearer ${process.env.CUBEPAY_API_KEY}`,
    },
    body: JSON.stringify({
      amount: String(amount),
      currency: currency || "USD",
      requestId,
    }),
  });

  const session = await response.json();

  return NextResponse.json({
    paymentSessionId: session.paymentSessionId,
    paymentSessionToken: session.paymentSessionToken,
  });
}

{
  "paymentSessionId": "ps_abc123def456",
  "paymentSessionToken": "eyJhbGciOiJIUzI1NiIs...",
  "amount": "50.00",
  "currency": "USD",
  "network": "SEPOLIA",
  "tokenSymbol": "USDC",
  "oneTimeWalletAddress": "0x1234...abcd",
  "status": "PENDING",
  "createdAt": "2026-03-20T12:00:00Z"
}

import { cubePayService } from "@/services/cubepay-sdk";

async function handlePayment(amount: number) {
  try {
    const result = await cubePayService.executePayment({
      amount,
      currency: "USD",
    });

    // Payment succeeded
    console.log("Transaction hash:", result.transactionHash);
    console.log("Session:", result.session);
  } catch (error) {
    // Payment failed or was cancelled
    console.error("Payment error:", error);
  }
}

"use client";

import { useState } from "react";
import { cubePayService } from "@/services/cubepay-sdk";

export function PayButton({ amount }: { amount: number }) {
  const [loading, setLoading] = useState(false);

  const handleClick = async () => {
    setLoading(true);
    try {
      const result = await cubePayService.executePayment({
        amount,
        currency: "USD",
      });
      // Redirect to success page or update UI
      window.location.href = `/success?tx=${result.transactionHash}`;
    } catch (error) {
      if (error.name === "CubePayClosedError") {
        // User closed the modal — not an error
        console.log("Payment cancelled by user");
      } else {
        console.error("Payment failed:", error.message);
      }
    } finally {
      setLoading(false);
    }
  };

  return (
    <button onClick={handleClick} disabled={loading}>
      {loading ? "Processing..." : `Pay $${amount.toFixed(2)}`}
    </button>
  );
}