Current collected state Current
Observed since 20 Oct, 22:33 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
@0x0pharaoh/next-paystack
This is an nextJS library for implementing paystack payment gateway
Minimal Paystack Inline payments for React apps, compatible with modern Next.js and TypeScript/JavaScript projects.
next@^16react@^18 || ^19react-dom@^18 || ^19Paystack opens a checkout UI in the browser, so this package must be used from a Client Component in Next.js.
npm i @0x0pharaoh/next-paystack
'use client';
import {PaystackButton} from '@0x0pharaoh/next-paystack';
export default function Page() {
return (
<PaystackButton
publicKey="pk_test_xxx"
email="user@example.com"
amount={20000}
text="Pay now"
onSuccess={(tx) => console.log(tx?.reference)}
onClose={() => console.log('closed')}
/>
);
}
publicKey (maps to InlineJS key)emailamount (lowest currency unit, e.g. kobo)'use client';
import {usePaystackPayment} from '@0x0pharaoh/next-paystack';
export default function Donate() {
const initializePayment = usePaystackPayment({
publicKey: 'pk_test_xxx',
email: 'user@example.com',
amount: 20000,
});
return <button onClick={() => initializePayment({})}>Pay</button>;
}
import type {PaystackProps, PaystackTransaction} from '@0x0pharaoh/next-paystack';
MIT (see LICENSE).
Download counts and popularity will appear here as the collector receives them.
| Package / target | Requirement | Relationship |
|---|---|---|
@paystack/inline-jsEnvironment{
"local_name": "@paystack/inline-js",
"alias": false,
"peer_metadata": null
} | ^2.19.2 | runtime |
@eslint/jsEnvironment{
"local_name": "@eslint/js",
"alias": false,
"peer_metadata": null
} | ^9.8.0 | development |
@rollup/plugin-commonjsEnvironment{
"local_name": "@rollup/plugin-commonjs",
"alias": false,
"peer_metadata": null
} | ^26.0.1 | development |
@rollup/plugin-node-resolveEnvironment{
"local_name": "@rollup/plugin-node-resolve",
"alias": false,
"peer_metadata": null
} | ^15.0.1 | development |
@rollup/plugin-typescriptEnvironment{
"local_name": "@rollup/plugin-typescript",
"alias": false,
"peer_metadata": null
} | ^11.1.6 | development |
@testing-library/reactEnvironment{
"local_name": "@testing-library/react",
"alias": false,
"peer_metadata": null
} | ^16.0.0 | development |
@types/jestEnvironment{
"local_name": "@types/jest",
"alias": false,
"peer_metadata": null
} | ^29.5.12 | development |
@types/reactEnvironment{
"local_name": "@types/react",
"alias": false,
"peer_metadata": null
} | ^19.0.0 | development |
@types/react-domEnvironment{
"local_name": "@types/react-dom",
"alias": false,
"peer_metadata": null
} | ^19.0.0 | development |
eslintEnvironment{
"local_name": "eslint",
"alias": false,
"peer_metadata": null
} | ^9.8.0 | development |
eslint-config-prettierEnvironment{
"local_name": "eslint-config-prettier",
"alias": false,
"peer_metadata": null
} | ^9.1.0 | development |
eslint-plugin-jestEnvironment{
"local_name": "eslint-plugin-jest",
"alias": false,
"peer_metadata": null
} | ^28.7.0 | development |
eslint-plugin-prettierEnvironment{
"local_name": "eslint-plugin-prettier",
"alias": false,
"peer_metadata": null
} | ^5.2.1 | development |
eslint-plugin-reactEnvironment{
"local_name": "eslint-plugin-react",
"alias": false,
"peer_metadata": null
} | ^7.35.0 | development |
globalsEnvironment{
"local_name": "globals",
"alias": false,
"peer_metadata": null
} | ^15.9.0 | development |
jestEnvironment{
"local_name": "jest",
"alias": false,
"peer_metadata": null
} | ^29.5.0 | development |
jest-environment-jsdomEnvironment{
"local_name": "jest-environment-jsdom",
"alias": false,
"peer_metadata": null
} | ^29.5.0 | development |
prettierEnvironment{
"local_name": "prettier",
"alias": false,
"peer_metadata": null
} | ^3.3.3 | development |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | ^19.2.0 | development |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | ^19.2.0 | development |
rollupEnvironment{
"local_name": "rollup",
"alias": false,
"peer_metadata": null
} | ^4.20.0 | development |
rollup-plugin-peer-deps-externalEnvironment{
"local_name": "rollup-plugin-peer-deps-external",
"alias": false,
"peer_metadata": null
} | ^2.2.4 | development |
ts-jestEnvironment{
"local_name": "ts-jest",
"alias": false,
"peer_metadata": null
} | ^29.2.4 | development |
typescriptEnvironment{
"local_name": "typescript",
"alias": false,
"peer_metadata": null
} | ^5.5.4 | development |
typescript-eslintEnvironment{
"local_name": "typescript-eslint",
"alias": false,
"peer_metadata": null
} | ^8.0.0 | development |
nextEnvironment{
"local_name": "next",
"alias": false,
"peer_metadata": null
} | ^16.0.0 | peer |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | ^18.0.0 || ^19.0.0 | peer |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | ^18.0.0 || ^19.0.0 | peer |
Source distribution
{
"integrity": "sha512-XtTx6CSAErLzkWSbN4h1W5UvUe3kpmu60wSXFuzOVeFXRdhayOo5i2S6osE1290U9EXt19sb1byfZTlvIVgzSQ==",
"shasum": "47150dfd3f590c95fee0ed03d70f56d122dab31d",
"tarball": "https://registry.npmjs.org/@0x0pharaoh/next-paystack/-/next-paystack-1.0.1.tgz",
"fileCount": 19,
"unpackedSize": 79780,
"signatures": [
{
"keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U",
"sig": "MEUCIQDPoxcWWrsnW+smtRH6IviJiwZ81PjuCUv4qg05GkGf9AIgC62jMqd0i99JikmJYuTloMzvfqp+ReLarh0d/pjUYd4="
}
]
}Observed since 20 Oct, 22:33 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
package_version:7330eb6e65048049f0cf5851c3d7ad7b63705efb7186335bdfe80ecb4ed3cf17