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 🤩