razor-pay-react-sdk-prodio

razor-pay-react-sdk-prodio provides a quick and secure way of accepting payments using razor pay Checkout library.

Installation

npm install razor-pay-react-sdk-prodio --save

Example

import RazorPay from  'razor-pay-react-sdk-prodio';

  onClose = () => {
   this.setState({openCheckoutForm:false});  
  }

  onPaymentResponse = () =>{
    this.setState({openCheckoutForm:false});
   //payment response after payment is successful.
}
  
  const payload = {
                payment_amount:"",
                order_id:"",
                subscription_id:""//when recurring plan
                description:"",
                keyId:"",
                name:"",
               payerName:"",
               "email":""
              };
	<RazorPay 
		 openCheckoutForm={true}
		 payload={payload}
		 onClose={()=>this.onClose()} 
		 onPaymentResponse={(response)=>this.onPaymentResponse(response)} 
	/>

Payload

| Key | Type | Description | Required | | --- | ---- | ----- | ----------- | | order_id | string | order created on your server | YES | | keyId | string | key id of razor pay account | YES | | name | string | name will be shown on checkout form. | YES | | payment_amount | integer | The transaction amount to be paid. | YES | | payment_capture | boolean | Payment capture flag to automatically capture the payment. | YES |

Methods

| Event | Description | | --- |------- | | onClose | event called on click of close icon in checkout modal | | onPaymentResponse | event called on payment captured from razor pay |