@ekyc_qoobiss/qbs-ect-cmp 3.6.4 → 3.6.6

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

@@ -5236,7 +5236,7 @@ class Stream {
   setVerificationFinished(fun) {
     this.verificationFinished = fun;
   }
-  constructor(_modelPath) {
+  constructor() {
     this.streamPaused = false;
     this.recordedChunks = [];
     this.videoSize = { width: 0, height: 0 };
@@ -5250,9 +5250,9 @@ class Stream {
     this.idML5Detector = IDML5Detector.getInstance(this, state.device.isMobile);
     this.faceML5Detector = FaceML5Detector.getInstance(this, state.device.isMobile);
   }
-  static getInstance(modelPath) {
+  static getInstance() {
     if (!Stream.instance) {
-      Stream.instance = new Stream(modelPath);
+      Stream.instance = new Stream();
     }
     return Stream.instance;
   }
@@ -5311,6 +5311,8 @@ class Stream {
     // if (this.faceDetection) await Detector.getInstance().startDetector();
   }
   recordStream() {
+    if (this.mediaRecorder && this.mediaRecorder.state == 'recording')
+      return;
     var options = { mimeType: Stream.webmMimeType.mime, videoBitsPerSecond: 1500000 };
     if (!MediaRecorder.isTypeSupported(options.mimeType)) {
       if (state.device.mobileOS == MobileOS.iOS || state.device.browser == Browser.Safari)
@@ -5477,8 +5479,6 @@ const Camera = class {
     return (index.h("div", { class: "camera" }, index.h("video", { id: "video", loop: true, autoplay: true, playsinline: true, muted: true, class: cameraVideoClass, ref: el => (this.cameraVideo = el) }), index.h("canvas", { id: "output", class: cameraCanvasClass, ref: el => (this.cameraCanvas = el) })));
   }
   startStream() {
-    if (!Stream.instance)
-      Stream.getInstance(this.modelPath);
     const stream = Stream.getInstance();
     stream.updateHtmlElements(this.cameraVideo, this.cameraCanvas, this.component);
     if (this.captureMode == 'selfie') {
@@ -5682,7 +5682,6 @@ class Cameras {
     const devices = await navigator.mediaDevices.enumerateDevices();
     const videoDevices = devices.filter(device => device.kind === 'videoinput');
     for (const device of videoDevices) {
-      //const updatedConstraints = deviceInfo.isAppleDevice ? this.GetConstraintsIOs(deviceInfo) : this.GetConstraints(device.deviceId, deviceInfo);
       const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
       const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
       stream.getVideoTracks().forEach(track => {
@@ -5759,8 +5758,14 @@ class Cameras {
     else {
       mediaTrack.facingMode = 'user';
       if (portrait) {
-        mediaTrack.width = { ideal: 1920 };
-        mediaTrack.height = { ideal: 1080 };
+        if (device.isAndroidDevice) {
+          mediaTrack.width = { ideal: 1280 };
+          mediaTrack.height = { ideal: 720 };
+        }
+        else {
+          mediaTrack.width = { ideal: 1920 };
+          mediaTrack.height = { ideal: 1080 };
+        }
       }
       else {
         mediaTrack.facingMode = 'environment';
@@ -5771,27 +5776,6 @@ class Cameras {
     constraints.video = mediaTrack;
     return constraints;
   }
-  // public GetConstraintsIOs(device: DeviceState, portrait: boolean = false): MediaStreamConstraints | any {
-  //   let constraints: MediaStreamConstraints = {
-  //     audio: false,
-  //   };
-  //   let mediaTrack: MediaTrackConstraints = {};
-  //   if (device.isDesktop) {
-  //     mediaTrack.width = 1280;
-  //   } else {
-  //     if (portrait) {
-  //       mediaTrack.facingMode = 'user';
-  //       mediaTrack.width = 1280;
-  //       mediaTrack.height = 720;
-  //     } else {
-  //       mediaTrack.facingMode = 'environment';
-  //       mediaTrack.width = 1280;
-  //       mediaTrack.height = 720;
-  //     }
-  //   }
-  //   constraints.video = mediaTrack;
-  //   return constraints;
-  // }
   GetRecommendedCamera(cameras) {
     if (cameras && cameras.length > 0) {
       var recommDevice = cameras.find(c => c.recommended);
@@ -5998,7 +5982,6 @@ const IdCapture = class {
   }
   async openCamera() {
     await this.baseComponent.logStep(FlowSteps.CiFrontCapture, FlowMoments.Initialized);
-    //const constraints = store.device.isAppleDevice ? this.cameras.GetConstraintsIOs(store.device) : this.cameras.GetConstraints(store.cameraId, store.device);
     const constraints = this.cameras.GetConstraints(state.cameraId, state.device);
     setTimeout(() => {
       navigator.mediaDevices
@@ -6070,6 +6053,7 @@ const IdDoubleSide = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.recordingResultCount = 0;
     this.showTimeout = undefined;
     this.showInvalid = undefined;
     this.showHowTo = undefined;
@@ -6152,11 +6136,16 @@ const IdDoubleSide = class {
   }
   async capturedIdRecording(event) {
     let idRecording = event.detail;
+    if (idRecording.size == 0 && this.recordingResultCount == 0) {
+      this.recordingResultCount++;
+      return;
+    }
     if (idRecording.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: idRecording }, getLogMessage());
       this.triggerErrorFlow();
       return;
     }
+    this.recordingResultCount = 0;
     let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     try {
       this.flow.recordingFile = new File([idRecording], this.flow.recordingFileName + mimeType.extension, { type: mimeType.type });
@@ -6264,6 +6253,7 @@ const IdSingleSide = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.recordingResultCount = 0;
     this.showTimeout = undefined;
     this.showHowTo = undefined;
     this.idFlow = {
@@ -6310,6 +6300,10 @@ const IdSingleSide = class {
   }
   async capturedIdRecording(event) {
     let idRecording = event.detail;
+    if (idRecording.size == 0 && this.recordingResultCount == 0) {
+      this.recordingResultCount++;
+      return;
+    }
     if (idRecording.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
       this.showTimeout = true;
@@ -6458,7 +6452,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.4";
+const version$1 = "3.6.6";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -10103,6 +10097,7 @@ const UserLiveness = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.recordingResultCount = 0;
     this.showError = undefined;
     this.showHowTo = undefined;
     this.selfieFlow = {
@@ -10151,6 +10146,10 @@ const UserLiveness = class {
   }
   async capturedSelfieRecording(event) {
     let selfieRecording = event.detail;
+    if (selfieRecording.size == 0 && this.recordingResultCount == 0) {
+      this.recordingResultCount++;
+      return;
+    }
     if (selfieRecording.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: selfieRecording }, getLogMessage());
       this.triggerErrorFlow();

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

@@ -62,7 +62,6 @@ export class IdCapture {
   }
   async openCamera() {
     await this.baseComponent.logStep(FlowSteps.CiFrontCapture, FlowMoments.Initialized);
-    //const constraints = store.device.isAppleDevice ? this.cameras.GetConstraintsIOs(store.device) : this.cameras.GetConstraints(store.cameraId, store.device);
     const constraints = this.cameras.GetConstraints(store.cameraId, store.device);
     setTimeout(() => {
       navigator.mediaDevices

package/dist/collection/components/controls/camera/camera.js

@@ -58,8 +58,6 @@ export class Camera {
     return (h("div", { class: "camera" }, h("video", { id: "video", loop: true, autoplay: true, playsinline: true, muted: true, class: cameraVideoClass, ref: el => (this.cameraVideo = el) }), h("canvas", { id: "output", class: cameraCanvasClass, ref: el => (this.cameraCanvas = el) })));
   }
   startStream() {
-    if (!Stream.instance)
-      Stream.getInstance(this.modelPath);
     const stream = Stream.getInstance();
     stream.updateHtmlElements(this.cameraVideo, this.cameraCanvas, this.component);
     if (this.captureMode == 'selfie') {

package/dist/collection/components/flow/id-double-side/id-double-side.js

@@ -8,6 +8,7 @@ import { BaseComponent } from '../../base-component';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdDoubleSide {
   constructor() {
+    this.recordingResultCount = 0;
     this.showTimeout = undefined;
     this.showInvalid = undefined;
     this.showHowTo = undefined;
@@ -90,11 +91,16 @@ export class IdDoubleSide {
   }
   async capturedIdRecording(event) {
     let idRecording = event.detail;
+    if (idRecording.size == 0 && this.recordingResultCount == 0) {
+      this.recordingResultCount++;
+      return;
+    }
     if (idRecording.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: idRecording }, getLogMessage());
       this.triggerErrorFlow();
       return;
     }
+    this.recordingResultCount = 0;
     let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     try {
       this.flow.recordingFile = new File([idRecording], this.flow.recordingFileName + mimeType.extension, { type: mimeType.type });

package/dist/collection/components/flow/id-single-side/id-single-side.js

@@ -8,6 +8,7 @@ import { BaseComponent } from '../../base-component';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdSingleSide {
   constructor() {
+    this.recordingResultCount = 0;
     this.showTimeout = undefined;
     this.showHowTo = undefined;
     this.idFlow = {
@@ -54,6 +55,10 @@ export class IdSingleSide {
   }
   async capturedIdRecording(event) {
     let idRecording = event.detail;
+    if (idRecording.size == 0 && this.recordingResultCount == 0) {
+      this.recordingResultCount++;
+      return;
+    }
     if (idRecording.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
       this.showTimeout = true;

package/dist/collection/components/flow/user-liveness/user-liveness.js

@@ -7,6 +7,7 @@ import { getLogMessage } from '../../../utils/utils';
 import { BaseComponent } from '../../base-component';
 export class UserLiveness {
   constructor() {
+    this.recordingResultCount = 0;
     this.showError = undefined;
     this.showHowTo = undefined;
     this.selfieFlow = {
@@ -55,6 +56,10 @@ export class UserLiveness {
   }
   async capturedSelfieRecording(event) {
     let selfieRecording = event.detail;
+    if (selfieRecording.size == 0 && this.recordingResultCount == 0) {
+      this.recordingResultCount++;
+      return;
+    }
     if (selfieRecording.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: selfieRecording }, getLogMessage());
       this.triggerErrorFlow();

package/dist/collection/helpers/Cameras.js

@@ -6,7 +6,6 @@ export class Cameras {
     const devices = await navigator.mediaDevices.enumerateDevices();
     const videoDevices = devices.filter(device => device.kind === 'videoinput');
     for (const device of videoDevices) {
-      //const updatedConstraints = deviceInfo.isAppleDevice ? this.GetConstraintsIOs(deviceInfo) : this.GetConstraints(device.deviceId, deviceInfo);
       const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
       const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
       stream.getVideoTracks().forEach(track => {
@@ -83,8 +82,14 @@ export class Cameras {
     else {
       mediaTrack.facingMode = 'user';
       if (portrait) {
-        mediaTrack.width = { ideal: 1920 };
-        mediaTrack.height = { ideal: 1080 };
+        if (device.isAndroidDevice) {
+          mediaTrack.width = { ideal: 1280 };
+          mediaTrack.height = { ideal: 720 };
+        }
+        else {
+          mediaTrack.width = { ideal: 1920 };
+          mediaTrack.height = { ideal: 1080 };
+        }
       }
       else {
         mediaTrack.facingMode = 'environment';
@@ -95,27 +100,6 @@ export class Cameras {
     constraints.video = mediaTrack;
     return constraints;
   }
-  // public GetConstraintsIOs(device: DeviceState, portrait: boolean = false): MediaStreamConstraints | any {
-  //   let constraints: MediaStreamConstraints = {
-  //     audio: false,
-  //   };
-  //   let mediaTrack: MediaTrackConstraints = {};
-  //   if (device.isDesktop) {
-  //     mediaTrack.width = 1280;
-  //   } else {
-  //     if (portrait) {
-  //       mediaTrack.facingMode = 'user';
-  //       mediaTrack.width = 1280;
-  //       mediaTrack.height = 720;
-  //     } else {
-  //       mediaTrack.facingMode = 'environment';
-  //       mediaTrack.width = 1280;
-  //       mediaTrack.height = 720;
-  //     }
-  //   }
-  //   constraints.video = mediaTrack;
-  //   return constraints;
-  // }
   GetRecommendedCamera(cameras) {
     if (cameras && cameras.length > 0) {
       var recommDevice = cameras.find(c => c.recommended);

package/dist/collection/helpers/Stream.js

@@ -46,7 +46,7 @@ export class Stream {
   setVerificationFinished(fun) {
     this.verificationFinished = fun;
   }
-  constructor(_modelPath) {
+  constructor() {
     this.streamPaused = false;
     this.recordedChunks = [];
     this.videoSize = { width: 0, height: 0 };
@@ -60,9 +60,9 @@ export class Stream {
     this.idML5Detector = IDML5Detector.getInstance(this, store.device.isMobile);
     this.faceML5Detector = FaceML5Detector.getInstance(this, store.device.isMobile);
   }
-  static getInstance(modelPath) {
+  static getInstance() {
     if (!Stream.instance) {
-      Stream.instance = new Stream(modelPath);
+      Stream.instance = new Stream();
     }
     return Stream.instance;
   }
@@ -121,6 +121,8 @@ export class Stream {
     // if (this.faceDetection) await Detector.getInstance().startDetector();
   }
   recordStream() {
+    if (this.mediaRecorder && this.mediaRecorder.state == 'recording')
+      return;
     var options = { mimeType: Stream.webmMimeType.mime, videoBitsPerSecond: 1500000 };
     if (!MediaRecorder.isTypeSupported(options.mimeType)) {
       if (store.device.mobileOS == MobileOS.iOS || store.device.browser == Browser.Safari)

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

@@ -5232,7 +5232,7 @@ class Stream {
   setVerificationFinished(fun) {
     this.verificationFinished = fun;
   }
-  constructor(_modelPath) {
+  constructor() {
     this.streamPaused = false;
     this.recordedChunks = [];
     this.videoSize = { width: 0, height: 0 };
@@ -5246,9 +5246,9 @@ class Stream {
     this.idML5Detector = IDML5Detector.getInstance(this, state.device.isMobile);
     this.faceML5Detector = FaceML5Detector.getInstance(this, state.device.isMobile);
   }
-  static getInstance(modelPath) {
+  static getInstance() {
     if (!Stream.instance) {
-      Stream.instance = new Stream(modelPath);
+      Stream.instance = new Stream();
     }
     return Stream.instance;
   }
@@ -5307,6 +5307,8 @@ class Stream {
     // if (this.faceDetection) await Detector.getInstance().startDetector();
   }
   recordStream() {
+    if (this.mediaRecorder && this.mediaRecorder.state == 'recording')
+      return;
     var options = { mimeType: Stream.webmMimeType.mime, videoBitsPerSecond: 1500000 };
     if (!MediaRecorder.isTypeSupported(options.mimeType)) {
       if (state.device.mobileOS == MobileOS.iOS || state.device.browser == Browser.Safari)
@@ -5473,8 +5475,6 @@ const Camera = class {
     return (h("div", { class: "camera" }, h("video", { id: "video", loop: true, autoplay: true, playsinline: true, muted: true, class: cameraVideoClass, ref: el => (this.cameraVideo = el) }), h("canvas", { id: "output", class: cameraCanvasClass, ref: el => (this.cameraCanvas = el) })));
   }
   startStream() {
-    if (!Stream.instance)
-      Stream.getInstance(this.modelPath);
     const stream = Stream.getInstance();
     stream.updateHtmlElements(this.cameraVideo, this.cameraCanvas, this.component);
     if (this.captureMode == 'selfie') {
@@ -5678,7 +5678,6 @@ class Cameras {
     const devices = await navigator.mediaDevices.enumerateDevices();
     const videoDevices = devices.filter(device => device.kind === 'videoinput');
     for (const device of videoDevices) {
-      //const updatedConstraints = deviceInfo.isAppleDevice ? this.GetConstraintsIOs(deviceInfo) : this.GetConstraints(device.deviceId, deviceInfo);
       const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
       const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
       stream.getVideoTracks().forEach(track => {
@@ -5755,8 +5754,14 @@ class Cameras {
     else {
       mediaTrack.facingMode = 'user';
       if (portrait) {
-        mediaTrack.width = { ideal: 1920 };
-        mediaTrack.height = { ideal: 1080 };
+        if (device.isAndroidDevice) {
+          mediaTrack.width = { ideal: 1280 };
+          mediaTrack.height = { ideal: 720 };
+        }
+        else {
+          mediaTrack.width = { ideal: 1920 };
+          mediaTrack.height = { ideal: 1080 };
+        }
       }
       else {
         mediaTrack.facingMode = 'environment';
@@ -5767,27 +5772,6 @@ class Cameras {
     constraints.video = mediaTrack;
     return constraints;
   }
-  // public GetConstraintsIOs(device: DeviceState, portrait: boolean = false): MediaStreamConstraints | any {
-  //   let constraints: MediaStreamConstraints = {
-  //     audio: false,
-  //   };
-  //   let mediaTrack: MediaTrackConstraints = {};
-  //   if (device.isDesktop) {
-  //     mediaTrack.width = 1280;
-  //   } else {
-  //     if (portrait) {
-  //       mediaTrack.facingMode = 'user';
-  //       mediaTrack.width = 1280;
-  //       mediaTrack.height = 720;
-  //     } else {
-  //       mediaTrack.facingMode = 'environment';
-  //       mediaTrack.width = 1280;
-  //       mediaTrack.height = 720;
-  //     }
-  //   }
-  //   constraints.video = mediaTrack;
-  //   return constraints;
-  // }
   GetRecommendedCamera(cameras) {
     if (cameras && cameras.length > 0) {
       var recommDevice = cameras.find(c => c.recommended);
@@ -5994,7 +5978,6 @@ const IdCapture = class {
   }
   async openCamera() {
     await this.baseComponent.logStep(FlowSteps.CiFrontCapture, FlowMoments.Initialized);
-    //const constraints = store.device.isAppleDevice ? this.cameras.GetConstraintsIOs(store.device) : this.cameras.GetConstraints(store.cameraId, store.device);
     const constraints = this.cameras.GetConstraints(state.cameraId, state.device);
     setTimeout(() => {
       navigator.mediaDevices
@@ -6066,6 +6049,7 @@ const IdDoubleSide = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.apiErrorEvent = createEvent(this, "apiError", 7);
+    this.recordingResultCount = 0;
     this.showTimeout = undefined;
     this.showInvalid = undefined;
     this.showHowTo = undefined;
@@ -6148,11 +6132,16 @@ const IdDoubleSide = class {
   }
   async capturedIdRecording(event) {
     let idRecording = event.detail;
+    if (idRecording.size == 0 && this.recordingResultCount == 0) {
+      this.recordingResultCount++;
+      return;
+    }
     if (idRecording.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: idRecording }, getLogMessage());
       this.triggerErrorFlow();
       return;
     }
+    this.recordingResultCount = 0;
     let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     try {
       this.flow.recordingFile = new File([idRecording], this.flow.recordingFileName + mimeType.extension, { type: mimeType.type });
@@ -6260,6 +6249,7 @@ const IdSingleSide = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.apiErrorEvent = createEvent(this, "apiError", 7);
+    this.recordingResultCount = 0;
     this.showTimeout = undefined;
     this.showHowTo = undefined;
     this.idFlow = {
@@ -6306,6 +6296,10 @@ const IdSingleSide = class {
   }
   async capturedIdRecording(event) {
     let idRecording = event.detail;
+    if (idRecording.size == 0 && this.recordingResultCount == 0) {
+      this.recordingResultCount++;
+      return;
+    }
     if (idRecording.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
       this.showTimeout = true;
@@ -6454,7 +6448,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.4";
+const version$1 = "3.6.6";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module = "./dist/index.js";
@@ -10099,6 +10093,7 @@ const UserLiveness = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.apiErrorEvent = createEvent(this, "apiError", 7);
+    this.recordingResultCount = 0;
     this.showError = undefined;
     this.showHowTo = undefined;
     this.selfieFlow = {
@@ -10147,6 +10142,10 @@ const UserLiveness = class {
   }
   async capturedSelfieRecording(event) {
     let selfieRecording = event.detail;
+    if (selfieRecording.size == 0 && this.recordingResultCount == 0) {
+      this.recordingResultCount++;
+      return;
+    }
     if (selfieRecording.size == 0) {
       await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: selfieRecording }, getLogMessage());
       this.triggerErrorFlow();