react-native-paygate-sdk

Paygate SDK Integration Guide

This guide will help you integrate the react-native-paygate-sdk into your React Native application for handling payments.

Installation

yarn add react-native-paygate-sdk react-native-webview

Or

npm i -S react-native-paygate-sdk react-native-webview

Usage

To use the PaygateSdkMobile component in your app, follow the example below. This component handles displaying the payment page and manages callbacks for success, cancelation, or support actions.

import { PaygateSdkMobile } from 'react-native-paygate-sdk'; // Ensure correct path after installing

// ...

<PaygateSdkMobile
  url={url} // URL of the payment page
  onSuccess={(data) => {
    // Handle success scenario
    console.log('Payment successful:', data);
  }}
  onCancel={() => {
    // Handle user cancellation
    console.log('Payment was canceled.');
  }}
  onSupport={() => {
    // Handle support action, e.g., redirect to customer support
    console.log('Support action triggered.');
  }}
/>

Key Props

• url (String): The URL of the payment page to load in the WebView. You need to provide a valid payment URL for the SDK to function properly.

• onSuccess (Function): A callback function triggered when the payment is successful. It receives a data parameter - containing the response from the payment gateway.

• onCancel (Function): A callback function triggered when the user cancels the payment process.

• onSupport (Function): A callback function triggered when the user selects the support option. This can be used to guide users to a help center or customer support.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library