React-Native UPI Bolt UI SDK

npm install [email protected] --save
react-native link payu-upi-bolt-ui-rn

import PayUUPIBoltUiSdk from 'payu-upi-bolt-ui-rn';

// Function to create SDK configuration
  createSDKConfig = () => {
const requestId = 'payu_' + Math.random();

const config = {
  merchantName: merchantName,
  merchantKey: key,
  phone: phone,
  email: email,
  requestId: requestId,
  pluginTypes: ["AXIS"],
  issuingBanks: ["<issuingBanks>"], // Array<String>
  isProduction: true,
  excludedBanksIINs: [],
};

return config;
};

// Initialize the SDK
const initConfig = createSDKConfig();
PayUUPIBoltUISdk.initSDK(initConfig);

// To clear the SDK instance
PayUUPIBoltUISdk.reset(reactContext);

PayUUPIBoltUISdk.clearCache(pg);

PayUUPIBoltUISdk.isRegistered(pg);

PayUUPIBoltUISdk.isUPIBoltSDKAvailable((response) => {
if (response.code === 0) {
  console.log("SDK is available. Proceed with payment or other operations.");
} else {
  console.log("UPI Bolt SDK is not available.");
}
});

const paymentParams = {
amount: "<amount>", // String
productInfo: "<productInfo>", // String
firstName: "<firstName>", // String
surl: "<successUrl>", // String (Android success URL)
furl: "<failureUrl>", // String (Android failure URL)
ios_surl: "<iosSuccessUrl>", // String (iOS success URL)
ios_furl: "<iosFailureUrl>", // String (iOS failure URL)
initiationMode: "<initiationMode>", // String (e.g., "10")
purpose: "<purpose>", // String (e.g., "00")
udf1: "<udf1>", // String (Optional)
udf2: "<udf2>", // String (Optional)
udf3: "<udf3>", // String (Optional)
udf4: "<udf4>", // String (Optional)
udf5: "<udf5>", // String (Optional)
txnId: "<txnId>", // String (Unique transaction ID)
isCCTxnEnabled: <trueOrFalse> // Boolean (Enable card fallback if supported)
};

PayUUPIBoltUISdk.payURegisterAndPay(paymentParams);

// Screen Types
const screenType = <screenType> // String

PayUUPIBoltUISdk.openUPIManagement(screenType);

// Register event emitters
useEffect(() => {
const eventEmitter = new NativeEventEmitter(PayUBizSdk);

onPayUSuccessListener = eventEmitter.addListener('onPayUSuccess', onPayUSuccess);
onPayUFailureListener = eventEmitter.addListener('onPayUFailure', onPayUFailure);
onPayUCancelListener = eventEmitter.addListener('onPayUCancel', onPayUCancel);
payUGenerateHashListener = eventEmitter.addListener('generateHash', generateHash);
permissionListener = eventEmitter.addListener('permissionCallback', permissionCallback);

// Clean up listeners on unmount or merchantSalt change
return () => {
  console.log("Unsubscribed!");
  onPayUSuccessListener.remove();
  onPayUFailureListener.remove();
  onPayUCancelListener.remove();
  payUGenerateHashListener.remove();
  permissionListener.remove();
};
}, [merchantSalt]);

// Handler: PayU success
onPayUSuccess = (response) => {
displayAlert('onPayUSuccess', JSON.stringify(response));
};

// Handler: PayU failure
onPayUFailure = (response) => {
displayAlert('onPayUFailure', JSON.stringify(response));
};

// Handler: PayU cancel
onPayUCancel = (response) => {
displayAlert('onPayUCancel', JSON.stringify(response));
};

// Handler: Generate hash event
generateHash = (e) => {
handleHashGeneration(e.hashName, e.hashString + merchantSalt);
};         

function handleHashGeneration(hashName, hashString) {  // Merchant will get Map/ JSON with type of hash and hash string as value of dictionary.
  /*
   They have to sign that string using salt to create hash value and pass that to onCompletion
   In the map you have to check for three keys to generate hash.
   1. hashString
   2. hashName
   3. postSalt
   At the end of that hashString append your salt and use SHA-512 algo on that final string to generate hash.
   Note: If you got postSalt also in the map, first use hash string append salt and then append postSalt value to that string and use SHA-512 algo on that final string to generate hash.
   Once the hash is generated use hashGenerationListener parameter to pass the hash to SDK. Example code:
   */

  // get hash for "hashName" from server
  // get hash for "hashString" from server
  
  var hashValue = <fetch_hash_from_server>;

  // After fetching hash set its value in below variable "hashMap"
  
  const result = { "hashName": <hashName>, <hashName>: <hashValue> };
  PayUBizSdk.hashGenerated(result);
}