---
page_title: Installing Assets Plugin
product: UPI TPAP SDK
platform: React Native
page_source: https://juspay.io/in/docs/upi-tpap-sdk/react-native/getting-the-sdk/adding-plugin
llms_txt: https://juspay.io/in/docs/llms.txt
product_llms_txt: https://juspay.io/in/docs/upi-tpap-sdk/llms.txt
---


## Installing Assets Plugin



UPI In-app SDK depends on certain assets to function. These are available over the air and are supposed to be present while building the SDK. The Assets Plugin is a build time dependency that downloads all required assets and ensures the availability of the latest assets at build time.

To install Assets Plugin follow the below steps:


### 1. Install assets for Android:




### Step 1.1 Add MerchantConfig.txt


Create a .txt file named `MerchantConfig.txt` inside the app directory of your project. Add `clientId = your_client_id`to this file. The MerchantConfig.txt contains a clientId which helps the Assets plugin to download assets specific to your application.

Please note that the file has to added in same directory as `app/build.gradle`



#### Code Snippets: -

#### Functional Code Snippet:

```functional
{"success":false,"message":"Failed to fetch snippet"}
```

#### Class Code Snippet:

```class
{"success":false,"message":"Failed to fetch snippet"}
```



### Step 1.2 Add settings.gradle(optional)


This ensures that gradle can locate and configure modules to include in the build during the build process. Specify these plugin & dependency management configurations in `settings.gradle`



#### Code Snippets: -

#### Functional Code Snippet:

```functional
{"success":false,"message":"Failed to fetch snippet"}
```

#### Class Code Snippet:

```class
{"success":false,"message":"Failed to fetch snippet"}
```



###   Plugin version


> **Note**
> Minimum supported Android Gradle Plugin version is 3.6.0. Please get in touch with your Juspay POC or the Support Team if you are on an older version.






### 2. Install assets for iOS:




### Step 2.1 Add Post Install Script to Podfile


This Ruby Script will download all the latest assets required for proper functioning of your SDK integration



#### Code Snippets: -

#### Class Code Snippet:

```class
{"success":false,"message":"Failed to fetch snippet"}
```

#### Functional Code Snippet:

```functional
{"success":false,"message":"Failed to fetch snippet"}
```



### Step 2.2 Add MerchantConfig.txt


The MerchantConfig.txt contains a clientId which helps the Assets plugin to download assets specific to your application

Create a .txt file named `MerchantConfig.txt` inside the app directory of your project. Add `clientId = your_client_id`to this file. Please note that the file has to added in the top directory of your app



#### Code Snippets: -

#### Functional Code Snippet:

```functional
{"success":false,"message":"Failed to fetch snippet"}
```

#### Class Code Snippet:

```class
{"success":false,"message":"Failed to fetch snippet"}
```



### Step 2.3 Install Podfile


Post adding all dependencies of Podfile, In terminal, run the following commands: `pod repo update``pod install`

> **Note**
> **The Output of pod install should give below logs in addition to other logs.** [HyperSDK] Client ID - clientId shared by Juspay Team (It should not be internalPP)[HyperSDK] Downloading assets...[HyperSDK] XX file(s) downloaded/updated.[HyperSDK] Adding the required URL Schemes & Queries Schemes in plist files[HyperSDK] Plist file path: ./{Project Name}/Info.plist[HyperSDK] Done.





---

## Complete Code Reference

The following code files are referenced in the steps above:

### MerchantConfig.txt

```
{"success":false,"message":"Failed to fetch snippet"}
```

### settings.gradle

```
{"success":false,"message":"Failed to fetch snippet"}
```

### Podfile

```
{"success":false,"message":"Failed to fetch snippet"}
```


---

## See Also

- [Installing the SDK](https://juspay.io/in/docs/upi-tpap-sdk/react-native/getting-the-sdk/getting-sdk)
- [Adding Frameworks (iOS)](https://juspay.io/in/docs/upi-tpap-sdk/react-native/getting-the-sdk/adding-frameworks)