# 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; ``` --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://developer.prophius.com/developer-console/merchant-embed-sdk/react-native/sdk-api-reference/importing-native-module-in-js.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.