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

package/examples/cordova/package.json

@@ -1,33 +0,0 @@
-{
-  "name": "document-reader",
-  "scripts": {
-    "setup": "scripts/setup.sh",
-    "ios": "scripts/ios.sh",
-    "android": "scripts/android.sh"
-  },
-  "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",
-    "cordova-ios": "7.1.1",
-    "cordova-android": "13.0.0",
-    "cordova-plugin-file": "8.1.3",
-    "cordova-plugin-camera": "8.0.0",
-    "cordova-plugin-dialogs": "2.0.2",
-    "esbuild": "0.25.8"
-  },
-  "cordova": {
-    "plugins": {
-      "@regulaforensics/document-reader": {},
-      "@regulaforensics/document-reader-core-fullauthrfid": {},
-      "@regulaforensics/document-reader-btdevice": {},
-      "cordova-plugin-file": {},
-      "cordova-plugin-camera": {},
-      "cordova-plugin-dialogs": {}
-    },
-    "platforms": [
-      "android",
-      "ios"
-    ]
-  }
-}

package/examples/cordova/scripts/android.sh

@@ -1,8 +0,0 @@
-#!/usr/bin/env bash
-
-if [[ $npm_config_o || $npm_config_open ]]; then
-    cordova prepare android
-    studio platforms/android || open -a 'Android Studio' platforms/android
-else
-    cordova run android
-fi

package/examples/cordova/scripts/bundle.sh

@@ -1,4 +0,0 @@
-#!/usr/bin/env bash
-set -e
-
-npx esbuild www/src/main.js --bundle --outfile=www/bundle.js

package/examples/cordova/scripts/ios.sh

@@ -1,8 +0,0 @@
-#!/usr/bin/env bash
-
-if [[ $npm_config_o || $npm_config_open ]]; then
-    cordova prepare ios
-    open platforms/ios/DocumentReader.xcworkspace
-else
-    cordova run ios
-fi

package/examples/cordova/scripts/setup.sh

@@ -1,8 +0,0 @@
-#!/usr/bin/env bash
-set -e
-
-npm install
-cordova prepare || {
-    pod repo update
-    cordova prepare
-}

package/examples/cordova/www/bootstrap.js

@@ -1,30 +0,0 @@
-document.addEventListener('deviceready', () => {
-    // imports
-    window.DocumentReader = DocumentReaderPlugin.DocumentReader
-    DocReaderAction = DocumentReaderPlugin.DocReaderAction
-    FieldType = DocumentReaderPlugin.FieldType
-    GraphicFieldType = DocumentReaderPlugin.GraphicFieldType
-    InitConfig = DocumentReaderPlugin.InitConfig
-    RecognizeConfig = DocumentReaderPlugin.RecognizeConfig
-    ResultType = DocumentReaderPlugin.ResultType
-    RFIDConfig = DocumentReaderPlugin.RFIDConfig
-    ScannerConfig = DocumentReaderPlugin.ScannerConfig
-    Scenario = DocumentReaderPlugin.Scenario
-    RFIDDataFileType = DocumentReaderPlugin.RFIDDataFileType
-    RFIDNotificationCodes = DocumentReaderPlugin.RFIDNotificationCodes
-
-    window.resolveLocalFileSystemURL(cordova.file.applicationDirectory + 'www/src/main.html', (fileEntry) => {
-        fileEntry.file((file) => {
-            const reader = new FileReader()
-            reader.onloadend = async function () {
-                document.getElementById('content').innerHTML = this.result
-
-                const script = document.createElement('script')
-                script.src = 'bundle.js'
-                script.onload = () => document.dispatchEvent(new CustomEvent("ready"))
-                document.body.appendChild(script)
-            }
-            reader.readAsText(file)
-        })
-    })
-})

package/examples/cordova/www/index.html

@@ -1,6 +0,0 @@
-<meta name="viewport" content="initial-scale=1, user-scalable=no, viewport-fit=cover">
-<link rel="stylesheet" href="src/main.css">
-<div id="content" style="height: 100%"></div>
-
-<script src="cordova.js"></script>
-<script src="bootstrap.js"></script>

package/examples/cordova/www/index.js

@@ -1,30 +0,0 @@
-import { main } from './src/main.js'
-
-export async function loadAsset(path) {
-    path = cordova.file.applicationDirectory + "www/" + path
-    return new Promise((resolve, _) => {
-      window.resolveLocalFileSystemURL(path, (fileEntry) => {
-        fileEntry.file((file) => {
-          var reader = new FileReader()
-          reader.onloadend = function (_) { resolve(this.result) }
-          reader.readAsDataURL(file)
-        })
-      })
-    })
-  }
-  
-  export async function pickImage() {
-    return new Promise((resolve, _) => {
-      navigator.camera.getPicture(
-        (imageData) => resolve(imageData),
-        (_) => resolve(null),
-        {
-          destinationType: Camera.DestinationType.DATA_URL,
-          sourceType: Camera.PictureSourceType.PHOTOLIBRARY,
-          mediaType: Camera.MediaType.PICTURE
-        }
-      )
-    })
-  }
-  
-  document.addEventListener('ready', main)

package/examples/cordova/www/src/extra/bt_device.js

@@ -1,32 +0,0 @@
-import { handleException, init, setStatus } from "../main.js"
-
-export const useBtDevice = false
-export const btDeviceName = "Regula 0000"
-
-export function setupBTDevice() {
-  var connectButton = document.getElementById("connect")
-  connectButton.style.display = "flex"
-  connectButton.onclick = () => connect()
-  setStatus("Connect to a bluetooth device")
-}
-
-async function connect() {
-  setStatus("Searching for devices...")
-  if (await DocumentReader.instance.connectBluetoothDevice(btDeviceName)) {
-    await init()
-    DocumentReader.instance.functionality.useAuthenticator = true
-    document.getElementById("bt-device").style.display = "none"
-  } else
-    setStatus("Failed to connect")
-}
-
-export async function initializeWithBTDevice() {
-  setStatus("Initializing...")
-
-  var initConfig = InitConfig.withBleDevice()
-  initConfig.delayedNNLoad = true
-  var [success, error] = await DocumentReader.instance.initialize(initConfig)
-
-  handleException(error)
-  return success
-}

package/examples/cordova/www/src/extra/custom_rfid.js

@@ -1,60 +0,0 @@
-import { displayResults, setStatus } from "../main.js"
-
-export const useRfidSelfHostedUI = false
-
-export function rfidSelfHostedUI() {
-    var config = RFIDConfig.withoutUI((action, results, _) => {
-        if (DocReaderAction.stopped(action)) stop()
-        if (DocReaderAction.finished(action)) displayResults(results)
-        if (DocReaderAction.interrupted(action)) setStatus("Error reading RFID")
-    })
-
-    config.onProgress = async (notification) => {
-        if (notification.progress == 1) return
-        if (notification.notificationCode == RFIDNotificationCodes.PCSC_READING_DATAGROUP)
-            setDescription(await RFIDDataFileType.getTranslation(notification.dataFileType))
-        setStatus("Reading RFID")
-        setProgress(notification.progress)
-    }
-
-    setup()
-    DocumentReader.instance.rfid(config)
-}
-
-function setup() {
-    setStatus("Reading RFID")
-    setDescription("Place your phone on top of the NFC tag")
-    setProgress(-1)
-    currentProgress = -1
-    setShowing(true)
-    document.getElementById("cancel-rfid").onclick = () => stop()
-}
-
-function stop() {
-    DocumentReader.instance.stopRFIDReader()
-    displayResults(null)
-    setShowing(false)
-}
-
-function setDescription(data) {
-    document.getElementById("rfid-description").innerHTML = data
-}
-
-var currentProgress = -1
-function setProgress(next) {
-    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
-    if (next >= 95) next = 100 // rfid never returns 100 and it looks ugly, fix it
-    if (next < currentProgress) progress.style.transition = 'none' // instantly reset progress
-    else progress.style.transition = 'width 0.5s' // smoothly increase progress
-
-    progress.style.width = next + "%"
-    currentProgress = next
-}
-
-function setShowing(data) {
-    document.getElementById("main").style.display = data ? "none" : "flex"
-    document.getElementById("custom-rfid").style.display = data ? "flex" : "none"
-}

package/examples/cordova/www/src/main.css

@@ -1,134 +0,0 @@
-html,
-body {
-    margin: 0;
-    width: 100%;
-    height: 99vh;
-    display: flex;
-    overflow: hidden;
-    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;
-    justify-content: center;
-    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;
-}
-
-.radio {
-    align-items: baseline;
-    padding: 15px;
-}
-
-input[type="checkbox"] {
-    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;
-}

package/examples/cordova/www/src/main.html

@@ -1,38 +0,0 @@
-<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="160px" width="120px">
-            </div>
-            <div class="column" style="padding: 5px;">
-                <p>Document image</p>
-                <img id="document-image" src="images/document.png" height="160px" 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>
-        </div>
-        <div class="row" style="width: 360px; padding-top: 15px;">
-            <span id="rfid-checkbox-description" style="font-size: 18px;width: 100%;">Process rfid reading(unavailable)</span>
-            <input id="rfid-checkbox" type="checkbox" style="margin-left: auto;" disabled />
-        </div>
-        <div class="row">
-            <button id="scan" class="button">Scan document</button>
-            <button id="recognize" class="button">Scan image</button>
-        </div>
-        <button id="connect" class="button" style="width: 360px; display: none;">Connect</button>
-        <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/cordova/www/src/main.js

@@ -1,173 +0,0 @@
-import { loadAsset, pickImage } from '../index.js'
-import { initializeWithBTDevice, setupBTDevice, useBtDevice } from './extra/bt_device.js'
-import { useRfidSelfHostedUI, rfidSelfHostedUI } from './extra/custom_rfid.js'
-
-var documentReader = DocumentReader.instance
-var selectedScenario
-var doRfid = false
-var isReadingRfid = false
-
-export async function init() {
-  if (!await initialize()) return
-  setScenarios(documentReader.availableScenarios)
-  setCanRfid(await documentReader.isRFIDAvailableForUse())
-  setStatus("Ready")
-}
-
-async function scan() {
-  if (!await documentReader.isReady()) return
-  clearResults()
-  documentReader.startScanner(
-    ScannerConfig.withScenario(selectedScenario),
-    handleCompletion,
-  )
-}
-
-async function recognize() {
-  if (!await documentReader.isReady()) return
-  var image = await pickImage()
-  if (image == null) return
-
-  clearResults()
-  documentReader.recognize(
-    RecognizeConfig.withScenario(selectedScenario, { image: image }),
-    handleCompletion,
-  )
-}
-
-export function handleCompletion(action, results, error) {
-  handleException(error)
-  if (DocReaderAction.stopped(action) && !shouldRfid(results)) {
-    displayResults(results)
-  } else if (DocReaderAction.finished(action) && shouldRfid(results)) {
-    isReadingRfid = true
-    readRfid()
-  }
-}
-
-export async function displayResults(results) {
-  isReadingRfid = false
-  clearResults()
-  if (results == null) return
-
-  var name = await results.textFieldValueByType(FieldType.SURNAME_AND_GIVEN_NAMES)
-  var docImage = await results.graphicFieldImageByType(GraphicFieldType.DOCUMENT_IMAGE)
-  var portrait = await results.graphicFieldImageByType(GraphicFieldType.PORTRAIT)
-  portrait = await results.graphicFieldImageByTypeSource(GraphicFieldType.PORTRAIT, ResultType.RFID_IMAGE_DATA) ?? portrait
-
-  setStatus(name)
-  setPortrait(portrait)
-  setDocImage(docImage)
-}
-
-var readRfid = () => {
-  documentReader.rfid(new RFIDConfig(handleCompletion))
-}
-
-function shouldRfid(results) {
-  return doRfid &&
-    !isReadingRfid &&
-    results != null && results.chipPage != 0
-}
-
-var initialize = async () => {
-  setStatus("Initializing...")
-
-  var license = await loadAsset("regula.license")
-  var initConfig = new InitConfig(license)
-  var [success, error] = await documentReader.initialize(initConfig)
-
-  handleException(error)
-  return success
-}
-
-export function handleException(error) {
-  if (error != null) {
-    setStatus(error.message)
-    console.log(error.code + ": " + error.message)
-  }
-}
-
-// --------------------------------------------------------------------------------------------------------------------
-
-var documentUIImage
-var portraitUIImage
-export function main() {
-  documentUIImage = document.getElementById("document-image")
-  portraitUIImage = document.getElementById("portrait-image")
-  document.getElementById("scan").onclick = () => scan()
-  document.getElementById("recognize").onclick = () => recognize()
-
-  // custom rfid
-  if (useRfidSelfHostedUI) readRfid = () => rfidSelfHostedUI()
-
-  // bt device
-  if (!useBtDevice) init()
-  else {
-    setupBTDevice()
-    initialize = initializeWithBTDevice
-  }
-}
-
-export function setStatus(data) {
-  if (data != null)
-    document.getElementById("status").innerHTML = data
-}
-
-function setPortrait(data) {
-  if (data != null)
-    portraitUIImage.src = "data:image/png;base64," + data
-}
-
-function setDocImage(data) {
-  if (data != null)
-    documentUIImage.src = "data:image/png;base64," + data
-}
-
-function clearResults() {
-  setStatus("Ready")
-  portraitUIImage.src = "images/portrait.png"
-  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")
-  if (data) {
-    checkbox.disabled = false
-    checkboxDescription.innerHTML = "Process rfid reading"
-    var onclick = () => {
-      doRfid = !doRfid
-      checkbox.checked = doRfid
-    }
-    checkbox.onclick = onclick
-    checkboxDescription.onclick = onclick
-  }
-}
-
-function setScenarios(data) {
-  selectedScenario = Scenario.MRZ
-  var scenariosContainer = document.getElementById("scenarios")
-
-  data.forEach(scenario => {
-    var checked = selectedScenario == scenario.name ? "checked" : ""
-    var scenarioElement = `<div class="row radio">
-      <input type="radio" name="scenario" id="${scenario.name}" value="${scenario.name}" ${checked}>
-      <span id="${scenario.name}-caption" style="width: 200px; padding-left: 5px;">${scenario.caption}</span>
-    </div>`
-    scenariosContainer.insertAdjacentHTML("beforeend", scenarioElement)
-  })
-
-  data.forEach(scenario => {
-    var element
-    element = document.getElementById(scenario.name)
-    var elementCaption = document.getElementById(scenario.name + "-caption")
-    var onclick = () => {
-      selectedScenario = scenario.name
-      element.checked = true
-    }
-    element.onclick = onclick
-    elementCaption.onclick = onclick
-  })
-}