@ekyc_qoobiss/qbs-ect-cmp 3.6.77 → 3.6.79

package/dist/cjs/{TranslationUtils-84b58b58.js → TranslationUtils-6fdf7b55.js}

@@ -294,6 +294,7 @@ const { state, onChange } = createStore({
   device: null,
   langIso: 'ro',
   logSteps: false,
+  modelsPath: '',
 });
 onChange('environment', value => {
   state.debug = value == 'QA';
@@ -503,6 +504,7 @@ class ApiCall {
     state.flowStatus = exports.FlowStatus[jsonResp.state];
     state.logSteps = jsonResp.logSteps;
     state.debug = jsonResp.debug;
+    state.modelsPath = jsonResp.modelsPath;
     return true;
   }
   async UploadFileForRequestB64(requestId, type, file) {

package/dist/cjs/agreement-check_18.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-41696e0e.js');
-const TranslationUtils = require('./TranslationUtils-84b58b58.js');
+const TranslationUtils = require('./TranslationUtils-6fdf7b55.js');
 
 const agreementCheckCss = "";
 
@@ -1485,7 +1485,7 @@ class ML5 {
   }
   async init() {
     return new Promise(async (resolve) => {
-      const modelPath = TranslationUtils.state.apiBaseUrl.includes("apimd") ? 'https://ekyc.blob.core.windows.net/$web/md/model.json' : 'https://ekyc.blob.core.windows.net/$web/model.json';
+      const modelPath = TranslationUtils.state.modelsPath;
       this.classifier = await ml5.imageClassifier(modelPath, this.loaded);
       this.faceapi = await ml5.faceApi({ withLandmarks: true, withDescriptors: false }, this.loaded);
       //warmup
@@ -1528,6 +1528,12 @@ const getLogMessage = (param_req_id = '', param_redirect_id = '', param_token =
   };
 };
 
+var VerificationMode;
+(function (VerificationMode) {
+  VerificationMode[VerificationMode["Full"] = 0] = "Full";
+  VerificationMode[VerificationMode["Tilt"] = 1] = "Tilt";
+})(VerificationMode || (VerificationMode = {}));
+
 class IDML5Detector {
   static getInstance(stream, isMobile) {
     if (!IDML5Detector.instance) {
@@ -1548,9 +1554,13 @@ class IDML5Detector {
     this.canvasElement = canvasElement;
     // this.component = component;
   }
-  initDetector() {
+  initDetector(mode) {
     this.initTime = Date.now();
     this.continue = true;
+    if (mode == VerificationMode.Full)
+      this.targetedLabel = 'full';
+    else
+      this.targetedLabel = 'tilted';
     // this.width = this.videoElement.videoWidth;
     // this.height = this.videoElement.videoHeight;
     this.drawFrame('white');
@@ -1578,14 +1588,14 @@ class IDML5Detector {
       this.stream.timeElapsed();
       return;
     }
-    if (results[0].label == 'full' && results[0].confidence > 0.9 && !this.checked) {
+    if (results[0].label == this.targetedLabel && results[0].confidence > 0.9 && !this.checked) {
       this.checked = true;
       if (TranslationUtils.state.debug)
         console.log('idml5detector | gotResults | autoCapturing');
       this.stream.autoCapturing();
       await this.drawFrame('green');
     }
-    if (results[0].label == 'tilted' && results[0].confidence > 0.8 && !this.checked) {
+    if (results[0].label == this.targetedLabel && this.targetedLabel == 'tilted' && results[0].confidence > 0.8 && !this.checked) {
       this.checked = true;
       await this.drawFrame('green');
     }
@@ -1709,12 +1719,6 @@ const faceWhiteSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9
 
 const faceGreenSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjIyNC45OTk5OTk5OTk5OTk5NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHZlcnNpb249IjEuMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogPGc+DQogIDx0aXRsZT5MYXllciAxPC90aXRsZT4NCiAgPGcgc3Ryb2tlPSJudWxsIiBpZD0iTGF5ZXIgMSI+DQogICA8cGF0aCBzdHJva2U9IiM0Y2E1ODUiIGlkPSJzdmdfMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZmlsbD0ibm9uZSIgZD0ibTc0LjI3NzY1LDYuOTI3NjFjLTExLjM3NTk3LC0wLjAxNzEzIC0zMy41NjU1MSw1LjEwNDMzIC00Ni44MTMxNiwxOS40OTQ4MWMtNi43NDE0Myw3LjMyMjkyIC0xOC4xMjI2OSwyMy4wNjk2NyAtMTkuMjY3NTgsNTkuNjEzNjljLTAuNTE5MDYsMTYuNTY5MjEgNS4wNDUyNCw2MC42MjUzMyAxMC4yNDAwNiw3Ni40Njc3NWMzLjYzMTMsMTEuMDc0NjggMjcuNDgyMTUsNDMuOTMzNDkgNDQuNDkwNiw1My42ODI1MWM0LjgwNzkxLDIuNzU1NDYgMTEuMjk2NjgsMi42ODI1MSAxMi40MjI1NSwyLjY4MjUxYzEuMTg4NzYsLTAuMDg0NTcgNy4zMzAyNiwwLjA3Mjk0IDEyLjEzNzY1LC0yLjY4MjUxYzE3LjAwODQ2LC05Ljc0OTAyIDQwLjQwMjA4LC00Mi43Njg1MSA0NC40OTA2LC01My42ODI1MWM0LjQwMDM4LC0xMS43NDQ5MSAxMC43NTk2NSwtNTkuODk4NTQgMTAuMjQwMDYsLTc2LjQ2Nzc1Yy0xLjE0NDg5LC0zNi41NDQwMiAtMTIuNTI2MTUsLTUyLjI5MDc3IC0xOS4yNjc1OCwtNTkuNjEzNjljLTEzLjI0NzY1LC0xNC4zOTA0OCAtMzUuMzA2NjMsLTE5LjUyOTMzIC00Ni43NzgyNywtMTkuNDk0ODFjLTAuNzQ2ODgsMC4wMDIyMiAtMS44OTQ5NCwwIC0xLjg5NDk0LDB6IiBzdHJva2Utd2lkdGg9IjciLz4NCiAgPC9nPg0KIDwvZz4NCjwvc3ZnPg0K';
 
-var VerificationMode;
-(function (VerificationMode) {
-  VerificationMode[VerificationMode["Full"] = 0] = "Full";
-  VerificationMode[VerificationMode["Tilt"] = 1] = "Tilt";
-})(VerificationMode || (VerificationMode = {}));
-
 class FaceML5Detector {
   static getInstance(stream, isMobile) {
     if (!FaceML5Detector.instance) {
@@ -4418,7 +4422,7 @@ class Stream {
     this.recordedChunks = [];
     this.videoSize = { width: 0, height: 0 };
     if (TranslationUtils.state.debug)
-      console.log(`stream | constructor`);
+      console.log('stream | constructor');
     this.initFacePose();
     this.idML5Detector = IDML5Detector.getInstance(this, TranslationUtils.state.device.isMobile);
     this.faceML5Detector = FaceML5Detector.getInstance(this, TranslationUtils.state.device.isMobile);
@@ -4430,23 +4434,23 @@ class Stream {
     if (!Stream.instance) {
       Stream.instance = new Stream(mode);
       if (TranslationUtils.state.debug)
-        console.log(`stream | getNewInstance | new instance`);
+        console.log('stream | getNewInstance | new instance');
     }
     return Stream.instance;
   }
   autoCapturing() {
     if (TranslationUtils.state.debug)
-      console.log(`stream | autoCapturing`);
+      console.log('stream | autoCapturing');
     this.callbackAutoCapturing();
   }
   timeElapsed() {
     if (TranslationUtils.state.debug)
-      console.log(`stream | timeElapsed`);
+      console.log('stream | timeElapsed');
     this.callbackTimeElapsed();
   }
   verificationReady() {
     if (TranslationUtils.state.debug)
-      console.log(`stream | verificationReady`);
+      console.log('stream | verificationReady');
     this.verificationFinished();
   }
   updateHtmlElements(videoElement, canvasElement, component) {
@@ -4457,7 +4461,7 @@ class Stream {
   }
   startStream(stream) {
     if (TranslationUtils.state.debug)
-      console.log(`stream | startStream`);
+      console.log('stream | startStream');
     if (this.stream)
       this.stream.getTracks().forEach((track) => track.stop());
     this.stream = stream;
@@ -4490,7 +4494,7 @@ class Stream {
   }
   recordStream() {
     if (TranslationUtils.state.debug)
-      console.log(`stream | recordStream`);
+      console.log('stream | recordStream');
     if (this.mediaRecorder && this.mediaRecorder.state == 'recording')
       return;
     var options = { mimeType: Stream.webmMimeType.mime, videoBitsPerSecond: 1500000 };
@@ -4502,12 +4506,12 @@ class Stream {
     this.mediaRecorder = new MediaRecorder(this.stream, options);
     this.mediaRecorder.ondataavailable = event => {
       if (TranslationUtils.state.debug)
-        console.log(`stream | recordStream | ondataavailable`);
+        console.log('stream | recordStream | ondataavailable');
       this.recordedChunks.push(event.data);
     };
     this.mediaRecorder.onstop = _e => {
       if (TranslationUtils.state.debug)
-        console.log(`stream | recordStream | onstop`);
+        console.log('stream | recordStream | onstop');
       var rec = new Blob(this.recordedChunks, {
         type: options.mimeType.split(';')[0],
       });
@@ -4539,7 +4543,7 @@ class Stream {
   }
   async takePhoto() {
     if (TranslationUtils.state.debug)
-      console.log(`stream | takePhoto`);
+      console.log('stream | takePhoto');
     const canvas = document.createElement('canvas');
     canvas.style.visibility = 'hidden';
     canvas.width = this.videoElement.videoWidth;
@@ -4548,7 +4552,7 @@ class Stream {
   }
   getFrame(canvas) {
     if (TranslationUtils.state.debug)
-      console.log(`stream | getFrame`);
+      console.log('stream | getFrame');
     return new Promise(resolve => {
       const context = canvas.getContext('2d');
       context.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);
@@ -4556,7 +4560,7 @@ class Stream {
         if (frame.type === ImageFormat.JPEG && !TranslationUtils.state.device.isAppleDevice) {
           try {
             if (TranslationUtils.state.debug)
-              console.log(`stream | getFrame | addExifInImg`);
+              console.log('stream | getFrame | addExifInImg');
             addExifInImg(frame, this.stream.getTracks()[0], this.videoSize).then(updatedFrame => resolve(updatedFrame));
           }
           catch (e) {
@@ -4566,7 +4570,7 @@ class Stream {
         }
         else {
           if (TranslationUtils.state.debug)
-            console.log(`stream | getFrame | resolve`);
+            console.log('stream | getFrame | resolve');
           resolve(frame);
         }
       }, ImageFormat.PNG, 1);
@@ -4575,7 +4579,7 @@ class Stream {
   async startIdDetection() {
     if (this.streamPaused)
       return;
-    this.idML5Detector.initDetector();
+    this.idML5Detector.initDetector(this.verificationMode);
   }
   async startFaceDetection() {
     if (this.streamPaused)
@@ -5056,7 +5060,7 @@ const IdCapture = class {
   }
   async componentWillLoad() {
     if (TranslationUtils.state.debug)
-      console.log(`id-capture | componentWillLoad`);
+      console.log('id-capture | componentWillLoad');
     this.translations = await TranslationUtils.Translations.getValues();
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
@@ -5064,26 +5068,29 @@ const IdCapture = class {
   }
   initVariables() {
     if (TranslationUtils.state.debug)
-      console.log(`id-capture | initVariables`);
+      console.log('id-capture | initVariables');
     if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDFRONT) {
       this.pose = IDPose.Straight;
       this.flowStep = TranslationUtils.FlowSteps.CiFrontCapture;
       this.titleMesage = this.translations.IdCaptureValues.Title;
+      this.verificationMode = VerificationMode.Full;
     }
     else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACK) {
       this.pose = IDPose.BackStraight;
       this.flowStep = TranslationUtils.FlowSteps.CiBackCapture;
       this.titleMesage = this.translations.IdCaptureValues.TtileRotate;
+      this.verificationMode = VerificationMode.Full;
     }
     else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDTILT) {
       this.titleMesage = this.translations.IdCaptureValues.IDPoseMapping;
       this.pose = IDPose.Tilted;
       this.flowStep = TranslationUtils.FlowSteps.CiTilt;
+      this.verificationMode = VerificationMode.Tilt;
     }
   }
   async componentDidLoad() {
     if (TranslationUtils.state.debug)
-      console.log(`id-capture | componentDidLoad`);
+      console.log('id-capture | componentDidLoad');
     this.initVariables();
     await BaseComponent.logStep(this.flowStep, TranslationUtils.FlowMoments.Initialized);
     this.demoVideo.src = TranslationUtils.IdCaptureValues.IDPoseDemoMapping[this.pose];
@@ -5094,7 +5101,7 @@ const IdCapture = class {
   }
   async openCamera() {
     if (TranslationUtils.state.debug)
-      console.log(`id-capture | openCamera`);
+      console.log('id-capture | openCamera');
     if (!TranslationUtils.state.cameraId) {
       await Cameras.InitCameras(TranslationUtils.state.device);
     }
@@ -5104,8 +5111,8 @@ const IdCapture = class {
         .getUserMedia(constraints)
         .then(stream => {
         if (TranslationUtils.state.debug)
-          console.log(`id-capture | openCamera | streamObtained`);
-        const superStream = Stream.getNewInstance(null);
+          console.log('id-capture | openCamera | streamObtained');
+        const superStream = Stream.getNewInstance(this.verificationMode);
         superStream.initStream(stream);
       })
         .catch(e => {
@@ -5116,7 +5123,7 @@ const IdCapture = class {
   }
   closeCamera() {
     if (TranslationUtils.state.debug)
-      console.log(`id-capture | closeCamera`);
+      console.log('id-capture | closeCamera');
     if (Stream.instance) {
       Stream.instance.dropStream();
     }
@@ -5127,23 +5134,23 @@ const IdCapture = class {
     IDML5Detector.instance = null;
     FaceML5Detector.instance = null;
     if (TranslationUtils.state.debug)
-      console.log(`id-capture | disconnectedCallback`);
+      console.log('id-capture | disconnectedCallback');
   }
   async takePhoto() {
     if (TranslationUtils.state.debug)
-      console.log(`id-capture | takePhoto`);
+      console.log('id-capture | takePhoto');
     if (this.captureTaken)
       return;
     this.captureTaken = true;
     if (TranslationUtils.state.debug)
-      console.log(`id-capture | takePhoto | sendingPhoto`);
+      console.log('id-capture | takePhoto | sendingPhoto');
     let res = await Stream.instance.takePhoto();
     this.eventPhotoCapture.emit(res);
     await BaseComponent.logStep(this.flowStep, TranslationUtils.FlowMoments.Finalized);
   }
   async verificationFinished() {
     if (TranslationUtils.state.debug)
-      console.log(`id-capture | verificationFinished`);
+      console.log('id-capture | verificationFinished');
     if (this.verified)
       return;
     this.verified = true;
@@ -5240,7 +5247,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.77";
+const version$1 = "3.6.79";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -5540,12 +5547,12 @@ const IdentificationComponent = class {
         if (!this.order_id || this.order_id == '') {
           this.order_id = TranslationUtils.state.requestId;
         }
+        ML5.getInstance();
       }
     }
     catch (e) {
       this.apiErrorEmitter(e, 'Request Initialisation RequestId:' + TranslationUtils.state.requestId + ' RedirectId:' + TranslationUtils.state.redirectId);
     }
-    ML5.getInstance();
   }
   disconnectedCallback() {
     Events.flowEvent(TranslationUtils.FlowSteps.ComponentLoaded, TranslationUtils.FlowMoments.Finalized);

package/dist/cjs/random-actions.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-41696e0e.js');
-const TranslationUtils = require('./TranslationUtils-84b58b58.js');
+const TranslationUtils = require('./TranslationUtils-6fdf7b55.js');
 
 const randomActionsCss = "";
 

package/dist/collection/components/common/id-capture/id-capture.js

@@ -9,6 +9,7 @@ import { delay } from '../../../utils/utils';
 import store from '../../../helpers/store';
 import { BaseComponent } from '../../base-component';
 import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
+import { VerificationMode } from '../../../models/IVerificationMode';
 import { Translations } from '../../../helpers/TranslationUtils';
 import { FlowStatus } from '../../../models/FlowStatus';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
@@ -31,7 +32,7 @@ export class IdCapture {
   }
   async componentWillLoad() {
     if (store.debug)
-      console.log(`id-capture | componentWillLoad`);
+      console.log('id-capture | componentWillLoad');
     this.translations = await Translations.getValues();
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
@@ -39,26 +40,29 @@ export class IdCapture {
   }
   initVariables() {
     if (store.debug)
-      console.log(`id-capture | initVariables`);
+      console.log('id-capture | initVariables');
     if (store.flowStatus == FlowStatus.IDFRONT) {
       this.pose = IDPose.Straight;
       this.flowStep = FlowSteps.CiFrontCapture;
       this.titleMesage = this.translations.IdCaptureValues.Title;
+      this.verificationMode = VerificationMode.Full;
     }
     else if (store.flowStatus == FlowStatus.IDBACK) {
       this.pose = IDPose.BackStraight;
       this.flowStep = FlowSteps.CiBackCapture;
       this.titleMesage = this.translations.IdCaptureValues.TtileRotate;
+      this.verificationMode = VerificationMode.Full;
     }
     else if (store.flowStatus == FlowStatus.IDTILT) {
       this.titleMesage = this.translations.IdCaptureValues.IDPoseMapping;
       this.pose = IDPose.Tilted;
       this.flowStep = FlowSteps.CiTilt;
+      this.verificationMode = VerificationMode.Tilt;
     }
   }
   async componentDidLoad() {
     if (store.debug)
-      console.log(`id-capture | componentDidLoad`);
+      console.log('id-capture | componentDidLoad');
     this.initVariables();
     await BaseComponent.logStep(this.flowStep, FlowMoments.Initialized);
     this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[this.pose];
@@ -69,7 +73,7 @@ export class IdCapture {
   }
   async openCamera() {
     if (store.debug)
-      console.log(`id-capture | openCamera`);
+      console.log('id-capture | openCamera');
     if (!store.cameraId) {
       await Cameras.InitCameras(store.device);
     }
@@ -79,8 +83,8 @@ export class IdCapture {
         .getUserMedia(constraints)
         .then(stream => {
         if (store.debug)
-          console.log(`id-capture | openCamera | streamObtained`);
-        const superStream = Stream.getNewInstance(null);
+          console.log('id-capture | openCamera | streamObtained');
+        const superStream = Stream.getNewInstance(this.verificationMode);
         superStream.initStream(stream);
       })
         .catch(e => {
@@ -91,7 +95,7 @@ export class IdCapture {
   }
   closeCamera() {
     if (store.debug)
-      console.log(`id-capture | closeCamera`);
+      console.log('id-capture | closeCamera');
     if (Stream.instance) {
       Stream.instance.dropStream();
     }
@@ -102,23 +106,23 @@ export class IdCapture {
     IDML5Detector.instance = null;
     FaceML5Detector.instance = null;
     if (store.debug)
-      console.log(`id-capture | disconnectedCallback`);
+      console.log('id-capture | disconnectedCallback');
   }
   async takePhoto() {
     if (store.debug)
-      console.log(`id-capture | takePhoto`);
+      console.log('id-capture | takePhoto');
     if (this.captureTaken)
       return;
     this.captureTaken = true;
     if (store.debug)
-      console.log(`id-capture | takePhoto | sendingPhoto`);
+      console.log('id-capture | takePhoto | sendingPhoto');
     let res = await Stream.instance.takePhoto();
     this.eventPhotoCapture.emit(res);
     await BaseComponent.logStep(this.flowStep, FlowMoments.Finalized);
   }
   async verificationFinished() {
     if (store.debug)
-      console.log(`id-capture | verificationFinished`);
+      console.log('id-capture | verificationFinished');
     if (this.verified)
       return;
     this.verified = true;

package/dist/collection/components/identification-component/identification-component.js

@@ -159,12 +159,12 @@ export class IdentificationComponent {
         if (!this.order_id || this.order_id == '') {
           this.order_id = store.requestId;
         }
+        ML5.getInstance();
       }
     }
     catch (e) {
       this.apiErrorEmitter(e, 'Request Initialisation RequestId:' + store.requestId + ' RedirectId:' + store.redirectId);
     }
-    ML5.getInstance();
   }
   disconnectedCallback() {
     Events.flowEvent(FlowSteps.ComponentLoaded, FlowMoments.Finalized);

package/dist/collection/helpers/ApiCall.js

@@ -166,6 +166,7 @@ export class ApiCall {
     store.flowStatus = FlowStatus[jsonResp.state];
     store.logSteps = jsonResp.logSteps;
     store.debug = jsonResp.debug;
+    store.modelsPath = jsonResp.modelsPath;
     return true;
   }
   async UploadFileForRequestB64(requestId, type, file) {

package/dist/collection/helpers/ML5.js

@@ -14,7 +14,7 @@ export class ML5 {
   }
   async init() {
     return new Promise(async (resolve) => {
-      const modelPath = store.apiBaseUrl.includes("apimd") ? 'https://ekyc.blob.core.windows.net/$web/md/model.json' : 'https://ekyc.blob.core.windows.net/$web/model.json';
+      const modelPath = store.modelsPath;
       this.classifier = await ml5.imageClassifier(modelPath, this.loaded);
       this.faceapi = await ml5.faceApi({ withLandmarks: true, withDescriptors: false }, this.loaded);
       //warmup

package/dist/collection/helpers/Stream.js

@@ -39,7 +39,7 @@ export class Stream {
     this.recordedChunks = [];
     this.videoSize = { width: 0, height: 0 };
     if (store.debug)
-      console.log(`stream | constructor`);
+      console.log('stream | constructor');
     this.initFacePose();
     this.idML5Detector = IDML5Detector.getInstance(this, store.device.isMobile);
     this.faceML5Detector = FaceML5Detector.getInstance(this, store.device.isMobile);
@@ -51,23 +51,23 @@ export class Stream {
     if (!Stream.instance) {
       Stream.instance = new Stream(mode);
       if (store.debug)
-        console.log(`stream | getNewInstance | new instance`);
+        console.log('stream | getNewInstance | new instance');
     }
     return Stream.instance;
   }
   autoCapturing() {
     if (store.debug)
-      console.log(`stream | autoCapturing`);
+      console.log('stream | autoCapturing');
     this.callbackAutoCapturing();
   }
   timeElapsed() {
     if (store.debug)
-      console.log(`stream | timeElapsed`);
+      console.log('stream | timeElapsed');
     this.callbackTimeElapsed();
   }
   verificationReady() {
     if (store.debug)
-      console.log(`stream | verificationReady`);
+      console.log('stream | verificationReady');
     this.verificationFinished();
   }
   updateHtmlElements(videoElement, canvasElement, component) {
@@ -78,7 +78,7 @@ export class Stream {
   }
   startStream(stream) {
     if (store.debug)
-      console.log(`stream | startStream`);
+      console.log('stream | startStream');
     if (this.stream)
       this.stream.getTracks().forEach((track) => track.stop());
     this.stream = stream;
@@ -111,7 +111,7 @@ export class Stream {
   }
   recordStream() {
     if (store.debug)
-      console.log(`stream | recordStream`);
+      console.log('stream | recordStream');
     if (this.mediaRecorder && this.mediaRecorder.state == 'recording')
       return;
     var options = { mimeType: Stream.webmMimeType.mime, videoBitsPerSecond: 1500000 };
@@ -123,12 +123,12 @@ export class Stream {
     this.mediaRecorder = new MediaRecorder(this.stream, options);
     this.mediaRecorder.ondataavailable = event => {
       if (store.debug)
-        console.log(`stream | recordStream | ondataavailable`);
+        console.log('stream | recordStream | ondataavailable');
       this.recordedChunks.push(event.data);
     };
     this.mediaRecorder.onstop = _e => {
       if (store.debug)
-        console.log(`stream | recordStream | onstop`);
+        console.log('stream | recordStream | onstop');
       var rec = new Blob(this.recordedChunks, {
         type: options.mimeType.split(';')[0],
       });
@@ -160,7 +160,7 @@ export class Stream {
   }
   async takePhoto() {
     if (store.debug)
-      console.log(`stream | takePhoto`);
+      console.log('stream | takePhoto');
     const canvas = document.createElement('canvas');
     canvas.style.visibility = 'hidden';
     canvas.width = this.videoElement.videoWidth;
@@ -169,7 +169,7 @@ export class Stream {
   }
   getFrame(canvas) {
     if (store.debug)
-      console.log(`stream | getFrame`);
+      console.log('stream | getFrame');
     return new Promise(resolve => {
       const context = canvas.getContext('2d');
       context.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);
@@ -177,7 +177,7 @@ export class Stream {
         if (frame.type === ImageFormat.JPEG && !store.device.isAppleDevice) {
           try {
             if (store.debug)
-              console.log(`stream | getFrame | addExifInImg`);
+              console.log('stream | getFrame | addExifInImg');
             addExifInImg(frame, this.stream.getTracks()[0], this.videoSize).then(updatedFrame => resolve(updatedFrame));
           }
           catch (e) {
@@ -187,7 +187,7 @@ export class Stream {
         }
         else {
           if (store.debug)
-            console.log(`stream | getFrame | resolve`);
+            console.log('stream | getFrame | resolve');
           resolve(frame);
         }
       }, ImageFormat.PNG, 1);
@@ -196,7 +196,7 @@ export class Stream {
   async startIdDetection() {
     if (this.streamPaused)
       return;
-    this.idML5Detector.initDetector();
+    this.idML5Detector.initDetector(this.verificationMode);
   }
   async startFaceDetection() {
     if (this.streamPaused)

package/dist/collection/helpers/store.js

@@ -15,6 +15,7 @@ const { state, onChange } = createStore({
   device: null,
   langIso: 'ro',
   logSteps: false,
+  modelsPath: '',
 });
 onChange('environment', value => {
   state.debug = value == 'QA';

package/dist/collection/libs/IDML5Detector/IDML5Detector.js

@@ -4,6 +4,7 @@ import id_white_svg from '../../assets/canvas-masks/id_white.svg';
 // @ts-ignore
 import id_green_svg from '../../assets/canvas-masks/id_green.svg';
 import { delay } from '../../utils/utils';
+import { VerificationMode } from '../../models/IVerificationMode';
 import store from '../../helpers/store';
 export class IDML5Detector {
   static getInstance(stream, isMobile) {
@@ -25,9 +26,13 @@ export class IDML5Detector {
     this.canvasElement = canvasElement;
     // this.component = component;
   }
-  initDetector() {
+  initDetector(mode) {
     this.initTime = Date.now();
     this.continue = true;
+    if (mode == VerificationMode.Full)
+      this.targetedLabel = 'full';
+    else
+      this.targetedLabel = 'tilted';
     // this.width = this.videoElement.videoWidth;
     // this.height = this.videoElement.videoHeight;
     this.drawFrame('white');
@@ -55,14 +60,14 @@ export class IDML5Detector {
       this.stream.timeElapsed();
       return;
     }
-    if (results[0].label == 'full' && results[0].confidence > 0.9 && !this.checked) {
+    if (results[0].label == this.targetedLabel && results[0].confidence > 0.9 && !this.checked) {
       this.checked = true;
       if (store.debug)
         console.log('idml5detector | gotResults | autoCapturing');
       this.stream.autoCapturing();
       await this.drawFrame('green');
     }
-    if (results[0].label == 'tilted' && results[0].confidence > 0.8 && !this.checked) {
+    if (results[0].label == this.targetedLabel && this.targetedLabel == 'tilted' && results[0].confidence > 0.8 && !this.checked) {
       this.checked = true;
       await this.drawFrame('green');
     }

package/dist/esm/{TranslationUtils-93e9abe8.js → TranslationUtils-57159270.js}

@@ -292,6 +292,7 @@ const { state, onChange } = createStore({
   device: null,
   langIso: 'ro',
   logSteps: false,
+  modelsPath: '',
 });
 onChange('environment', value => {
   state.debug = value == 'QA';
@@ -501,6 +502,7 @@ class ApiCall {
     state.flowStatus = FlowStatus[jsonResp.state];
     state.logSteps = jsonResp.logSteps;
     state.debug = jsonResp.debug;
+    state.modelsPath = jsonResp.modelsPath;
     return true;
   }
   async UploadFileForRequestB64(requestId, type, file) {