@regulaforensics/idv 3.2.26-beta → 3.2.68-beta

package/examples/capacitor/package.json

@@ -6,13 +6,13 @@
     "android": "scripts/android.sh"
   },
   "dependencies": {
-    "@regulaforensics/idv": "3.2.26-beta",
-    "@regulaforensics/document-reader": "8.4.317-beta",
-    "@regulaforensics/face-sdk": "7.3.484-beta",
-    "@regulaforensics/document-reader-core-fullauthrfid": "8.4.272-beta",
-    "@regulaforensics/face-core-basic": "7.3.282-beta",
-    "@regulaforensics/idv-module-document-reader": "3.2.30-beta",
-    "@regulaforensics/idv-module-face": "3.2.31-beta",
+    "@regulaforensics/idv": "3.2.68-beta",
+    "@regulaforensics/document-reader": "9.1.505",
+    "@regulaforensics/face-sdk": "7.2.691",
+    "@regulaforensics/document-reader-core-fullauthrfid": "9.1.1281",
+    "@regulaforensics/face-core-basic": "7.2.265",
+    "@regulaforensics/idv-module-document-reader": "3.2.48-beta",
+    "@regulaforensics/idv-module-face": "3.2.49-beta",
     "@capacitor/cli": "7.0.1",
     "@capacitor/core": "7.0.1",
     "@capacitor/app": "7.0.0",

package/examples/capacitor/src/main.html

@@ -1,38 +1,17 @@
 <div class="column" style="height: 100%">
     <div class="column header">
-        <span id="status">Loading...</span>
+        <span id="status">Initializing...</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 id="sub-header" class="column sub-header" style="display: none;">
+        <span id="description"></span>
+        <div class="column divider"></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 id="main" class="column no-scroll">
+        <div class="column no-scroll" style="padding-top: 15px; background-color: rgba(0, 0, 0, 0.03);">
+            <div id="radio-group" class="scroll"></div>
         </div>
-        <button id="cancel-rfid" class="text-button" style="margin-top: 50px; padding-bottom: 100px;">X</button>
+        <button id="start-workflow" class="button" style="width: 360px">Start Workflow</button>
+        <div style="padding-top: 30px"></div>
     </div>
 </div>

package/examples/capacitor/src/main.tsx

@@ -1,10 +1,124 @@
-import { IDV } from '@regulaforensics/idv'
+import { IDV, Workflow } from '@regulaforensics/idv'
+
+enum Configuration { credentials, token, apiKey }
+
+const loginType: Configuration = Configuration.credentials
+const baseUrl = "https://idv.regula.app"
+const username = "username_placeholder"
+const password = "password_placeholder"
+const tokenUrl = "token_placeholder"
+const apiKey = "api_key_placeholder"
 
 var idv = IDV.instance
+var selectedWorkflow = ""
+var workflowIds: string[] = []
+
+async function init() {
+    var [_, iError] = await idv.initialize()
+    if (handleException(iError, "initialize")) return
+
+    var success = ({
+        [Configuration.credentials]: async () => await configureWithCredentials(),
+        [Configuration.token]: async () => await configureWithToken(),
+        [Configuration.apiKey]: async () => await configureApiKey(),
+    })[loginType]!
+    if (!await success()) return
+
+    var [wfs, error] = await idv.getWorkflows()
+    if (handleException(error, "getWorkflows")) return
+    if (loginType == Configuration.token) {
+        wfs = wfs!.filter((wf: any) => workflowIds.includes(wf.id))
+    }
+
+    setWorkflows(wfs!)
+    setStatus("Ready")
+}
+
+async function configureWithCredentials(): Promise<boolean> {
+    var [success, error] = await idv.configureWithCredentials({
+        baseUrl: baseUrl,
+        userName: username,
+        password: password
+    })
+    handleException(error, "configureWithCredentials")
+    return success
+}
+
+async function configureWithToken(): Promise<boolean> {
+    var [wfIds, error] = await idv.configureWithToken({ url: tokenUrl })
+    if (handleException(error, "configureWithToken")) return false
+    workflowIds = wfIds!
+    return true
+}
+
+async function configureApiKey(): Promise<boolean> {
+    var [success, error] = await idv.configureWithApiKey({ baseUrl, apiKey })
+    handleException(error, "configureWithApiKey")
+    return success
+}
 
+async function startWorkflow(): Promise<void> {
+    if (selectedWorkflow.length == 0) return
+    setStatus("Preparing Workflow...")
+
+    var [_, prepareError] = await idv.prepareWorkflow({ workflowId: selectedWorkflow })
+    if (handleException(prepareError, "prepareWorkflow")) return
+
+    var [result, error] = await idv.startWorkflow()
+    if (handleException(error, "startWorkflow")) return
+
+    setStatus("Success")
+    setDescription(`SessionID: ${result?.sessionId}`)
+}
+
+function handleException(error?: string | null, tag?: string): boolean {
+    if (error == null) return false
+    setStatus(`Error - IDV.${tag}()`)
+    setDescription(error)
+    console.log(error)
+    return true
+}
 
 // --------------------------------------------------------------------------------------------------------------------
 
 export function main() {
+    document.getElementById("start-workflow")!.onclick = () => startWorkflow()
+
+    init()
+}
+
+var setStatus = (data: string) => document.getElementById("status")!.innerHTML = data
+var setDescription = (data: string) => {
+    document.getElementById("description")!.innerHTML = data
+    document.getElementById("sub-header")!.style.display = data.length > 0 ? "block" : "none"
+}
+
+var workflows: Workflow[] = []
+function setWorkflows(data: Workflow[]) {
+    var radioGroup = document.getElementById("radio-group")!
+    workflows = data
+    if (workflows.length != 0) {
+        selectedWorkflow = workflows[0].id
+    }
+
+    data.forEach(item => {
+        var checked = selectedWorkflow == item.id ? "checked" : ""
+        var radioElement = `
+        <div class="row radio">
+            <input type="radio" name="radio" id="${item.id}" value="${item.id}" ${checked}>
+            <span id="${item.id}-caption" style="width: 200px; padding-left: 5px;">${item.name}</span>
+        </div>`
+        radioGroup.insertAdjacentHTML("beforeend", radioElement)
+    })
 
+    data.forEach(item => {
+        var element = document.getElementById(item.id) as HTMLInputElement
+        var elementCaption = document.getElementById(item.id + "-caption")!
+        var onclick = () => {
+            selectedWorkflow = item.id
+            element.checked = true
+        }
+        element.onclick = onclick
+        elementCaption.onclick = onclick
+    })
 }

package/examples/ionic/README.md

@@ -2,8 +2,8 @@
 
 ## 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))
+2. Put `regula.license` file at `assets/` (you can get a trial license [here](https://client.regulaforensics.com)).
+3. Put `db.dat` file at `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: 

package/examples/ionic/config.xml

@@ -11,6 +11,7 @@
         <preference name="android-minSdkVersion" value="24" />
         <preference name="android-targetSdkVersion" value="36" />
         <preference name="GradlePluginKotlinEnabled" value="true" />
+        <preference name="GradlePluginKotlinVersion" value="2.1.20" />
         <config-file parent="/*" target="AndroidManifest.xml">
             <uses-permission android:name="android.permission.NFC" />
         </config-file>

package/examples/ionic/index.tsx

@@ -14,7 +14,11 @@ import { main } from './src/main'
 })
 class Main {
     constructor(platform: Platform) {
-        platform.ready().then(main)
+        (async () => {
+            await platform.ready()
+            await new Promise(resolve => requestAnimationFrame(() => requestAnimationFrame(resolve)))
+            main()
+        })()
     }
 }