@ekyc_qoobiss/qbs-ect-cmp 3.6.34 → 3.6.36

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

@@ -5012,7 +5012,7 @@ class Cameras {
     const devices = await navigator.mediaDevices.enumerateDevices();
     const videoDevices = devices.filter(device => device.kind === 'videoinput');
     for (const device of videoDevices) {
-      const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
+      const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo, false, false);
       const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
       stream.getVideoTracks().forEach(track => {
         var _a, _b;
@@ -5070,9 +5070,9 @@ class Cameras {
     }
     return allDevices;
   }
-  GetConstraints(selectedDeviceId, device, portrait = false) {
+  GetConstraints(selectedDeviceId, device, portrait = false, audio = true) {
     let constraints = {
-      audio: true,
+      audio: audio,
     };
     let mediaTrack = {
       frameRate: 30,
@@ -5151,6 +5151,7 @@ const IdBackCapture = class {
     index.registerInstance(this, hostRef);
     this.eventPhotoCapture = index.createEvent(this, "photoIdBackCapture", 7);
     this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.eventTimeElapsed = index.createEvent(this, "timeElapsed", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -5218,16 +5219,21 @@ const IdBackCapture = class {
     IDML5Detector.instance = null;
     FaceML5Detector.instance = null;
   }
-  verificationFinished() {
+  async verificationFinished() {
     if (this.verified)
       return;
     this.verified = true;
     this.titleMesage = this.translations.IdCaptureValues.Loading;
     this.closeCamera();
     this.showDemo = true;
+    var loops = 0;
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
-    this.demoVideo.loop = true;
-    this.demoVideo.play();
+    this.demoVideo.loop = false;
+    while (loops < 7) {
+      this.demoVideo.play();
+      await delay(this.translations.GlobalValues.VideoLenght);
+    }
+    this.eventTimeElapsed.emit();
   }
   async takePhoto() {
     if (this.captureTaken)
@@ -5261,6 +5267,7 @@ const IdCapture = class {
     index.registerInstance(this, hostRef);
     this.eventPhotoCapture = index.createEvent(this, "photoIdCapture", 7);
     this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.eventTimeElapsed = index.createEvent(this, "timeElapsed", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -5339,9 +5346,14 @@ const IdCapture = class {
     this.titleMesage = this.translations.IdCaptureValues.Loading;
     this.closeCamera();
     this.showDemo = true;
+    var loops = 0;
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
-    this.demoVideo.loop = true;
-    this.demoVideo.play();
+    this.demoVideo.loop = false;
+    while (loops < 7) {
+      this.demoVideo.play();
+      await delay(this.translations.GlobalValues.VideoLenght);
+    }
+    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;
@@ -5372,6 +5384,7 @@ const IdTilt = class {
     index.registerInstance(this, hostRef);
     this.eventPhotoCapture = index.createEvent(this, "photoTiltCapture", 7);
     this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.eventTimeElapsed = index.createEvent(this, "timeElapsed", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -5450,9 +5463,14 @@ const IdTilt = class {
     this.titleMesage = this.translations.IdCaptureValues.Loading;
     this.closeCamera();
     this.showDemo = true;
+    var loops = 0;
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
-    this.demoVideo.loop = true;
-    this.demoVideo.play();
+    this.demoVideo.loop = false;
+    while (loops < 7) {
+      this.demoVideo.play();
+      await delay(this.translations.GlobalValues.VideoLenght);
+    }
+    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;
@@ -5541,7 +5559,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.34";
+const version$1 = "3.6.36";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -8940,6 +8958,9 @@ const ProcessId = class {
   }
   componentWillLoad() {
     this.captureRetryCount = 0;
+    this.initFlow();
+  }
+  initFlow() {
     this.flow = {
       front: {
         photoDone: false,
@@ -9041,11 +9062,11 @@ const ProcessId = class {
       let frontRec = new File([idRecording], this.flow.front.recName + mimeType.extension, { type: mimeType.type });
       this.flow.front.recordingDone = await this.uploadRecording(this.flow.front.recType, frontRec);
     }
-    else if (this.captureStep == IdCaptureFlowStatus.IdBack) {
+    else if (this.flow.back && this.captureStep == IdCaptureFlowStatus.IdBack) {
       let backRec = new File([idRecording], this.flow.back.recName + mimeType.extension, { type: mimeType.type });
       this.flow.back.recordingDone = await this.uploadRecording(this.flow.back.recType, backRec);
     }
-    else if (this.captureStep == IdCaptureFlowStatus.Tilt) {
+    else if (this.flow.tilt && this.captureStep == IdCaptureFlowStatus.Tilt) {
       let tiltRec = new File([idRecording], this.flow.tilt.recName + mimeType.extension, { type: mimeType.type });
       this.flow.tilt.recordingDone = await this.uploadRecording(this.flow.tilt.recType, tiltRec);
     }
@@ -9090,17 +9111,19 @@ const ProcessId = class {
       restart = true;
     }
     if (restart) {
-      this.captureStep = IdCaptureFlowStatus.IdFront;
+      this.initFlow();
+      this.showInvalid = true;
+      return;
     }
-    if (this.captureStep == IdCaptureFlowStatus.IdFront || restart) {
+    if (this.captureStep == IdCaptureFlowStatus.IdFront) {
       this.flow.front.photoDone = false;
       this.flow.front.recordingDone = false;
     }
-    if (this.captureStep == IdCaptureFlowStatus.IdBack || restart) {
+    if (this.flow.back && this.captureStep == IdCaptureFlowStatus.IdBack) {
       this.flow.back.photoDone = false;
       this.flow.back.recordingDone = false;
     }
-    if (this.captureStep == IdCaptureFlowStatus.Tilt || restart) {
+    if (this.flow.tilt && this.captureStep == IdCaptureFlowStatus.Tilt) {
       this.flow.tilt.photoDone = true;
       this.flow.tilt.recordingDone = false;
     }
@@ -9123,7 +9146,7 @@ const ProcessId = class {
         return;
       }
     }
-    if (this.captureStep == IdCaptureFlowStatus.IdBack && TranslationUtils.state.hasIdBack) {
+    if (this.flow.back && this.captureStep == IdCaptureFlowStatus.IdBack && TranslationUtils.state.hasIdBack) {
       if (this.flow.back.photoDone && this.flow.back.recordingDone) {
         if (TranslationUtils.state.hasIdTilt) {
           this.captureStep = IdCaptureFlowStatus.Tilt;
@@ -9136,7 +9159,7 @@ const ProcessId = class {
         return;
       }
     }
-    if (this.captureStep == IdCaptureFlowStatus.Tilt && TranslationUtils.state.hasIdTilt) {
+    if (this.flow.tilt && this.captureStep == IdCaptureFlowStatus.Tilt && TranslationUtils.state.hasIdTilt) {
       if (this.flow.tilt.photoDone && this.flow.tilt.recordingDone) {
         this.captureStep = IdCaptureFlowStatus.End;
       }
@@ -9199,6 +9222,7 @@ const SelfieCapture = class {
     index.registerInstance(this, hostRef);
     this.eventPhotoCapture = index.createEvent(this, "photoSelfieCapture", 7);
     this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.eventTimeElapsed = index.createEvent(this, "timeElapsed", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -9275,16 +9299,21 @@ const SelfieCapture = class {
     this.photoIsReady(res);
     await this.baseComponent.logStep(TranslationUtils.FlowSteps.SelfieCapture, TranslationUtils.FlowMoments.Finalized);
   }
-  verificationFinished() {
+  async verificationFinished() {
     if (this.verified)
       return;
     this.verified = true;
     this.titleMesage = this.translations.SelfieCaptureValues.Loading;
     this.closeCamera();
     this.demoEnded = false;
+    var loops = 0;
     this.demoVideo.src = this.uploadingLink;
-    this.demoVideo.loop = true;
-    this.demoVideo.play();
+    this.demoVideo.loop = false;
+    while (loops < 7) {
+      this.demoVideo.play();
+      await delay(this.translations.GlobalValues.VideoLenght);
+    }
+    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;
@@ -9315,6 +9344,7 @@ const SelfieTilt = class {
     index.registerInstance(this, hostRef);
     this.eventPhotoCapture = index.createEvent(this, "photoSelfieTiltCapture", 7);
     this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.eventTimeElapsed = index.createEvent(this, "timeElapsed", 7);
     this.photoIsReady = photos => {
       //this.closeCamera();
       this.eventPhotoCapture.emit(photos);
@@ -9393,16 +9423,21 @@ const SelfieTilt = class {
     this.photoIsReady(res);
     await this.baseComponent.logStep(TranslationUtils.FlowSteps.SelfieCapture, TranslationUtils.FlowMoments.Finalized);
   }
-  verificationFinished() {
+  async verificationFinished() {
     if (this.verified)
       return;
     this.verified = true;
     this.titleMesage = this.translations.SelfieCaptureValues.Loading;
     this.closeCamera();
     this.demoEnded = false;
+    var loops = 0;
     this.demoVideo.src = this.uploadingLink;
-    this.demoVideo.loop = true;
-    this.demoVideo.play();
+    this.demoVideo.loop = false;
+    while (loops < 7) {
+      this.demoVideo.play();
+      await delay(this.translations.GlobalValues.VideoLenght);
+    }
+    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;

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

@@ -82,16 +82,21 @@ export class IdBackCapture {
     IDML5Detector.instance = null;
     FaceML5Detector.instance = null;
   }
-  verificationFinished() {
+  async verificationFinished() {
     if (this.verified)
       return;
     this.verified = true;
     this.titleMesage = this.translations.IdCaptureValues.Loading;
     this.closeCamera();
     this.showDemo = true;
+    var loops = 0;
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
-    this.demoVideo.loop = true;
-    this.demoVideo.play();
+    this.demoVideo.loop = false;
+    while (loops < 7) {
+      this.demoVideo.play();
+      await delay(this.translations.GlobalValues.VideoLenght);
+    }
+    this.eventTimeElapsed.emit();
   }
   async takePhoto() {
     if (this.captureTaken)
@@ -166,6 +171,21 @@ export class IdBackCapture {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "eventTimeElapsed",
+        "name": "timeElapsed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }];
   }
   static get elementRef() { return "component"; }

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

@@ -93,9 +93,14 @@ export class IdCapture {
     this.titleMesage = this.translations.IdCaptureValues.Loading;
     this.closeCamera();
     this.showDemo = true;
+    var loops = 0;
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
-    this.demoVideo.loop = true;
-    this.demoVideo.play();
+    this.demoVideo.loop = false;
+    while (loops < 7) {
+      this.demoVideo.play();
+      await delay(this.translations.GlobalValues.VideoLenght);
+    }
+    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;
@@ -167,6 +172,21 @@ export class IdCapture {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "eventTimeElapsed",
+        "name": "timeElapsed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }];
   }
   static get elementRef() { return "component"; }

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

@@ -93,9 +93,14 @@ export class IdTilt {
     this.titleMesage = this.translations.IdCaptureValues.Loading;
     this.closeCamera();
     this.showDemo = true;
+    var loops = 0;
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
-    this.demoVideo.loop = true;
-    this.demoVideo.play();
+    this.demoVideo.loop = false;
+    while (loops < 7) {
+      this.demoVideo.play();
+      await delay(this.translations.GlobalValues.VideoLenght);
+    }
+    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;
@@ -167,6 +172,21 @@ export class IdTilt {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "eventTimeElapsed",
+        "name": "timeElapsed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }];
   }
   static get elementRef() { return "component"; }

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

@@ -89,16 +89,21 @@ export class SelfieCapture {
     this.photoIsReady(res);
     await this.baseComponent.logStep(FlowSteps.SelfieCapture, FlowMoments.Finalized);
   }
-  verificationFinished() {
+  async verificationFinished() {
     if (this.verified)
       return;
     this.verified = true;
     this.titleMesage = this.translations.SelfieCaptureValues.Loading;
     this.closeCamera();
     this.demoEnded = false;
+    var loops = 0;
     this.demoVideo.src = this.uploadingLink;
-    this.demoVideo.loop = true;
-    this.demoVideo.play();
+    this.demoVideo.loop = false;
+    while (loops < 7) {
+      this.demoVideo.play();
+      await delay(this.translations.GlobalValues.VideoLenght);
+    }
+    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;
@@ -172,6 +177,21 @@ export class SelfieCapture {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "eventTimeElapsed",
+        "name": "timeElapsed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }];
   }
   static get elementRef() { return "component"; }

package/dist/collection/components/common/selfie-tilt/selfie-tilt.js

@@ -90,16 +90,21 @@ export class SelfieTilt {
     this.photoIsReady(res);
     await this.baseComponent.logStep(FlowSteps.SelfieCapture, FlowMoments.Finalized);
   }
-  verificationFinished() {
+  async verificationFinished() {
     if (this.verified)
       return;
     this.verified = true;
     this.titleMesage = this.translations.SelfieCaptureValues.Loading;
     this.closeCamera();
     this.demoEnded = false;
+    var loops = 0;
     this.demoVideo.src = this.uploadingLink;
-    this.demoVideo.loop = true;
-    this.demoVideo.play();
+    this.demoVideo.loop = false;
+    while (loops < 7) {
+      this.demoVideo.play();
+      await delay(this.translations.GlobalValues.VideoLenght);
+    }
+    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;
@@ -173,6 +178,21 @@ export class SelfieTilt {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "eventTimeElapsed",
+        "name": "timeElapsed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }];
   }
   static get elementRef() { return "component"; }

package/dist/collection/components/flow/process-id/process-id.js

@@ -19,6 +19,9 @@ export class ProcessId {
   }
   componentWillLoad() {
     this.captureRetryCount = 0;
+    this.initFlow();
+  }
+  initFlow() {
     this.flow = {
       front: {
         photoDone: false,
@@ -120,11 +123,11 @@ export class ProcessId {
       let frontRec = new File([idRecording], this.flow.front.recName + mimeType.extension, { type: mimeType.type });
       this.flow.front.recordingDone = await this.uploadRecording(this.flow.front.recType, frontRec);
     }
-    else if (this.captureStep == IdCaptureFlowStatus.IdBack) {
+    else if (this.flow.back && this.captureStep == IdCaptureFlowStatus.IdBack) {
       let backRec = new File([idRecording], this.flow.back.recName + mimeType.extension, { type: mimeType.type });
       this.flow.back.recordingDone = await this.uploadRecording(this.flow.back.recType, backRec);
     }
-    else if (this.captureStep == IdCaptureFlowStatus.Tilt) {
+    else if (this.flow.tilt && this.captureStep == IdCaptureFlowStatus.Tilt) {
       let tiltRec = new File([idRecording], this.flow.tilt.recName + mimeType.extension, { type: mimeType.type });
       this.flow.tilt.recordingDone = await this.uploadRecording(this.flow.tilt.recType, tiltRec);
     }
@@ -169,17 +172,19 @@ export class ProcessId {
       restart = true;
     }
     if (restart) {
-      this.captureStep = IdCaptureFlowStatus.IdFront;
+      this.initFlow();
+      this.showInvalid = true;
+      return;
     }
-    if (this.captureStep == IdCaptureFlowStatus.IdFront || restart) {
+    if (this.captureStep == IdCaptureFlowStatus.IdFront) {
       this.flow.front.photoDone = false;
       this.flow.front.recordingDone = false;
     }
-    if (this.captureStep == IdCaptureFlowStatus.IdBack || restart) {
+    if (this.flow.back && this.captureStep == IdCaptureFlowStatus.IdBack) {
       this.flow.back.photoDone = false;
       this.flow.back.recordingDone = false;
     }
-    if (this.captureStep == IdCaptureFlowStatus.Tilt || restart) {
+    if (this.flow.tilt && this.captureStep == IdCaptureFlowStatus.Tilt) {
       this.flow.tilt.photoDone = true;
       this.flow.tilt.recordingDone = false;
     }
@@ -202,7 +207,7 @@ export class ProcessId {
         return;
       }
     }
-    if (this.captureStep == IdCaptureFlowStatus.IdBack && store.hasIdBack) {
+    if (this.flow.back && this.captureStep == IdCaptureFlowStatus.IdBack && store.hasIdBack) {
       if (this.flow.back.photoDone && this.flow.back.recordingDone) {
         if (store.hasIdTilt) {
           this.captureStep = IdCaptureFlowStatus.Tilt;
@@ -215,7 +220,7 @@ export class ProcessId {
         return;
       }
     }
-    if (this.captureStep == IdCaptureFlowStatus.Tilt && store.hasIdTilt) {
+    if (this.flow.tilt && this.captureStep == IdCaptureFlowStatus.Tilt && store.hasIdTilt) {
       if (this.flow.tilt.photoDone && this.flow.tilt.recordingDone) {
         this.captureStep = IdCaptureFlowStatus.End;
       }

package/dist/collection/helpers/Cameras.js

@@ -6,7 +6,7 @@ export class Cameras {
     const devices = await navigator.mediaDevices.enumerateDevices();
     const videoDevices = devices.filter(device => device.kind === 'videoinput');
     for (const device of videoDevices) {
-      const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo);
+      const updatedConstraints = this.GetConstraints(device.deviceId, deviceInfo, false, false);
       const stream = await navigator.mediaDevices.getUserMedia(updatedConstraints);
       stream.getVideoTracks().forEach(track => {
         var _a, _b;
@@ -64,9 +64,9 @@ export class Cameras {
     }
     return allDevices;
   }
-  GetConstraints(selectedDeviceId, device, portrait = false) {
+  GetConstraints(selectedDeviceId, device, portrait = false, audio = true) {
     let constraints = {
-      audio: true,
+      audio: audio,
     };
     let mediaTrack = {
       frameRate: 30,