SDK Integration

Extract the Netcetera iOS 3DS SDK zip archive that is part of the delivery. Inside there is a single XCFramework ThreeDS_SDK.xcframework

In your project, add the XCFramework in the "Frameworks, Libraries, and Embedded Content" section in the General target's tab.

Extract the Netcetera iOS 3DS SDK Static zip archive that is part of the delivery. Inside there is an XCFramework ThreeDS_SDK.xcframework and a bundle ThreeDS-SDK-Resources.bundle

In your project, add the XCFramework in the "Frameworks, Libraries, and Embedded Content" section in the General target's tab.

Add the resources bundle in "Copy Bundle Resources" of the "Build Phases" section.

SDK Integration: Begin by adding the Netcetera iOS 3DS SDK as a dependency in your Flutter project. You can achieve this by either including the SDK manually to the project or by adding it as a Pod dependency.

Create Native Method Channel: To communicate between your Dart code and the native iOS code that interacts with the 3DS SDK, you'll use Flutter's MethodChannel. This bridge allows you to call native methods from Dart and receive responses back.

Implement Native Methods: Write the native iOS code that interacts with the 3DS SDK. First, create a FlutterMethodChannel object provided by the Flutter dependency. Once the object is created, use setMethodCallHandler() to expose native coded methods to Dart via the established channel. This code will handle the initialization of the SDK, creation of transactions, and any other functionality required by your Flutter app.

Invoke Native Methods from Dart: In your Dart code, use the MethodChannel to call the native methods implemented in the previous step. For example, you might call methodChannel.invokeMethod("initSDK") to initialize the SDK or methodChannel.invokeMethod("createTransaction") to create a transaction.

Serialization of Data: Ensure proper serialization of parameters and results, as objects cannot be sent directly to Dart. Use JSON or HashMap values for this purpose.

SDK Integration: Begin by adding the Netcetera iOS 3DS SDK as a dependency in your React Native project. You can achieve this by either including the SDK manually to the project or by adding it as a Pod dependency.

Create Native Module: React Native expects the bridging module to be written in Objective-C. Our SDK supports Objective-C, therefore there are no problems with the integration itself. To write the module, you will need to create a header file (.h) that imports the React RCTBridgeModule header where you can define the methods that will be exposed to React Native. You should also import ThreeDS_SDK-Swift.h and ThreeDS_SDK.h to be able to make 3DS SDK calls.

Implement Native Module: To implement the bridge, you will need to create a methods file (.m) where you should import the previously created header file and implement the defined methods. Use RCT_EXPORT_METHOD(MethodDefinition) to define a method that will be exposed to React Native. Unless the native module provides its own method queue, it shouldn't make any assumptions about what thread it's being called on. Currently, if a native module doesn't provide a method queue, React Native will create a separate GCD queue for it and invoke its methods there.

Invoke Native Methods: With the native module implemented, you can now use its methods in your React Native JavaScript code. Import the NativeModules module from React Native and access your exposed methods. For example, you might call NativeModules.ThreeDSSDK.initializeSdk() where ThreeDSSDK is the name of the Objective-C module (name of the interface that imports the RCTBridgeModule) and initializeSdk() is the name of the exposed method.

Serialization of Data: Ensure proper serialization of parameters and results, as objects cannot be sent directly to React Native. Use JSON or HashMap values for this purpose.