Instalação

npm install stablezact-pay

O pacote inclui uma build para React e uma build autónoma para o navegador. Ambas comunicam com a mesma API.

React

import { StablezactPayment, PaymentAPI } from 'stablezact-pay';
import 'stablezact-pay/dist/style.css';

A folha de estilos é obrigatória. Sem ela, o checkout é apresentado sem estilos.

Next.js

O checkout acede a window ao ser montado, por isso não pode ser renderizado no servidor. Importe-o dinamicamente:

import dynamic from 'next/dynamic';

const StablezactPayment = dynamic(
  () => import('stablezact-pay').then((mod) => mod.StablezactPayment),
  { ssr: false }
);

// PaymentAPI has no browser dependency and imports normally.
import { PaymentAPI } from 'stablezact-pay';
import 'stablezact-pay/dist/style.css';

JavaScript puro

Carregue a build autónoma e use StablezactVanilla. Não depende de nenhuma framework e liga-se à página por si só.

TypeScript

O pacote inclui os seus próprios tipos. Se a sua configuração não os detetar, declare o módulo:

declare module 'stablezact-pay' {
  export const StablezactPayment: any;
  export const PaymentAPI: any;
}