Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-native-payu

synclovisdevs18MIT1.0.0

This library is for react-native support for payU for both android and iOS

react-native, payu, payumoney, react-native-payu

readme

react-native-payu

npm dowloads npm version Build Status Greenkeeper badge


Getting started

$ npm install react-native-payu --save

Installation

Only For RN <= 0.59

$ react-native link react-native-payu

iOS

Add following line in Podfile

pod 'PayUmoney_PnP'

Then, run the following command:

$ pod install

RN >= 0.60

No need to do anything

iOS Manual Installation

Add following line in Podfile
pod 'react-native-payu', :path => '../node_modules/react-native-payu'`
pod 'PayUmoney_PnP'
Then, run the following command:

$ pod install

Android Manual Installation

  1. Open up android/app/src/main/java/[...]/MainActivity.java
    • Add import com.reactlibrary.RNPayUPackage; to the imports at the top of the file
    • Add new RNPayUPackage() to the list returned by the getPackages() method
  2. Append the following lines to android/settings.gradle:
       include ':react-native-payu'
       project(':react-native-payu').projectDir = new File(rootProject.projectDir,     '../node_modules/react-native-payu/android')
  3. Insert the following lines inside the dependencies block in

    android/app/build.gradle:

     implementation project(':react-native-payu')

Usage

  1. Get PayU data:

    Create your Merchant account in PayU website. https://www.payu.in
    
    Under Profile you will get your Merchant ID
    
    Under DASHBOARD you will get Merchnat KEY and SALT Key.
    
    Also Test Card details are available which can be used for testing.
  2. Import PayUMoneyLib module to your component:

      import PayUMoneyLib from 'react-native-payu';
    1. Call PayU() method with the payment options. Method returns a Promise `js const payUData = { amount: '100', txnId: '642346786768', productName: 'product_name', firstName: 'First Name', email: 'abc@payu.in', phone: '9444444444', //Number should be valid in test mode also merchantId: 'Your Merchant Id', key: 'Your Merchant Key', successUrl: 'Your success URL or success webhook URL', failedUrl: 'Your failed URL or failed webhook URL', isSandox: true, //In case of production or Live set false hash:'Hash Code' //You can check it below how to generate hash code, } // You can also add udf1 to udf10 for additional info

    PayU.startPayment(payUData).then((data) => { // Payment Success if (data.status){

      // Payment Success
      console.log('PAYMENT_SUCCESS', data.payUResponse);

    }else{

     // Payment Failed
      console.log('PAYMENT_FAILED', data.error_message);

    } }).catch((e) => { // Payment Failed console.log("PAYMENT_FAILED",e); });

    
    ### Validating Hash
    > Don't use in production just for testing purpose
    
    ```js 
    PayU.getHash({
      key: "Your Merchent Key",
      amount: "100",
      email: "abc@payu.in",
      txnId: "642346786768",
      productName: "product_name",
      firstName: "Your First Name",
      salt: "Salt"
    });
    
    // output: 43dfxcvdxd345tre534g545gb54e4g646h7nfgr35e060c3bfc0e489290e7c902750d5db3fc8be2f180daf4d534d7b9bef46fa0158a4c8a057b61

    Server side function to get Hash Code

    function payUHash(payUData){
      const hashString = `${payUData.key}|${payUData.txnId}|${payUData.amount}|${payUData.productName}|${payUData.firstName}|${payUData.email}|${payUData.udf1}|${payUData.udf2}|${payUData.udf3}|${payUData.udf4}|${payUData.udf5}|${payUData.udf6}|${payUData.udf7}|${payUData.udf8}|${payUData.udf9}|${payUData.udf10}|${payUData.salt}`;
      //In case you are not passing udf values then set it as empty string 
      return sha512(hashString);
    }
    

    Troubleshooting

Below is the test card details for transaction in the testing mode.

   Card No - 5123 4567 8901 2346
   Expiry - 11/22 // any future date
   CVV - 123
   OTP - 123456