@regulaforensics/face-sdk 7.1.274-rc → 7.1.277-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.274-rc'
+  s.version      = '7.1.277-beta'
   s.summary      = package['description']
   s.license      = package['license']
 

package/examples/capacitor/package.json

@@ -6,8 +6,8 @@
     "android": "scripts/android.sh"
   },
   "dependencies": {
-    "@regulaforensics/face-sdk": "7.1.274-rc",
-    "@regulaforensics/face-core-basic": "7.1.137-rc",
+    "@regulaforensics/face-sdk": "7.1.277-beta",
+    "@regulaforensics/face-core-basic": "7.1.99-beta",
     "@awesome-cordova-plugins/file": "6.6.0",
     "@awesome-cordova-plugins/camera": "6.6.0",
     "cordova-plugin-file": "8.1.3",

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,8 +6,8 @@
     "android": "scripts/android.sh"
   },
   "dependencies": {
-    "@regulaforensics/face-sdk": "7.1.274-rc",
-    "@regulaforensics/face-core-basic": "7.1.137-rc",
+    "@regulaforensics/face-sdk": "7.1.277-beta",
+    "@regulaforensics/face-core-basic": "7.1.99-beta",
     "cordova-ios": "7.1.1",
     "cordova-android": "13.0.0",
     "cordova-plugin-file": "8.1.3",

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,8 +6,8 @@
     "android": "scripts/android.sh"
   },
   "dependencies": {
-    "@regulaforensics/face-sdk": "7.1.274-rc",
-    "@regulaforensics/face-core-basic": "7.1.137-rc",
+    "@regulaforensics/face-sdk": "7.1.277-beta",
+    "@regulaforensics/face-core-basic": "7.1.99-beta",
     "@awesome-cordova-plugins/file": "6.16.0",
     "@awesome-cordova-plugins/camera": "6.16.0",
     "@awesome-cordova-plugins/dialogs": "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.config.ts

@@ -0,0 +1,38 @@
+import { ExpoConfig, ConfigContext } from 'expo/config'
+
+export default ({ config }: ConfigContext): ExpoConfig => ({
+  ...config,
+  slug: 'face-sdk',
+  name: 'FaceSDK',
+  orientation: 'portrait',
+  icon: './images/icon/icon.png',
+  ios: {
+    bundleIdentifier: 'com.regula.documentreader.qa',
+    infoPlist: {
+      NSCameraUsageDescription: 'To use camera',
+      NSPhotoLibraryUsageDescription: 'To use gallery'
+    },
+    appleTeamId: ''
+  },
+  android: {
+    package: 'com.regula.documentreader.api.androidtest',
+    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