@regulaforensics/react-native-document-reader-api 6.8.0 → 6.9.0

package/android/src/main/java/com/regula/documentreader/RegulaConfig.java

@@ -1,31 +1,28 @@
 package com.regula.documentreader;
 
-import org.json.JSONArray;
-import org.json.JSONObject;
-import org.json.JSONException;
-
-import com.regula.documentreader.api.DocumentReader;
-import com.regula.documentreader.api.params.ImageQA;
-import com.regula.documentreader.api.params.OnlineProcessingConfig;
-import com.regula.documentreader.api.params.ParamsCustomization;
-import com.regula.documentreader.api.params.Functionality;
-import com.regula.documentreader.api.params.ProcessParam;
-import com.regula.documentreader.api.params.rfid.RFIDParams;
-import com.regula.documentreader.api.params.rfid.ReprocParams;
-import com.regula.documentreader.api.params.rfid.dg.DataGroups;
+import static com.regula.documentreader.Helpers.*;
+import static com.regula.documentreader.JSONConstructor.*;
 
 import android.annotation.SuppressLint;
 import android.content.Context;
 import android.graphics.Paint;
+import android.graphics.Typeface;
 import android.text.SpannableString;
 import android.widget.ImageView.ScaleType;
-import android.graphics.Typeface;
 
-import java.math.BigDecimal;
+import com.regula.documentreader.api.DocumentReader;
+import com.regula.documentreader.api.params.*;
+import com.regula.documentreader.api.params.rfid.RFIDParams;
+import com.regula.documentreader.api.params.rfid.ReprocParams;
+import com.regula.documentreader.api.params.rfid.dg.DataGroups;
 
-import static com.regula.documentreader.Helpers.*;
-import static com.regula.documentreader.JSONConstructor.*;
+import org.json.JSONArray;
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.math.BigDecimal;
 
+@SuppressWarnings("deprecation")
 class RegulaConfig {
     static void setConfig(DocumentReader reader, JSONObject opts, Context context) throws JSONException {
         if (opts.has("customization"))
@@ -191,11 +188,8 @@ class RegulaConfig {
             processParams.fastDocDetect = opts.getBoolean("fastDocDetect");
         if (opts.has("updateOCRValidityByGlare"))
             processParams.updateOCRValidityByGlare = opts.getBoolean("updateOCRValidityByGlare");
-        if (opts.has("imageQA")) {
-            ImageQA img = new ImageQA();
-            img.fromJson(opts.getJSONObject("imageQA"));
-            processParams.imageQA = img;
-        }
+        if (opts.has("imageQA"))
+            processParams.imageQA = ImageQAFromJSON(opts.getJSONObject("imageQA"));
         if (opts.has("forceDocFormat"))
             processParams.forceDocFormat = opts.getInt("forceDocFormat");
         if (opts.has("noGraphics"))
@@ -234,6 +228,12 @@ class RegulaConfig {
             processParams.doFlipYAxis = opts.getBoolean("doFlipYAxis");
         if (opts.has("rfidParams"))
             processParams.rfidParams = RFIDParamsFromJSON(opts.getJSONObject("rfidParams"));
+        if (opts.has("doDetectCan"))
+            processParams.doDetectCan = opts.getBoolean("doDetectCan");
+        if (opts.has("faceApiParams"))
+            processParams.faceApiParams = FaceApiParamsFromJSON(opts.getJSONObject("faceApiParams"));
+        if (opts.has("useFaceApi"))
+            processParams.useFaceApi = opts.getBoolean("useFaceApi");
     }
 
     private static void setCustomization(ParamsCustomization customization, JSONObject opts, Context context) throws JSONException {
@@ -308,12 +308,16 @@ class RegulaConfig {
             editor.setMultipageAnimationFrontImageScaleType(ScaleType.valueOf(opts.getString("multipageAnimationFrontImageScaleType")));
         if (opts.has("multipageAnimationBackImageScaleType"))
             editor.setMultipageAnimationBackImageScaleType(ScaleType.valueOf(opts.getString("multipageAnimationBackImageScaleType")));
+        if (opts.has("borderBackgroundImageScaleType"))
+            editor.setBorderBackgroundImageScaleType(ScaleType.valueOf(opts.getString("borderBackgroundImageScaleType")));
         if (opts.has("helpAnimationImageMatrix"))
             editor.setHelpAnimationImageMatrix(matrixFromFloatArray(floatArrayFromJson(opts.getJSONArray("helpAnimationImageMatrix"))));
         if (opts.has("multipageAnimationFrontImageMatrix"))
             editor.setMultipageAnimationFrontImageMatrix(matrixFromFloatArray(floatArrayFromJson(opts.getJSONArray("multipageAnimationFrontImageMatrix"))));
         if (opts.has("multipageAnimationBackImageMatrix"))
             editor.setMultipageAnimationBackImageMatrix(matrixFromFloatArray(floatArrayFromJson(opts.getJSONArray("multipageAnimationBackImageMatrix"))));
+        if (opts.has("borderBackgroundImageMatrix"))
+            editor.setBorderBackgroundImageMatrix(matrixFromFloatArray(floatArrayFromJson(opts.getJSONArray("borderBackgroundImageMatrix"))));
         if (opts.has("customStatusPositionMultiplier"))
             editor.setCustomStatusPositionMultiplier((float) opts.getDouble("customStatusPositionMultiplier"));
         if (opts.has("cameraFrameVerticalPositionMultiplier"))
@@ -432,9 +436,11 @@ class RegulaConfig {
         object.put("helpAnimationImageScaleType", customization.getHelpAnimationImageScaleType());
         object.put("multipageAnimationFrontImageScaleType", customization.getMultipageAnimationFrontImageScaleType());
         object.put("multipageAnimationBackImageScaleType", customization.getMultipageAnimationBackImageScaleType());
+        object.put("borderBackgroundImageScaleType", customization.getBorderBackgroundImageScaleType());
         object.put("helpAnimationImageMatrix", customization.getHelpAnimationImageMatrix());
         object.put("multipageAnimationFrontImageMatrix", customization.getMultipageAnimationFrontImageMatrix());
         object.put("multipageAnimationBackImageMatrix", customization.getMultipageAnimationBackImageMatrix());
+        object.put("borderBackgroundImageMatrix", customization.getBorderBackgroundImageMatrix());
         object.put("statusTextFont", customization.getStatusTextFont());
         object.put("resultStatusTextFont", customization.getResultStatusTextFont());
         object.put("statusPositionMultiplier", customization.getStatusPositionMultiplier());
@@ -475,7 +481,6 @@ class RegulaConfig {
         object.put("documentIDList", processParams.documentIDList != null ? generateIntArray(processParams.documentIDList) : null);
         object.put("barcodeTypes", processParams.doBarcodes != null ? generateArray(processParams.doBarcodes) : null);
         object.put("fieldTypesFilter", processParams.fieldTypesFilter != null ? generateIntArray(processParams.fieldTypesFilter) : null);
-        object.put("faceMetaData", processParams.faceMetaData != null ? generateArray(processParams.faceMetaData, JSONConstructor::generateFaceMetaData) : null);
         object.put("scenario", processParams.scenario);
         object.put("measureSystem", processParams.measureSystem);
         object.put("uvTorchEnabled", processParams.uvTorchEnabled);
@@ -512,7 +517,7 @@ class RegulaConfig {
         object.put("matchTextFieldMask", processParams.matchTextFieldMask);
         object.put("fastDocDetect", processParams.fastDocDetect);
         object.put("updateOCRValidityByGlare", processParams.updateOCRValidityByGlare);
-        object.put("imageQA", processParams.imageQA.toJsonObject());
+        object.put("imageQA", generateImageQA(processParams.imageQA));
         object.put("forceDocFormat", processParams.forceDocFormat);
         object.put("noGraphics", processParams.noGraphics);
         object.put("documentAreaMin", processParams.documentAreaMin);
@@ -531,6 +536,8 @@ class RegulaConfig {
         object.put("splitNames", processParams.splitNames);
         object.put("convertCase", processParams.convertCase);
         object.put("doFlipYAxis", processParams.doFlipYAxis);
+        object.put("doDetectCan", processParams.doDetectCan);
+        object.put("useFaceApi", processParams.useFaceApi);
 
         return object;
     }
@@ -695,6 +702,8 @@ class RegulaConfig {
             else return null;
             if (input.has("failIfNoService"))
                 result.setFailIfNoService(input.getBoolean("failIfNoService"));
+            if (input.has("httpHeaders"))
+                result.setHttpHeaders(stringMapFromJson(input.getJSONObject("httpHeaders")));
             return result;
         } catch (JSONException e) {
             e.printStackTrace();
@@ -702,7 +711,8 @@ class RegulaConfig {
         return null;
     }
 
-    private static OnlineProcessingConfig OnlineProcessingConfigFromJSON(JSONObject input) {
+    static OnlineProcessingConfig OnlineProcessingConfigFromJSON(JSONObject input) {
+        if(input == null) return null;
         try {
             OnlineProcessingConfig.Builder builder;
             if (input.has("mode"))
@@ -731,8 +741,86 @@ class RegulaConfig {
             RFIDParams result = new RFIDParams();
 
             if (input.has("paIgnoreNotificationCodes"))
-                result.setPaIgnoreNotificationCodes(JSONConstructor.intArrayFromJSON(input.getJSONArray("paIgnoreNotificationCodes")));
+                result.setPaIgnoreNotificationCodes(intArrayFromJSON(input.getJSONArray("paIgnoreNotificationCodes")));
+
+            return result;
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+        return null;
+    }
+
+    static FaceApiParams FaceApiParamsFromJSON(JSONObject input) {
+        try {
+            FaceApiParams result = new FaceApiParams();
+            String url;
+            if (input.has("url") && !input.isNull("url")) {
+                url = input.getString("url");
+                result.setUrl(url);
+            }
+            String mode;
+            if (input.has("mode") && !input.isNull("mode")) {
+                mode = input.getString("mode");
+                result.setMode(mode);
+            }
+            FaceApiParams.Search search;
+            if (input.has("searchParams") && !input.isNull("searchParams")) {
+                search = SearchFromJSON(input.getJSONObject("searchParams"));
+                result.setSearch(search);
+            }
+            int threshold;
+            if (input.has("threshold") && !input.isNull("threshold")) {
+                threshold = input.getInt("threshold");
+                result.setThreshold(threshold);
+            }
+            int serviceTimeout;
+            if (input.has("serviceTimeout") && !input.isNull("serviceTimeout")) {
+                serviceTimeout = input.getInt("serviceTimeout");
+                result.setServiceTimeout(serviceTimeout);
+            }
+            String proxy;
+            if (input.has("proxy") && !input.isNull("proxy")) {
+                proxy = input.getString("proxy");
+                result.setProxy(proxy);
+            }
+            String proxyUserPwd;
+            if (input.has("proxyPassword") && !input.isNull("proxyPassword")) {
+                proxyUserPwd = input.getString("proxyPassword");
+                result.setProxyUserPwd(proxyUserPwd);
+            }
+            int proxyType;
+            if (input.has("proxyType") && !input.isNull("proxyType")) {
+                proxyType = input.getInt("proxyType");
+                result.setProxyType(proxyType);
+            }
+            return result;
+        } catch (JSONException e) {
+            e.printStackTrace();
+        }
+        return null;
+    }
 
+    static FaceApiParams.Search SearchFromJSON(JSONObject input) {
+        try {
+            FaceApiParams.Search result = new FaceApiParams.Search();
+            int limit;
+            if (input.has("limit") && !input.isNull("limit")) {
+                limit = input.getInt("limit");
+                result.setLimit(limit);
+            }
+            double threshold;
+            if (input.has("threshold") && !input.isNull("threshold")) {
+                threshold = input.getDouble("threshold");
+                result.setThreshold((float) threshold);
+            }
+            int[] groupIds;
+            if (input.has("groupIds") && !input.isNull("groupIds")) {
+                JSONArray jsonArray_groupIds = input.getJSONArray("groupIds");
+                groupIds = new int[jsonArray_groupIds.length()];
+                for (int i = 0; i < jsonArray_groupIds.length(); i++)
+                    groupIds[i] = jsonArray_groupIds.getInt(i);
+                result.setGroupIds(groupIds);
+            }
             return result;
         } catch (JSONException e) {
             e.printStackTrace();

package/example/.bundle/config

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

package/example/.eslintrc.js

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

package/example/.prettierrc.js

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

package/example/.watchmanconfig

@@ -1 +1 @@
-{}
+{ }

package/example/App.tsx

@@ -0,0 +1,358 @@
+import React from 'react'
+import { SafeAreaView, ScrollView, StyleSheet, Text, View, NativeEventEmitter, Platform, TouchableOpacity, Image, Button } from 'react-native'
+import DocumentReader, { Enum, DocumentReaderCompletion, DocumentReaderScenario, RNRegulaDocumentReader, DocumentReaderResults, DocumentReaderNotification, ScannerConfig, RecognizeConfig } from '@regulaforensics/react-native-document-reader-api'
+import * as RNFS from 'react-native-fs'
+import RadioGroup from 'react-native-radio-buttons-group'
+import { CheckBox } from '@rneui/themed'
+import Icon from 'react-native-vector-icons/FontAwesome'
+import { launchImageLibrary } from 'react-native-image-picker'
+import * as Progress from 'react-native-progress'
+
+var isReadingRfid = false
+
+interface IProps {
+}
+
+interface IState {
+  fullName: string | undefined
+  doRfid: boolean
+  isReadingRfidCustomUi: boolean
+  rfidUIHeader: string
+  rfidUIHeaderColor: string
+  rfidDescription: string
+  rfidProgress: number
+  canRfid: boolean
+  canRfidTitle: string
+  radioButtons: any
+  selectedScenario: string
+  portrait: any
+  docFront: any
+}
+
+export default class App extends React.Component<IProps, IState> {
+  constructor(props: {} | Readonly<{}>) {
+    super(props)
+    Icon.loadFont()
+
+    var eventManager = new NativeEventEmitter(RNRegulaDocumentReader)
+    eventManager.addListener('prepareDatabaseProgressChangeEvent', e => this.setState({ fullName: "Downloading database: " + e["msg"] + "%" }))
+    eventManager.addListener('completionEvent', (e) => this.handleCompletion(DocumentReaderCompletion.fromJson(JSON.parse(e["msg"]))!))
+    eventManager.addListener('rfidNotificationCompletionEvent', e => console.log("rfidNotificationCompletionEvent: " + e["msg"]))
+    eventManager.addListener('paCertificateCompletionEvent', e => console.log("paCertificateCompletionEvent: " + e["msg"]))
+    eventManager.addListener('onCustomButtonTappedEvent', e => console.log("onCustomButtonTappedEvent: " + e["msg"]))
+
+    DocumentReader.prepareDatabase("Full", (respond) => {
+      console.log(respond)
+      var licPath = Platform.OS === 'ios' ? (RNFS.MainBundlePath + "/regula.license") : "regula.license"
+      var readFile = Platform.OS === 'ios' ? RNFS.readFile : RNFS.readFileAssets
+      readFile(licPath, 'base64').then((res) => {
+        this.setState({ fullName: "Initializing..." })
+        DocumentReader.initializeReader({
+          license: res,
+          delayedNNLoad: true
+        }, (respond) => {
+          console.log(respond)
+          DocumentReader.isRFIDAvailableForUse((canRfid) => {
+            if (canRfid) {
+              this.setState({ canRfid: true, rfidUIHeader: "Reading RFID", rfidDescription: "Place your phone on top of the NFC tag", rfidUIHeaderColor: "black" })
+              this.setState({ canRfidTitle: '' })
+            }
+          }, error => console.log(error))
+          DocumentReader.getAvailableScenarios((jstring) => {
+            var scenarios = JSON.parse(jstring)
+            var items = []
+            for (var i in scenarios) {
+              var scenario = DocumentReaderScenario.fromJson(typeof scenarios[i] === "string" ? JSON.parse(scenarios[i]) : scenarios[i])!.name
+              items.push({
+                label: scenario,
+                id: scenario
+              })
+            }
+            this.setState({ radioButtons: items })
+            this.setState({ selectedScenario: this.state.radioButtons[0]['id'] })
+            DocumentReader.setConfig({
+              functionality: {
+                videoCaptureMotionControl: true,
+                showCaptureButton: true
+              },
+              customization: {
+                showResultStatusMessages: true,
+                showStatusMessages: true
+              },
+              processParams: {
+                scenario: this.state.selectedScenario,
+                doRfid: this.state.doRfid,
+              },
+            }, _ => { }, error => console.log(error))
+
+            DocumentReader.getDocumentReaderIsReady((isReady) => {
+              if (isReady) {
+                this.setState({ fullName: "Ready" })
+                DocumentReader.setRfidDelegate(Enum.RFIDDelegate.NO_PA, _ => { }, error => console.log(error))
+              } else
+                this.setState({ fullName: "Failed" })
+            }, error => console.log(error))
+          }, error => console.log(error))
+        }, error => console.log(error))
+      })
+    }, error => console.log(error))
+
+    this.state = {
+      fullName: "Please wait...",
+      doRfid: false,
+      isReadingRfidCustomUi: false,
+      rfidUIHeader: "",
+      rfidUIHeaderColor: "black",
+      rfidDescription: "",
+      rfidProgress: -1,
+      canRfid: false,
+      canRfidTitle: "(unavailable)",
+      radioButtons: [{ label: 'Loading', id: "0" }],
+      selectedScenario: "",
+      portrait: require('./images/portrait.png'),
+      docFront: require('./images/id.png')
+    }
+  }
+
+  handleCompletion(completion: DocumentReaderCompletion) {
+    console.log("DocReaderAction: " + completion.action)
+    if (this.state.isReadingRfidCustomUi && (completion.action === Enum.DocReaderAction.CANCEL || completion.action === Enum.DocReaderAction.ERROR))
+      this.hideRfidUI()
+    if (this.state.isReadingRfidCustomUi && completion.action === Enum.DocReaderAction.NOTIFICATION)
+      this.updateRfidUI(completion.results!.documentReaderNotification!)
+    if (completion.action === Enum.DocReaderAction.COMPLETE)
+      if (this.state.isReadingRfidCustomUi)
+        if (completion.results!.rfidResult !== 1)
+          this.restartRfidUI()
+        else {
+          this.hideRfidUI()
+          this.displayResults(completion.results!)
+        }
+      else
+        this.handleResults(completion.results!)
+    if (completion.action === Enum.DocReaderAction.TIMEOUT)
+      this.handleResults(completion.results!)
+  }
+
+  showRfidUI() {
+    // show animation
+    this.setState({ isReadingRfidCustomUi: true })
+  }
+
+  hideRfidUI() {
+    // show animation
+    this.restartRfidUI()
+    this.setState({ isReadingRfidCustomUi: false, rfidUIHeader: "Reading RFID", rfidUIHeaderColor: "black" })
+  }
+
+  restartRfidUI() {
+    this.setState({ rfidUIHeaderColor: "red", rfidUIHeader: "Failed!", rfidDescription: "Place your phone on top of the NFC tag", rfidProgress: -1 })
+  }
+
+  updateRfidUI(notification: DocumentReaderNotification) {
+    if (notification.notificationCode === Enum.eRFID_NotificationCodes.RFID_NOTIFICATION_PCSC_READING_DATAGROUP)
+      this.setState({ rfidDescription: "ERFIDDataFileType: " + notification.dataFileType })
+    this.setState({ rfidUIHeader: "Reading RFID", rfidUIHeaderColor: "black" })
+    if (notification.progress != null)
+      this.setState({ rfidProgress: notification.progress / 100 })
+    if (Platform.OS === 'ios')
+      DocumentReader.setRfidSessionStatus(this.state.rfidDescription + "\n" + notification.progress + "%", e => { }, e => { })
+  }
+
+  clearResults() {
+    this.setState({ fullName: "Ready", docFront: require('./images/id.png'), portrait: require('./images/portrait.png') })
+  }
+
+  scan() {
+    this.clearResults()
+    var config = new ScannerConfig()
+    config.scenario = this.state.selectedScenario
+    DocumentReader.scan(config, _ => { }, e => console.log(e))
+  }
+
+  recognize() {
+    launchImageLibrary({
+      mediaType: 'photo',
+      includeBase64: true,
+      selectionLimit: 10
+    }, r => {
+      if (r.errorCode != null) {
+        console.log("error code: " + r.errorCode)
+        console.log("error message: " + r.errorMessage)
+        this.setState({ fullName: r.errorMessage })
+        return
+      }
+      if (r.didCancel) return
+      this.clearResults()
+      this.setState({ fullName: "COPYING IMAGE..." })
+      var response = r.assets
+
+      var images = []
+
+      for (var i = 0; i < response!.length; i++) {
+        images.push(response![i].base64!)
+      }
+      this.setState({ fullName: "PROCESSING..." })
+
+      var config = new RecognizeConfig()
+      config.scenario = this.state.selectedScenario
+      config.images = images
+      DocumentReader.recognize(config, _ => { }, e => console.log(e))
+    })
+  }
+
+  displayResults(results: DocumentReaderResults) {
+    if (results == null) return
+
+    results.textFieldValueByType(Enum.eVisualFieldType.FT_SURNAME_AND_GIVEN_NAMES, (value: string | undefined) => {
+      this.setState({ fullName: value })
+    }, (error: string) => console.log(error))
+
+    results.graphicFieldImageByType(Enum.eGraphicFieldType.GF_DOCUMENT_IMAGE, (value: string | undefined) => {
+      if (value != null && value != "")
+        this.setState({ docFront: { uri: "data:image/png;base64," + value } })
+    }, (error: string) => console.log(error))
+
+    results.graphicFieldImageByType(Enum.eGraphicFieldType.GF_PORTRAIT, (value: string | undefined) => {
+      if (value != null && value != "")
+        this.setState({ portrait: { uri: "data:image/png;base64," + value } })
+    }, (error: string) => console.log(error))
+  }
+
+  customRFID() {
+    this.showRfidUI()
+    DocumentReader.readRFID(_ => { }, _ => { })
+  }
+
+  usualRFID() {
+    isReadingRfid = true
+    DocumentReader.startRFIDReader(_ => { }, _ => { })
+  }
+
+  handleResults(results: DocumentReaderResults) {
+    if (this.state.doRfid && !isReadingRfid && results != null && results.chipPage != 0) {
+      // this.customRFID()
+      this.usualRFID()
+    } else {
+      isReadingRfid = false
+      this.displayResults(results)
+    }
+  }
+
+  render() {
+    return (
+      <SafeAreaView style={styles.container}>
+        {(this.state.isReadingRfidCustomUi) && <View style={styles.container}>
+          <Text style={{ paddingBottom: 30, fontSize: 23, color: this.state.rfidUIHeaderColor }}>{this.state.rfidUIHeader}</Text>
+          <Text style={{ paddingBottom: 50, fontSize: 20, color: "black" }}>{this.state.rfidDescription}</Text>
+          <Progress.Bar width={200} useNativeDriver={true} color="#4285F4" progress={this.state.rfidProgress} />
+          <TouchableOpacity style={styles.cancelButton} onPress={() => { this.hideRfidUI() }}>
+            <Text style={{ fontSize: 20, color: "black" }}>X</Text>
+          </TouchableOpacity>
+        </View>
+        }
+        {!this.state.isReadingRfidCustomUi && <View style={styles.container}>
+          <Text /><Text />
+          <Text style={{
+            top: 1,
+            left: 1,
+            padding: 30,
+            fontSize: 20,
+            color: "black"
+          }}>
+            {this.state.fullName}
+          </Text>
+          <View style={{ flexDirection: "row", padding: 5 }}>
+            <View style={{ flexDirection: "column", alignItems: "center" }}>
+              <Text style={{
+                top: 1,
+                right: 1,
+                padding: 5,
+                color: "black"
+              }}>
+                Portrait
+              </Text>
+              <Image
+                style={{
+                  height: 150,
+                  width: 150,
+                }}
+                source={this.state.portrait}
+                resizeMode="contain"
+              />
+            </View>
+            <View style={{ flexDirection: "column", alignItems: "center", padding: 5 }}>
+              <Text style={{
+                top: 1,
+                right: 1,
+                padding: 5,
+                color: "black"
+              }}>
+                Document image
+              </Text>
+              <Image
+                style={{
+                  height: 150,
+                  width: 200,
+                }}
+                source={this.state.docFront}
+                resizeMode="contain"
+              />
+            </View>
+          </View>
+
+          <ScrollView style={{ padding: 5, alignSelf: 'center' }} showsVerticalScrollIndicator={false}>
+            <RadioGroup containerStyle={styles.radio}
+              radioButtons={this.state.radioButtons}
+              onPress={
+                (selectedID) => {
+                  this.setState({ selectedScenario: selectedID })
+                }
+              }
+              selectedId={this.state.selectedScenario}
+            />
+          </ScrollView>
+
+          <View style={{ flexDirection: 'row', padding: 5 }}>
+            <CheckBox
+              containerStyle={{ backgroundColor: '#F5FCFF' }}
+              checked={this.state.doRfid}
+              title={'Process rfid reading' + this.state.canRfidTitle}
+              onPress={() => {
+                if (this.state.canRfid) {
+                  this.setState({ doRfid: !this.state.doRfid })
+                }
+              }} />
+          </View>
+
+          <View style={{ flexDirection: 'row' }}>
+            <Button color="#4285F4" title="Scan document" onPress={() => this.scan()} />
+            <Text style={{ padding: 5 }}></Text>
+            <Button color="#4285F4" title="     Scan image     " onPress={() => this.recognize()} />
+          </View>
+        </View>
+        }
+      </SafeAreaView>
+    )
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%',
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+    marginBottom: 12,
+  },
+  radio: {
+    alignItems: 'flex-start'
+  },
+  cancelButton: {
+    position: 'absolute',
+    bottom: 0,
+    right: 20
+  }
+})

package/example/Gemfile

@@ -0,0 +1,6 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+gem 'cocoapods', '~> 1.12'