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

package/README.md

@@ -1,10 +1,9 @@
 # Regula Document Reader plugin
-Document Reader allows you to read various kinds of identification documents, passports, driving licenses, ID cards, etc. All processing is performed completely offline on your device. This plugin makes possible to use it with react-native, cordova and ionic applications.
+Document Reader allows you to read various kinds of identification documents, passports, driving licenses, ID cards, etc. All processing is performed completely offline on your device. This plugin makes possible to use it with react-native, cordova and capacitor applications.
 
 ## Demo applications
-In the [examples](examples/) folder you can find 4 demo applications:
+In the [examples](examples/) folder you can find 3 demo applications:
 * [React-native](examples/react-native)
-* [Cordova](examples/cordova)
 * [Ionic(ionic app with cordova, angular)](examples/ionic)
 * [Capacitor(ionic app with capacitor, react)](examples/capacitor)
 

package/RNDocumentReader.podspec

@@ -5,7 +5,7 @@ source = File.join(__dir__, 'ios')
 
 Pod::Spec.new do |s|
   s.name         = 'RNDocumentReader'
-  s.version      = '8.3.242-beta'
+  s.version      = '8.3.246-beta'
   s.summary      = package['description']
   s.license      = package['license']
 

package/examples/capacitor/package.json

@@ -6,7 +6,7 @@
     "android": "scripts/android.sh"
   },
   "dependencies": {
-    "@regulaforensics/document-reader": "8.3.242-beta",
+    "@regulaforensics/document-reader": "8.3.246-beta",
     "@regulaforensics/document-reader-core-fullauthrfid": "8.3.9-beta",
     "@regulaforensics/document-reader-btdevice": "8.3.10-beta",
     "@awesome-cordova-plugins/file": "6.6.0",

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

@@ -5,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")
@@ -16,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("bt-device")!.style.display = "none"
   } else
     setStatus("Failed to connect")
 }

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

@@ -28,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() {
@@ -37,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
@@ -55,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/capacitor/src/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
@@ -82,7 +82,7 @@ var initialize = async () => {
   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 +91,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 +110,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 +131,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 +146,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 +159,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/package.json

@@ -6,7 +6,7 @@
     "android": "scripts/android.sh"
   },
   "dependencies": {
-    "@regulaforensics/document-reader": "8.3.242-beta",
+    "@regulaforensics/document-reader": "8.3.246-beta",
     "@regulaforensics/document-reader-core-fullauthrfid": "8.3.9-beta",
     "@regulaforensics/document-reader-btdevice": "8.3.10-beta",
     "@awesome-cordova-plugins/file": "6.14.0",

package/examples/ionic/src/extra/{bt_device.ts → bt_device.tsx}

@@ -5,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")
@@ -16,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("bt-device")!.style.display = "none"
   } else
     setStatus("Failed to connect")
 }

package/examples/ionic/src/extra/{custom_rfid.ts → custom_rfid.tsx}

@@ -28,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() {
@@ -37,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
@@ -55,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/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
@@ -82,7 +82,7 @@ var initialize = async () => {
   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 +91,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 +110,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 +131,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 +146,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 +159,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/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,7 +8,7 @@
     "start": "expo start"
   },
   "dependencies": {
-    "@regulaforensics/document-reader": "8.3.242-beta",
+    "@regulaforensics/document-reader": "8.3.246-beta",
     "@regulaforensics/document-reader-core-fullauthrfid": "8.3.9-beta",
     "@regulaforensics/document-reader-btdevice": "8.3.10-beta",
     "react-native": "0.79.5",

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("bt-device")!.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.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
@@ -83,7 +82,7 @@ var initialize = async () => {
   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 +91,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 +110,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 +131,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 +146,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 +159,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