SDK Integration
Search…
Android
React-Native
Non-Seamless Wrapper
This is v1 react-native UI wrapper built upon PayU's Android and iOS sdk.
This SDK is no longer supported. Please refer to PayUCheckoutPro for the latest react native wrapper
Installation
For installing it to your project follow the below steps.
1
$ npm install payu-non-seam-less-react --save
2
$ react-native link payu-non-seam-less-react
Copied!
For iOS
Add following code also for integration.
1
pod 'react-native-biz-sdk', :path => '../node_modules/payu-non-seam-less-react/react-native-biz-sdk.podspec'
Copied!
in podfile and run following command.
1
pod install
Copied!
Usage
1
import PayUBizSdk from 'payu-non-seam-less-react';
Copied!
Creating Params
1
var params ={
2
amount:'<Transaction Amount>',
3
key:'<Key provided by PayU>',
4
txnid:'<Transaction Id>',
5
productinfo:'<Product Information>',
6
surl:'<Success url for Android>',
7
furl:'<Failure url for Android >',
8
ios_surl:'<Success url for iOS>',
9
ios_furl:'<Failure url for iOS>',
10
udf1:'<Any user defined fields>',
11
udf2:'<Any user defined fields>',
12
udf3:'<Any user defined fields>',
13
udf4:'<Any user defined fields>',
14
udf5:'<Any user defined fields>',
15
email:'<Customer Email>',
16
phone:'<Customer Phone number>',
17
env:'0/2', <0 for Production,2 for Testing Environment>
18
firstname:'<Customer First name>',
19
user_credentials:'<User Credentials',
20
lastname:'<Customer Last name>',
21
hash:'<Payment Hash>',
22
address1:'Customer address 1',
23
address2:'Customer address 2',
24
custom_note:'Any extra note to be passed',
25
city:'Customer city',
26
offer_key:'Valid offer key if wish to enable offer',
27
enforce_paymethod:'PG code if wish to enforce particular PG',
28
cb_config:{ enableReviewOrder:'true/false',
29
enableSurePay:0-3[For Surepay],
30
autoSelectOTP:'true/false'[To select OTP flow],
31
autoApprove:'true/false'[To Auto approve OTP after auto read],
32
disableBackButtonDialog:'true/false'[To Disable back button Dialog],
33
merchantSMSPermission:'true/false'[To enable SMS permission for Android(OS version>=M),
34
viewPortWideEnable:'true/false'[View Port setting for Netbanking],
35
merchantResponseTimeout:[In milliseconds to set surl/furl loading timeout]
36
},
37
review_order_data:{
38
'Order':'Value',
39
'Key Name':'Value1'
40
}
41
}
Copied!
Creating Hash Object
1
var hashes ={
2
'vas_for_mobile_sdk':vasHash,
3
'payment_related_details_for_mobile_sdk':paymentDetailsHash,
4
'payment_source':paymentHash,
5
'delete_user_card':deleteCardHash,
6
'check_offer_status':offerStatusHash
7
}
Copied!
For generating below hashes use method described as here where command name is same as their type and var1 is userCredentials which uniquely identifies your Customer or default.
Command/Hash Type
Call makePayment method available in PayUBizSdk using params and hashes created above. It returns a promise object where on success /failure transaction response can be found using key merchant_response for response being sent by your Surl/Furl and payu_response for response being sent by PayU's Backend. For any other result catch the error[Payment being cancelled by user].
1
PayUBizSdk.makePayment(hashes,params).then(map =>{
2
Alert.alert("Response",'Merchant Response \n'+map.merchant_response+'\n Payu Response \n'+map.payu_response);
3
}).catch(error =>{
4
Alert.alert("response",error.message);
5
});
Copied!
Last modified 9mo ago
Copy link