Installatie

npm install stablezact-pay

Het pakket bevat een React-build en een zelfstandige browserbuild. Beide communiceren met dezelfde API.

React

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

De stylesheet is verplicht. Zonder de stylesheet wordt de checkout zonder opmaak weergegeven.

Next.js

De checkout gebruikt window bij het mounten, dus die kan niet server-side worden gerenderd. Importeer de checkout dynamisch:

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';

Gewoon JavaScript

Laad de zelfstandige build en gebruik StablezactVanilla. Deze heeft geen frameworkafhankelijkheid en koppelt zichzelf aan de pagina.

TypeScript

Het pakket levert zijn eigen types mee. Als uw setup ze niet oppikt, declareer dan de module:

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