@wispfinance/react-sdk v0.1.3
Wisp React SDK
This is the official React SDK for Wisp Finance (https://wisp.finance)
Installation
The package is located here: https://www.npmjs.com/package/@wispfinance/react-sdk
Install with yarn:
yarn add @wispfinance/react-sdk
Install with npm:
npm install @wispfinance/react-sdk
Usage
Simply add our widget using the WispLink component as in the following example:
import React from 'react';
import { WispLink } from '@wispfinance/react-sdk';
import { useRouter } from "next/router";
const Home = ({checkoutId, userToken}) => {
const router = useRouter();
return (
<WispLink
style={{backgroundColor: '#1761CE', width: 150}}
token="public_SwTWrn69lQJXzMHGMYD34pKtcZ5bNFWvlQeP0gL2PePgFSDdFRyj2cUc2JbLDdFR"
customId="1"
priceId="dd9438cd-d7ad-4551-875b-9b148ffe875b"
cb={() => router.push(`/completed?checkoutId=${checkoutId}&token=${userToken}`)}
>
Subscribe with crypto
</WispLink>
)
}
export default Home;
Props
token: (Required) public API key from the Wisp dashboard
priceId: (Required) Price ID of the product from the Wisp dashboard
cb: (Required) Callback to be called upon completion of the checkout flow
customId: (Optional) Custom ID to attach with the subscription. This is usually the customer id or user id.
children?: (Optional) children for WispLink for the button text. Will defualt to "Connect"
style?: (Optional) React.CSSProperties to style your button
Get in touch
If you would like to get in contact, join our Discord