react-native-bluesnap-encrypter 🔐
A Cross platform React Native module to encrypt BlueSnap sensitive form data. As described in BlueSnap API docs
Why
BlueSnap SDKs provides a soluion for Web, iOS and Android plaforms. This module wraps BlueSnap's Web JavaScript SDK so you can perform data encryption from your react native application.
Features
- Zero configurations - only your BlueSnap's client encryption key is required
- Promise based - use Promise or async/await
Install
npm i --save react-native-bluesnap-encrypter
Quick Start
import React, { Component } from "react";
import { View, Button } from "react-native";
import BlueSnapEncrypter from "react-native-bluesnap-encrypter";
class MyComponent extends Component {
constructor(props, context) {
super(props, context);
this.encrypter = null;
}
onEncrypt = async () => {
const encrypted = await this.encrypter.encrypt({
creditCardNumber: "1234123412341234",
cvvNumber: "123"
});
console.log(encrypted);
/*
{
"ccLast4Digits": "1234",
"encryptedCreditCard": "ENCYPTED",
"encryptedCvv": "ENCYPTED"
}
*/
}
render() {
return (
<View>
<Button
title="Encrypt Credit Card"
onPress={this.onEncrypt}
/>
<BlueSnapEncrypter
clientEncryptionKey="YOUR_CLIENT_ENCRYPTION_KEY"
bluesnapVersion="1.0.3"
fraudSessionId="XXXX"
ref={(encrypter) => this.encrypter = encrypter}
/>
</View>
);
}
}
Props
Property | Type | Description |
---|---|---|
clientEncryptionKey | PropTypes.string.isRequired | Your BlueSnap client encription key (located at your API Settings) |
bluesnapVersion | PropTypes.string | Optional BlueSnap JavaScript SDK version, defaults to 1.0.3 |
fraudSessionId | PropTypes.string | Unique ID of the shopper whose device fingerprint information was collected on the checkout page |
Methods
encrypt
Encrypts credit card data with your client encryption key.
const encrypted = await this.encrypter.encrypt({
creditCardNumber: "1234123412341234",
cvvNumber: "123"
});
Returns a Promise wich resolves to:
{
"ccLast4Digits": "1234",
"encryptedCreditCard": "ENCYPTED",
"encryptedCvv": "ENCYPTED"
}
Missing Something? Something is not working?
- Open a GitHub issue, or
- Send a pull request 🤩