chocnut/rnadyencse

React Native AdYen Client-Side Encryption (CSE)

react-native-adyen-cse

Getting started

$ npm install react-native-adyen-cse --save

Mostly automatic installation

$ react-native link react-native-adyen-cse

Manual installation

iOS

1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
2. Go to node_modules ➜ react-native-adyen-cse and add RNAdyenCse.xcodeproj
3. In XCode, in the project navigator, select your project. Add libRNAdyenCse.a to your project's Build Phases ➜ Link Binary With Libraries
4. Run your project (Cmd+R)<

Android

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

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

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

   include ':react-native-adyen-cse'
   project(':react-native-adyen-cse').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-adyen-cse/android')
   

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

     compile project(':react-native-adyen-cse')
   

Usage

import {encrypt} from 'react-native-adyen-cse'

const publicKey = '1001|...'
async function testCardDetailsEncrypt() {
  const card = {
    holderName: 'John Doe',
    number: '4111111111111111',
    cvc: '737',
    expiryMonth: '08',
    expiryYear: '2018',
  }

  const token = await encrypt(card, publicKey)
  return token
}

testCardDetailsEncrypt().then(encryptedCard =>
  this.setState({encryptedCard}),
)

Screenshot

iOS

Android

rnadyencse's Issues

No podspec found for `RNAdyenCse` in `../node_modules/react-native-adyen-cse`

No podspec found for RNAdyenCse in ../node_modules/react-native-adyen-cse after pod install

Expo

Is it working with Expo?

RNAdyenCse.m should contain quotes instead of <>

React Native: 0.61.5
Platform: iOS
Xcode 11.3

<#import "AdyenCSE.h> should be changed to "#import "AdyenCSE.h"

3DS security enabled.

Can we enable 3DS2 with this package?

Android build fails if root project sdk >23

AAPT: Error retrieving parent for item: No resource found that matches the given name 'android:TextAppearance.Material.Widget.Button.Borderless.Colored'.

I'm not opening a new PR but see this commit for a solution that worked for me: zerazeru/RNAdyenCse@be04b26

undefined is not an object (evaluatiing'RNAdyenCse.encrypt')

After submitting the form when I am trying to encrypt the credit card data it's showing the error given below -

undefined is not an object (evaluatiing'RNAdyenCse.encrypt') (ios only)

here is the screenshot

AdyenCSE.h file not found

fatal error: 'AdyenCSE.h' file not found
#import <AdyenCSE.h>
^~~~~~~~~~~~
1 error generated.

Unhandled promise rejection

Getting the following error when calling encrypt:

[Unhandled promise rejection: TypeError: null is not an object (evaluating 'RNAdyenCse.encrypt')]

• node_modules/react-native-adyen-cse/index.js:7:20 in encrypt

I'm using Expo, so I'm worried that's part of the issue, given the other unanswered issue.

🤞hope I am wrong 🤞

RNAdyenCse

React Native: 0.61.5
Platform: iOS
Xcode 11.3

R

React-native 0.60.3 support?

Doesn't work anymore with react-native 0.60.3 version. Do you know how we can fix it?

'AdyenCSE/AdyenCSE.h' file not found

react-native-adyen-cse/ios/RNAdyenCse.m:3:9: fatal error: 'AdyenCSE/AdyenCSE.h' file not found
#import "AdyenCSE/AdyenCSE.h"
        ^~~~~~~~~~~~~~~~~~~~~
1 error generated.

Got this error when building for ios.

I think the AdyenCSE header should be imported with angle brackets:

#import <AdyenCSE.h>