# Importing Native Module in JS You may now create `PayContactlessSDKPackage` to register the module. ```kotlin class PayContactlessSDKPackage : ReactPackage { override fun createNativeModules(reactContext: ReactApplicationContext): List { return listOf(PayContactlessSDKModule(reactContext)) } override fun createViewManagers(reactContext: ReactApplicationContext): List> { return emptyList() } } ``` ### Registering the Bridge Package Add the `PayContactlessSDKPackage` in your `MainApplication.java`: {% code overflow="wrap" %} ```kotlin @Override protected List getPackages() { return Arrays.asList( new MainReactPackage(), new PayContactlessSDKPackage() ); } ``` {% endcode %} #### Importing the Native Module in JS ```javascript import { NativeModules } from 'react-native'; const { PayContactlessSDKModule } = NativeModules; ``` **Merchant PayContactless SDK Request & Response Classes** | Class / Interface | Type | Properties | Description | Used In | | | | | | | | | | ------------------------ | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------------ | -------------------------- | ------------------------- | ---------------------- | ---------------------------------------- | -------- | ----------------------------------------------- | -------------------------------- | | **MerchantInfo** | Request |

merchantId: string
terminalId: string
phoneNumber: string
businessName: string
merchantCategoryCode?: string | null
city?: string | null
state?: string | null
country?: string | null
firstName?: string | null
lastname?: string | null
email?: string | null
taxIdentificationNumber?: string | null

| Merchant details required to initialize the SDK | initialize(apiKey, merchantInfo) | | **TransactionResult** | Response |

paymentType?: string
status: string
payWithCardResult?: Transaction
error?: any

| Result of a payment or refund operation | doSale, doPreAuth, refunds | | | | | | | | | | **Transaction** | Response |

type: string
amount: string
code: string
date: string
time: string
respCode: string
respDesc: string
rrn: string
authCode: string
stan: string
cardNumber: string
cardType: string
cardBrand: string
aid: string
isPinUsed: boolean
rfuList: Record\

| Detailed card transaction information | TransactionResult.payWithCardResult | | | | | | | | | | **TransactionList** | Response |

transactions: Array
empty?: boolean
first?: boolean
last?: boolean
number?: number
numberOfElements?: number
size?: number
totalElements?: number
totalPages?: number

| Paginated list of transactions | getTransactionHistory | | | | | | | | | | **TransactionInfo** | Response |

id: number
transactionCode: string
cardNumber: string
amount: number
currency: string
dateTime: string
status: string
modeOfTransaction: string

| Transaction summary information | TransactionList.transactions | | | | | | | | | | **TransactionDetail** | Response |

id?: number
status?: string
transactionAmount?: string
currency?: string
cardNumber?: string
transactionType?: string
modeOfTransaction?: string
transactionDescription?: string
responseDetail?: string
transactionCode?: string
transactionDateTime?: string
terminalId?: string
merchantCode?: string
rrn?: string
stan?: string
authCode?: string

| Detailed transaction information | getTransactionDetail | | | | | | | | | | **TransactionListQuery** | Request |

page: number
size: number
direction?: ASC | DESC
transactionCode?: string
startDate?: string
endDate?: string
startAmount?: string
endAmount?: string

| Query parameters for transaction history | getTransactionHistory | | | | | | | | {% hint style="info" %} Network Security Configuration (Optional) For development and testing purposes, integrators may optionally configure a `network-security-config` to allow cleartext traffic and network inspection tools. Create and add the lines below to application tag in the Android manifest file. ``` android:networkSecurityConfig="@xml/network_security_config" android:usesCleartextTraffic="true" ``` **This configuration is NOT required for production** and must be restricted to debug builds only. Allowing cleartext traffic or user-installed certificates in production environments may violate security and PCI compliance requirements. {% endhint %} ```xml ``` **Usage Example** ```javascript import React from 'react'; import { Button } from 'react-native'; import { NativeModules } from 'react-native'; const { PayContactlessEmbedModule } = NativeModules; const App = () => { const handleSale = async () => { try { const result = await PayContactlessEmbedModule.doSale('10000', 'Test Sale', '566'); //NGN100 console.log('Transaction Result:', result); } catch (error) { console.error('Transaction Failed:', error); } }; return (); };export default App; ```