KS-PAY PAYMENT PACKAGE

Integrate package in your react application.

Prerequisites

• git
• npm
• react

Examples

1. Installation

import Gateways from "ks-pay-package-pvt";

2. BASIC EXAMPLE:

    const [transactionPayload, setTransactionPayload] = useState({});

  const payload = {
    referenceNumber: "REFRENCE_NUMBER",
    amount: "AMOUNT",
    currencyId: "CURRENCY_ID",
    paymentMethodId: "PAYMENT_METHOD_ID"
  };

  const headers = {
    x-signature: "YOUR_APP_SIGNATURE",
    environment: "URL"
  };

  const transactionStatusCallback = (payload) => {
    setTransactionPayload(payload);
  };

  return (
    <div>
      <Gateways
        payload={payload}
        headers={headers}
        userInfo={userInfo}
        transactionStatusCallback={transactionStatusCallback}
      />
    </div>
  );

3. FULL EXAMPLE:

import React, { useState } from "react";
import Gateways from "ks-pay-package-pvt";

export default function App() {

    const payload = {
    referenceNumber: "REFRENCE_NUMBER",
    amount: "AMOUNT",
    currencyId: "CURRENCY_ID",
    paymentMethodId: "PAYMENT_METHOD_ID"
  };

  const headers = {
    x-signature: "YOUR_APP_SIGNATURE",
    environment: "URL"
  };


  const transactionStatusCallback = (payload) => {
    setTransactionPayload(payload);
  };

  return (
    <div>
      <Gateways
        payload={payload}
        headers={headers}
        userInfo={userInfo}
        transactionStatusCallback={transactionStatusCallback}
      />
    </div>
  );
}