# Integration

Integration with the Native OTP Assist mobile SDK in 4 steps:

1. Include the SDK in your application.
2. Set up the payment hash and postdata
3. Initiate the payment.
4. Verify the transaction.

**Watch the complete integration video of** [**PayU OTP Assist**](https://youtu.be/ip_XomtHQfo)**.**

### **Include the SDK in your app build.gradle**

```
implementation 'in.payu:native-otp-assist:1.2.1' 
```

Compatibility

{% hint style="info" %}
Min SDK Version: 21&#x20;

Compile SDK Version: 30
{% endhint %}



## Generate Payment Hash

> Refer this document: [Generate Hash](../../../hash-generation#payment-hash)

{% hint style="info" %}
Every transaction (payment or non-payment) needs a hash by the merchant before sending the transaction details to PayU. This is required for PayU to validate the authenticity of the transaction. This should be done on your server.
{% endhint %}

## Payment Post Data

{% hint style="info" %}
Use  [Core Sdk](../pg-sdk) library to generate payment postdata.
{% endhint %}

## Initiate Payment

Initialize the Native OTP Assist  SDK by providing the PayUOtpAssistConfig object having postdata and reference to the PayUOtpAssistCallback to listen to the SDK events.

{% tabs %}
{% tab title="Java" %}
```java
PayUOtpAssistConfig payUOtpAssistConfig = PayUOtpAssistConfig();
payUOtpAssistConfig.setPostData("POST_DATA_FOR_TRANSACTION");


PayUOtpAssist.open(
    Context context, 
    PayUOtpAssistCallback payUOtpAssistCallback, 
    PayUOtpAssistConfig payUOtpAssistConfig)
```
{% endtab %}

{% tab title="Kotlin" %}
```kotlin
val payUOtpAssistConfig = PayUOtpAssistConfig()
payUOtpAssistConfig.postData = "POST_DATA_FOR_TRANSACTION"
PayUOtpAssist.open(
    context: Context, 
    payUOtpAssistCallback: PayUOtpAssistCallback,  
    payUOtpAssistConfig: PayUOtpAssistConfig) 
```
{% endtab %}
{% endtabs %}

Make sure to add internet permission in your manifest file.

```

<uses-permission android:name="android.permission.INTERNET" />
```

We fetch the OTP via RECEIVE\_SMS  if RECEIVE\_SMS permission granted, otherwise, fetch the OTP using Google Consent API. To understand the flow, refer to this [page](../payu-otp-parser).&#x20;

### Callbacks

List of the callback function provided by PayUOtpAssistCallback class:

1. **fun onPaymentSuccess(merchantResponse: String?, payUResponse: String?)**- Called when payment succeeds.\
   merchantResponse:
2. **fun onPaymentFailure(merchantResponse: String?, payUResponse: String?)**- Called when payment fails.
3. **fun onError(errorCode: String?, errorMessage: String?)-** Called when we got some error where,
   * errorCode : Error Code
   * errorMessage : Error Description
4. **fun shouldHandleFallback(payUAcsRequest: PayUAcsRequest) : Boolean -**  It's an optional callback, override when you want to handle the Bank page redirection flow. You just need to change the return value to false.\
   You can also open [CustomeBrowser](../custom-browser) in fallback scenarios. Below is the code snippet to open the CustomBrowser.

{% tabs %}
{% tab title="Java" %}
```
 boolean shouldHandleFallback(PayUAcsRequest payUAcsRequest){
 
 CustomBrowserConfig customBrowserConfig = new CustomBrowserConfig(merchantKey, txnId);
   
  //Set the issuerUrl and issuerPostData to open in WebView for otp assist redirection to bank page
  if (payUAcsRequest.getIssuerUrl()!=null && payUAcsRequest.getIssuerPostData()!=null) {
    customBrowserConfig.setPostURL(payUAcsRequest.getIssuerUrl());
    customBrowserConfig.setPayuPostData(payUAcsRequest.getIssuerPostData())

}else if (payUAcsRequest.getAcsTemplate()!=null){
    customBrowserConfig.setHtmlData(payUAcsRequest.getAcsTemplate());
}else {
    //Set the first url to open in WebView
    customBrowserConfig.setPostURL(url);
    customBrowserConfig.setPayuPostData(payuConfig.getData);
}
return false;
}

```
{% endtab %}

{% tab title="Kotlin" %}
```
fun shouldHandleFallback(payUAcsRequest: PayUAcsRequest) : Boolean {

val customBrowserConfig = CustomBrowserConfig(merchantKey, txnId)
   
  //Set the issuerUrl and issuerPostData to open in WebView for otp assist redirection to bank page
  if (!payUAcsRequest?.issuerUrl.isNullOrEmpty() && !payUAcsRequest?.issuerPostData.isNullOrEmpty()) {
    customBrowserConfig.postURL = payUAcsRequest?.issuerUrl
    customBrowserConfig.payuPostData = payUAcsRequest?.issuerPostData

}else if (!payUAcsRequest?.acsTemplate.isNullOrEmpty()){
    customBrowserConfig.htmlData = payUAcsRequest?.acsTemplate
}else {
    //Set the first url to open in WebView
    customBrowserConfig.postURL = url
    customBrowserConfig.payuPostData = payuConfig.data
}
return false
}
```
{% endtab %}
{% endtabs %}

You will get PayUAcsRequest on shouldHandleFallback() callback. \
whether you will get issuerUrl and issuerPostData or acsTemplate on PayUAcsRequest acsTemplate is the Html string that you need to load to the Webview.

| PayUAcsRequest field | Description                                                                                                                                                       |
| -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| issuerUrl            | It's the Bank/ACS page Url.                                                                                                                                       |
| issuerPostData       | <p>You need to load issuerUrl to the Webview </p><p>along with this issuerPostdata string.</p><p>Ex: webView.postUrl(issuerUrl, issuerPostData.toByteArray())</p> |
| acsTemplate          | <p>If issuerUrl is empty, you need to load <br>acsTemplate to the Webview.</p><p>Ex: webView.loadData(acsTemplate, "text/html", "UTF-8");</p>                     |

## Error codes and their description.

```
   - ErrorCode: Description

   - 1001     : No Internet
       
   - 1002     : Network timeout, please verify with your server.
   
   - 1003     : Gateway timeout, please verify with your server.
   
   - 1004     : User cancelled it, please verify with your server.
      
   - 1005     : Something went wrong , please verify with your server.
   
   - 1006     : Bank page timed out, please verify with your server.
```

## Verify the transaction through Webhooks or polling&#x20;

{% hint style="info" %}
&#x20;Once you get the response from SDK, make sure to confirm it with the PayU server.\
It is recommended to implement the PayU Webhook or backend verify call from your backend.
{% endhint %}

Implementation of PayU WebHook\



Webhook is a server-to-server callback. Once this feature is activated for merchants, PayU would send an S2S response, in addition to SDK callback, to the merchant. It is recommended for the merchant to process the transaction order status – based upon the S2S response and not via the Browser Redirection/SDK callback response to ensure optimum translation outcomes.&#x20;

Refer to this [document](https://devguide.payu.in/docs/developers-guide/api-documentation/webhooks/), for Webhook implementation.

There is another option to [verify payment](https://devguide.payu.in/docs/developers-guide/api-documentation/verify-apis/verify_payment/) through polling, the transaction status after the SDK callback from your backend.&#x20;

