@tsocial/tvweb-sdk 5.2.0 → 5.4.2-alpha.0

package/examples/extract-id-info-and-liveness-detection/index.html

@@ -224,9 +224,12 @@
 
   function handleStepDoneIDCard ({ stepNumber, image, qrScannedResult, recordedVideos, apiResult }) {
     const steps = JSON.parse(idCardStepsEl.value)
+    console.log('image', image)
 
     resultExtractIdInfoEl.appendChild(document.createTextNode(`\n-----------------------------------------\n`))
     resultExtractIdInfoEl.appendChild(document.createTextNode(`\nSTEP NUMBER ${stepNumber}:\n`));
+
+
     const imgEl = document.createElement("img");
     imgEl.width = "300";
     imgEl.src = URL.createObjectURL(image.blob);
@@ -235,11 +238,11 @@
     resultExtractIdInfoEl.appendChild(document.createTextNode(`Recorded videos: ${recordedVideos.length}\n`));
 
     if (qrScannedResult) {
-      const { result, imageBlob } = qrScannedResult
+      const { result, image } = qrScannedResult
 
       const qrImgEl = document.createElement("img");
       qrImgEl.width = "200";
-      qrImgEl.src = URL.createObjectURL(imageBlob);
+      qrImgEl.src = URL.createObjectURL(image.blob);
       resultExtractIdInfoEl.appendChild(qrImgEl);
       resultExtractIdInfoEl.appendChild(document.createTextNode(`\n${result}\n`));
     }
@@ -261,10 +264,10 @@
   }
 
   async function handleDetectIdCard (props) {
-    const { cardType, imageBlob, cardSide } = props
+    const { cardType, image, cardSide } = props
     const apiClient = new trustvisionSdk.default(inputAccessKey.value, inputSecretKey.value, inputApiUrl.value);
     const resultUpload = await apiClient.uploadImage({
-      file: imageBlob,
+      file: image.blob,
       label: `id_card.${cardType}.${cardSide}`,
     });
     const imageId = resultUpload.data.image_id
@@ -294,6 +297,7 @@
       onStepDone: handleStepDoneIDCard,
       steps: JSON.parse(idCardStepsEl.value),
       tracking: JSON.parse(trackingConfigEl.value),
+      outputEncryptionSettings: { key: 'abc123' },
     }
 
     if (apiCheck) {
@@ -325,7 +329,11 @@
       apiUrl: inputApiUrl.value,
       onLivenessDetectionDone: handleLivenessDetectionDone,
       customStepTimeConstraints: JSON.parse(customStepTimeConstraintsEl.value),
-      captureFrameData: true,
+      captureFrameSettings: {
+        enable: true,
+        framesIntervalTime: 180,
+        framesBatchLength: 0,
+      },
       onError: (e) => {
         livenessLoadingEl.style.display = "none";
         startLivenessBtn.disabled = false;
@@ -373,7 +381,7 @@
   }
 
   function handleLivenessDetectionDone(result) {
-    const { frontalFaces, apiCheckPassed, steps, videoRecord } = result;
+    const { frontalFaces, apiCheckPassed, steps } = result;
     const apiCheck = selectApiCheckEl.value === "true";
     resultLivenessDetectionEl.innerHTML = "";
 
@@ -407,13 +415,6 @@
       resultLivenessDetectionEl.appendChild(
         document.createTextNode("Video:")
       );
-      if (videoRecord.length) {
-        const videoEl = document.createElement("video");
-        videoEl.width = "200";
-        videoEl.controls = "controls";
-        videoEl.src = URL.createObjectURL(videoRecord[0]);
-        resultLivenessDetectionEl.appendChild(videoEl);
-      }
     } else {
       livenessLoadingEl.style.display = "none";
       startLivenessBtn.disabled = false;

package/examples/native-camera/index.html

@@ -10,7 +10,7 @@
 <h2>Native Camera</h2>
 <button id="btn-open-camera">Open camera</button>
 <div id="container"></div>
-<img id="img-result" width="300" />
+<img id="img-result" width="300"/>
 <script src="../../build/tvweb-sdk.standalone.min.js"></script>
 <script type="text/javascript">
   const tv = new TVWebSDK.SDK({
@@ -21,14 +21,22 @@
   const buttonOpenCamera = document.getElementById('btn-open-camera')
   const imgResultEl = document.getElementById('img-result')
 
-  function handleCaptureDone ({ file }) {
+  function handleCaptureDone ({ file, encrypted }) {
     imgResultEl.src = URL.createObjectURL(file)
     imgResultEl.onload = function () {
       URL.revokeObjectURL(this.src)
     }
+    if (encrypted) {
+      alert(JSON.stringify(encrypted))
+    }
   }
 
-  const { openCamera } = tv.initNativeCamera({ frontCamera: false, onCaptureDone: handleCaptureDone })
+  const { openCamera } = tv.initNativeCamera({
+    frontCamera: false,
+    onCaptureDone: handleCaptureDone,
+    useFileBrowse: true,
+    outputEncryptionSettings: { key: '123' }
+  })
 
   buttonOpenCamera.onclick = openCamera
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsocial/tvweb-sdk",
-  "version": "5.2.0",
+  "version": "5.4.2-alpha.0",
   "description": "TV Web SDK - The Standalone SDK",
   "keywords": [],
   "author": "Nha Hoang <nha.hoang@trustingsocial.com>",
@@ -24,8 +24,8 @@
   },
   "dependencies": {
     "@tsocial/trustvision-sdk": "2.10.1",
-    "@tsocial/tvweb-core": "^5.2.0",
-    "@tsocial/tvweb-ui": "^5.2.0",
+    "@tsocial/tvweb-core": "^5.4.0",
+    "@tsocial/tvweb-ui": "^5.4.0",
     "http-server": "0.12.3",
     "invariant": "^2.2.4",
     "react": "^16.14.0",
@@ -34,7 +34,7 @@
     "styled-components": "^5.2.1"
   },
   "devDependencies": {
-    "@tsocial/tvweb-builder": "^5.2.0"
+    "@tsocial/tvweb-builder": "^5.4.0"
   },
-  "gitHead": "82d8bb3ef3b72d4bf645d09f37a7cd305ddf0c47"
+  "gitHead": "8de5736043aeb63960d60e1d3b1f47eca0ae2876"
 }