@regulaforensics/idv 3.2.23-beta

package/examples/ionic/src/main.html

@@ -0,0 +1,38 @@
+<div class="column" style="height: 100%">
+    <div class="column header">
+        <span id="status">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; padding-bottom: 100px;">X</button>
+    </div>
+</div>

package/examples/ionic/src/main.tsx

@@ -0,0 +1,10 @@
+import { IDV } from '@regulaforensics/idv'
+
+var idv = IDV.instance
+
+
+// --------------------------------------------------------------------------------------------------------------------
+
+export function main() {
+
+}

package/examples/ionic/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "include": [
+    "*.tsx"
+  ],
+  "compilerOptions": {
+    "types": [],
+    "module": "esnext",
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "target": "es2022",
+    "jsx": "react-jsx",
+    "skipLibCheck": true, // Temp fix for https://github.com/ionic-team/ionic-framework/issues/30650
+  }
+}

package/examples/react_native/README.md

@@ -0,0 +1,15 @@
+# Regula IDV React Native demo application
+
+## How to build demo application
+1. Download or the clone current repository using the command `git clone https://github.com/regulaforensics/npm-idv.git`.
+2. Put `regula.license` file at `public/assets/` (you can get a trial license [here](https://client.regulaforensics.com)).
+3. Put `db.dat` file at `public/assets/` (you can get a trial database [here](https://client.regulaforensics.com/customer/databases))
+4. Execute `npm run setup` within this directory.
+5. In `src/main.tsx` choose prefered login configuration(`loginType` variable) and provide your login data according to it: username and password for `credentials`, tokenUrl for `token`, apiKey for `apiKey`.
+6. Run the app: 
+  * IOS: `npm run ios`.
+  * Android: `npm run android`.
+7. After initialization choose **General KYC - AP** from workflows list and click **Start Workflow** button.
+8. Complete workflow and get your session id.
+
+**Note**: `npm run ios`/`npm run android` is just one way of running the app. You can also pass `-o` or `--open` argument to the command, and this will open Xcode/Android Studio, then run the app directly from the IDE. Overall, this is a more consistent way, so if you're having troubles running the app from terminal, try running it from the IDE. Just don't forget to make sure that Metro Bundler is running(`npm start`).

package/examples/react_native/app.config.ts

@@ -0,0 +1,46 @@
+import { ExpoConfig, ConfigContext } from 'expo/config'
+
+export default ({ config }: ConfigContext): ExpoConfig => ({
+  ...config,
+  slug: 'idv',
+  name: 'IDV',
+  orientation: 'portrait',
+  icon: 'images/icon.png',
+  ios: {
+    bundleIdentifier: 'com.regula.example.idv.react',
+    infoPlist: {
+      NSCameraUsageDescription: 'To use camera',
+      NSPhotoLibraryUsageDescription: 'To use gallery',
+      NFCReaderUsageDescription: 'To use NFC',
+      'com.apple.developer.nfc.readersession.iso7816.select-identifiers': [
+        'A0000002471001',
+        'E80704007F00070302',
+        'A000000167455349474E',
+        'A0000002480100',
+        'A0000002480200',
+        'A0000002480300',
+        'A00000045645444C2D3031'
+      ]
+    },
+    entitlements: { 'com.apple.developer.nfc.readersession.formats': ['TAG'] },
+    appleTeamId: ''
+  },
+  android: {
+    package: 'com.regula.example.idv.react',
+    permissions: ['android.permission.NFC'],
+    edgeToEdgeEnabled: true
+  },
+  plugins: [
+    ['expo-custom-assets', { assetsPaths: ['./assets'] }],
+    ['expo-build-properties', {
+      android: {
+        extraMavenRepos: [
+          { url: 'https://maven.regulaforensics.com/RegulaDocumentReader' },
+          { url: 'https://maven.regulaforensics.com/RegulaDocumentReader/Beta' },
+          { url: 'https://maven.regulaforensics.com/RegulaDocumentReader/Nightly' },
+          { url: 'https://maven.regulaforensics.com/RegulaDocumentReader/Stage' }
+        ]
+      }
+    }]
+  ]
+})

package/examples/react_native/index.html

@@ -0,0 +1,11 @@
+<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>
+    fetch("src/main.html")
+        .then(response => response.text())
+        .then(html => document.getElementById("content").innerHTML = html)
+        .then(_ => window.ReactNativeWebView.postMessage(`{"id": "ready"}`))
+</script>

package/examples/react_native/index.tsx

@@ -0,0 +1,63 @@
+import { registerRootComponent } from 'expo'
+import WebView from 'react-native-webview'
+import React from 'react'
+import { main } from './src/main'
+
+var webViewRef: any
+const onclicks: any = {}
+const onMessage = (json: any) => {
+  const event = JSON.parse(json.nativeEvent.data)
+  if (event.id === "ready") main()
+  if (event.id === "onclick") {
+    onclicks[event.value]()
+  }
+}
+
+const document = {
+  getElementById(id: string): any {
+    return new Proxy({}, {
+      set(_, prop: string, value) {
+        if (prop == "onclick") {
+          onclicks[id] = value
+          webViewRef.injectJavaScript(`
+            document.getElementById("${id}").onclick = () => {
+              window.ReactNativeWebView.postMessage(JSON.stringify({ id: "onclick", value: "${id}" }));
+            }; true
+          `)
+        } else
+          webViewRef.injectJavaScript(`document.getElementById("${id}").${prop} = ${parseValue(value)}; true`)
+        return true
+      },
+      get(_, prop: string) {
+        if (prop === "style") return new Proxy({}, {
+          set(_, styleProp: string, value) {
+            webViewRef.injectJavaScript(`document.getElementById("${id}").style.${styleProp} = ${parseValue(value)}; true`)
+            return true
+          }
+        })
+        if (prop === "insertAdjacentHTML") return (position: string, html: string) => {
+          webViewRef.injectJavaScript(`document.getElementById("${id}").insertAdjacentHTML('${position}', \`${html}\`); true`)
+          return true
+        }
+        return undefined
+      }
+    }
+    )
+  }
+}
+
+function parseValue(value: any) {
+  if (value !== true && value !== false) return `"${value}"`
+  return value
+}
+
+(globalThis as any).document = document;
+registerRootComponent(() =>
+  <WebView
+    ref={ref => { webViewRef = ref }}
+    onMessage={onMessage}
+    source={require("./index.html")}
+    scrollEnabled={false}
+    overScrollMode={'content'}
+  />
+)

package/examples/react_native/metro.config.js

@@ -0,0 +1,7 @@
+const config = require('expo/metro-config').getDefaultConfig(__dirname)
+config.watchFolders = [
+    __dirname + '/node_modules'
+]
+config.resolver.nodeModulesPaths = config.watchFolders
+config.resolver.assetExts.push('css')
+module.exports = config

package/examples/react_native/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "idv",
+  "main": "./index.tsx",
+  "scripts": {
+    "setup": "scripts/setup.sh",
+    "ios": "scripts/ios.sh",
+    "android": "scripts/android.sh",
+    "start": "expo start"
+  },
+  "dependencies": {
+    "@regulaforensics/idv": "3.2.23-beta",
+    "@regulaforensics/document-reader": "8.4.312-beta",
+    "@regulaforensics/face-sdk": "7.2.455-beta",
+    "@regulaforensics/document-reader-core-fullauthrfid": "8.4.271-beta",
+    "@regulaforensics/face-core-basic": "7.3.280-beta",
+    "@regulaforensics/idv-module-document-reader": "3.2.29-beta",
+    "@regulaforensics/idv-module-face": "3.2.28-beta",
+    "react-native": "^0.81.4",
+    "react-native-webview": "^13.16.0",
+    "@react-native/metro-config": "^0.81.1",
+    "react": "^19.1.1",
+    "@types/react": "^19.1.13",
+    "expo": "^54.0.7",
+    "expo-dev-client": "^6.0.12",
+    "expo-custom-assets": "^1.5.0",
+    "expo-build-properties": "^1.0.8",
+    "typescript": "5.9.2"
+  }
+}

package/examples/react_native/scripts/android.sh

@@ -0,0 +1,13 @@
+#!/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
+        watchman shutdown-server # fix potential errors
+        npm start
+    fi
+else
+    expo run:android --device
+fi

package/examples/react_native/scripts/ios.sh

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

package/examples/react_native/scripts/setup.sh

@@ -0,0 +1,9 @@
+#!/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/regula.license 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,148 @@
+html,
+body {
+    margin: 0;
+    width: 100%;
+    height: 99vh;
+    display: flex;
+    overflow: hidden;
+    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;
+}
+
+.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);
+    font-weight: 600;
+    font-size: 18px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+}
+
+.sub-header {
+    background-color: rgba(0, 0, 0, 0.03); 
+    width: 100%; 
+    padding-top: 13px; 
+    text-align: center; 
+    font-weight: 550; 
+    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/react_native/src/main.html

@@ -0,0 +1,38 @@
+<div class="column" style="height: 100%">
+    <div class="column header">
+        <span id="status">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; padding-bottom: 100px;">X</button>
+    </div>
+</div>

package/examples/react_native/src/main.tsx

@@ -0,0 +1,10 @@
+import { IDV } from '@regulaforensics/idv'
+
+var idv = IDV.instance
+
+
+// --------------------------------------------------------------------------------------------------------------------
+
+export function main() {
+
+}

package/ios/CVDIDV.swift

@@ -0,0 +1,72 @@
+import Flutter
+import UIKit
+
+let channelID = "flutter_idv"
+var eventSinks: [String: FlutterEventSink] = [:]
+
+private var args: [Any?] = []
+
+func sendEvent(_ event: String, _ data: Any? = nil) {
+    DispatchQueue.main.async {
+        if let sink = eventSinks[event] {
+            sink(data.toSendable())
+        }
+    }
+}
+
+func args<T>(_ index: Int) -> T {
+    return args[index] as! T
+}
+
+func argsNullable<T>(_ index: Int) -> T? {
+    if (args[index] is NSNull) { return nil }
+    return args[index] as! T?
+}
+
+public class FlutterIDVPlugin: NSObject, FlutterPlugin {
+    public static func register(with registrar: FlutterPluginRegistrar) {
+        func setupEventChannel(_ eventId: String) {
+            let channel = FlutterEventChannel(name: "\(channelID)/event/\(eventId)", binaryMessenger: registrar.messenger())
+            channel.setStreamHandler(GenericStreamHandler(eventId))
+        }
+        setupEventChannel(didStartSessionEvent);
+        setupEventChannel(didEndSessionEvent);
+        setupEventChannel(didStartRestoreSessionEvent);
+        setupEventChannel(didContinueRemoteSessionEvent);
+        
+        let channel = FlutterMethodChannel(name: "\(channelID)/method", binaryMessenger: registrar.messenger())
+        registrar.addMethodCallDelegate(FlutterIDVPlugin(), channel: channel)
+    }
+    
+    public func handle(_ call: FlutterMethodCall, result: @escaping FlutterResult) {
+        args = call.arguments as! [Any?]
+        methodCall(call.method, { data in result(data.toSendable()) })
+    }
+}
+
+class GenericStreamHandler: NSObject, FlutterStreamHandler {
+    private let eventId: String
+    
+    public init(_ eventId: String) {
+        self.eventId = eventId
+    }
+    
+    public func onListen(withArguments arguments: Any?, eventSink: @escaping FlutterEventSink) -> FlutterError? {
+        eventSinks[eventId] = eventSink
+        return nil
+    }
+    
+    public func onCancel(withArguments arguments: Any?) -> FlutterError? {
+        eventSinks[eventId] = nil
+        return nil
+    }
+}
+
+let rootViewController: () -> UIViewController? = {
+    for window in UIApplication.shared.windows {
+        if window.isKeyWindow {
+            return window.rootViewController
+        }
+    }
+    return nil
+}

package/ios/FlutterIDVPlugin.swift

@@ -0,0 +1,72 @@
+import Flutter
+import UIKit
+
+let channelID = "flutter_idv"
+var eventSinks: [String: FlutterEventSink] = [:]
+
+private var args: [Any?] = []
+
+func sendEvent(_ event: String, _ data: Any? = nil) {
+    DispatchQueue.main.async {
+        if let sink = eventSinks[event] {
+            sink(data.toSendable())
+        }
+    }
+}
+
+func args<T>(_ index: Int) -> T {
+    return args[index] as! T
+}
+
+func argsNullable<T>(_ index: Int) -> T? {
+    if (args[index] is NSNull) { return nil }
+    return args[index] as! T?
+}
+
+public class FlutterIDVPlugin: NSObject, FlutterPlugin {
+    public static func register(with registrar: FlutterPluginRegistrar) {
+        func setupEventChannel(_ eventId: String) {
+            let channel = FlutterEventChannel(name: "\(channelID)/event/\(eventId)", binaryMessenger: registrar.messenger())
+            channel.setStreamHandler(GenericStreamHandler(eventId))
+        }
+        setupEventChannel(didStartSessionEvent);
+        setupEventChannel(didEndSessionEvent);
+        setupEventChannel(didStartRestoreSessionEvent);
+        setupEventChannel(didContinueRemoteSessionEvent);
+        
+        let channel = FlutterMethodChannel(name: "\(channelID)/method", binaryMessenger: registrar.messenger())
+        registrar.addMethodCallDelegate(FlutterIDVPlugin(), channel: channel)
+    }
+    
+    public func handle(_ call: FlutterMethodCall, result: @escaping FlutterResult) {
+        args = call.arguments as! [Any?]
+        methodCall(call.method, { data in result(data.toSendable()) })
+    }
+}
+
+class GenericStreamHandler: NSObject, FlutterStreamHandler {
+    private let eventId: String
+    
+    public init(_ eventId: String) {
+        self.eventId = eventId
+    }
+    
+    public func onListen(withArguments arguments: Any?, eventSink: @escaping FlutterEventSink) -> FlutterError? {
+        eventSinks[eventId] = eventSink
+        return nil
+    }
+    
+    public func onCancel(withArguments arguments: Any?) -> FlutterError? {
+        eventSinks[eventId] = nil
+        return nil
+    }
+}
+
+let rootViewController: () -> UIViewController? = {
+    for window in UIApplication.shared.windows {
+        if window.isKeyWindow {
+            return window.rootViewController
+        }
+    }
+    return nil
+}