Installation

npm install stablezact-pay

Das Paket enthält einen React-Build und einen eigenständigen Browser-Build. Beide kommunizieren mit derselben API.

React

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

Das Stylesheet ist erforderlich. Ohne es wird der Checkout ohne Styles dargestellt.

Next.js

Der Checkout greift beim Einbinden auf window zu und kann daher nicht serverseitig gerendert werden. Importieren Sie ihn 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';

Reines JavaScript

Laden Sie den eigenständigen Build und verwenden Sie StablezactVanilla. Er hat keine Framework-Abhängigkeit und hängt sich selbst an die Seite an.

TypeScript

Das Paket bringt eigene Typen mit. Falls Ihr Setup sie nicht erkennt, deklarieren Sie das Modul:

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