react-native-cashfree-pg-sdk

The Cashfree React Native SDK allows you to integrate Cashfree Payment Gateway into your application and start collecting payments from your customers. The React Native SDK has been designed to minimise the complexity of handling and integrating payments in your React Native project.

Click here for more Documentation.

Installation

1npm install react-native-cashfree-pg-sdk

iOS

Add the following code to application's info.plist file.

1<key>LSApplicationCategoryType</key>
2<string></string>
3<key>LSApplicationQueriesSchemes</key>
4<array>
5<string>phonepe</string>
6<string>tez</string>
7<string>paytm</string>
8<string>bhim</string>
9</array>

Usage

1import {
2  CFCallback,
3  CFErrorResponse,
4  CFPaymentGatewayService,
5} from 'react-native-cashfree-pg-sdk';
6import {
7  CFDropCheckoutPayment,
8  CFEnvironment,
9  CFSession,
10  CFThemeBuilder,
11} from 'cashfree-pg-api-contract';
12
13// ...
14
15try {
16  const session = new CFSession(
17    'order_token',
18    'order_id',
19    CFEnvironment.SANDBOX
20  );
21  const theme = new CFThemeBuilder()
22    .setNavigationBarBackgroundColor('#E64A19')
23    .setNavigationBarTextColor('#FFFFFF')
24    .setButtonBackgroundColor('#FFC107')
25    .setButtonTextColor('#FFFFFF')
26    .setPrimaryTextColor('#212121')
27    .setSecondaryTextColor('#757575')
28    .build();
29  const dropPayment = new CFDropCheckoutPayment(session, null, theme);
30  CFPaymentGatewayService.doPayment(dropPayment);
31} catch (e: any) {
32  console.log(e.message);
33}

Contributing

If you want to contribute please read the Contributing guidelines.

License

The Cashfree React Native SDK is licensed under the MIT License.
See the LICENSE file distributed with this work for additional
information regarding copyright ownership.

Except as contained in the LICENSE file, the name(s) of the above copyright
holders shall not be used in advertising or otherwise to promote the sale,
use or other dealings in this Software without prior written authorization.