@veriff/react-native-sdk 2.3.0 → 2.5.0

package/README.md

@@ -1,75 +1,29 @@
----
-owner: "End User"
-description: "React Native wrapper around our native Android & iOS SDKs"
-status: "production"
-type: "library"
----
-
 # Veriff React Native SDK
 
-A slim React Native wrapper around our [iOS](https://github.com/Veriff/veriff-ios) and [Android](https://github.com/Veriff/veriff-android) SDKs. It contains a platform-specific wrapper for both iOS and Android so that our customers can use a single unified javascript interface for both.
-
-## Repository layout
-
-* Root folder contains the RN SDK, we don't have any .js code but we've got the `react-native-sdk.podspec` and `package.json` files here, which are used for publishing.
-* `android` folder has the wrapper for Android SDK, with bulk of the code in `android/src/main/java/com/veriff/sdk/reactnative/VeriffSdkModule.java`
-* `ios` folder has the wrapper for the iOS SDK, with bulk of the code in `ios/VeriffSdk.swift`
-* `example` has a small RN app that consumes the `react-native-sdk` dependency locally and enables us to test the wrapper as we're developing it
-
-## Running RN SDK + example locally with iOS
-
-```
-# Clone the repository & move into it
-git clone git@github.com:Veriff/react-native-sdk.git
-cd react-native-sdk
-
-# Install RN SDK dependencies
-npx yarn install
-
-# Move into the example folder and install deps there
-cd example
-npx yarn install
-
-# Install iOS dependencies for the example app via cocoapods
-cd ios
-bundle install
-bundle exec pod update
-
-# Finally bundle the .js files so that we can open the project and run in Xcode
-cd ..
-npx react-native bundle --dev false --platform ios --entry-file index.js --bundle-output ./ios/VeriffRN/main.jsbundle --assets-dest ./ios/VeriffRN
-```
-
-Now you can open `example/ios/VeriffRN.xcworkspace` with Xcode and build for your target.
-
-## Running RN SDK + example locally with Android
-
+## Getting started
+
+To start using the Veriff React Native SDK follow the steps described
+[here](https://developers.veriff.com/#react-native-sdk-integration).
+
+## Usage
+
+```javascript
+import VeriffSdk from '@veriff/react-native-sdk';
+
+var result = await VeriffSdk.launchVeriff({ sessionUrl: SESSION_URL });
+switch (result.status) {
+  case VeriffSdk.statusDone:
+    // user submitted the images and completed the flow
+    // note that this does not mean a final decision yet
+    break;
+  case VeriffSdk.statusCanceled:
+    // user canceled the flow before completing
+    break;
+  case VeriffSdk.statusError:
+    // the flow could not be completed due to an error
+    console.log("Veriff verification failed with error=" + result.error);
+    break;
+} 
 ```
-# Clone the repository & move into it
-git clone git@github.com:Veriff/react-native-sdk.git
-cd react-native-sdk
-
-# Install RN SDK dependencies
-npx yarn install
-
-# Move into the example folder and install deps there
-cd example
-npx yarn install
-
-# Finally bundle the .js files so that we can open the project and run in Android Studio
-cd ..
-npx react-native bundle --dev false --platform android --entry-file index.js --bundle-output ./android/app/src/main/assets/index.android.bundlse --assets-dest ./android/app/src/main/res
-
-# Open Android Studio
-open -a "Android Studio.app" android
-```
-
-## Troubleshooting
-Sometimes you may do some changes but not receive any update on `react-native-sdk`. This is because of `npx yarn install` creating a copy to work with in example directory. To reflect/update the changes there;
-
-- delete the `example/native_modules` in `example` directory
-- do `npx install yarn` in `example` directory
-
-## Downstream usage
 
-See [developer documentation](https://developers.veriff.com/#react-native-sdk-integration) or [NPM readme](./README) for usage.
+See more details [here](https://developers.veriff.com/#using-the-veriff-react-native-sdk).

package/android/build.gradle

@@ -78,7 +78,7 @@ repositories {
 dependencies {
     //noinspection GradleDynamicVersion
     implementation 'com.facebook.react:react-native:+'  // From node_modules
-    implementation 'com.veriff:veriff-library:3.+'
+    implementation 'com.veriff:veriff-library:3.21.+'
 }
 
 def configureReactNativePom(def pom) {

package/android/src/main/java/com/veriff/sdk/reactnative/VeriffSdkModule.java

@@ -83,6 +83,7 @@ public class VeriffSdkModule extends ReactContextBaseJavaModule {
     public static final String KEY_STATUS_BAR_COLOR = "statusBarColor";
     public static final String KEY_PRIMARY_TEXT_COLOR = "primaryTextColor";
     public static final String KEY_SECONDARY_TEXT_COLOR = "secondaryTextColor";
+    public static final String KEY_PRIMARY_BUTTON_BACKGROUND_COLOR = "primaryButtonBackgroundColor";
     public static final String KEY_BUTTON_CORNER_RADIUS = "buttonCornerRadius";
     private static final String KEY_CUSTOM_INTRO_SCREEN = "customIntroScreen";
     private static final String KEY_RN_IMAGE_URI = "uri";
@@ -250,6 +251,9 @@ public class VeriffSdkModule extends ReactContextBaseJavaModule {
                     if (brandConfig.hasKey(KEY_SECONDARY_TEXT_COLOR)) {
                         branding.secondaryTextColor(parseColor(brandConfig.getString(KEY_SECONDARY_TEXT_COLOR)));
                     }
+                    if (brandConfig.hasKey(KEY_PRIMARY_BUTTON_BACKGROUND_COLOR)) {
+                        branding.primaryButtonBackgroundColor(parseColor(brandConfig.getString(KEY_PRIMARY_BUTTON_BACKGROUND_COLOR)));
+                    }
                     if (brandConfig.hasKey(KEY_BUTTON_CORNER_RADIUS)) {
                         branding.buttonCornerRadius((float)brandConfig.getDouble(KEY_BUTTON_CORNER_RADIUS));
                     }

package/ios/VeriffSdk.m

@@ -1,6 +1,6 @@
 #import <React/RCTBridgeModule.h>
 
-@interface RCT_EXTERN_MODULE(VeriffSdk, NSObject)
+@interface RCT_EXTERN_REMAP_MODULE(VeriffSdk, VeriffSdkReactWrapper, NSObject)
 
 RCT_EXTERN_METHOD(launchVeriff:(NSDictionary *)configuration resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
 

package/ios/VeriffSdk.swift

@@ -2,7 +2,7 @@ import Foundation
 import Veriff
 import UIKit
 
-@objc(VeriffSdk)
+@objc(VeriffSdkReactWrapper)
 class VeriffSdk: NSObject {
   /**
   * Indicates that the parameters passed to |launchVeriff([String: AnyObject]], RCTPromiseResolveBlock,RCTPromiseRejectBlock|  were invalid.
@@ -34,6 +34,7 @@ class VeriffSdk: NSObject {
   private static let STATUS_BAR_COLOR = "statusBarColor"
   private static let PRIMARY_TEXT_COLOR = "primaryTextColor"
   private static let SECONDARY_TEXT_COLOR = "secondaryTextColor"
+  private static let PRIMARY_BUTTON_BACKGROUND_COLOR = "primaryButtonBackgroundColor"
   private static let BUTTON_CORNER_RADIUS = "buttonCornerRadius"
   private static let USE_CUSTOM_INTRO_SCREEN = "customIntroScreen"
 
@@ -94,6 +95,7 @@ class VeriffSdk: NSObject {
       branding?.statusBarColor = (brandingConfig[VeriffSdk.STATUS_BAR_COLOR] as? String).map { VeriffSdk.parseColor(hexcolor: $0) }
       branding?.primaryTextColor = (brandingConfig[VeriffSdk.PRIMARY_TEXT_COLOR] as? String).map { VeriffSdk.parseColor(hexcolor: $0) }
       branding?.secondaryTextColor = (brandingConfig[VeriffSdk.SECONDARY_TEXT_COLOR] as? String).map { VeriffSdk.parseColor(hexcolor: $0) }
+      branding?.primaryButtonBackgroundColor = (brandingConfig[VeriffSdk.PRIMARY_BUTTON_BACKGROUND_COLOR] as? String).map { VeriffSdk.parseColor(hexcolor: $0) }
       branding?.buttonCornerRadius = (brandingConfig[VeriffSdk.BUTTON_CORNER_RADIUS] as? Double).map { CGFloat($0) }
     }
 
@@ -126,6 +128,7 @@ class VeriffSdk: NSObject {
 
       let veriff = Veriff.VeriffSdk.shared
       veriff.delegate = self
+      veriff.implementationType = .reactNative
       veriffConfiguration?.queryItems = VeriffSdk.updateConfigWithQueryItems(urlString: sessionUrl!)
       veriff.startAuthentication(sessionUrl: sessionUrl!, configuration: veriffConfiguration)
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@veriff/react-native-sdk",
   "title": "React Native Veriff Sdk",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "description": "React Native SDK for Veriff identity verification",
   "main": "index.js",
   "scripts": {

package/react-native-sdk.podspec

@@ -20,5 +20,5 @@ Pod::Spec.new do |s|
   s.requires_arc = true
 
   s.dependency "React"
-  s.dependency "VeriffSDK", "~>4.3"
+  s.dependency "VeriffSDK", ">= 4.18.0"
 end

package/README

@@ -1,29 +0,0 @@
-# Veriff React Native SDK
-
-## Getting started
-
-To start using the Veriff React Native SDK follow the steps described
-[here](https://developers.veriff.com/#react-native-sdk-integration).
-
-## Usage
-
-```javascript
-import VeriffSdk from '@veriff/react-native-sdk';
-
-var result = await VeriffSdk.launchVeriff({ sessionUrl: SESSION_URL });
-switch (result.status) {
-  case VeriffSdk.statusDone:
-    // user submitted the images and completed the flow
-    // note that this does not mean a final decision yet
-    break;
-  case VeriffSdk.statusCanceled:
-    // user canceled the flow before completing
-    break;
-  case VeriffSdk.statusError:
-    // the flow could not be completed due to an error
-    console.log("Veriff verification failed with error=" + result.error);
-    break;
-} 
-```
-
-See more details [here](https://developers.veriff.com/#using-the-veriff-react-native-sdk).