An open API service indexing awesome lists of open source software.

https://github.com/ignivalancy/mangopay-client-react

Mangopay React and React Native First JS Client library with card registration workflow.
https://github.com/ignivalancy/mangopay-client-react

card-registration ecmascript javascript mangopay mangopay-sdk payment-gateway react react-native workflow

Last synced: 15 days ago
JSON representation

Mangopay React and React Native First JS Client library with card registration workflow.

Awesome Lists containing this project

README

        

# MANGOPAY JS Client Library

Mangopay React and React Native First JS Client library with card registration workflow.

Installation
-------------------------------------------------
Install the module via [npm](https://www.npmjs.com/package/mangopay-client-react)

npm i mangopay-client-react -S

Usage inside your app

import Mangopay from "mangopay-client-react";
*** Get Client Instance
const MangoPayClient = Mangopay.getInstance();

try {
let result = await MangoPayClient.getCards();
console.log('getCards', result);
} catch (err) {
console.log(err)
}

Usage
-------------------------------------------------
Make sure you have the right configuration in a place:

*** Get MANGOPAY Client Singelton Object
// @clientId {string} API Client Id
// @clientPassword {string} API Client Password
// @userId {string} User ID
// @baseUrl {string} API Base URL. The fault base value points to sandbox. Production is 'https://api.mangopay.com'
const MangoPayClient = Mangopay.getInstance(clientId, clientPassword, userId, baseUrl);

Card List:

*** Get my card list
const getCards = await MangoPayClient.getCards();
console.log(getCards);

Card Registration:

*** Get card register data prepared on the server
// @cardRegData {object} card register details {currencyCode, cardType}
const preRegData = await MangoPayClient.getCardRegisterationData(cardRegData);

*** Card registration
// @preRegData {object} card pre-registration data {Id, cardRegistrationURL, preregistrationData, accessKey}
// @cardData {object} sensitive card details {cardNumber, cardType, cardExpirationDate, cardCvx}
const result = await MangoPayClient.registerCard(preRegData, cardData);
console.log(result);

Card Deactivation:

*** Deactivate Card
// @cardId {String} card id which you want to deactivate
let result = await MangoPayClient.deactivateCard(cardId);
console.log(result);

Card Registration Process (Bonus):

*** Card registration process
// @cardData {object} sensitive card details {currencyCode, cardNumber, cardType, cardExpirationDate, cardCvx}
let result = await MangoPayClient.cardRegisterationProcesses(cardData);
console.log(result);

Learn more
-------------------------------------------------
- [MANGOPAY REST API documentation](http://docs.mangopay.com/api-references/)
- [MANGOPAY card registration process](http://docs.mangopay.com/api-references/card-registration/)
- [Async function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function)
- [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)

License
-------------------------------------------------
MANGOPAY Client Library is distributed under MIT license.

Contacts
-------------------------------------------------
Report bugs or suggest features using issue tracker at GitHub.