A component to integrate MercadoPago tokenize checkout into a RN app.

Currently, MercadoPago native SDKs doesn't support card tokenization and card save/restore from user.

• Use Case
• Compatibility
• Pre Requisites
• Installation
  • NPM
  • YARN
• Example Usage
• Realistic Example
• Props
• Issues
• Contributing
• License

You're using RN for building an app, and you need to integrate MercadoPago checkout in your app.

Our package currently supports apps with RN >= 0.60. We don't have a plan currently to support olders ones, but if you need we're open to support it.

As a pre requisite you'll need the following before integrating the library:

1. A MercadoPago Account
2. A publicKey from your MercadoPago Account

If you don't have any of the followings, you can start from here:

1. Creating a MercadoPago Account
2. Creating a MercadoPago Application

If you've more doubts you can read more documentation in this portal:

• MercadoPago Developers

You can install this library via NPM or YARN.

npm i @blackbox-vision/react-native-mercadopago-tokenize-checkout

yarn add @blackbox-vision/react-native-mercadopago-tokenize-checkout

After reading and performing the previous steps, you should be able to import the library and use it like in this example:

import Env from 'react-native-config';
import React, { useState } from 'react';
import { StyleSheet, View, Text, TouchableOpacity, Alert } from 'react-native';

import MercadoPagoWebTokenizeCheckout from '@blackbox-vision/react-native-mercadopago-tokenize-checkout';

import styles from './styles';

export default function App() {
  return (
    <MercadoPagoWebTokenizeCheckout
      amount="100.00"
      action="yourServerUrl"
      productLabel="Awesome Product"
      publicKey={Env.PUBLIC_KEY}
      style={styles.container}
      theme={{
        elements: '#000',
        header: '#000',
      }}
    />
  );
}

We provide a more real sample app here.

The MercadoPago WebTokenize Checkout component support the following props:

The theme has the following props:

Please, open an issue following one of the issues templates. We will do our best to fix them.

If you want to contribute to this project see contributing for more information.

Distributed under the MIT license. See LICENSE for more information.