@veriff/react-native-sdk 2.12.0 → 3.0.0

package/.github/CODEOWNERS

@@ -1 +1 @@
-@DariaRyazhskikhVeriff @MertCelik @yakovshkolnikovveriff
+@yakovshkolnikovveriff @tauntz @catchakos @l3m4rk-veriff

package/android/build.gradle

@@ -23,8 +23,8 @@ apply plugin: 'kotlin-android'
 apply plugin: 'maven-publish'
 
 android {
-    compileSdkVersion safeExtGet('compileSdkVersion', 31)
-    buildToolsVersion safeExtGet('buildToolsVersion', '31.0.0')
+    compileSdkVersion safeExtGet('compileSdkVersion', 33)
+    buildToolsVersion safeExtGet('buildToolsVersion', '33.0.0')
 
     defaultConfig {
         minSdkVersion safeExtGet('minSdkVersion', 21)
@@ -42,5 +42,5 @@ repositories {
 dependencies {
     //noinspection GradleDynamicVersion
     implementation 'com.facebook.react:react-native:+'
-    implementation 'com.veriff:veriff-library:4.7.0'
+    implementation 'com.veriff:veriff-library:6.0.0'
 }

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

@@ -28,7 +28,6 @@ import com.veriff.Sdk;
 import java.util.*;
 
 import com.veriff.GeneralConfig;
-import com.veriff.sdk.reactnative.mapper.ExternalResourcesMapper;
 import okhttp3.HttpUrl;
 
 import static android.app.Activity.RESULT_CANCELED;
@@ -74,25 +73,30 @@ public class VeriffSdkModule extends ReactContextBaseJavaModule {
     private static final String KEY_BRANDING = "branding";
     private static final String KEY_LOCALE = "locale";
     private static final String KEY_STATUS = "status";
-    private static final String KEY_ERROR = "error";
+    private static final String KEY_RESULT_ERROR = "result_error";
 
-    private static final String KEY_THEME_COLOR = "themeColor";
     private static final String KEY_LOGO = "logo";
-    private static final String KEY_NAVIGATION_BAR_IMAGE = "navigationBarImage";
-    private static final String KEY_ANDROID_NOTIFICATION_ICON = "androidNotificationIcon";
-    public static final String KEY_BACKGROUND_COLOR = "backgroundColor";
-    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_BACKGROUND = "background";
+    private static final String KEY_ON_BACKGROUND = "onBackground";
+    private static final String KEY_ON_BACKGROUND_SECONDARY = "onBackgroundSecondary";
+    private static final String KEY_ON_BACKGROUND_TERTIARY = "onBackgroundTertiary";
+    private static final String KEY_PRIMARY = "primary";
+    private static final String KEY_ON_PRIMARY = "onPrimary";
+    private static final String KEY_SECONDARY = "secondary";
+    private static final String KEY_ON_SECONDARY = "onSecondary";
+    private static final String KEY_OUTLINE = "outline";
+    private static final String KEY_SUCCESS = "success";
+    private static final String KEY_ERROR = "error";
+
+    public static final String KEY_BUTTON_RADIUS = "buttonRadius";
     private static final String KEY_CUSTOM_INTRO_SCREEN = "customIntroScreen";
-    public static final String KEY_ADVANCED_CONFIGURATIONS = "advancedConfigurations";
     private static final String KEY_RN_IMAGE_URI = "uri";
 
     private static final String KEY_FONT = "androidFont";
-    private static final String KEY_FONT_NORMAL = "regularFontName";
-    private static final String KEY_FONT_BOLD = "boldFontName";
+
+    private static final String KEY_FONT_REGULAR = "regular";
+    private static final String KEY_FONT_MEDIUM = "medium";
+    private static final String KEY_FONT_BOLD = "bold";
 
     private static final String ERROR_UNABLE_TO_ACCESS_CAMERA = "UNABLE_TO_ACCESS_CAMERA";
     private static final String ERROR_UNABLE_TO_RECORD_AUDIO = "UNABLE_TO_RECORD_AUDIO";
@@ -213,7 +217,7 @@ public class VeriffSdkModule extends ReactContextBaseJavaModule {
                         }
                         result.putString(KEY_STATUS, statusToString(status));
                         if (veriffResult != null && veriffResult.getError() != null) {
-                            result.putString(KEY_ERROR, codeToError(veriffResult.getError()));
+                            result.putString(KEY_RESULT_ERROR, codeToError(veriffResult.getError()));
                         }
 
                         promise.resolve(result);
@@ -233,38 +237,58 @@ public class VeriffSdkModule extends ReactContextBaseJavaModule {
                 ReadableMap brandConfig = configuration.getMap(KEY_BRANDING);
                 if (brandConfig != null) {
                     Branding.Builder branding = new Branding.Builder();
-                    if (brandConfig.hasKey(KEY_THEME_COLOR)) {
-                        branding.themeColor(parseColor(brandConfig.getString(KEY_THEME_COLOR)));
-                    }
-                    if (brandConfig.hasKey(KEY_NAVIGATION_BAR_IMAGE)) {
-                        handleLogo(activity, KEY_NAVIGATION_BAR_IMAGE, branding, brandConfig);
-                    }
+
                     if (brandConfig.hasKey(KEY_LOGO)) {
                         handleLogo(activity, KEY_LOGO, branding, brandConfig);
                     }
-                    if (brandConfig.hasKey(KEY_ANDROID_NOTIFICATION_ICON)) {
-                        branding.notificationIcon(getDrawableId(activity, brandConfig.getString(KEY_ANDROID_NOTIFICATION_ICON)));
+
+                    if (brandConfig.hasKey(KEY_BACKGROUND)) {
+                        branding.background(parseColor(brandConfig.getString(KEY_BACKGROUND)));
                     }
-                    if (brandConfig.hasKey(KEY_BACKGROUND_COLOR)) {
-                        branding.backgroundColor(parseColor(brandConfig.getString(KEY_BACKGROUND_COLOR)));
+
+                    if (brandConfig.hasKey(KEY_ON_BACKGROUND)) {
+                        branding.onBackground(parseColor(brandConfig.getString(KEY_ON_BACKGROUND)));
                     }
-                    if (brandConfig.hasKey(KEY_STATUS_BAR_COLOR)) {
-                        branding.statusBarColor(parseColor(brandConfig.getString(KEY_STATUS_BAR_COLOR)));
+
+                    if (brandConfig.hasKey(KEY_ON_BACKGROUND_SECONDARY)) {
+                        branding.onBackgroundSecondary(parseColor(brandConfig.getString(KEY_ON_BACKGROUND_SECONDARY)));
+                    }
+
+                    if (brandConfig.hasKey(KEY_ON_BACKGROUND_TERTIARY)) {
+                        branding.onBackgroundTertiary(parseColor(brandConfig.getString(KEY_ON_BACKGROUND_TERTIARY)));
+                    }
+
+                    if (brandConfig.hasKey(KEY_PRIMARY)) {
+                        branding.primary(parseColor(brandConfig.getString(KEY_PRIMARY)));
                     }
-                    if (brandConfig.hasKey(KEY_PRIMARY_TEXT_COLOR)) {
-                        branding.primaryTextColor(parseColor(brandConfig.getString(KEY_PRIMARY_TEXT_COLOR)));
+
+                    if (brandConfig.hasKey(KEY_ON_PRIMARY)) {
+                        branding.onPrimary(parseColor(brandConfig.getString(KEY_ON_PRIMARY)));
                     }
-                    if (brandConfig.hasKey(KEY_SECONDARY_TEXT_COLOR)) {
-                        branding.secondaryTextColor(parseColor(brandConfig.getString(KEY_SECONDARY_TEXT_COLOR)));
+
+                    if (brandConfig.hasKey(KEY_SECONDARY)) {
+                        branding.secondary(parseColor(brandConfig.getString(KEY_SECONDARY)));
                     }
-                    if (brandConfig.hasKey(KEY_PRIMARY_BUTTON_BACKGROUND_COLOR)) {
-                        branding.primaryButtonBackgroundColor(parseColor(brandConfig.getString(KEY_PRIMARY_BUTTON_BACKGROUND_COLOR)));
+                    
+                    if (brandConfig.hasKey(KEY_ON_SECONDARY)) {
+                        branding.onSecondary(parseColor(brandConfig.getString(KEY_ON_SECONDARY)));
                     }
-                    if (brandConfig.hasKey(KEY_BUTTON_CORNER_RADIUS)) {
-                        branding.buttonCornerRadius((float) brandConfig.getDouble(KEY_BUTTON_CORNER_RADIUS));
+
+                    if (brandConfig.hasKey(KEY_OUTLINE)) {
+                        branding.outline(parseColor(brandConfig.getString(KEY_OUTLINE)));
+                    }
+
+                    if (brandConfig.hasKey(KEY_SUCCESS)) {
+                        branding.success(parseColor(brandConfig.getString(KEY_SUCCESS)));
+                    }
+
+                    if (brandConfig.hasKey(KEY_ERROR)) {
+                        branding.error(parseColor(brandConfig.getString(KEY_ERROR)));
+                    }
+
+                    if (brandConfig.hasKey(KEY_BUTTON_RADIUS)) {
+                        branding.buttonRadius((float) brandConfig.getDouble(KEY_BUTTON_RADIUS));
                     }
-                    handleExternalResources(brandConfig, branding);
-                    handleAdvancedConfigurations(brandConfig, branding);
 
                     if (brandConfig.hasKey(KEY_FONT)) {
                         ReadableMap srcFont = brandConfig.getMap(KEY_FONT);
@@ -289,43 +313,31 @@ public class VeriffSdkModule extends ReactContextBaseJavaModule {
     }
 
     private Font buildFont(Context context, ReadableMap src) {
-        int normalFont = getFontId(context, src.getString(KEY_FONT_NORMAL));
+        int regularFont = getFontId(context, src.getString(KEY_FONT_REGULAR));
+        int mediumFont = getFontId(context, src.getString(KEY_FONT_MEDIUM));
         int boldFont = getFontId(context, src.getString(KEY_FONT_BOLD));
 
-        Log.v(TAG, String.format("Normal font: [%s], value [%s]",
-                src.getString(KEY_FONT_NORMAL), normalFont));
+        Log.v(TAG, String.format("Regular font: [%s], value [%s]",
+                src.getString(KEY_FONT_REGULAR), regularFont));
+
+        Log.v(TAG, String.format("Medium font: [%s], value [%s]",
+                src.getString(KEY_FONT_MEDIUM), mediumFont));                
 
         Log.v(TAG, String.format("Bold font: [%s], value [%s]",
                 src.getString(KEY_FONT_BOLD), boldFont));
 
         return new Font.Builder()
-                .setNormalAndBold(normalFont, boldFont)
+                .setRegular(regularFont)
+                .setMedium(mediumFont)
+                .setBold(boldFont)
                 .build();
     }
 
-
-    private void handleExternalResources(ReadableMap brandConfig, Branding.Builder branding) {
-        ExternalResourcesMapper mapper = new ExternalResourcesMapper();
-
-        branding.externalResources(mapper.map(brandConfig));
-    }
-
-    private void handleAdvancedConfigurations(ReadableMap brandConfig, Branding.Builder branding) {
-        Map<String, Object> result = new HashMap<>();
-
-        if (brandConfig.hasKey(KEY_ADVANCED_CONFIGURATIONS)) {
-            ReadableMap config = brandConfig.getMap(KEY_ADVANCED_CONFIGURATIONS);
-            result.put("customer", config.getString("customer"));
-        }
-
-        branding.advancedConfigurations(result);
-    }
-
     private void handleLogo(Context context, String key, Branding.Builder branding, ReadableMap brandConfig) {
         ReadableType type = brandConfig.getType(key);
         Log.d(TAG, "Logo type" + type);
         if (ReadableType.String.equals(type)) {
-            branding.toolbarIcon(getDrawableId(context, brandConfig.getString(key)));
+            branding.logo(getDrawableId(context, brandConfig.getString(key)));
         } else if (ReadableType.Map.equals(type)) {
             // check if it's a native RN image
             ReadableMap image = brandConfig.getMap(key);
@@ -336,10 +348,10 @@ public class VeriffSdkModule extends ReactContextBaseJavaModule {
                         // check if url has an async scheme
                         if (isAsyncLogoUrl(url)) {
                             Log.d(TAG, "Async logo" + url);
-                            branding.toolbarIconProvider(new ReactNativeImageProvider(url));
+                            branding.logo(new ReactNativeImageProvider(url));
                         } else {
                             Log.d(TAG, "Logo from resource" + url);
-                            branding.toolbarIcon(getDrawableId(context, url));
+                            branding.logo(getDrawableId(context, url));
                         }
                     } else {
                         Log.w(TAG, "Image url is empty: " + url);

package/ios/Podfile

@@ -5,8 +5,7 @@ require_relative '../node_modules/@react-native-community/cli-platform-ios/nativ
 
 target 'VeriffSdk' do
   # Pods for VeriffSdk
-  pod 'VeriffSDK'
-  pod 'lottie-ios'
+  pod 'VeriffSDK', '6.1.0'
 
   config = use_native_modules!
 

package/ios/VeriffSdk.swift

@@ -1,7 +1,6 @@
 import Foundation
 import Veriff
 import UIKit
-import Lottie
 
 @objc(VeriffSdkReactWrapper)
 class VeriffSdk: NSObject {
@@ -28,17 +27,8 @@ class VeriffSdk: NSObject {
   private static let SESSION_URL = "sessionUrl"
   private static let BRANDING = "branding"
   private static let LOCALE = "locale"
-  private static let THEME_COLOR = "themeColor"
-  static let LOGO = "logo"
-  private static let BACKGROUND_COLOR = "backgroundColor"
-  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 LOGO = "logo"
   private static let USE_CUSTOM_INTRO_SCREEN = "customIntroScreen"
-  private static let ADVANCED_CONFIGURATIONS = "advancedConfigurations"
-  private static let FONT = "iOSFont"
 
   private static let STATUS = "status"
   private static let ERROR = "error"
@@ -64,84 +54,53 @@ class VeriffSdk: NSObject {
   @objc(launchVeriff:resolver:rejecter:)
   func launchVeriff(_ configuration: [String: AnyObject], resolver resolve: @escaping RCTPromiseResolveBlock, rejecter reject: @escaping RCTPromiseRejectBlock) {
 
-  var veriffConfiguration: Veriff.VeriffSdk.Configuration?
-  var branding: Veriff.VeriffSdk.Branding?
+    var veriffConfiguration: Veriff.VeriffSdk.Configuration?
+    var veriffBranding: Veriff.VeriffSdk.Branding?
 
     if let brandingConfig = (configuration[VeriffSdk.BRANDING] as? [String: AnyObject]) {
-      let color = (brandingConfig[VeriffSdk.THEME_COLOR] as? String).map { VeriffSdk.parseColor(hexcolor: $0) }
-
+      let branding = Veriff.VeriffSdk.Branding()
       let imageProvider = VeriffSdkImageProvider(imageSource: brandingConfig[VeriffSdk.LOGO])
 
-      if let imageURI = brandingConfig[VeriffSdk.LOGO],
-         let imageDict = imageURI as? [String: AnyObject],
-         let urlString = imageDict["uri"] as? String,
-         let url = URL(string: urlString),
-         !url.isFileURL {
-        let provider: Veriff.VeriffSdk.Branding.LogoProvider = { imageHandler in
-          imageProvider.loadRemoteAsset(url: url) { (image) in
-            guard let image = image else {
-              return
-            }
+      if
+        let imageURI = brandingConfig[VeriffSdk.LOGO],
+        let imageDict = imageURI as? [String: AnyObject],
+        let urlString = imageDict["uri"] as? String,
+        let url = URL(string: urlString),
+        !url.isFileURL
+      {
+        branding.logoProvider = { imageHandler in
+          imageProvider.loadRemoteAsset(url: url) { image in
+            guard let image else { return }
             imageHandler(image)
           }
         }
-        branding = Veriff.VeriffSdk.Branding(themeColor: color, logoProvider: provider)
       } else {
-        let image = imageProvider.loadLocalAsset()
-        branding = Veriff.VeriffSdk.Branding(themeColor: color, logo: image)
+        branding.logo = imageProvider.loadLocalAsset()
       }
 
       // fill the other items in branding
-      branding?.backgroundColor = (brandingConfig[VeriffSdk.BACKGROUND_COLOR] as? String).map { VeriffSdk.parseColor(hexcolor: $0) }
-      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) }
-      if let rnAdvancedConfigurations = brandingConfig[VeriffSdk.ADVANCED_CONFIGURATIONS] as? [String: Any] {
-        var advancedConfigurations: [String: Any] = [:]
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "rotateToPortraitIcon"), for: "rotateToPortraitIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "rotateToLandscapeIcon"), for: "rotateToLandscapeIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "documentFrontIcon"), for: "documentFrontIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "documentBackIcon"), for: "documentBackIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "cameraUnavailableErrorIcon"), for: "cameraUnavailableErrorIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "microphoneUnavailableErrorIcon"), for: "microphoneUnavailableErrorIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "serverErrorIcon"), for: "serverErrorIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "localErrorIcon"), for: "localErrorIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "networkErrorIcon"), for: "networkErrorIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "uploadErrorIcon"), for: "uploadErrorIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "videoFailedErrorIcon"), for: "videoFailedErrorIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "deprecatedSDKVersionErrorIcon"), for: "deprecatedSDKVersionErrorIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "unknownErrorIcon"), for: "unknownErrorIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "bannerErrorIcon"), for: "bannerErrorIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations.image(for: "consentIcon"), for: "consentIcon")
-        advancedConfigurations.addValue(rnAdvancedConfigurations["customer"], for: "customer")
-        if let loadingAnimationString = rnAdvancedConfigurations["loadingAnimation"] as? String {
-            if
-              let jsonData = loadingAnimationString.data(using: .utf8),
-              let animation = try? JSONDecoder().decode(Lottie.Animation.self, from: jsonData)
-            {
-                let animationView: () -> UIView = {
-                    let animationView = Lottie.AnimationView(animation: animation)
-                    animationView.backgroundBehavior = .pauseAndRestore
-                    animationView.loopMode = .loop
-                    animationView.play(completion: nil)
-                    return animationView
-                }
-                advancedConfigurations["loadingAnimation"] = animationView
-            }
-        }
-        branding?.advancedConfigurations = advancedConfigurations
-      }
+      branding.background = brandingConfig.color(for: "background")
+      branding.onBackground = brandingConfig.color(for: "onBackground")
+      branding.onBackgroundSecondary = brandingConfig.color(for: "onBackgroundSecondary")
+      branding.onBackgroundTertiary = brandingConfig.color(for: "onBackgroundTertiary")
+      branding.primary = brandingConfig.color(for: "primary")
+      branding.onPrimary = brandingConfig.color(for: "onPrimary")
+      branding.secondary = brandingConfig.color(for: "secondary")
+      branding.onSecondary = brandingConfig.color(for: "onSecondary")
+      branding.outline = brandingConfig.color(for: "outline")
+      branding.error = brandingConfig.color(for: "error")
+      branding.success = brandingConfig.color(for: "success")
+      branding.buttonRadius = (brandingConfig["buttonRadius"] as? Double).map { CGFloat($0) }
       if
-        let font = brandingConfig[VeriffSdk.FONT] as? [String: Any],
-        let regular = font["regularFontName"] as? String,
-        let light = font["lightFontName"] as? String,
-        let semiBold = font["semiBoldFontName"] as? String,
-        let bold = font["boldFontName"] as? String
+        let font = brandingConfig["iOSFont"] as? [String: Any],
+        let regular = font["regular"] as? String,
+        let medium = font["medium"] as? String,
+        let bold = font["bold"] as? String
       {
-        branding?.font = Veriff.VeriffSdk.Branding.Font(regularFontName: regular, lightFontName: light, semiBoldFontName: semiBold, boldFontName: bold)
+        branding.font = Veriff.VeriffSdk.Branding.Font(regular: regular, medium: medium, bold: bold)
       }
+
+      veriffBranding = branding
     }
 
     let sessionURL: URL
@@ -156,7 +115,7 @@ class VeriffSdk: NSObject {
         locale = Locale(identifier: languageLocale)
       }
 
-      veriffConfiguration = Veriff.VeriffSdk.Configuration(branding: branding, languageLocale: locale)
+      veriffConfiguration = Veriff.VeriffSdk.Configuration(branding: veriffBranding, languageLocale: locale)
       veriffConfiguration?.customIntroScreen = VeriffSdk.checkCustomIntro(configuration: configuration)
     } else if let sessionToken = configuration[VeriffSdk.SESSION_TOKEN] as? String {
       // Using deprecated API
@@ -166,7 +125,7 @@ class VeriffSdk: NSObject {
       }
       sessionURL = baseURL.appendingPathComponent(sessionToken)
 
-      veriffConfiguration = Veriff.VeriffSdk.Configuration(branding: branding)
+      veriffConfiguration = Veriff.VeriffSdk.Configuration(branding: veriffBranding)
       veriffConfiguration?.customIntroScreen = VeriffSdk.checkCustomIntro(configuration: configuration)
     } else {
       // Failed to configure
@@ -199,24 +158,6 @@ class VeriffSdk: NSObject {
     return components?.queryItems
   }
 
-  private static func parseColor(hexcolor: String) -> UIColor {
-    if (hexcolor.starts(with: "#")) {
-      return parseColor(hexcolor: String(hexcolor.dropFirst()))
-    }
-    var color: UInt64 = 0
-    Scanner(string: hexcolor).scanHexInt64(&color)
-    var a: CGFloat = 1.0
-    if (hexcolor.count > 7) {
-      // #rrggbbaa
-      a = CGFloat(color & 0xff) / 255.0
-      color = color >> 8
-    }
-    let r = CGFloat((color >> 16) & 0xff) / 255.0
-    let g = CGFloat((color >> 8) & 0xff) / 255.0
-    let b = CGFloat(color & 0xff) / 255.0
-    return UIColor(red: r, green: g, blue: b, alpha: a)
-  }
-
   private static func resultToStatus(result: Veriff.VeriffSdk.Result) -> (Veriff.VeriffSdk.Status, String) {
     switch result.status {
     case .done:
@@ -264,9 +205,8 @@ extension VeriffSdk: VeriffSdkDelegate {
   }
 }
 
-private extension Dictionary where Key == String, Value == Any {
-  func image(for key: String) -> Any? {
-    let imageProvider = VeriffSdkImageProvider(imageSource: self[key])
+private extension Dictionary where Key == String, Value == AnyObject {
+  func image(for key: String) -> UIImage? {
     if
       let imageDict = self[key] as? [String: AnyObject],
       let urlString = imageDict["uri"] as? String,
@@ -276,12 +216,31 @@ private extension Dictionary where Key == String, Value == Any {
     {
       return UIImage(data: data)
     } else {
-      return imageProvider.loadLocalAsset()
+      return VeriffSdkImageProvider(imageSource: self[key]).loadLocalAsset()
     }
   }
 
-  mutating func addValue(_ value: Any?, for key: String) {
-    guard let value = value else { return }
-    self[key] = value
+  func color(for key: String) -> UIColor? {
+    (self[key] as? String).map { $0.color }
+  }
+}
+
+private extension String {
+  var color: UIColor {
+    if starts(with: "#") {
+      return String(dropFirst()).color
+    }
+    var color: UInt64 = 0
+    Scanner(string: self).scanHexInt64(&color)
+    var a: CGFloat = 1
+    if count > 7 {
+      // #rrggbbaa
+      a = CGFloat(color & 0xff) / 255.0
+      color = color >> 8
+    }
+    let r = CGFloat((color >> 16) & 0xff) / 255.0
+    let g = CGFloat((color >> 8) & 0xff) / 255.0
+    let b = CGFloat(color & 0xff) / 255.0
+    return UIColor(red: r, green: g, blue: b, alpha: a)
   }
 }

package/package.json

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

package/react-native-sdk.podspec

@@ -20,6 +20,5 @@ Pod::Spec.new do |s|
   s.requires_arc = true
 
   s.dependency "React"
-  s.dependency "VeriffSDK", ">= 4.34.0"
-  s.dependency "lottie-ios"
+  s.dependency "VeriffSDK", "6.1.0"
 end

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

@@ -1,105 +0,0 @@
-package com.veriff.sdk.reactnative;
-
-import android.content.Context;
-import android.graphics.Typeface;
-import android.graphics.drawable.Drawable;
-import android.os.Parcel;
-import android.os.Parcelable;
-import android.util.Log;
-import androidx.annotation.NonNull;
-import androidx.annotation.Nullable;
-import com.veriff.Branding;
-import com.veriff.Branding.ExternalResources.Image;
-import com.veriff.Branding.ExternalResources.Lottie;
-
-import java.io.IOException;
-import java.util.HashMap;
-import java.util.Map;
-
-import static com.veriff.sdk.reactnative.VeriffSdkModule.TAG;
-
-public class ReactNativeExternalResources implements Branding.ExternalResources, Parcelable {
-    private final ImageLoader imageLoader = new ImageLoader();
-
-    private final Map<Image, String> imageUrls;
-    private final Map<Lottie, String> lottieJson;
-
-    protected ReactNativeExternalResources(Parcel in) {
-        imageUrls = readMapFromParcel(in, Image.values());
-        lottieJson = readMapFromParcel(in, Lottie.values());
-    }
-
-    public ReactNativeExternalResources(Map<Image, String> imageUrls, Map<Lottie, String> lottieJson) {
-        this.imageUrls = imageUrls;
-        this.lottieJson = lottieJson;
-    }
-
-    @Nullable
-    @Override
-    public Drawable loadImage(@NonNull Context context, @NonNull Image target) throws IOException {
-        String imageUrl = imageUrls.get(target);
-        if (imageUrl != null) {
-            return imageLoader.load(context, imageUrl);
-        } else {
-            return null;
-        }
-    }
-
-    @Nullable
-    @Override
-    public String getLottieJson(Context context, @NonNull Lottie target) {
-        return lottieJson.get(target);
-    }
-
-    public static final Creator<ReactNativeExternalResources> CREATOR = new Creator<ReactNativeExternalResources>() {
-        @Override
-        public ReactNativeExternalResources createFromParcel(Parcel in) {
-            return new ReactNativeExternalResources(in);
-        }
-
-        @Override
-        public ReactNativeExternalResources[] newArray(int size) {
-            return new ReactNativeExternalResources[size];
-        }
-    };
-
-    @Override
-    public int describeContents() {
-        return 0;
-    }
-
-    @Override
-    public void writeToParcel(Parcel dest, int flags) {
-        writeMapToParcel(dest, imageUrls);
-        writeMapToParcel(dest, lottieJson);
-    }
-
-    private <E extends Enum<E>> void writeMapToParcel(Parcel dest, Map<E, String> map) {
-        dest.writeInt(map.size());
-        for (Map.Entry<E, String> entry : map.entrySet()) {
-            dest.writeInt(entry.getKey().ordinal());
-            dest.writeString(entry.getValue());
-            Log.d(TAG, String.format("Write to parcel [%s] -> [%s]", entry.getKey().ordinal(), entry.getValue()));
-        }
-    }
-
-    public <E extends Enum<E>> Map<E, String> readMapFromParcel(Parcel in, E[] values) {
-        int count = in.readInt();
-
-        Map<E, String> map = new HashMap<>(count);
-
-        int i = 0;
-        while (i < count) {
-            i++;
-
-            int ordinal = in.readInt();
-            String value = in.readString();
-            Log.d(TAG, String.format("Read from parcel [%s] -> [%s]", ordinal, value));
-
-            E key = values[ordinal];
-            map.put(key, value);
-        }
-
-        return map;
-    }
-}

package/android/src/main/java/com/veriff/sdk/reactnative/mapper/ExternalResourcesMapper.java

@@ -1,114 +0,0 @@
-package com.veriff.sdk.reactnative.mapper;
-
-import android.graphics.Typeface;
-import android.util.JsonWriter;
-import android.util.Log;
-import androidx.annotation.NonNull;
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.bridge.Dynamic;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.bridge.ReadableNativeMap;
-import com.veriff.sdk.reactnative.ImageLoader;
-import com.veriff.sdk.reactnative.ReactNativeExternalResources;
-import com.veriff.Branding;
-import com.veriff.Branding.ExternalResources.Image;
-import com.veriff.Branding.ExternalResources.Lottie;
-
-import java.util.HashMap;
-import java.util.Iterator;
-import java.util.LinkedHashMap;
-import java.util.Map;
-
-import static com.veriff.sdk.reactnative.VeriffSdkModule.KEY_ADVANCED_CONFIGURATIONS;
-import static com.veriff.sdk.reactnative.VeriffSdkModule.TAG;
-
-public class ExternalResourcesMapper {
-    public ReactNativeExternalResources map(ReadableMap brandConfig) {
-        Map<Image, String> images = mapImages(brandConfig);
-        Map<Lottie, String> lottie = mapLottie(brandConfig);
-
-        if (!images.isEmpty() || !lottie.isEmpty()) {
-            return new ReactNativeExternalResources(images, lottie);
-        } else {
-            return null;
-        }
-    }
-
-    private Map<Image, String> mapImages(ReadableMap brandConfig) {
-        Map<Image, String> images = new HashMap();
-        if (brandConfig.hasKey(KEY_ADVANCED_CONFIGURATIONS)) {
-            ReadableMap config = brandConfig.getMap(KEY_ADVANCED_CONFIGURATIONS);
-
-            appendImage(config, KEY_DOCUMENT_FRONT, images, Image.DOCUMENT_FRONT);
-            appendImage(config, KEY_DOCUMENT_BACK, images, Image.DOCUMENT_BACK_END);
-            appendImage(config, KEY_BANNER_ERROR_ICON, images, Image.BANNER_ICON_ERROR);
-            appendImage(config, KEY_CAMERA_ERROR, images, Image.ERROR_CAMERA);
-            appendImage(config, KEY_MICROPHONE_ERROR, images, Image.ERROR_MICROPHONE);
-            appendImage(config, KEY_SERVER_ERROR, images, Image.ERROR_SYSTEM);
-            appendImage(config, KEY_LOCAL_ERROR, images, Image.ERROR_SYSTEM);
-            appendImage(config, KEY_NETWORK_ERROR, images, Image.ERROR_NETWORK);
-            appendImage(config, KEY_VERSION_ERROR, images, Image.ERROR_VERSION);
-            appendImage(config, KEY_UNKNOWN_ERROR, images, Image.ERROR_UNKNOWN);
-            appendImage(config, KEY_CONSENT_ICON, images, Image.CONSENT_IMAGE);
-        }
-
-        return images;
-    }
-
-    private void appendImage(
-            ReadableMap advancedConfig,
-            String configKey,
-            Map<Branding.ExternalResources.Image, String> map,
-            Branding.ExternalResources.Image mapKey
-    ) {
-        if (advancedConfig.hasKey(configKey)) {
-            ReadableMap item = advancedConfig.getMap(configKey);
-            String url = item.getString("uri");
-            if (url != null) {
-                map.put(mapKey, url);
-            }
-        }
-    }
-
-    private Map<Lottie, String> mapLottie(ReadableMap brandConfig) {
-        Map<Lottie, String> lottie = new HashMap();
-
-        if (brandConfig.hasKey(KEY_ADVANCED_CONFIGURATIONS)) {
-            ReadableMap config = brandConfig.getMap(KEY_ADVANCED_CONFIGURATIONS);
-
-            appendLottie(config, KEY_LOTTIE_PROGRESS, lottie, Lottie.PROGRESS);
-
-        }
-
-        return lottie;
-    }
-
-    private void appendLottie(
-            ReadableMap advancedConfig,
-            String configKey,
-            Map<Lottie, String> map,
-            Lottie mapKey
-    ) {
-        if (advancedConfig.hasKey(configKey)) {
-            String lottie = advancedConfig.getString(configKey);
-
-            map.put(mapKey, lottie);
-        }
-    }
-
-    private final String KEY_DOCUMENT_FRONT = "documentFrontIcon";
-    private final String KEY_DOCUMENT_BACK = "documentBackIcon";
-    private final String KEY_BANNER_ERROR_ICON = "bannerErrorIcon";
-    private final String KEY_CONSENT_ICON = "consentIcon";
-
-    private final String KEY_CAMERA_ERROR = "cameraUnavailableErrorIcon";
-    private final String KEY_MICROPHONE_ERROR = "microphoneUnavailableErrorIcon";
-    private final String KEY_SERVER_ERROR = "serverErrorIcon";
-    private final String KEY_LOCAL_ERROR = "localErrorIcon";
-    private final String KEY_NETWORK_ERROR = "networkErrorIcon";
-    private final String KEY_VERSION_ERROR = "deprecatedSDKVersionErrorIcon";
-    private final String KEY_UNKNOWN_ERROR = "unknownErrorIcon";
-
-    private final String KEY_LOTTIE_PROGRESS = "loadingAnimation";
-}