@regulaforensics/document-reader 8.2.186-beta

package/examples/react_native/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "document-reader",
+  "main": "./index.tsx",
+  "scripts": {
+    "setup": "scripts/setup.sh",
+    "ios": "scripts/ios.sh",
+    "android": "scripts/android.sh",
+    "start": "expo start"
+  },
+  "dependencies": {
+    "@regulaforensics/document-reader": "8.2.186-beta",
+    "@regulaforensics/document-reader-core-fullauthrfid": "8.2.8-beta",
+    "@regulaforensics/document-reader-btdevice": "8.2.8-beta",
+    "react-native": "0.79.2",
+    "react-native-fs": "2.20.0",
+    "react-native-image-picker": "8.2.1",
+    "react-native-webview": "13.13.5",
+    "@react-native/metro-config": "0.79.2",
+    "react": "19.1.0",
+    "@types/react": "19.1.4",
+    "expo": "53.0.9",
+    "expo-dev-client": "5.1.8",
+    "expo-custom-assets": "1.4.1",
+    "expo-build-properties": "0.14.6",
+    "typescript": "5.8.3"
+  }
+}

package/examples/react_native/scripts/android.sh

@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+
+adb reverse tcp:8081 tcp:8081 >/dev/null || :
+if [[ $npm_config_o || $npm_config_open ]]; then
+    studio android || open -a 'Android Studio' android
+    # check if metro is already running
+    if ! pgrep -f "expo start" >/dev/null; then
+        npm start
+    fi
+else
+    expo run:android --device
+fi

package/examples/react_native/scripts/ios.sh

@@ -0,0 +1,11 @@
+#!/usr/bin/env bash
+
+if [[ $npm_config_o || $npm_config_open ]]; then
+    open ios/DocumentReader.xcworkspace
+    # check if metro is already running
+    if ! pgrep -f "expo start" > /dev/null; then
+        npm start
+    fi
+else
+    npx expo run:ios  --device
+fi

package/examples/react_native/scripts/setup.sh

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -e
+
+npm install
+expo prebuild
+
+mkdir -p android/app/src/main/assets/Regula
+mv android/app/src/main/res/raw/db.dat android/app/src/main/assets/Regula/

package/examples/react_native/src/main.css

@@ -0,0 +1,130 @@
+html,
+body {
+    width: 99%;
+    height: 99vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.column {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+}
+
+.row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+
+.header {
+    text-align: center;
+    padding-top: 80px;
+    margin-top: -10px;
+    background-color: rgba(0, 0, 0, 0.03);
+}
+
+.title {
+    font-weight: 600;
+    font-size: 18px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+}
+
+.divider {
+    height: 1px;
+    background-color: rgba(0, 0, 0, 0.075);
+    margin-top: 13px;
+}
+
+.scroll {
+    flex-grow: 1;
+    overflow-y: auto;
+}
+
+.no-scroll {
+    flex-grow: 1;
+    overflow-y: hidden;
+}
+
+.button {
+    width: 175px;
+    height: 40px;
+    margin: 5px;
+    margin-top: 10px;
+    background-color: #4285F4;
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    font-size: 16px;
+    border-radius: 100px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+.button:active {
+    position: relative;
+    top: 1px;
+}
+
+.text-button {
+    background: none;
+    border: none;
+    color: #2196f3;
+    font-size: 20px;
+    font-weight: bold;
+    padding: 5px;
+}
+
+.text-button:active {
+    position: relative;
+    top: 1px;
+}
+
+input[type="checkbox"] {
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    width: 20px;
+    height: 20px;
+    border: 2px solid black;
+    background-color: white;
+    display: inline-block;
+    position: relative;
+    cursor: pointer;
+}
+
+input[type="text"] {
+    width: 173px;
+    height: 40px;
+    font-size: 15px;
+    margin: 5px;
+    border-radius: 100px;
+    padding-left: 10px;
+    padding-right: 10px;
+    margin-top: 10px;
+}
+
+.progress-bar {
+    width: 75%;
+    padding: 3px;
+    margin-top: 40px;
+    background-color: #eee;
+    border-radius: 8px;
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+}
+
+.progress {
+    width: 0%;
+    height: 20px;
+    background-color: #4285F4;
+    border-radius: 5px;
+    transition: width 0.5s ease-in-out;
+}

package/examples/react_native/src/main.html

@@ -0,0 +1,63 @@
+<div class="column" style="height: 100%">
+    <div class="column header">
+        <span id="status" class="title">Loading...</span>
+        <div class="column divider"></div>
+    </div>
+    <div id="main" class="column no-scroll">
+        <div class="row">
+            <div class="column" style="padding: 5px;">
+                <p>Portrait</p>
+                <img id="portrait-image" src="images/portrait.png" height="150px" width="150px">
+            </div>
+            <div class="column" style="padding: 5px;">
+                <p>Document image</p>
+                <img id="document-image" src="images/document.png" height="150px" width="200px">
+            </div>
+        </div>
+        <div id="scenario-container" class="column no-scroll"
+            style="margin-top: 15px; background-color: rgba(0, 0, 0, 0.03);">
+            <div id="scenarios" class="scroll">
+                <div class="row" style="align-items: baseline; padding: 15px;">
+                    <input type="radio" name="scenario" value="Aaa">
+                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
+                </div>
+                <div class="row" style="align-items: baseline; padding: 15px;">
+                    <input type="radio" name="scenario" value="Aaa">
+                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
+                </div>
+                <div class="row" style="align-items: baseline; padding: 15px;">
+                    <input type="radio" name="scenario" value="Aaa">
+                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
+                </div>
+                <div class="row" style="align-items: baseline; padding: 15px;">
+                    <input type="radio" name="scenario" value="Aaa">
+                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
+                </div>
+                <div class="row" style="align-items: baseline; padding: 15px;">
+                    <input type="radio" name="scenario" value="Aaa">
+                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
+                </div>
+            </div>
+        </div>
+        <div class="row" style="width: 360px; padding-top: 15px;">
+            <span id="rfid-checkbox-description" style="font-size: 18px;">Process rfid reading</span>
+            <input id="rfid-checkbox" type="checkbox" style="margin-left: auto;" />
+        </div>
+        <div id="bt-device" class="row" style="display: none;">
+            <input type="text" placeholder="Regula 0000" />
+            <button class="button">Connect</button>
+        </div>
+        <div class="row">
+            <button id="scan" class="button">Scan document</button>
+            <button id="recognize" class="button">Scan image</button>
+        </div>
+        <div style="padding-top: 20px;"></div>
+    </div>
+    <div id="custom-rfid" class="column no-scroll" style="display: none;">
+        <span id="rfid-description" style="font-size: 22px">Place your phone on top of the NFC tag</span>
+        <div class="progress-bar">
+            <div id="progress"></div>
+        </div>
+        <button id="cancel-rfid" class="text-button" style="margin-top: 50px;">X</button>
+    </div>
+</div>

package/examples/react_native/src/main.tsx

@@ -0,0 +1,50 @@
+import { document } from '../index'
+import * as RNFS from 'react-native-fs'
+import { Platform } from 'react-native'
+import { DocumentReader, InitConfig } from '@regulaforensics/document-reader'
+
+var documentReader = DocumentReader.instance
+var useBtDevice = false
+var ready = false
+var isReadingCustomRfid = false
+
+async function init() {
+  if (!await initialize()) return
+  setStatus("Ready")
+}
+
+async function initialize() {
+  setStatus("Initializing...")
+
+  var license = await loadAssetIfExists("regula.license")
+  var config = new InitConfig(license!)
+  var [success, error] = await documentReader.initialize(config)
+
+  if (!success && error != null) {
+    setStatus(error.message)
+    console.log(error.code + ": " + error.message)
+  }
+  return success
+}
+
+async function loadAssetIfExists(path: string): Promise<string | null> {
+  if (Platform.OS === 'ios') path = RNFS.MainBundlePath + "/" + path
+  var readFile = Platform.OS === 'ios' ? RNFS.readFile : RNFS.readFileRes
+  try {
+    return await readFile(path, 'base64')
+  } catch {
+    return null
+  }
+}
+
+var setStatus = (data: string) => document.getElementById("status").innerHTML = data
+
+export function onload() {
+  document.getElementById("main").style.display = isReadingCustomRfid ? "none" : "flex"
+  document.getElementById("custom-rfid").style.display = isReadingCustomRfid ? "flex" : "none"
+  document.getElementById("bt-device").style.display = (useBtDevice && !ready) ? "flex" : "none"
+
+  // document.getElementById("scan").onclick = () => scan()
+
+  init()
+}

package/ios/CVDDocumentReader.h

@@ -0,0 +1,7 @@
+#import <Cordova/CDVPlugin.h>
+#import <Foundation/Foundation.h>
+#import "RGLWMain.h"
+@import UIKit;
+
+@interface CVDDocumentReader : CDVPlugin
+@end

package/ios/CVDDocumentReader.m

@@ -0,0 +1,39 @@
+#import "CVDDocumentReader.h"
+
+@implementation CVDDocumentReader
+
+static NSMutableDictionary<NSString*, NSString*>* _eventCallbackIds = nil;
+- (NSMutableDictionary<NSString*, NSString*>*)eventCallbackIds {
+    if (_eventCallbackIds == nil) _eventCallbackIds = @{}.mutableCopy;
+    return _eventCallbackIds;
+}
+
+UIViewController*(^RGLWRootViewController)(void) = ^UIViewController*(){
+    for (UIWindow *window in UIApplication.sharedApplication.windows)
+        if (window.isKeyWindow)
+            return window.rootViewController;
+    return nil;
+};
+
+- (void) exec:(CDVInvokedUrlCommand*)command {
+    NSString* method = command.arguments[0];
+    NSMutableArray* args = [NSMutableArray new];
+    for (int i = 1; i < command.arguments.count; i++) [args addObject:command.arguments[i]];
+    if ([method isEqualToString:@"setEvent"]) {
+        self.eventCallbackIds[args[0]] = command.callbackId;
+        return;
+    }
+    
+    RGLWEventSender sendEvent = ^(NSString* callbackId, id data) {
+        NSString* eventId = [self.eventCallbackIds objectForKey:callbackId];
+        if(eventId) callbackId = eventId;
+        data = [RGLWJSONConstructor toSendable:data];
+        CDVPluginResult* result = [CDVPluginResult resultWithStatus:CDVCommandStatus_OK messageAsString:data];
+        [result setKeepCallbackAsBool:YES];
+        [self.commandDelegate sendPluginResult:result callbackId:callbackId];
+    };
+    
+    [RGLWMain methodCall:method :args :^(id data) { sendEvent(command.callbackId, data); } :sendEvent];
+}
+
+@end

package/ios/RGLWConfig.h

@@ -0,0 +1,42 @@
+#ifndef RGLWConfig_h
+#define RGLWConfig_h
+
+#import <DocumentReader/DocumentReader.h>
+#import "RGLWJSONConstructor.h"
+
+@import CoreGraphics;
+@import UIKit;
+@import AVFoundation;
+
+@interface RGLWConfig : NSObject
+
++(void)setFunctionality:(NSDictionary*)options :(RGLFunctionality*)functionality;
++(void)setProcessParams:(NSDictionary*)options :(RGLProcessParams*)processParams;
++(void)setCustomization:(NSDictionary*)options :(RGLCustomization*)customization;
++(void)setRfidScenario:(NSDictionary*)options :(RGLRFIDScenario*)rfidScenario;
++(void)setDataGroups:(RGLDataGroup*)dataGroup dict:(NSDictionary*)dict;
++(void)setDTCDataGroup:(RGLDTCDataGroup*)dataGroup dict:(NSDictionary*)dict;
++(void)setImageQA:(RGLImageQA*)result input:(NSDictionary*)input;
++(void)setAuthenticityParams:(RGLAuthenticityParams*)result input:(NSDictionary*)input;
++(void)setLivenessParams:(RGLLivenessParams*)result input:(NSDictionary*)input;
+
++(NSDictionary*)getFunctionality:(RGLFunctionality*)functionality;
++(NSDictionary*)getProcessParams:(RGLProcessParams*)processParams;
++(NSDictionary*)getCustomization:(RGLCustomization*)customization;
++(NSDictionary*)getRfidScenario:(RGLRFIDScenario*)rfidScenario;
++(NSDictionary*)getDataGroups:(RGLDataGroup*)dataGroup;
++(NSDictionary*)getDTCDataGroup:(RGLDTCDataGroup*)dataGroup;
++(NSDictionary*)getImageQA:(RGLImageQA*)input;
++(NSDictionary*)getAuthenticityParams:(RGLAuthenticityParams*)input;
++(NSDictionary*)getLivenessParams:(RGLLivenessParams*)input;
+
++(RGLImageQualityCheckType)imageQualityCheckTypeWithNumber:(NSNumber*)value;
++(NSNumber*)generateDocReaderAction:(RGLDocReaderAction)action;
++(NSNumber*)generateRFIDCompleteAction:(RGLRFIDCompleteAction)action;
++(NSNumber*)generateImageQualityCheckType:(RGLImageQualityCheckType)value;
+
++(RGLDocReaderFrame)docReaderFrameWithString:(NSString*)value;
++(NSString*)generateDocReaderFrame:(RGLDocReaderFrame)value;
+
+@end
+#endif