Integration

Everything a separate app needs to accept USDT on Whitechain: a widget, SDKs, links, keys and webhooks.

React widget

Drop the checkout into any page. Try its appearance in the Playground first.

Install

pnpm add @pact/checkout-react

checkout.tsx · @pact/checkout-react

import { Checkout } from '@pact/checkout-react';

export function Buy() {
  return (
    <Checkout
      amount="490.00"             // dollars; settled in USDT
      apiBaseUrl="/api/pact"      // your server route; it holds the secret key
      buttonLabel="Pay for Website audit"
      onSuccess={payment => console.log('Paid', payment.id)}
    />
  );
}

apiBaseUrl points at a route on your own server that calls Pact with your secret key, so the key never reaches the browser.

Fulfil from the webhook

Mark an order paid only from the signed order.paid or payment.captured webhook, never from a browser redirect. See the Webhooks tab.