JSPM

rn-paytabs

1.0.2
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 1
    • Score
      100M100P100Q37793F

    React Native sdk for paytabs payment.

    Package Exports

    • rn-paytabs

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rn-paytabs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    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 Libraries ➜ Add Files to [your project's name]
    2. Go to node_modules ➜ rn-paytabs and add RNPaytabs.xcodeproj
    3. In XCode, in the project navigator, select your project. Add libRNPaytabs.a to your project's Build Phases ➜ Link 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