SDK integration

3min

React-Native SDK 🛠️
React native apps can make use of our sdk and integrate their apps with Onmeta seamlessly as below 
NPM package can be installed from here 
https://www.npmjs.com/package/@onmeta/react-native-sdk

**Make sure you install the required dependency packages without fail
﻿
follow the steps given below and integrate the On/Offramp widget within your app, below is the sample integration 
JS
import MetaWidget from "@onmeta/react-native-sdk";

const eventHandler = async (event, data) => {
  switch (event) {
    // example to open the upi apps
    case "upi-intent": {
      const Linkdata = await JSON.parse(data);
      void Linking.openURL(Linkdata.link);
    }
    default: {
      // Default code
    }
  }
};

<MetaWidget
  queryParams={{
    apiKey: "*****MERCHANT_API_KEY********",
    environment: "STAGING/PRODUCTION",
  }}
  onEventHandler={eventHandler}
/>;
import MetaWidget from "@onmeta/react-native-sdk";

const eventHandler = async (event, data) => {
  switch (event) {
    // example to open the upi apps
    case "upi-intent": {
      const Linkdata = await JSON.parse(data);
      void Linking.openURL(Linkdata.link);
    }
    default: {
      // Default code
    }
  }
};

<MetaWidget
  queryParams={{
    apiKey: "*****MERCHANT_API_KEY********",
    environment: "STAGING/PRODUCTION",
  }}
  onEventHandler={eventHandler}
/>;
﻿
you can use the same config parameters mentioned in widget creation page to customize your widget. 
Events will be received are as below 
EventName
Description
order-created
Order created event (Success, Failed, Pending)
order-status
Order status change event 
order-event
kyc redirect related event with redirect url
utr-capture
utr captured event 
upi-intent
upi intent event which gives the upi deeplinks to open UPI apps
text-copy
text copy event to copy any text details like, bank details or upi id
sample event body will be as below 
order-created
upi-intent
text-copy
utr-capture
order-status
JSON
{
    "channelName": "ONMETA-CHANNEL-1699365860958-40579766",
    "eventName": "order-event",
    "data": {
        "detail": { 
            "type": "KYC-REDIRECT", 
            "link": "https://xyz.com"
       }
    }
}
{
    "channelName": "ONMETA-CHANNEL-1699365860958-40579766",
    "eventName": "order-event",
    "data": {
        "detail": { 
            "type": "KYC-REDIRECT", 
            "link": "https://xyz.com"
       }
    }
}
﻿
﻿

EventName	Description
order-created	Order created event (Success, Failed, Pending)
order-status	Order status change event
order-event	kyc redirect related event with redirect url
utr-capture	utr captured event
upi-intent	upi intent event which gives the upi deeplinks to open UPI apps
text-copy	text copy event to copy any text details like, bank details or upi id

Updated 16 Jan 2024

Did this page help you?

Checkout flow - Onramp

KYC with Widget