XPay Element for react native is an embedded payment system that allows you to collect payments directly from users within your applications. This package is highly customizable, enabling you to tailor the appearance and functionalities of the payment form to align seamlessly with your app's style and theme.

Features

Seamless Payment Integration

Easily integrate payment functionalities into your app without redirecting users to external applications or pages.

Custom Styling

Style the payment SDK according to your app's theme with customizable labels, placeholders, and more.

Embedded Authentication

Conduct OTP authentication within your app, ensuring a smooth and secure user experience.

Event Handling

Utilize built-in events such as onBinDiscount and onReady to dynamically manage changes and validate inputs.

Prerequisite Dependancy

// using npm
npm i react-native-webview@^11.23.1

// using yarn 

yarn add react-native-webview@^11.23.1

Getting started

To incorporate the XPay embedded payment system into your application, start by adding the following dependency:

npm i @xstak/xpay-element-react-native
// for live env.

npm i @xstak/xpay-element-react-native-stage
// for staging env.

E2E Integration Sample Repo

https://github.com/XStakCommerce/XPay-Element-React-Native-Demo

Usage

To use the XPay SDK in your app, follow these steps:

Import the Package