@regulaforensics/document-reader 8.3.242-beta → 8.3.272-beta

package/examples/ionic/src/{main.ts → main.tsx}

@@ -1,10 +1,10 @@
-import { DocumentReader, DocReaderAction, FieldType, GraphicFieldType, InitConfig, RecognizeConfig, ResultType, RFIDConfig, ScannerConfig, Scenario } from '@regulaforensics/document-reader'
+import { DocumentReader, DocReaderAction, FieldType, GraphicFieldType, InitConfig, RecognizeConfig, ResultType, RFIDConfig, ScannerConfig, Scenario, Results, DocReaderException, DocReaderScenario } from '@regulaforensics/document-reader'
 import { loadAsset, pickImage } from '../index'
 import { initializeWithBTDevice, setupBTDevice, useBtDevice } from './extra/bt_device'
 import { useRfidSelfHostedUI, rfidSelfHostedUI } from './extra/custom_rfid'
 
 var documentReader = DocumentReader.instance
-var selectedScenario
+var selectedScenario = Scenario.MRZ
 var doRfid = false
 var isReadingRfid = false
 
@@ -36,7 +36,7 @@ async function recognize() {
   )
 }
 
-export function handleCompletion(action, results, error) {
+export function handleCompletion(action: DocReaderAction, results: Results | null, error: DocReaderException | null) {
   handleException(error)
   if (DocReaderAction.stopped(action) && !shouldRfid(results)) {
     displayResults(results)
@@ -46,7 +46,7 @@ export function handleCompletion(action, results, error) {
   }
 }
 
-export async function displayResults(results) {
+export async function displayResults(results: Results | null) {
   isReadingRfid = false
   clearResults()
   if (results == null) return
@@ -65,7 +65,7 @@ var readRfid = () => {
   documentReader.rfid(new RFIDConfig(handleCompletion))
 }
 
-function shouldRfid(results) {
+function shouldRfid(results: Results | null) {
   return doRfid &&
     !isReadingRfid &&
     results != null && results.chipPage != 0
@@ -76,13 +76,14 @@ var initialize = async () => {
 
   var license = await loadAsset("regula.license")
   var initConfig = new InitConfig(license)
+  initConfig.delayedNNLoad = true
   var [success, error] = await documentReader.initialize(initConfig)
 
   handleException(error)
   return success
 }
 
-export function handleException(error) {
+export function handleException(error: DocReaderException | null) {
   if (error != null) {
     setStatus(error.message)
     console.log(error.code + ": " + error.message)
@@ -91,13 +92,13 @@ export function handleException(error) {
 
 // --------------------------------------------------------------------------------------------------------------------
 
-var documentUIImage
-var portraitUIImage
+var documentUIImage: HTMLImageElement
+var portraitUIImage: HTMLImageElement
 export function main() {
-  documentUIImage = document.getElementById("document-image")
-  portraitUIImage = document.getElementById("portrait-image")
-  document.getElementById("scan").onclick = () => scan()
-  document.getElementById("recognize").onclick = () => recognize()
+  documentUIImage = document.getElementById("document-image") as HTMLImageElement
+  portraitUIImage = document.getElementById("portrait-image") as HTMLImageElement
+  document.getElementById("scan")!.onclick = () => scan()
+  document.getElementById("recognize")!.onclick = () => recognize()
 
   // custom rfid
   if (useRfidSelfHostedUI) readRfid = () => rfidSelfHostedUI()
@@ -110,17 +111,17 @@ export function main() {
   }
 }
 
-export function setStatus(data) {
+export function setStatus(data: string | null) {
   if (data != null)
-    document.getElementById("status").innerHTML = data
+    document.getElementById("status")!.innerHTML = data
 }
 
-function setPortrait(data) {
+function setPortrait(data: string | null) {
   if (data != null)
     portraitUIImage.src = "data:image/png;base64," + data
 }
 
-function setDocImage(data) {
+function setDocImage(data: string | null) {
   if (data != null)
     documentUIImage.src = "data:image/png;base64," + data
 }
@@ -131,10 +132,9 @@ function clearResults() {
   documentUIImage.src = "images/document.png"
 }
 
-function setCanRfid(data) {
-  var checkbox // implicitly any, since cordova sample is pure js
-  checkbox = document.getElementById('rfid-checkbox')
-  var checkboxDescription = document.getElementById("rfid-checkbox-description")
+function setCanRfid(data: boolean) {
+  var checkbox = document.getElementById('rfid-checkbox') as HTMLInputElement
+  var checkboxDescription = document.getElementById("rfid-checkbox-description")!
   if (data) {
     checkbox.disabled = false
     checkboxDescription.innerHTML = "Process rfid reading"
@@ -147,9 +147,8 @@ function setCanRfid(data) {
   }
 }
 
-function setScenarios(data) {
-  selectedScenario = Scenario.MRZ
-  var scenariosContainer = document.getElementById("scenarios")
+function setScenarios(data: DocReaderScenario[]) {
+  var scenariosContainer = document.getElementById("scenarios")!
 
   data.forEach(scenario => {
     var checked = selectedScenario == scenario.name ? "checked" : ""
@@ -161,11 +160,10 @@ function setScenarios(data) {
   })
 
   data.forEach(scenario => {
-    var element
-    element = document.getElementById(scenario.name)
-    var elementCaption = document.getElementById(scenario.name + "-caption")
+    var element = document.getElementById(scenario.name) as HTMLInputElement
+    var elementCaption = document.getElementById(scenario.name + "-caption")!
     var onclick = () => {
-      selectedScenario = scenario.name
+      selectedScenario = scenario.name as Scenario
       element.checked = true
     }
     element.onclick = onclick

package/examples/ionic/tsconfig.json

@@ -1,12 +1,13 @@
 {
   "include": [
-    "*.ts"
+    "*.tsx"
   ],
   "compilerOptions": {
     "types": [],
     "module": "esnext",
     "moduleResolution": "node",
     "experimentalDecorators": true,
-    "target": "es2022"
+    "target": "es2022",
+    "jsx": "react-jsx"
   }
 }

package/examples/react_native/README.md

@@ -2,9 +2,7 @@
 
 ## How to build demo application
 1. Download or the clone current repository using the command `git clone https://github.com/regulaforensics/npm-document-reader.git`.
-
 2. Execute `npm run setup` within this directory.
-
 3. Run the app: 
   * IOS: `npm run ios`.
   * Android: `npm run android`.
@@ -15,7 +13,7 @@
 
 ### Bluetooth device
 
-In order to connect to an external scanning device, change the `useBtDevice` constant to true in `src/extra/bt_device`, and set `btDeviceName` to the name of you device. After running the app, click `Connect`.
+In order to connect to an external scanning device, change the `useBtDevice` constant to true in `src/extra/bt_device`, and set `btDeviceName` to the name of your device. After running the app, click `Connect`.
 
 ### RFID self hosted UI
 

package/examples/react_native/index.tsx

@@ -16,7 +16,7 @@ const onMessage = (json: any) => {
   }
 }
 
-export const document = {
+const document = {
   getElementById(id: string): any {
     return new Proxy({}, {
       set(_, prop: string, value) {
@@ -54,6 +54,7 @@ function parseValue(value: any) {
   return value
 }
 
+(globalThis as any).document = document;
 registerRootComponent(() =>
   <WebView
     ref={ref => { webViewRef = ref }}

package/examples/react_native/package.json

@@ -8,9 +8,9 @@
     "start": "expo start"
   },
   "dependencies": {
-    "@regulaforensics/document-reader": "8.3.242-beta",
-    "@regulaforensics/document-reader-core-fullauthrfid": "8.3.9-beta",
-    "@regulaforensics/document-reader-btdevice": "8.3.10-beta",
+    "@regulaforensics/document-reader": "8.3.272-beta",
+    "@regulaforensics/document-reader-core-fullauthrfid": "8.2.8-beta",
+    "@regulaforensics/document-reader-btdevice": "8.2.8-beta",
     "react-native": "0.79.5",
     "react-native-fs": "2.20.0",
     "react-native-image-picker": "8.2.1",

package/examples/react_native/src/extra/bt_device.tsx

@@ -1,4 +1,3 @@
-import { document } from '../../index'
 import { DocumentReader, InitConfig } from "@regulaforensics/document-reader"
 import { handleException, init, setStatus } from "../main"
 
@@ -6,7 +5,7 @@ export const useBtDevice = false
 export const btDeviceName = "Regula 0000"
 
 export function setupBTDevice() {
-  var connectButton = document.getElementById("connect")
+  var connectButton = document.getElementById("connect")!
   connectButton.style.display = "flex"
   connectButton.onclick = () => connect()
   setStatus("Connect to a bluetooth device")
@@ -17,7 +16,7 @@ async function connect() {
   if (await DocumentReader.instance.connectBluetoothDevice(btDeviceName)) {
     await init()
     DocumentReader.instance.functionality.useAuthenticator = true
-    document.getElementById("bt-device").style.display = "none"
+    document.getElementById("connect")!.style.display = "none"
   } else
     setStatus("Failed to connect")
 }

package/examples/react_native/src/extra/custom_rfid.tsx

@@ -1,4 +1,3 @@
-import { document } from '../../index'
 import { DocReaderAction, DocumentReader, RFIDConfig, RFIDDataFileType, RFIDNotificationCodes } from "@regulaforensics/document-reader"
 import { displayResults, setStatus } from "../main"
 
@@ -29,7 +28,7 @@ function setup() {
     setProgress(-1)
     currentProgress = -1
     setShowing(true)
-    document.getElementById("cancel-rfid").onclick = () => stop()
+    document.getElementById("cancel-rfid")!.onclick = () => stop()
 }
 
 function stop() {
@@ -38,13 +37,13 @@ function stop() {
     setShowing(false)
 }
 
-function setDescription(data) {
-    document.getElementById("rfid-description").innerHTML = data
+function setDescription(data: string) {
+    document.getElementById("rfid-description")!.innerHTML = data
 }
 
 var currentProgress = -1
-function setProgress(next) {
-    var progress = document.getElementById("progress")
+function setProgress(next: number) {
+    var progress = document.getElementById("progress")!
     // make progress bar look better
     if (next == 0) return // ignore idle 0s, leave progress at 100 while its not moving
     if (next < currentProgress) next = 0 // move to 0 if progress finaly started moving
@@ -56,7 +55,7 @@ function setProgress(next) {
     currentProgress = next
 }
 
-function setShowing(data) {
-    document.getElementById("main").style.display = data ? "none" : "flex"
-    document.getElementById("custom-rfid").style.display = data ? "flex" : "none"
+function setShowing(data: boolean) {
+    document.getElementById("main")!.style.display = data ? "none" : "flex"
+    document.getElementById("custom-rfid")!.style.display = data ? "flex" : "none"
 }

package/examples/react_native/src/main.css

@@ -8,6 +8,19 @@ body {
     flex-direction: column;
 }
 
+/* Prevent text selection */
+* {
+    user-select: none !important;
+    -webkit-user-select: none !important;
+    -webkit-user-drag: none !important;
+    -webkit-touch-callout: none !important;
+}
+
+/* Prevent image dragging */
+img {
+    pointer-events: none;
+}
+
 .column {
     display: flex;
     flex-direction: column;
@@ -131,4 +144,4 @@ input[type="text"] {
     height: 20px;
     background-color: #4285F4;
     border-radius: 5px;
-}
+}

package/examples/react_native/src/main.html

@@ -33,6 +33,6 @@
         <div class="progress-bar">
             <div id="progress"></div>
         </div>
-        <button id="cancel-rfid" class="text-button" style="margin-top: 50px;">X</button>
+        <button id="cancel-rfid" class="text-button" style="margin-top: 50px; padding-bottom: 100px;">X</button>
     </div>
 </div>

package/examples/react_native/src/main.tsx

@@ -1,11 +1,10 @@
-import { document } from '../index'
-import { DocumentReader, DocReaderAction, FieldType, GraphicFieldType, InitConfig, RecognizeConfig, ResultType, RFIDConfig, ScannerConfig, Scenario } from '@regulaforensics/document-reader'
+import { DocumentReader, DocReaderAction, FieldType, GraphicFieldType, InitConfig, RecognizeConfig, ResultType, RFIDConfig, ScannerConfig, Scenario, Results, DocReaderException, DocReaderScenario } from '@regulaforensics/document-reader'
 import { loadAsset, pickImage } from '../index'
 import { initializeWithBTDevice, setupBTDevice, useBtDevice } from './extra/bt_device'
 import { useRfidSelfHostedUI, rfidSelfHostedUI } from './extra/custom_rfid'
 
 var documentReader = DocumentReader.instance
-var selectedScenario
+var selectedScenario = Scenario.MRZ
 var doRfid = false
 var isReadingRfid = false
 
@@ -37,7 +36,7 @@ async function recognize() {
   )
 }
 
-export function handleCompletion(action, results, error) {
+export function handleCompletion(action: DocReaderAction, results: Results | null, error: DocReaderException | null) {
   handleException(error)
   if (DocReaderAction.stopped(action) && !shouldRfid(results)) {
     displayResults(results)
@@ -47,7 +46,7 @@ export function handleCompletion(action, results, error) {
   }
 }
 
-export async function displayResults(results) {
+export async function displayResults(results: Results | null) {
   isReadingRfid = false
   clearResults()
   if (results == null) return
@@ -66,7 +65,7 @@ var readRfid = () => {
   documentReader.rfid(new RFIDConfig(handleCompletion))
 }
 
-function shouldRfid(results) {
+function shouldRfid(results: Results | null) {
   return doRfid &&
     !isReadingRfid &&
     results != null && results.chipPage != 0
@@ -77,13 +76,14 @@ var initialize = async () => {
 
   var license = await loadAsset("regula.license")
   var initConfig = new InitConfig(license)
+  initConfig.delayedNNLoad = true
   var [success, error] = await documentReader.initialize(initConfig)
 
   handleException(error)
   return success
 }
 
-export function handleException(error) {
+export function handleException(error: DocReaderException | null) {
   if (error != null) {
     setStatus(error.message)
     console.log(error.code + ": " + error.message)
@@ -92,13 +92,13 @@ export function handleException(error) {
 
 // --------------------------------------------------------------------------------------------------------------------
 
-var documentUIImage
-var portraitUIImage
+var documentUIImage: HTMLImageElement
+var portraitUIImage: HTMLImageElement
 export function main() {
-  documentUIImage = document.getElementById("document-image")
-  portraitUIImage = document.getElementById("portrait-image")
-  document.getElementById("scan").onclick = () => scan()
-  document.getElementById("recognize").onclick = () => recognize()
+  documentUIImage = document.getElementById("document-image") as HTMLImageElement
+  portraitUIImage = document.getElementById("portrait-image") as HTMLImageElement
+  document.getElementById("scan")!.onclick = () => scan()
+  document.getElementById("recognize")!.onclick = () => recognize()
 
   // custom rfid
   if (useRfidSelfHostedUI) readRfid = () => rfidSelfHostedUI()
@@ -111,17 +111,17 @@ export function main() {
   }
 }
 
-export function setStatus(data) {
+export function setStatus(data: string | null) {
   if (data != null)
-    document.getElementById("status").innerHTML = data
+    document.getElementById("status")!.innerHTML = data
 }
 
-function setPortrait(data) {
+function setPortrait(data: string | null) {
   if (data != null)
     portraitUIImage.src = "data:image/png;base64," + data
 }
 
-function setDocImage(data) {
+function setDocImage(data: string | null) {
   if (data != null)
     documentUIImage.src = "data:image/png;base64," + data
 }
@@ -132,10 +132,9 @@ function clearResults() {
   documentUIImage.src = "images/document.png"
 }
 
-function setCanRfid(data) {
-  var checkbox // implicitly any, since cordova sample is pure js
-  checkbox = document.getElementById('rfid-checkbox')
-  var checkboxDescription = document.getElementById("rfid-checkbox-description")
+function setCanRfid(data: boolean) {
+  var checkbox = document.getElementById('rfid-checkbox') as HTMLInputElement
+  var checkboxDescription = document.getElementById("rfid-checkbox-description")!
   if (data) {
     checkbox.disabled = false
     checkboxDescription.innerHTML = "Process rfid reading"
@@ -148,9 +147,8 @@ function setCanRfid(data) {
   }
 }
 
-function setScenarios(data) {
-  selectedScenario = Scenario.MRZ
-  var scenariosContainer = document.getElementById("scenarios")
+function setScenarios(data: DocReaderScenario[]) {
+  var scenariosContainer = document.getElementById("scenarios")!
 
   data.forEach(scenario => {
     var checked = selectedScenario == scenario.name ? "checked" : ""
@@ -162,11 +160,10 @@ function setScenarios(data) {
   })
 
   data.forEach(scenario => {
-    var element
-    element = document.getElementById(scenario.name)
-    var elementCaption = document.getElementById(scenario.name + "-caption")
+    var element = document.getElementById(scenario.name) as HTMLInputElement
+    var elementCaption = document.getElementById(scenario.name + "-caption")!
     var onclick = () => {
-      selectedScenario = scenario.name
+      selectedScenario = scenario.name as Scenario
       element.checked = true
     }
     element.onclick = onclick

package/ios/RGLWMain.m

@@ -339,12 +339,12 @@ RGLWCallback savedCallbackForBluetoothResult;
     
     // set searching timeout
     if (state == RGLBluetoothConnectionStateSearching)
-        [self performSelector:NSSelectorFromString(@"bluetoothDeviceConnectionFailed") withObject:nil afterDelay:7.0];
+        [[self class] performSelector:NSSelectorFromString(@"bluetoothDeviceConnectionFailed") withObject:nil afterDelay:7.0];
     
     if (state == RGLBluetoothConnectionStateConnected) {
         savedCallbackForBluetoothResult(@YES);
         savedCallbackForBluetoothResult = nil;
-        [NSObject cancelPreviousPerformRequestsWithTarget:self selector:NSSelectorFromString(@"bluetoothDeviceConnectionFailed") object:nil];
+        [NSObject cancelPreviousPerformRequestsWithTarget:[self class] selector:NSSelectorFromString(@"bluetoothDeviceConnectionFailed") object:nil];
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@regulaforensics/document-reader",
-  "version": "8.3.242-beta",
+  "version": "8.3.272-beta",
   "description": "This is an npm module for Regula Document Reader SDK. It allows you to read various kinds of identification documents using your phone's camera.",
   "main": "www/react-native/index.js",
   "module": "www/capacitor/index.js",

package/plugin.xml

@@ -1,5 +1,5 @@
 <?xml version='1.0' encoding='utf-8'?>
-<plugin id="@regulaforensics/document-reader" version="8.3.242-beta" xmlns="http://apache.org/cordova/ns/plugins/1.0">
+<plugin id="@regulaforensics/document-reader" version="8.3.272-beta" xmlns="http://apache.org/cordova/ns/plugins/1.0">
   <name>DocumentReader</name>
   <description>Cordova plugin for Regula Document Reader SDK</description>
   <license>commercial</license>