React-Native-Plugin Pagseguro

A react-native plugin to connect pagseguro to your machine credit card using react-native, machine-credit-card like a "morderninha" or other's.

Getting started

  npm install react-native-plug-pag-service --save

Mostly automatic installation

  react-native link react-native-plug-pag-service

Manual installation

1. Open up android/app/src/main/java/[...]/MainApplication.java

• Add import com.reactlibrary.PlugPagServicePackage; to the imports at the top of the file
• Add new PlugPagServicePackage() to the list returned by the getPackages() method

2. Append the following lines to android/settings.gradle:

   include ':react-native-plug-pag-service'
   project(':react-native-plug-pag-service').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-plug-pag-service/android')
   

3. Insert the following lines inside the dependencies block in android/app/build.gradle:

     compile project(':react-native-plug-pag-service')
   

4. AndroidManifest.xml

• Permissions To integrate the library with the PlugPagService library in Android applications you must add the following permission to AndroidManifest.xml.

  <uses-permission android:name="br.com.uol.pagseguro.permission.MANAGE_PAYMENTS"/>
  

  This permission allows the library to bind to PlugPagService , Moderninha Smart's embedded service , which manages all payment transactions.

• Intent-filter In order for your app to be chosen as the default payment app and receive Card Insertion Intents, you need to add the following code to your AndroidManifest.xml within your main Activity.

  <intent-filter>
        <action android:name="br.com.uol.pagseguro.PAYMENT"/>
        <category android:name="android.intent.category.DEFAULT"/>
  </intent-filter>
  

Usage

import PlugPagService, { PlugPag, PlugPagPaymentData, PlugPagActivationData } from 'rn-pagseguro-plugin';

Functions