The package allows you accept payment using Lazerpay in your react native mobile app
lazerpay-react-native
Lazerpay Official react-native sdk
Installation
npm install lazerpay-react-native
Also install react-native-webview because it’s a dependency for this package. Here’s a link to their docs.
Usage
import { LazerPay } from 'lazerpay-react-native';
const InitiatePayment = () => {
const [openSDK, setopenSDK] = useState(false);
return (
<View>
<LazerPay
{...{
publicKey: 'PUBLIC_KEY',
customer_name: 'CUSTOMER NAME',
customer_email: 'CUSTOMER EMAIL',
currency: 'CURRENCY', // USD, NGN, AED, GBP, EUR
amount: 10, // amount as a number
onSuccess: (response) => {
// handle response here
},
onClose: () => setopenSDK(false),
onError: (response) => {
// handle responsne here
},
openSDK,
}}
/>
<TouchableOpacity onPress={() => setopenSDK(true)}>
<Text> Initiate Payment</Text>
</TouchableOpacity>
</View>
);
};
Configuration Options
publicKey
string: Required
Your public key can be found on your dashboard settings.
customerName
string: Optional
The name of the customer trying to make payments
customerEmail
string: Optional
The email of the customer trying to make payments
currency
string: Required
The name of the fiat currency the merchant accepts
amount
number: Required
The amount you want to charge the user in currency
onSuccess
(response) => { Void }: Required
This is called when a transaction is successfully. It returns a response.
onError
(response) => { Void }: Required
This is called when a transaction fails. It returns a response.
onClose
() => { Void }: Required
This is called when a user clicks on the close button.
The Transaction JSON returned for successful events
{
"event": "successful",
"data": {
"id": "12896b32-0d7d-4744-bc15-5960af40d519",
"reference": "aa6KlHy88D",
"senderAddress": "0x0B4d358D349809037003F96A3593ff9015E89efA",
"recipientAddress": "0x785F44E779cfEeDeBf7aA7CFde19DaA3312fd19e",
"actualAmount": 10,
"amountPaid": 10,
"fiatAmount": 10,
"coin": "BUSD",
"currency": "USD",
"hash": "0x3332d7b046d53e90dc0337c715252f210386c2a471c5025c953a0b1d9bc90593",
"blockNumber": 14160827,
"type": "received",
"status": "confirmed",
"network": "mainnet",
"blockchain": "Binance Smart Chain",
"customer": {
"id": "b847dbbd-e5a4-4afc-ba26-b292707dc391",
"customerName": "Njoku Emmanuel",
"customerEmail": "kalunjoku123@gmail.com",
"customerPhone": null,
"network": "mainnet"
}
}
}
Configuration Options for Making Payments
openSendSDK
boolean: Required
This is a prop to display/hide the sdk
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
Support
If you’re having trouble with Lazerpay React Native SDK or your integration, please reach out to us at help@lazerpay.finance or come chat with us on Slack. We’re more than happy to help you out.
License
MIT