@regulaforensics/face-sdk 7.1.253-beta → 7.1.265-beta

package/README.md

@@ -4,7 +4,7 @@ This plugin makes possible to use it with react-native, cordova and ionic applic
 
 ## Demo applications
 In the [examples](examples/) folder you can find 4 demo applications:
-* [React-native](examples/react-native)
+* [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/RNFaceSDK.podspec

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

package/android/build.gradle

@@ -41,7 +41,7 @@ dependencies {
     //noinspection GradleDynamicVersion
     implementation 'com.facebook.react:react-native:+'
     //noinspection GradleDependency
-    implementation('com.regula.face:api:6.4.3709'){
+    implementation('com.regula.face:api:7.1.3725'){
         transitive = true
     }
 }

package/android/cordova.gradle

@@ -12,7 +12,7 @@ repositories {
 
 dependencies {
     //noinspection GradleDependency
-    implementation('com.regula.face:api:6.4.3709'){
+    implementation('com.regula.face:api:7.1.3725'){
         transitive = true
     }
 }

package/examples/capacitor/package.json

@@ -6,7 +6,7 @@
     "android": "scripts/android.sh"
   },
   "dependencies": {
-    "@regulaforensics/face-sdk": "7.1.253-beta",
+    "@regulaforensics/face-sdk": "7.1.265-beta",
     "@regulaforensics/face-core-basic": "7.1.99-beta",
     "@awesome-cordova-plugins/file": "6.6.0",
     "@awesome-cordova-plugins/camera": "6.6.0",

package/examples/capacitor/src/main.css

@@ -32,14 +32,20 @@ body {
     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;
 }
 
+.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);

package/examples/capacitor/src/main.html

@@ -1,22 +1,25 @@
 <div class="page">
     <div class="column header">
-        <span id="status" class="title">Loading...</span>
+        <span id="status">Loading...</span>
         <div class="column divider"></div>
     </div>
-    <div id="main" class="column no-scroll">
-        <div class="column">
-            <img id="first-image" src="images/portrait.png" width="150px" style="padding: 10px">
-            <img id="second-image" src="images/portrait.png" width="150px" style="padding: 10px">
+    <div class="column sub-header">
+        <div class="row" style="width: 100%">
+            <div style="width: 185px">Similarity: <span id="similarity-status">null</span></div>
+            <div style="width: 185px">Liveness: <span id="liveness-status">null</span></div>
         </div>
-        <div class="column" style="padding: 10px">
+        <div class="column divider"></div>
+    </div>
+    <div class="column no-scroll">
+        <div class="row" style="height: 100%">
+            <img id="first-image" src="images/portrait.png" width="175px" style="padding: 5px">
+            <img id="second-image" src="images/portrait.png" width="175px" style="padding: 5px">
+        </div>
+        <div class="row">
             <button id="match-faces" class="button">Match</button>
             <button id="start-liveness" class="button">Liveness</button>
-            <button id="clear-results" class="button">Clear</button>
-        </div>
-        <div>
-            Similarity: <span style="margin-right: 15px" id="similarity-status">null</span> Liveness: <span
-                id="liveness-status">null</span>
         </div>
-        <div style="padding-top: 100px;"></div>
+        <button id="clear-results" class="button" style="width: 360px">Clear</button>
+        <div style="padding-top: 30px"></div>
     </div>
 </div>

package/examples/cordova/package.json

@@ -6,7 +6,7 @@
     "android": "scripts/android.sh"
   },
   "dependencies": {
-    "@regulaforensics/face-sdk": "7.1.253-beta",
+    "@regulaforensics/face-sdk": "7.1.265-beta",
     "@regulaforensics/face-core-basic": "7.1.99-beta",
     "cordova-ios": "7.1.1",
     "cordova-android": "13.0.0",

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

@@ -32,14 +32,20 @@ body {
     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;
 }
 
+.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);

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

@@ -1,22 +1,25 @@
 <div class="page">
     <div class="column header">
-        <span id="status" class="title">Loading...</span>
+        <span id="status">Loading...</span>
         <div class="column divider"></div>
     </div>
-    <div id="main" class="column no-scroll">
-        <div class="column">
-            <img id="first-image" src="images/portrait.png" width="150px" style="padding: 10px">
-            <img id="second-image" src="images/portrait.png" width="150px" style="padding: 10px">
+    <div class="column sub-header">
+        <div class="row" style="width: 100%">
+            <div style="width: 185px">Similarity: <span id="similarity-status">null</span></div>
+            <div style="width: 185px">Liveness: <span id="liveness-status">null</span></div>
         </div>
-        <div class="column" style="padding: 10px">
+        <div class="column divider"></div>
+    </div>
+    <div class="column no-scroll">
+        <div class="row" style="height: 100%">
+            <img id="first-image" src="images/portrait.png" width="175px" style="padding: 5px">
+            <img id="second-image" src="images/portrait.png" width="175px" style="padding: 5px">
+        </div>
+        <div class="row">
             <button id="match-faces" class="button">Match</button>
             <button id="start-liveness" class="button">Liveness</button>
-            <button id="clear-results" class="button">Clear</button>
-        </div>
-        <div>
-            Similarity: <span style="margin-right: 15px" id="similarity-status">null</span> Liveness: <span
-                id="liveness-status">null</span>
         </div>
-        <div style="padding-top: 100px;"></div>
+        <button id="clear-results" class="button" style="width: 360px">Clear</button>
+        <div style="padding-top: 30px"></div>
     </div>
 </div>

package/examples/ionic/package.json

@@ -6,7 +6,7 @@
     "android": "scripts/android.sh"
   },
   "dependencies": {
-    "@regulaforensics/face-sdk": "7.1.253-beta",
+    "@regulaforensics/face-sdk": "7.1.265-beta",
     "@regulaforensics/face-core-basic": "7.1.99-beta",
     "@awesome-cordova-plugins/file": "6.16.0",
     "@awesome-cordova-plugins/camera": "6.16.0",

package/examples/ionic/src/main.css

@@ -32,14 +32,20 @@ body {
     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;
 }
 
+.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);

package/examples/ionic/src/main.html

@@ -1,22 +1,25 @@
 <div class="page">
     <div class="column header">
-        <span id="status" class="title">Loading...</span>
+        <span id="status">Loading...</span>
         <div class="column divider"></div>
     </div>
-    <div id="main" class="column no-scroll">
-        <div class="column">
-            <img id="first-image" src="images/portrait.png" width="150px" style="padding: 10px">
-            <img id="second-image" src="images/portrait.png" width="150px" style="padding: 10px">
+    <div class="column sub-header">
+        <div class="row" style="width: 100%">
+            <div style="width: 185px">Similarity: <span id="similarity-status">null</span></div>
+            <div style="width: 185px">Liveness: <span id="liveness-status">null</span></div>
         </div>
-        <div class="column" style="padding: 10px">
+        <div class="column divider"></div>
+    </div>
+    <div class="column no-scroll">
+        <div class="row" style="height: 100%">
+            <img id="first-image" src="images/portrait.png" width="175px" style="padding: 5px">
+            <img id="second-image" src="images/portrait.png" width="175px" style="padding: 5px">
+        </div>
+        <div class="row">
             <button id="match-faces" class="button">Match</button>
             <button id="start-liveness" class="button">Liveness</button>
-            <button id="clear-results" class="button">Clear</button>
-        </div>
-        <div>
-            Similarity: <span style="margin-right: 15px" id="similarity-status">null</span> Liveness: <span
-                id="liveness-status">null</span>
         </div>
-        <div style="padding-top: 100px;"></div>
+        <button id="clear-results" class="button" style="width: 360px">Clear</button>
+        <div style="padding-top: 30px"></div>
     </div>
 </div>

package/examples/{react-native → react_native}/README.md

@@ -13,13 +13,13 @@
 
 
 ## How to use offline match
-1. Place a license that supports offline match at `android/app/src/main/assets/regula.license` and `ios/license/regula.license`.
+1. Place a license that supports offline match at `assets/regula.license`.
 
 2. Change core with the following commands:
 ```bash
 npm uninstall @regulaforensics/face-core-basic
 npm install @regulaforensics/face-core-match
-(cd ios && RCT_NEW_ARCH_ENABLED=1 bundle exec pod install)
+npm run setup
 ```
 
 3. Turn off the internet and run the app.

package/examples/react_native/app.json

@@ -0,0 +1,73 @@
+{
+  "expo": {
+    "name": "DocumentReader",
+    "orientation": "portrait",
+    "icon": "./images/icon/icon.png",
+    "ios": {
+      "bundleIdentifier": "regula.DocumentReader",
+      "infoPlist": {
+        "NSCameraUsageDescription": "To use camera",
+        "NSPhotoLibraryUsageDescription": "To use gallery",
+        "NFCReaderUsageDescription": "To use NFC",
+        "NSBluetoothAlwaysUsageDescription": "To use bluetooth",
+        "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.dr.fullauthrfid",
+      "permissions": [
+        "android.permission.BLUETOOTH_CONNECT"
+      ],
+      "adaptiveIcon": {
+        "foregroundImage": "./images/icon/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "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.tsx

@@ -0,0 +1,52 @@
+import { registerRootComponent } from 'expo'
+import WebView from 'react-native-webview'
+import { onload } from './src/main'
+
+var webViewRef: any
+const onclicks: any = {}
+const onMessage = (json: any) => {
+  const event = JSON.parse(json.nativeEvent.data)
+  if (event.id === "ready") onload()
+  if (event.id === "onclick") {
+    onclicks[event.value]()
+  }
+}
+
+export 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} = "${value}"; true`)
+        return true
+      },
+      get(_, prop: string) {
+        if (prop === "style") return new Proxy({}, {
+          set(_, styleProp: string, value) {
+            webViewRef.injectJavaScript(`document.getElementById("${id}").style.${styleProp} = "${value}"; true`)
+            return true
+          }
+        })
+        return undefined
+      },
+    }
+    )
+  }
+}
+
+registerRootComponent(() =>
+  <WebView
+    ref={ref => { webViewRef = ref }}
+    onMessage={onMessage}
+    source={require("./index.html")}
+    scrollEnabled={false}
+    injectedJavaScript="document.body.addEventListener('touchmove', function(e) { e.preventDefault() }, { passive: false })"
+  />
+)

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,26 @@
+{
+  "name": "face-sdk",
+  "main": "./index.tsx",
+  "scripts": {
+    "setup": "scripts/setup.sh",
+    "ios": "scripts/ios.sh",
+    "android": "scripts/android.sh",
+    "start": "expo start"
+  },
+  "dependencies": {
+    "@regulaforensics/face-sdk": "7.1.265-beta",
+    "@regulaforensics/face-core-basic": "7.1.99-beta",
+    "react-native": "0.79.2",
+    "react-native-fs": "2.20.0",
+    "react-native-image-picker": "8.2.1",
+    "react-native-webview": "13.13.5",
+    "@react-native/metro-config": "0.79.2",
+    "react": "19.1.0",
+    "@types/react": "19.1.4",
+    "expo": "53.0.9",
+    "expo-dev-client": "5.1.8",
+    "expo-custom-assets": "1.4.1",
+    "expo-build-properties": "0.14.6",
+    "typescript": "5.8.3"
+  }
+}

package/examples/{react-native → react_native}/scripts/android.sh

@@ -1,13 +1,12 @@
 #!/usr/bin/env bash
-set -e
 
 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 "react-native start" >/dev/null; then
+    if ! pgrep -f "expo start" >/dev/null; then
         npm start
     fi
 else
-    react-native run-android
+    expo run:android --device
 fi

package/examples/{react-native → react_native}/scripts/ios.sh

@@ -1,12 +1,11 @@
 #!/usr/bin/env bash
-set -e
 
 if [[ $npm_config_o || $npm_config_open ]]; then
-    open ios/App.xcworkspace
+    open ios/FaceSDK.xcworkspace
     # check if metro is already running
-    if ! pgrep -f "react-native start" > /dev/null; then
+    if ! pgrep -f "expo start" > /dev/null; then
         npm start
     fi
 else
-    react-native run-ios
+    npx expo run:ios  --device
 fi

package/examples/react_native/scripts/setup.sh

@@ -0,0 +1,5 @@
+#!/usr/bin/env bash
+set -e
+
+npm install
+expo prebuild

package/examples/{react-native → react_native}/src/main.css

@@ -32,14 +32,20 @@ body {
     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;
 }
 
+.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);

package/examples/react_native/src/main.html

@@ -0,0 +1,25 @@
+<div class="page">
+    <div class="column header">
+        <span id="status">Loading...</span>
+        <div class="column divider"></div>
+    </div>
+    <div class="column sub-header">
+        <div class="row" style="width: 100%">
+            <div style="width: 185px">Similarity: <span id="similarity-status">null</span></div>
+            <div style="width: 185px">Liveness: <span id="liveness-status">null</span></div>
+        </div>
+        <div class="column divider"></div>
+    </div>
+    <div class="column no-scroll">
+        <div class="row" style="height: 100%">
+            <img id="first-image" src="images/portrait.png" width="175px" style="padding: 5px">
+            <img id="second-image" src="images/portrait.png" width="175px" style="padding: 5px">
+        </div>
+        <div class="row">
+            <button id="match-faces" class="button">Match</button>
+            <button id="start-liveness" class="button">Liveness</button>
+        </div>
+        <button id="clear-results" class="button" style="width: 360px">Clear</button>
+        <div style="padding-top: 30px"></div>
+    </div>
+</div>

package/examples/{react-native → react_native}/src/main.tsx

@@ -105,8 +105,8 @@ function pickImage(position: number) {
 }
 
 async function loadAssetIfExists(path: string): Promise<string | null> {
-  if (Platform.OS === 'ios') path = RNFS.MainBundlePath + "/license/" + path
-  var readFile = Platform.OS === 'ios' ? RNFS.readFile : RNFS.readFileAssets
+  if (Platform.OS === 'ios') path = RNFS.MainBundlePath + "/" + path
+  var readFile = Platform.OS === 'ios' ? RNFS.readFile : RNFS.readFileRes
   try {
     return await readFile(path, 'base64')
   } catch {

package/examples/react_native/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "compilerOptions": {},
+  "extends": "expo/tsconfig.base"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@regulaforensics/face-sdk",
-  "version": "7.1.253-beta",
+  "version": "7.1.265-beta",
   "description": "This is an npm module for Regula Face SDK. It allows you to easily compaire faces 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/face-sdk" version="7.1.253-beta" xmlns="http://apache.org/cordova/ns/plugins/1.0">
+<plugin id="@regulaforensics/face-sdk" version="7.1.265-beta" xmlns="http://apache.org/cordova/ns/plugins/1.0">
   <name>FaceSDK</name>
   <description>Cordova plugin for Regula Face SDK</description>
   <license>commercial</license>

package/examples/react-native/.vscode/launch.json

@@ -1,26 +0,0 @@
-{
-    // Use IntelliSense to learn about possible attributes.
-    // Hover to view descriptions of existing attributes.
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "name": "Run iOS",
-            "cwd": "${workspaceFolder}",
-            "type": "reactnativedirect",
-            "request": "launch",
-            "platform": "ios",
-            "enableDebug": false,
-            "useHermesEngine": false,
-            "target": "device"
-        },
-        {
-            "name": "Run Android",
-            "cwd": "${workspaceFolder}",
-            "type": "reactnative",
-            "request": "launch",
-            "platform": "android",
-            "enableDebug": false
-        },
-    ]
-}

package/examples/react-native/Gemfile

@@ -1,16 +0,0 @@
-source 'https://rubygems.org'
-
-# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
-ruby ">= 2.6.10"
-
-# Exclude problematic versions of cocoapods and activesupport that causes build failures.
-gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
-gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
-gem 'xcodeproj', '< 1.26.0'
-gem 'concurrent-ruby', '< 1.3.4'
- 
-# Ruby 3.4.0 has removed some libraries from the standard library.
-gem 'bigdecimal'
-gem 'logger'
-gem 'benchmark'
-gem 'mutex_m'