Implementation of the securionpay sdk for react-native and expo
3D Secure library license requirements force Securionpay to distribute the ipworks3ds_sdk it via email. Contact support@securionpay.com to get it.
Download both ipworks3ds_sdk_debug.xcframework and ipworks3ds_sdk_release.xcframework 3D-Secure libraries and copy them to a directory of your project.
Download both ipworks3ds_sdk_deploy.aar and ipworks3ds_sdk.aar 3D-Secure libraries and copy them to a directory of your project.
npm install react-native-securionpay-sdk
After installing the package you will need to run the securionpay-link
command to link the native ipworks3DS libraries to your project for ANDROID and IOS.
npx securionpay-link --ios <path>/ipworks3ds_sdk_release.xcframework --android <path>/ipworks3DS/ipworks3ds_sdk_deploy.aar
If you are using expo , you will need to run the securionpay-link
also on the eas build for the dev-client and the release build. This can be done through the eas lifecycle hooks or with pre npm scripts.
import { Init, LaunchPayment } from 'react-native-securionpay-sdk';
// ...
Init( "<your public key>", "<bundleIdentifier for ios || signature for android>")
LaunchPayment(
"4012001800000016", // cardnumber
"12", // exp month
"2022", // exp year
"123", // cvc
1000, // amount multiplied by 100
"EUR", // currency
).then(x => {
console.log(x)
}).catch(x => {
console.error(x)
})
If you manage the cards or the token creation throught your own api you can pass the token object
import { Init, LaunchPayment } from 'react-native-securionpay-sdk';
// ...
Init( "<your public key>", "<bundleIdentifier for ios || signature for android>")
var data = {
brand: "visa",
country: "CH",
created: 1666708744,
expMonth: "12",
expYear: "2029",
fingerprint: "<fingerprint>",
id: "<id_token_or_card>",
number: "401200######0016",
used : true
}
// test data from https://securionpay.com/docs/testing
LaunchPaymentWithToken(
data,
5000, // amount multuplied by 100
'EUR' // currency
).then((x) => {
console.log(x);
}).catch((x) => {
console.log(x);
});
See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT
Made with create-react-native-library