rn-paytabs

1.0.2 • Public • Published

rn-paytabs Beta npm version

Unofficial react native wrapper for paytabs Native SDK

Getting started

$ npm install rn-paytabs --save

Manual installation

Android

Please check ANDROID.md to help you build with android.

  1. Open up android/app/src/main/java/[...]/MainActivity.java
  • Add import com.reactlibrary.RNPaytabsPackage; to the imports at the top of the file
  • Add new RNPaytabsPackage() to the list returned by the getPackages() method
  1. Append the following lines to android/settings.gradle:
    include ':rn-paytabs'
    project(':rn-paytabs').projectDir = new File(rootProject.projectDir, 	'../node_modules/rn-paytabs/android')
    include ':paytabs-android-SDK-v2.5'
    project(':paytabs-android-SDK-v2.5').projectDir = new File(rootProject.projectDir,  '../node_modules/rn-paytabs/android/paytabs-android-SDK-v2.5')
    
  2. Insert the following lines inside the dependencies block in android/app/build.gradle:
      compile project(':rn-paytabs')
    
  3. If you have issue with okhttp or okio modules:
    configurations {
        all*.exclude group: 'com.squareup.okhttp3', module: 'okhttp'
        all*.exclude group: 'com.squareup.okio', module: 'okio'
    }
    

Usage

import RNPaytabs from 'rn-paytabs';
 
RNPaytabs.start({
  "pt_merchant_email": "",
  "pt_secret_key": "",// Add your Secret Key Here
  "pt_transaction_title": "Mr. John Doe",
  "pt_amount": "1.0",
  "pt_currency_code": "BHD",
  "pt_shared_prefs_name": "myapp_shared",
  "pt_customer_email": "test@example.com",
  "pt_customer_phone_number": "+97333109781",
  "pt_order_id": "1234567",
  "pt_product_name": "Tomato",
  "pt_timeout_in_seconds": "300", //Optional
  "pt_address_billing": "Flat 1 Building 123 Road 2345",
  "pt_city_billing": "Juffair",
  "pt_state_billing": "Manama",
  "pt_country_billing": "BHR",
  "pt_postal_code_billing": "00973", //Put Country Phone code if Postal code not available '00973'//
  "pt_address_shipping": "Flat 1 Building 123 Road 2345",
  "pt_city_shipping": "Juffair",
  "pt_state_shipping": "Manama",
  "pt_country_shipping": "BHR",
  "pt_postal_code_shipping": "00973", //Put Country Phone code if Postal
  "pt_color": "#3a33ff", // for IOS only
  "pt_theme_light": false // for IOS only
}, (response) => {
  // Callback for success & fail.
 
  // { pt_token_customer_email: '',pt_token: '',pt_token_customer_password: '', pt_transaction_id: '123456',pt_response_code: '100' }
 
  RNPaytabs.log("on Response Payment");
  // Response Code: 100 successful otherwise fail
  if (response.pt_response_code == '100')
    RNPaytabs.log("Transaction Id: " + response.pt_transaction_id);
  else
    RNPaytabs.log("Otherwise Response: " + response.pt_response_code);
 
  // Tokenization
  //RNPaytabs.log(response.pt_token_customer_email);
  //RNPaytabs.log(response.pt_token_customer_password);
  //RNPaytabs.log(response.pt_token);
 
});

Next

[Beta] iOS

Please check IOS.md to help you build with android.

  1. In XCode, in the project navigator, right click LibrariesAdd Files to [your project's name]
  2. Go to node_modulesrn-paytabs and add RNPaytabs.xcodeproj
  3. In XCode, in the project navigator, select your project. Add libRNPaytabs.a to your project's Build PhasesLink Binary With Libraries
  4. Run your project (Cmd+R)<

[TODO] Windows

ReactWindows

  1. In Visual Studio add the RNPaytabs.sln in node_modules/rn-paytabs/windows/RNPaytabs.sln folder to their solution, reference from their app.
  2. Open up your MainPage.cs app
  • Add using Paytabs.RNPaytabs; to the usings at the top of the file
  • Add new RNPaytabsPackage() to the List<IReactPackage> returned by the Packages method

Package Sidebar

Install

npm i rn-paytabs

Weekly Downloads

0

Version

1.0.2

License

none

Unpacked Size

5.37 MB

Total Files

313

Last publish

Collaborators

  • gardencoder