@crypteriat/cryptopay v0.1.24

CryptoPay

A react component for payment in various cryptocurrencies including LBTC and Paypal

Currently the supported payments are:

• Lightning Bitcoin
• Bitcoin
• Ethereum
• Binance Coin
• Paypal

Installation

npm install @crypteriat/cryptopay

Use

import { CryptoPay } from '@crypteriat/cryptopay';
import '@crypteriat/cryptopay/dist/bundle.css';
import { paymentData } from '@data/PaymentData';

const addresses = [
    { ticker: 'lbtc', payserver: paymentData.lbtc.uri },
    { ticker: 'btc', address: paymentData.btc },
    { ticker: 'eth', address: paymentData.eth },
    { ticker: 'bnb', address: paymentData.bnb },
    { ticker: 'paypal', link: paymentData.paypal },
  ];

 <CryptoPay addresses={addresses} />

For now, make sure to also import the bundle.css file

Addresses are required. Not all have to be used. LBTC URI must be under 'payserver' and Paypal link must be under 'link'

• Addresses can take in your addresses from a separate file that might look something like:

export const paymentData = {
  btc: 'btc address',
  lbtc: { apiKey: process.env.lbtcAPIkey, uri: process.env.ltbtcURI },
  eth: 'eth address',
  bnb: 'bnb address',
  paypal: 'paypal link',
};

Rearranging the order of tickers will rearrange the order in which they are displayed in the tabs

Options

Example:

<CryptoPay addresses={addresses} invoice={true} />

INVOICE must be true for the following:

- lbtcOptions

Example:

const lbtcOptions = {
    QRMessage: 'This is a lbtc test',
  };

<CryptoPay
  addresses={addresses}
  invoice={true}
  lbtcOptions={lbtcOptions}
/>

- btcOptions, ethOptions, bnbOptions

Example:

const btcOptions = {   //or ethOptions, bnbOptions
    buttonDes: 'This is a btc test',
    tooltipDes: 'This is a btc test',
    fieldDes: 'This is a btc test',
    QRMessage: 'This is a btc test',
  };

<CryptoPay
  addresses={addresses}
  invoice={true}
  btcOptions={btcOptions}
  ethOptions={ethOptions}
  bnbOptions={bnbOptions}
/>

- paypalOptions

Example:

const paypalOptions = {
    fieldDes: 'This is a paypal test',
  };

<CryptoPay
  addresses={addresses}
  invoice={true}
  paypalOptions={paypalOptions}
/>

Example

Clone the repo and run these commands:

npm i
npm run dev

Notice

As said above, the only supported payment types are currently listed. Not all of them have to be used, but there is not capability right now to add any further options. We are still in progress.