Browser

import { UpagJs } from 'upag-js';

const upag = new UpagJs(import.meta.env.VITE_UPAG_PUBLIC_KEY);
// ou new UpagJs('pk_test_your_public_key')

const session = await upag.checkout.createSession({
  items: [{ priceId: 'prc_123', quantity: 1 }],
  successUrl: 'https://yoursite.com/success',
  cancelUrl: 'https://yoursite.com/cancel',
  paymentMethods: ['credit_card', 'pix'],
});

window.location.href = session.url;

await upag.checkout.redirectToCheckout({
  items: [{ priceId: 'prc_123', quantity: 1 }],
  successUrl: 'https://yoursite.com/success',
  cancelUrl: 'https://yoursite.com/cancel',
});

const session = await upag.antifraud.createSession();
// session.id — envie ao backend conforme seu fluxo de risco

try {
  await upag.checkout.createSession({
    items: [{ priceId: 'prc_123', quantity: 1 }],
    successUrl: 'https://yoursite.com/success',
    cancelUrl: 'https://yoursite.com/cancel',
  });
} catch (error) {
  console.error(error.type, error.message, error.statusCode);
}