1.0.2 • Published 2 years ago

basqet-react v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

basqet-react

Official React package for Basqet

Basqet React package

Basqet - Allow your customers from anywhere in the world pay you in Bitcoin, QDX, XRP and USDT.

Demo

Basqet pay SDK

Installation

npm install basqet-react

Usage

import React from 'react'
import { useBasqet } from 'basqet-react'
// ...
export default function App() {
  const config = {
    email: 'example@gmail.com',
    public_key: 'PUBLIC_KEY',
    amount: '100',
    currency: 'USD',
    metadata: {
      refrence: 'lekan'
    },
    onSuccess: (data: string) => {
      console.log('🚀 onSuccess', data)
    },
    onError: (error) => {
      console.log('🚀 onError', error)
    },
    onClose: () => {
      console.log('🚀 onClose: SDK closed')
    },
    onAbandoned: () => {
      console.log('🚀 onClose: SDK closed')
    }
  }

  const handlePayment = useBasqet(config)
  return (
    <div className='App'>
      <h1>Basqet SDK</h1>
      <button onClick={handlePayment}>Pay with Basqet</button>
    </div>
  )
}

Configuration Options

public_key

string: Required Your public key can be found on your dashboard.

email

string: Required The user's email address

amount

string | number: Required The amount you intend to send in kobo

onSuccess

(response) => void: Required This is called when a transaction is successfully. It returns an object as a response with the transaction details.

Check the Basqet Docs for response object

onError

(response) => void: Optional This is called when a transaction fails. It returns a response with error type

Check the Basqet Docs for error object

onClose

(response) => void: Optional This is called when the SDK has been closed.

onAbandoned

(response) => void: Optional This is called when a user clicks on the close button.

metadata

object: Optional This object should contain additional/optional attributes you would like to have in your transaction response

Support

If you're having trouble with Basqet React package please reach out to oye at jolalekan@quidax.com or me adegbitebidmus@gmail.com if you have issues with your integration. We're more than happy to help you out.

Basqet API References

License

MIT for more information.