Instalación

npm install stablezact-pay

El paquete incluye una build de React y una build independiente para el navegador. Ambas se comunican con la misma API.

React

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

La hoja de estilos es obligatoria. Sin ella, el checkout se muestra sin estilos.

Next.js

El checkout accede a window al montarse, así que no se puede renderizar en el servidor. Impórtelo de forma dinámica:

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 simple

Cargue la build independiente y use StablezactVanilla. No depende de ningún framework y se acopla a la página por sí sola.

TypeScript

El paquete incluye sus propios tipos. Si su configuración no los detecta, declare el módulo:

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