0.3.0 • Published 8 months ago
payment-p2epl v0.3.0
Payment Engine P2epl
Integrate p2epl Payment gateway in your react application.
Prerequisites
- git
- npm
- react
Examples
Installation
import Gateways from "payment-p2epl";
BASIC EXAMPLE:
const [transactionPayload, setTransactionPayload] = useState({});
const userInfo = {
name: "USER_NAME",
email: "USER_EMAIL",
phoneNumber: "USER_PHONE_NUMBER",
countryCode: "COUNTRY_CODE",
redirect_url: "YOUR_PAGE_REDIRECT_URL",
};
const payload = {
productId: "YOUR_PRODUCT_ID",
referenceNumber: "REFRENCE_NUMBER",
amount: 101,
currencyCode: "CURRENCY_CODE",
paymentType: "CARD",
items: [
{
productName: "PRODUCT_NAME",
amount: PRODUCT_AMOUNT,
}
],
};
const headers = {
"content-type": "CONTENT_TYPE",
apiKey: "YOUR_PLATFORM_API_KEY",
Authorization: "USER_TOKEN",
};
const transactionStatusCallback = (payload) => {
setTransactionPayload(payload);
};
return (
<div>
<Gateways
payload={payload}
headers={headers}
userInfo={userInfo}
transactionStatusCallback={transactionStatusCallback}
/>
</div>
);
FULL EXAMPLE:
import React, { useState } from "react";
import Gateways from "payment-p2epl";
export default function App() {
const userInfo = {
name: "USER_NAME",
email: "USER_EMAIL",
phoneNumber: "USER_PHONE_NUMBER",
countryCode: "COUNTRY_CODE",
redirect_url: "YOUR_PAGE_REDIRECT_URL",
};
const payload = {
productId: "YOUR_PRODUCT_ID",
referenceNumber: "REFRENCE_NUMBER",
amount: 101,
currencyCode: "CURRENCY_CODE",
paymentType: "CARD",
items: [
{
productName: "PRODUCT_NAME",
amount: PRODUCT_AMOUNT,
}
],
};
const headers = {
"content-type": "CONTENT_TYPE",
apiKey: "YOUR_PLATFORM_API_KEY",
Authorization: "USER_TOKEN",
};
const transactionStatusCallback = (payload) => {
setTransactionPayload(payload);
};
return (
<div>
<Gateways
payload={payload}
headers={headers}
userInfo={userInfo}
transactionStatusCallback={transactionStatusCallback}
/>
</div>
);
}