@ekyc_qoobiss/qbs-ect-cmp 1.7.1 → 1.8.1

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

@@ -301,6 +301,8 @@ const { state, onChange } = createStore({
   cameraIds: [],
   cameraId: '',
   hasIdBack: false,
+  agreementsValidation: true,
+  phoneValidation: true,
   apiBaseUrl: 'https://apiro.id-kyc.com',
 });
 onChange('flowStatus', value => {
@@ -362,6 +364,8 @@ class ApiCall {
     let data = { requestId: requestId, clientDeviceInfo: deviceInfo };
     let jsonResp = await this.post('/validation/identity/insert', JSON.stringify(data));
     state.hasIdBack = jsonResp.hasIdBack;
+    state.agreementsValidation = jsonResp.agreementsValidation;
+    state.phoneValidation = jsonResp.phoneValidation;
     return true;
   }
   async UploadFileForRequestB64(requestId, type, file) {
@@ -1810,14 +1814,17 @@ class IDML5Detector {
     this.delay(2000).then(() => this.classifyVideo());
   }
   classifyVideo() {
-    if (this.full == 2 && this.tilted == 1) {
+    if (this.full == 1 && this.tilted == 1) {
       if (this.start == null)
         this.start = Date.now();
       if (Date.now() > this.start + 3000) {
         this.continue = false;
-        this.stream.autoCapturing();
+        this.stream.verificationReady();
       }
     }
+    if (this.full == 1 && this.tilted == 0) {
+      this.stream.autoCapturing();
+    }
     if (Date.now() - this.initTime >= this.MAX_DETECTION) {
       this.continue = false;
       this.stream.timeElapsed();
@@ -1839,7 +1846,6 @@ class IDML5Detector {
         this.stream.changeIDPose(IDPose.Tilted);
       }
       if (this.full == 1 && this.tilted == 1) {
-        this.full = 2;
         this.stream.stopAnimation();
         this.drawFrame('green', true);
       }
@@ -2030,7 +2036,7 @@ class FaceML5Detector {
         this.start = Date.now();
       if (Date.now() > this.start + 3000) {
         this.continue = false;
-        this.stream.autoCapturing();
+        this.stream.verificationReady();
       }
     }
     if (Date.now() - this.initTime >= this.MAX_DETECTION) {
@@ -2054,6 +2060,7 @@ class FaceML5Detector {
       if (this.isSingleFace(results) && this.checkProbability(results) && this.checkFaceSize(results) && this.checkFaceIndent(results)) {
         if (!this.validFaceFound) {
           this.validFaceFound = true;
+          this.stream.autoCapturing();
           this.frontFace = new FaceLandmarks(results[0], this.width, this.height);
           this.stream.stopAnimation();
           await this.drawFrame('green');
@@ -2164,18 +2171,21 @@ class FaceML5Detector {
         this.validFacePose = true;
         this.stream.stopAnimation();
         await this.drawFrame('green');
-        this.stream.changeFacePose();
-      }
-    }
-    if (this.validFacePose && this.requestedFacePose != null) {
-      if (face.leftEyeNoseDistanceX() < face.rightEyeNoseDistanceX() * 1.2 &&
-        face.leftEyeNoseDistanceX() > face.rightEyeNoseDistanceX() * 0.8 &&
-        Math.abs(face.eyesLevel()) < this.height * 0.1) {
         this.validFaceFoundAgain = true;
-        this.stream.stopAnimation();
-        this.drawFrame('green', true);
+        //this.stream.changeFacePose();
       }
     }
+    // if (this.validFacePose && this.requestedFacePose != null) {
+    //   if (
+    //     face.leftEyeNoseDistanceX() < face.rightEyeNoseDistanceX() * 1.2 &&
+    //     face.leftEyeNoseDistanceX() > face.rightEyeNoseDistanceX() * 0.8 &&
+    //     Math.abs(face.eyesLevel()) < this.height * 0.1
+    //   ) {
+    //     this.validFaceFoundAgain = true;
+    //     this.stream.stopAnimation();
+    //     this.drawFrame('green', true);
+    //   }
+    // }
   }
 }
 
@@ -4715,6 +4725,9 @@ class Stream {
   setCallbackTimeElapsed(fun) {
     this.callbackTimeElapsed = fun;
   }
+  setVerificationFinished(fun) {
+    this.verificationFinished = fun;
+  }
   static getInstance(device, modelPath) {
     if (!Stream.instance) {
       Stream.instance = new Stream(device, modelPath);
@@ -4730,6 +4743,9 @@ class Stream {
   timeElapsed() {
     this.callbackTimeElapsed();
   }
+  verificationReady() {
+    this.verificationFinished();
+  }
   updateHtmlElements(videoElement, canvasElement, component) {
     this.videoElement = videoElement;
     this.canvasElement = canvasElement;
@@ -4890,6 +4906,7 @@ const Camera = class {
     this.eventTimeElapsed = index.createEvent(this, "timeElapsed", 7);
     this.eventChangeTitle = index.createEvent(this, "changeTitle", 7);
     this.eventStopAnimation = index.createEvent(this, "stopAnimation", 7);
+    this.verificationFinished = index.createEvent(this, "verificationFinished", 7);
     this.callbackErrors = (error, isError) => {
       if (isError) {
         this.errorCameraEvent.emit(error);
@@ -4923,6 +4940,9 @@ const Camera = class {
     this.callbackVideoStarted = () => {
       this.eventVideoStarted.emit(this.component.getBoundingClientRect());
     };
+    this.callbackVerificationFinished = () => {
+      this.verificationFinished.emit();
+    };
     this.modelPath = undefined;
     this.device = undefined;
     this.probabilityThreshold = undefined;
@@ -4963,6 +4983,7 @@ const Camera = class {
     stream.setCallbackStopAnimation(this.callbackStopAnimation);
     stream.setCallbackVideoStarted(this.callbackVideoStarted);
     stream.setCallbackTimeElapsed(this.callbackTimeElapsed);
+    stream.setVerificationFinished(this.callbackVerificationFinished);
   }
   get component() { return index.getElement(this); }
 };
@@ -5452,6 +5473,7 @@ const IdDoubleSide = class {
     this.front = undefined;
     this.flow = {
       done: false,
+      verificationFinished: false,
       photoFile: null,
       photoFileName: '',
       photoUploadType: '',
@@ -5521,6 +5543,12 @@ const IdDoubleSide = class {
       this.apiErrorEvent.emit(e);
     }
   }
+  async verificationFinished(_event) {
+    this.flow.verificationFinished = true;
+    if (this.flow.done) {
+      state.flowStatus = FlowStatus.LIVENESS;
+    }
+  }
   async runFlow() {
     if (this.flow.photoFile == null || this.flow.recordingFile == null || this.flow.done) {
       return;
@@ -5546,7 +5574,9 @@ const IdDoubleSide = class {
       }
       else {
         this.flow.done = true;
-        state.flowStatus = FlowStatus.LIVENESS;
+        if (this.flow.verificationFinished) {
+          state.flowStatus = FlowStatus.LIVENESS;
+        }
       }
     }
     else {
@@ -5585,6 +5615,7 @@ const IdSingleSide = class {
     this.showTimeout = undefined;
     this.showHowTo = undefined;
     this.idFlow = {
+      verificationFinished: false,
       done: false,
       photoFile: null,
       recordingFile: null,
@@ -5612,6 +5643,12 @@ const IdSingleSide = class {
       this.apiErrorEvent.emit(e);
     }
   }
+  async verificationFinished(_event) {
+    this.idFlow.verificationFinished = true;
+    if (this.idFlow.done) {
+      state.flowStatus = FlowStatus.LIVENESS;
+    }
+  }
   async capturedIdRecording(event) {
     let idRecording = event.detail;
     let mimeType = idRecording.type.split(';')[0];
@@ -5641,7 +5678,7 @@ const IdSingleSide = class {
     }
     let uploadedRecording = await this.apiCall.UploadFileForRequestB64(state.requestId, 'IdFrontVideo', this.idFlow.recordingFile);
     this.idFlow.done = uploadedRecording;
-    if (uploadedRecording === true) {
+    if (uploadedRecording === true && this.idFlow.verificationFinished) {
       state.flowStatus = FlowStatus.LIVENESS;
     }
     else {
@@ -5888,7 +5925,15 @@ const LandingValidation = class {
   }
   async startFlow() {
     if (state.initialised) {
-      state.flowStatus = FlowStatus.AGREEMENT;
+      if (state.agreementsValidation) {
+        state.flowStatus = FlowStatus.AGREEMENT;
+      }
+      else if (state.phoneValidation) {
+        state.flowStatus = FlowStatus.PHONE;
+      }
+      else {
+        state.flowStatus = FlowStatus.ID;
+      }
     }
   }
   render() {
@@ -6019,7 +6064,7 @@ const SmsCodeValidation = class {
     try {
       if (state.flowStatus == FlowStatus.CODE || state.flowStatus == FlowStatus.CODEERROR) {
         var codeChecked = await this.apiCall.CheckOTPCode(state.requestId, this.code);
-        if (typeof codeChecked === 'boolean' && codeChecked) {
+        if (codeChecked === true) {
           state.flowStatus = FlowStatus.ID;
         }
         else {
@@ -6028,7 +6073,7 @@ const SmsCodeValidation = class {
       }
       if (state.flowStatus == FlowStatus.PHONE) {
         var codeSent = await this.apiCall.SendOTPCode(state.requestId, this.phoneNumber);
-        if (typeof codeSent === 'boolean' && codeSent) {
+        if (codeSent === true) {
           state.flowStatus = FlowStatus.CODE;
         }
       }
@@ -6088,6 +6133,7 @@ const UserLiveness = class {
     this.apiErrorEvent = index.createEvent(this, "apiError", 7);
     this.selfieFlow = {
       done: false,
+      verificationFinished: false,
       photoFile: null,
       recordingFile: null,
     };
@@ -6130,6 +6176,12 @@ const UserLiveness = class {
       this.apiErrorEvent.emit(e);
     }
   }
+  async verificationFinished(_event) {
+    this.selfieFlow.verificationFinished = true;
+    if (this.selfieFlow.done) {
+      state.flowStatus = FlowStatus.COMPLETE;
+    }
+  }
   async runSelfieFlow() {
     if (this.selfieFlow.photoFile == null || this.selfieFlow.recordingFile == null || this.selfieFlow.done) {
       return;
@@ -6144,7 +6196,7 @@ const UserLiveness = class {
     }
     let uploadRecording = await this.apiCall.UploadFileForRequestB64(state.requestId, 'SelfieVideo', this.selfieFlow.recordingFile);
     this.selfieFlow.done = uploadRecording;
-    if (uploadRecording == true) {
+    if (uploadRecording == true && this.selfieFlow.verificationFinished) {
       state.flowStatus = FlowStatus.COMPLETE;
     }
     else {

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-be29a2a8.js');
 
 /*
- Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.20.0 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
   });
 };
 

package/dist/cjs/qbs-ect-cmp.cjs.js

@@ -3,7 +3,7 @@
 const index = require('./index-be29a2a8.js');
 
 /*
- Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('qbs-ect-cmp.cjs.js', document.baseURI).href));
@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["agreement-check_16.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"idSide":[32],"errorMessage":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"]]],[0,"id-double-side",{"device":[16],"showTimeout":[32],"showInvalid":[32],"showHowTo":[32],"front":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"photoIdBackCapture","captureIdBackImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"id-single-side",{"device":[16],"showTimeout":[32],"showHowTo":[32],"idFlow":[32]},[[0,"captureErrorDone","captureErrorDone"],[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"photoIdCapture","captureIdImage"],[0,"verificationFinished","verificationFinished"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"device":[16],"showError":[32],"showHowTo":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoSelfieCapture","captureSelfieImage"],[0,"recordingSelfieCapture","capturedSelfieRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-info",{"agreementsChecked":[32],"termsChecked":[32],"openAgreements":[32],"openTerms":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"]]],[0,"end-redirect"],[0,"error-end",{"message":[1]}],[0,"landing-validation",{"device":[16],"warningText":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"phoneNumber":[32],"code":[32]}],[0,"id-back-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"selfie-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32]}],[0,"id-capture",{"device":[16],"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"titleMesage":[32]},[[0,"changeTitle","eventChangeTitle"],[0,"videoStarted","eventVideoStarted"],[0,"stopAnimation","eventStopAnimation"],[0,"takePhoto","takePhoto"]]],[0,"capture-error",{"type":[1]}],[0,"how-to-info",{"idSide":[1,"id-side"],"topTitle":[32],"subTitle":[32],"descriptionR1":[32],"descriptionR2":[32],"descriptionR3":[32],"imagePath":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"device":[16],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
 });

package/dist/collection/collection-manifest.json

@@ -20,8 +20,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.19.3",
-    "typescriptVersion": "4.7.4"
+    "version": "2.20.0",
+    "typescriptVersion": "4.8.4"
   },
   "collections": [],
   "bundles": []

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

@@ -37,6 +37,9 @@ export class Camera {
     this.callbackVideoStarted = () => {
       this.eventVideoStarted.emit(this.component.getBoundingClientRect());
     };
+    this.callbackVerificationFinished = () => {
+      this.verificationFinished.emit();
+    };
     this.modelPath = undefined;
     this.device = undefined;
     this.probabilityThreshold = undefined;
@@ -77,6 +80,7 @@ export class Camera {
     stream.setCallbackStopAnimation(this.callbackStopAnimation);
     stream.setCallbackVideoStarted(this.callbackVideoStarted);
     stream.setCallbackTimeElapsed(this.callbackTimeElapsed);
+    stream.setVerificationFinished(this.callbackVerificationFinished);
   }
   static get is() { return "camera-comp"; }
   static get originalStyleUrls() {
@@ -300,6 +304,21 @@ export class Camera {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "verificationFinished",
+        "name": "verificationFinished",
+        "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/id-double-side/id-double-side.js

@@ -12,6 +12,7 @@ export class IdDoubleSide {
     this.front = undefined;
     this.flow = {
       done: false,
+      verificationFinished: false,
       photoFile: null,
       photoFileName: '',
       photoUploadType: '',
@@ -81,6 +82,12 @@ export class IdDoubleSide {
       this.apiErrorEvent.emit(e);
     }
   }
+  async verificationFinished(_event) {
+    this.flow.verificationFinished = true;
+    if (this.flow.done) {
+      store.flowStatus = FlowStatus.LIVENESS;
+    }
+  }
   async runFlow() {
     if (this.flow.photoFile == null || this.flow.recordingFile == null || this.flow.done) {
       return;
@@ -106,7 +113,9 @@ export class IdDoubleSide {
       }
       else {
         this.flow.done = true;
-        store.flowStatus = FlowStatus.LIVENESS;
+        if (this.flow.verificationFinished) {
+          store.flowStatus = FlowStatus.LIVENESS;
+        }
       }
     }
     else {
@@ -231,6 +240,12 @@ export class IdDoubleSide {
         "target": undefined,
         "capture": false,
         "passive": false
+      }, {
+        "name": "verificationFinished",
+        "method": "verificationFinished",
+        "target": undefined,
+        "capture": false,
+        "passive": false
       }];
   }
 }

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

@@ -9,6 +9,7 @@ export class IdSingleSide {
     this.showTimeout = undefined;
     this.showHowTo = undefined;
     this.idFlow = {
+      verificationFinished: false,
       done: false,
       photoFile: null,
       recordingFile: null,
@@ -36,6 +37,12 @@ export class IdSingleSide {
       this.apiErrorEvent.emit(e);
     }
   }
+  async verificationFinished(_event) {
+    this.idFlow.verificationFinished = true;
+    if (this.idFlow.done) {
+      store.flowStatus = FlowStatus.LIVENESS;
+    }
+  }
   async capturedIdRecording(event) {
     let idRecording = event.detail;
     let mimeType = idRecording.type.split(';')[0];
@@ -65,7 +72,7 @@ export class IdSingleSide {
     }
     let uploadedRecording = await this.apiCall.UploadFileForRequestB64(store.requestId, 'IdFrontVideo', this.idFlow.recordingFile);
     this.idFlow.done = uploadedRecording;
-    if (uploadedRecording === true) {
+    if (uploadedRecording === true && this.idFlow.verificationFinished) {
       store.flowStatus = FlowStatus.LIVENESS;
     }
     else {
@@ -175,6 +182,12 @@ export class IdSingleSide {
         "target": undefined,
         "capture": false,
         "passive": false
+      }, {
+        "name": "verificationFinished",
+        "method": "verificationFinished",
+        "target": undefined,
+        "capture": false,
+        "passive": false
       }, {
         "name": "recordingIdCapture",
         "method": "capturedIdRecording",

package/dist/collection/components/flow/landing-validation/landing-validation.js

@@ -31,7 +31,15 @@ export class LandingValidation {
   }
   async startFlow() {
     if (store.initialised) {
-      store.flowStatus = FlowStatus.AGREEMENT;
+      if (store.agreementsValidation) {
+        store.flowStatus = FlowStatus.AGREEMENT;
+      }
+      else if (store.phoneValidation) {
+        store.flowStatus = FlowStatus.PHONE;
+      }
+      else {
+        store.flowStatus = FlowStatus.ID;
+      }
     }
   }
   render() {

package/dist/collection/components/flow/sms-code-validation/sms-code-validation.js

@@ -16,7 +16,7 @@ export class SmsCodeValidation {
     try {
       if (store.flowStatus == FlowStatus.CODE || store.flowStatus == FlowStatus.CODEERROR) {
         var codeChecked = await this.apiCall.CheckOTPCode(store.requestId, this.code);
-        if (typeof codeChecked === 'boolean' && codeChecked) {
+        if (codeChecked === true) {
           store.flowStatus = FlowStatus.ID;
         }
         else {
@@ -25,7 +25,7 @@ export class SmsCodeValidation {
       }
       if (store.flowStatus == FlowStatus.PHONE) {
         var codeSent = await this.apiCall.SendOTPCode(store.requestId, this.phoneNumber);
-        if (typeof codeSent === 'boolean' && codeSent) {
+        if (codeSent === true) {
           store.flowStatus = FlowStatus.CODE;
         }
       }

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

@@ -6,6 +6,7 @@ export class UserLiveness {
   constructor() {
     this.selfieFlow = {
       done: false,
+      verificationFinished: false,
       photoFile: null,
       recordingFile: null,
     };
@@ -48,6 +49,12 @@ export class UserLiveness {
       this.apiErrorEvent.emit(e);
     }
   }
+  async verificationFinished(_event) {
+    this.selfieFlow.verificationFinished = true;
+    if (this.selfieFlow.done) {
+      store.flowStatus = FlowStatus.COMPLETE;
+    }
+  }
   async runSelfieFlow() {
     if (this.selfieFlow.photoFile == null || this.selfieFlow.recordingFile == null || this.selfieFlow.done) {
       return;
@@ -62,7 +69,7 @@ export class UserLiveness {
     }
     let uploadRecording = await this.apiCall.UploadFileForRequestB64(store.requestId, 'SelfieVideo', this.selfieFlow.recordingFile);
     this.selfieFlow.done = uploadRecording;
-    if (uploadRecording == true) {
+    if (uploadRecording == true && this.selfieFlow.verificationFinished) {
       store.flowStatus = FlowStatus.COMPLETE;
     }
     else {
@@ -167,6 +174,12 @@ export class UserLiveness {
         "target": undefined,
         "capture": false,
         "passive": false
+      }, {
+        "name": "verificationFinished",
+        "method": "verificationFinished",
+        "target": undefined,
+        "capture": false,
+        "passive": false
       }];
   }
 }

package/dist/collection/helpers/ApiCall.js

@@ -54,6 +54,8 @@ export class ApiCall {
     let data = { requestId: requestId, clientDeviceInfo: deviceInfo };
     let jsonResp = await this.post('/validation/identity/insert', JSON.stringify(data));
     store.hasIdBack = jsonResp.hasIdBack;
+    store.agreementsValidation = jsonResp.agreementsValidation;
+    store.phoneValidation = jsonResp.phoneValidation;
     return true;
   }
   async UploadFileForRequestB64(requestId, type, file) {

package/dist/collection/helpers/Stream.js

@@ -59,6 +59,9 @@ export class Stream {
   setCallbackTimeElapsed(fun) {
     this.callbackTimeElapsed = fun;
   }
+  setVerificationFinished(fun) {
+    this.verificationFinished = fun;
+  }
   static getInstance(device, modelPath) {
     if (!Stream.instance) {
       Stream.instance = new Stream(device, modelPath);
@@ -74,6 +77,9 @@ export class Stream {
   timeElapsed() {
     this.callbackTimeElapsed();
   }
+  verificationReady() {
+    this.verificationFinished();
+  }
   updateHtmlElements(videoElement, canvasElement, component) {
     this.videoElement = videoElement;
     this.canvasElement = canvasElement;

package/dist/collection/helpers/store.js

@@ -9,6 +9,8 @@ const { state, onChange } = createStore({
   cameraIds: [],
   cameraId: '',
   hasIdBack: false,
+  agreementsValidation: true,
+  phoneValidation: true,
   apiBaseUrl: 'https://apiro.id-kyc.com',
 });
 onChange('flowStatus', value => {

package/dist/collection/libs/FaceML5Detector/FaceML5Detector.js

@@ -56,7 +56,7 @@ export class FaceML5Detector {
         this.start = Date.now();
       if (Date.now() > this.start + 3000) {
         this.continue = false;
-        this.stream.autoCapturing();
+        this.stream.verificationReady();
       }
     }
     if (Date.now() - this.initTime >= this.MAX_DETECTION) {
@@ -80,6 +80,7 @@ export class FaceML5Detector {
       if (this.isSingleFace(results) && this.checkProbability(results) && this.checkFaceSize(results) && this.checkFaceIndent(results)) {
         if (!this.validFaceFound) {
           this.validFaceFound = true;
+          this.stream.autoCapturing();
           this.frontFace = new FaceLandmarks(results[0], this.width, this.height);
           this.stream.stopAnimation();
           await this.drawFrame('green');
@@ -190,17 +191,20 @@ export class FaceML5Detector {
         this.validFacePose = true;
         this.stream.stopAnimation();
         await this.drawFrame('green');
-        this.stream.changeFacePose();
-      }
-    }
-    if (this.validFacePose && this.requestedFacePose != null) {
-      if (face.leftEyeNoseDistanceX() < face.rightEyeNoseDistanceX() * 1.2 &&
-        face.leftEyeNoseDistanceX() > face.rightEyeNoseDistanceX() * 0.8 &&
-        Math.abs(face.eyesLevel()) < this.height * 0.1) {
         this.validFaceFoundAgain = true;
-        this.stream.stopAnimation();
-        this.drawFrame('green', true);
+        //this.stream.changeFacePose();
       }
     }
+    // if (this.validFacePose && this.requestedFacePose != null) {
+    //   if (
+    //     face.leftEyeNoseDistanceX() < face.rightEyeNoseDistanceX() * 1.2 &&
+    //     face.leftEyeNoseDistanceX() > face.rightEyeNoseDistanceX() * 0.8 &&
+    //     Math.abs(face.eyesLevel()) < this.height * 0.1
+    //   ) {
+    //     this.validFaceFoundAgain = true;
+    //     this.stream.stopAnimation();
+    //     this.drawFrame('green', true);
+    //   }
+    // }
   }
 }

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

@@ -34,14 +34,17 @@ export class IDML5Detector {
     this.delay(2000).then(() => this.classifyVideo());
   }
   classifyVideo() {
-    if (this.full == 2 && this.tilted == 1) {
+    if (this.full == 1 && this.tilted == 1) {
       if (this.start == null)
         this.start = Date.now();
       if (Date.now() > this.start + 3000) {
         this.continue = false;
-        this.stream.autoCapturing();
+        this.stream.verificationReady();
       }
     }
+    if (this.full == 1 && this.tilted == 0) {
+      this.stream.autoCapturing();
+    }
     if (Date.now() - this.initTime >= this.MAX_DETECTION) {
       this.continue = false;
       this.stream.timeElapsed();
@@ -63,7 +66,6 @@ export class IDML5Detector {
         this.stream.changeIDPose(IDPose.Tilted);
       }
       if (this.full == 1 && this.tilted == 1) {
-        this.full = 2;
         this.stream.stopAnimation();
         this.drawFrame('green', true);
       }