Add support for the new architecture

.npmignore

@@ -1,5 +1,6 @@
 TestApp
 SampleApp
+FabricSample
 .gitlab
 testutils
 

FabricSample/.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

FabricSample/.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native',
+};

FabricSample/.gitignore

@@ -0,0 +1,76 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+**/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+**/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage
+
+.yalc
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

FabricSample/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: false,
+  singleQuote: true,
+  trailingComma: 'all',
+};

FabricSample/App.js

@@ -0,0 +1,105 @@
+import React, {Component} from 'react';
+import {Button, StyleSheet, Text, View, Platform} from 'react-native';
+import {Onfido, OnfidoCaptureType} from '@onfido/react-native-sdk';
+import {Redirect} from 'react-router-native';
+import createSdkToken from './backend-server-example';
+
+export default class App extends Component {
+  state = {
+    title: 'Welcome to Onfido React Native SDK!',
+    subtitle: "To get started, press 'Launch'",
+    status: 'Starting',
+    message: '--',
+    sdkToken: null,
+    sdkFlowComplete: false,
+    workflowRunId: null,
+  };
+
+  componentDidMount() {
+    // In your app, you will need to gather the user's information beforehand for the sdk to work. Only first and last name are required.
+    const propsMatch = this.props.match ? this.props.match : {params: {}};
+    const {firstName, lastName} = propsMatch.params;
+    // Your application id may be different on iOS and Android so you'll need to check which platform the code is running on first.
+    const applicationId =
+      Platform.OS === 'ios'
+        ? 'org.reactjs.native.example.SampleApp'
+        : 'com.sampleapp';
+    const applicant = {
+      first_name: !firstName || firstName.trim() === '' ? 'Jane' : firstName,
+      last_name: !lastName || lastName.trim() === '' ? 'Doe' : lastName,
+    };
+    this.getSDKToken(applicant, applicationId);
+  }
+
+  getSDKToken = async (applicant, applicationId) => {
+    const newState = await createSdkToken(applicant, applicationId);
+    this.setState(newState);
+  };
+
+  startSDK = () => {
+    Onfido.start({
+      sdkToken: this.state.sdkToken,
+      workflowRunId: this.state.workflowRunId,
+      localisation: {
+        ios_strings_file_name: 'Localizable',
+      },
+      flowSteps: {
+        welcome: true,
+        captureDocument: {},
+        captureFace: {
+          type: OnfidoCaptureType.VIDEO,
+        },
+      },
+    })
+      .then(response => {
+        this.setState({
+          status: 'resolved',
+          message: JSON.stringify(response),
+          sdkFlowComplete: true,
+        });
+      })
+      .catch(error => {
+        this.setState({
+          status: 'rejected',
+          message: error.code + ': ' + error.message,
+          sdkFlowComplete: true,
+        });
+      });
+  };
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <Text testID="firstName" style={styles.welcome}>
+          {this.state.title}
+        </Text>
+        <Text testID="lastName" style={styles.instructions}>
+          {this.state.subtitle}
+        </Text>
+        <Button title="Launch" onPress={() => this.startSDK()} />
+        {this.state.sdkFlowComplete ? (
+          <Redirect to={`/finish/${this.state.status}/${this.state.message}`} />
+        ) : null}
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 10,
+  },
+});

FabricSample/Finish.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import {StyleSheet, Text, View} from 'react-native';
+import {Link} from 'react-router-native';
+
+export default props => {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.welcome}>Status:</Text>
+      <Text style={styles.instructions}>{props.match.params.status}</Text>
+      <Text style={styles.welcome}>Response:</Text>
+      <Text style={styles.instructions}>{props.match.params.message}</Text>
+      <Link style={styles.button} to="/">
+        <Text style={styles.buttonText}>Restart SDK</Text>
+      </Link>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  buttonText: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+    color: '#FFFFFF',
+  },
+  button: {
+    backgroundColor: '#0080FF',
+    marginBottom: 10,
+    borderRadius: 10,
+    marginTop: 20,
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 10,
+  },
+});

FabricSample/Gemfile

@@ -0,0 +1,9 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Cocoapods 1.15 introduced a bug which break the build. We will remove the upper
+# bound in the template on Cocoapods with next React Native release.
+gem 'cocoapods', '>= 1.13', '< 1.15'
+gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'

FabricSample/Gemfile.lock

@@ -0,0 +1,103 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    CFPropertyList (3.0.7)
+      base64
+      nkf
+      rexml
+    activesupport (7.0.8.1)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (>= 1.6, < 2)
+      minitest (>= 5.1)
+      tzinfo (~> 2.0)
+    addressable (2.8.6)
+      public_suffix (>= 2.0.2, < 6.0)
+    algoliasearch (1.27.5)
+      httpclient (~> 2.8, >= 2.8.3)
+      json (>= 1.5.1)
+    atomos (0.1.3)
+    base64 (0.2.0)
+    claide (1.1.0)
+    cocoapods (1.14.3)
+      addressable (~> 2.8)
+      claide (>= 1.0.2, < 2.0)
+      cocoapods-core (= 1.14.3)
+      cocoapods-deintegrate (>= 1.0.3, < 2.0)
+      cocoapods-downloader (>= 2.1, < 3.0)
+      cocoapods-plugins (>= 1.0.0, < 2.0)
+      cocoapods-search (>= 1.0.0, < 2.0)
+      cocoapods-trunk (>= 1.6.0, < 2.0)
+      cocoapods-try (>= 1.1.0, < 2.0)
+      colored2 (~> 3.1)
+      escape (~> 0.0.4)
+      fourflusher (>= 2.3.0, < 3.0)
+      gh_inspector (~> 1.0)
+      molinillo (~> 0.8.0)
+      nap (~> 1.0)
+      ruby-macho (>= 2.3.0, < 3.0)
+      xcodeproj (>= 1.23.0, < 2.0)
+    cocoapods-core (1.14.3)
+      activesupport (>= 5.0, < 8)
+      addressable (~> 2.8)
+      algoliasearch (~> 1.0)
+      concurrent-ruby (~> 1.1)
+      fuzzy_match (~> 2.0.4)
+      nap (~> 1.0)
+      netrc (~> 0.11)
+      public_suffix (~> 4.0)
+      typhoeus (~> 1.0)
+    cocoapods-deintegrate (1.0.5)
+    cocoapods-downloader (2.1)
+    cocoapods-plugins (1.0.0)
+      nap
+    cocoapods-search (1.0.1)
+    cocoapods-trunk (1.6.0)
+      nap (>= 0.8, < 2.0)
+      netrc (~> 0.11)
+    cocoapods-try (1.2.0)
+    colored2 (3.1.2)
+    concurrent-ruby (1.2.3)
+    escape (0.0.4)
+    ethon (0.16.0)
+      ffi (>= 1.15.0)
+    ffi (1.16.3)
+    fourflusher (2.3.1)
+    fuzzy_match (2.0.4)
+    gh_inspector (1.1.3)
+    httpclient (2.8.3)
+    i18n (1.14.4)
+      concurrent-ruby (~> 1.0)
+    json (2.7.1)
+    minitest (5.22.3)
+    molinillo (0.8.0)
+    nanaimo (0.3.0)
+    nap (1.1.0)
+    netrc (0.11.0)
+    nkf (0.2.0)
+    public_suffix (4.0.7)
+    rexml (3.2.6)
+    ruby-macho (2.5.1)
+    typhoeus (1.4.1)
+      ethon (>= 0.9.0)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
+    xcodeproj (1.24.0)
+      CFPropertyList (>= 2.3.3, < 4.0)
+      atomos (~> 0.1.3)
+      claide (>= 1.0.2, < 2.0)
+      colored2 (~> 3.1)
+      nanaimo (~> 0.3.0)
+      rexml (~> 3.2.4)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  activesupport (>= 6.1.7.5, < 7.1.0)
+  cocoapods (>= 1.13, < 1.15)
+
+RUBY VERSION
+   ruby 3.2.1p31
+
+BUNDLED WITH
+   2.4.6