Foloosi
Search…
React Native SDK
A React Native SDK plugin for making payments via Foloosi Payment Gateway. Fully supports Android and iOS.

Step - 1 - Install dependency with npm package

$ npm install react-native-foloosi --save

Step - 2 - Usuage

import Foloosi from 'react-native-foloosi';
// To initialize the SDK add the below line of code with the public key you retrieved from Foloosi merchant panel. If you don't have a public key create new one.
Foloosi.initSDK('YOUR_KEY');

Step - 3 - Create Order Data Object with necessary inputs

You need to give the order id, title, description, currency code, order amount and customer details like name, email, mobile number. while creating order in Foloosi.
// Customer field is optional.
var orderData = {
orderAmount: 1.0, // in double format ##,###.##
customColor: '#AB34FD', // make payment page loading color as app color. // optional
orderId: 'orderId', // unique order id
orderDescription: 'order description', // any description. // optional
currencyCode: 'AED',
customerUniqueReference: 'customer reference id', // optional
country: 'ARE', // mandatory for ios
postalCode: '000000', //optional
state: 'Dubai', //optional
customer: {
name: 'Test',
mobile: '9876543210',
address: 'Test Adddddress', // optional
city: 'Test City', // optional
},
};

Step - 4 - Make Transaction with Foloosi

a. Use the below line of code to make the payment with the order data you created in Step - 3
Foloosi.makePayment(JSON.stringify(orderData), (response) => {
let { success, message, transaction_id } = JSON.parse(response);
//success - type boolean
//message - type string
//transaction_id - type string if success is true otherwise it's null
});
b. Use the below line of code to make the payment with the order data reference token
Foloosi.makePaymentWithReferenceToken('REFERENCE_TOKEN', (response) => {
let { success, message, transaction_id } = JSON.parse(response);
//success - type boolean
//message - type string
//transaction_id - type string if success is true otherwise it's null
});

Android Proguard Rules

If you are using Proguard for your builds, modify the Proguard rule file:
-keepclassmembers class * {
@android.webkit.JavascriptInterface <methods>;
}
-keepattributes JavascriptInterface
-keepattributes *Annotation*
-dontwarn com.foloosi.**
-keep class com.foloosi.** {*;}
-optimizations !method/inlining/*
*Note:-
  • settings build.gradle must be 4.1.3 or higher.
  • Kotlin version must be 1.4.30 or higher.
Copy link
On this page
Step - 1 - Install dependency with npm package
Step - 2 - Usuage
Step - 3 - Create Order Data Object with necessary inputs
Step - 4 - Make Transaction with Foloosi
Android Proguard Rules