@ekyc_qoobiss/qbs-ect-cmp 3.6.63 → 3.6.65

package/dist/cjs/{TranslationUtils-fbb2c39c.js → TranslationUtils-eeb71e60.js}

@@ -210,16 +210,21 @@ exports.FlowStatus = void 0;
   FlowStatus[FlowStatus["PHONE"] = 3] = "PHONE";
   FlowStatus[FlowStatus["CODE"] = 4] = "CODE";
   FlowStatus[FlowStatus["CODEERROR"] = 5] = "CODEERROR";
-  FlowStatus[FlowStatus["IDFRONT"] = 6] = "IDFRONT";
-  FlowStatus[FlowStatus["IDBACK"] = 7] = "IDBACK";
-  FlowStatus[FlowStatus["IDTILT"] = 8] = "IDTILT";
-  FlowStatus[FlowStatus["LIVENESS"] = 9] = "LIVENESS";
-  FlowStatus[FlowStatus["LIVENESSGESTURE"] = 10] = "LIVENESSGESTURE";
-  FlowStatus[FlowStatus["COMPLETE"] = 11] = "COMPLETE";
-  FlowStatus[FlowStatus["ERROREND"] = 12] = "ERROREND";
-  FlowStatus[FlowStatus["CAMERAERROR"] = 13] = "CAMERAERROR";
-  FlowStatus[FlowStatus["ABORTED"] = 14] = "ABORTED";
-  FlowStatus[FlowStatus["NONE"] = 15] = "NONE";
+  FlowStatus[FlowStatus["IDFRONTHOWTO"] = 6] = "IDFRONTHOWTO";
+  FlowStatus[FlowStatus["IDFRONT"] = 7] = "IDFRONT";
+  FlowStatus[FlowStatus["IDBACKHOWTO"] = 8] = "IDBACKHOWTO";
+  FlowStatus[FlowStatus["IDBACK"] = 9] = "IDBACK";
+  FlowStatus[FlowStatus["IDTILTHOWTO"] = 10] = "IDTILTHOWTO";
+  FlowStatus[FlowStatus["IDTILT"] = 11] = "IDTILT";
+  FlowStatus[FlowStatus["LIVENESSHOWTO"] = 12] = "LIVENESSHOWTO";
+  FlowStatus[FlowStatus["LIVENESS"] = 13] = "LIVENESS";
+  FlowStatus[FlowStatus["LIVENESSGESTUREHOWTO"] = 14] = "LIVENESSGESTUREHOWTO";
+  FlowStatus[FlowStatus["LIVENESSGESTURE"] = 15] = "LIVENESSGESTURE";
+  FlowStatus[FlowStatus["COMPLETE"] = 16] = "COMPLETE";
+  FlowStatus[FlowStatus["ERROREND"] = 17] = "ERROREND";
+  FlowStatus[FlowStatus["CAMERAERROR"] = 18] = "CAMERAERROR";
+  FlowStatus[FlowStatus["ABORTED"] = 19] = "ABORTED";
+  FlowStatus[FlowStatus["NONE"] = 20] = "NONE";
 })(exports.FlowStatus || (exports.FlowStatus = {}));
 
 class IdCaptureValues {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-41696e0e.js');
-const TranslationUtils = require('./TranslationUtils-fbb2c39c.js');
+const TranslationUtils = require('./TranslationUtils-eeb71e60.js');
 
 const agreementCheckCss = "";
 
@@ -4798,16 +4798,16 @@ ErrorEnd.style = errorEndCss;
 const howToInfoCss = "";
 
 const HowToInfo = class {
-  constructor(hostRef) { index.registerInstance(this, hostRef); this.eventHowToInfoDone = index.createEvent(this, "howToInfoDone", 7); this.apiErrorEvent = index.createEvent(this, "apiError", 7); this.topTitle = undefined; this.subTitle = undefined; this.imagePath = undefined; this.buttonText = undefined; this.buttonEnabled = undefined; }
+  constructor(hostRef) { index.registerInstance(this, hostRef); this.apiErrorEvent = index.createEvent(this, "apiError", 7); this.topTitle = undefined; this.subTitle = undefined; this.imagePath = undefined; this.buttonText = undefined; this.buttonEnabled = undefined; }
   async componentDidLoad() {
     await BaseComponent.initialize(this.currentStep);
   }
   async disconnectedCallback() {
     await BaseComponent.finalize(this.currentStep);
   }
-  buttonClick() {
+  async buttonClick() {
     this.buttonEnabled = false;
-    this.eventHowToInfoDone.emit();
+    TranslationUtils.state.flowStatus = await TranslationUtils.ApiCall.instance.GetNextFlowState();
   }
   async componentWillLoad() {
     this.translations = await TranslationUtils.Translations.getValues();
@@ -5208,7 +5208,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.63";
+const version$1 = "3.6.65";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -5538,11 +5538,55 @@ const IdentificationComponent = class {
     else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.CODEERROR) {
       currentBlock = index.h("sms-code-validation", null);
     }
-    else if ([TranslationUtils.FlowStatus.IDFRONT, TranslationUtils.FlowStatus.IDBACK, TranslationUtils.FlowStatus.IDTILT].includes(TranslationUtils.state.flowStatus)) {
-      currentBlock = (index.h("div", null, index.h("process-id", { id: "processIdFront", mode: "front", hidden: TranslationUtils.state.flowStatus != TranslationUtils.FlowStatus.IDFRONT }), index.h("process-id", { id: "processIdBack", mode: "back", hidden: TranslationUtils.state.flowStatus != TranslationUtils.FlowStatus.IDBACK }), index.h("process-id", { id: "processIdTilt", mode: "tilt", hidden: TranslationUtils.state.flowStatus != TranslationUtils.FlowStatus.IDTILT })));
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDFRONTHOWTO) {
+      if (TranslationUtils.state.debug)
+        console.log('identification-component | render | IDFRONTHOWTO');
+      currentBlock = index.h("how-to-info", null);
+    }
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDFRONT) {
+      if (TranslationUtils.state.debug)
+        console.log('identification-component | render | IDFRONT');
+      currentBlock = index.h("process-id", { id: "processIdFront", mode: "front" });
+    }
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACKHOWTO) {
+      if (TranslationUtils.state.debug)
+        console.log('identification-component | render | IDBACKHOWTO');
+      currentBlock = index.h("how-to-info", null);
+    }
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACK) {
+      if (TranslationUtils.state.debug)
+        console.log('identification-component | render | IDBACK');
+      currentBlock = index.h("process-id", { id: "processIdBack", mode: "back" });
+    }
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDTILTHOWTO) {
+      if (TranslationUtils.state.debug)
+        console.log('identification-component | render | IDTILTHOWTO');
+      currentBlock = index.h("how-to-info", null);
+    }
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDTILT) {
+      if (TranslationUtils.state.debug)
+        console.log('identification-component | render | TILT');
+      currentBlock = index.h("process-id", { id: "processIdTilt", mode: "tilt" });
+    }
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSHOWTO) {
+      if (TranslationUtils.state.debug)
+        console.log('identification-component | render | LIVENESSHOWTO');
+      currentBlock = index.h("how-to-info", null);
+    }
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESS) {
+      if (TranslationUtils.state.debug)
+        console.log('identification-component | render | LIVENESS');
+      currentBlock = index.h("user-liveness", { id: "userLiveness", mode: "selfie" });
+    }
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTUREHOWTO) {
+      if (TranslationUtils.state.debug)
+        console.log('identification-component | render | LIVENESSGESTUREHOWTO');
+      currentBlock = index.h("how-to-info", null);
     }
-    else if ([TranslationUtils.FlowStatus.LIVENESS, TranslationUtils.FlowStatus.LIVENESSGESTURE].includes(TranslationUtils.state.flowStatus)) {
-      currentBlock = (index.h("div", null, index.h("user-liveness", { id: "userLiveness", mode: "selfie", hidden: TranslationUtils.state.flowStatus != TranslationUtils.FlowStatus.LIVENESS }), index.h("user-liveness", { id: "userLivenessGesture", mode: "selfieGesture", hidden: TranslationUtils.state.flowStatus != TranslationUtils.FlowStatus.LIVENESSGESTURE })));
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTURE) {
+      if (TranslationUtils.state.debug)
+        console.log('identification-component | render | LIVENESSGESTURE');
+      currentBlock = index.h("user-liveness", { id: "userLivenessGesture", mode: "selfieGesture" });
     }
     else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.COMPLETE) {
       if (TranslationUtils.state.debug)
@@ -8627,45 +8671,33 @@ const ProcessId = class {
     if (this.mode == 'front') {
       this.currentStep = TranslationUtils.FlowSteps.CiFront;
       this.flow = {
-        capture: {
-          fileName: 'idImage.png',
-          recName: 'idVideo.',
-          photoType: CaptureUploadTypes.IdFront,
-          recType: CaptureUploadTypes.IdFrontVideo,
-        },
-        howToDone: false,
+        fileName: 'idImage.png',
+        recName: 'idVideo.',
+        photoType: CaptureUploadTypes.IdFront,
+        recType: CaptureUploadTypes.IdFrontVideo,
       };
     }
     else if (this.mode == 'back') {
       this.currentStep = TranslationUtils.FlowSteps.CiBack;
       this.flow = {
-        capture: {
-          fileName: 'idBackImage.png',
-          recName: 'idBackVideo.',
-          photoType: CaptureUploadTypes.IdBack,
-          recType: CaptureUploadTypes.IdBackVideo,
-        },
-        howToDone: false,
+        fileName: 'idBackImage.png',
+        recName: 'idBackVideo.',
+        photoType: CaptureUploadTypes.IdBack,
+        recType: CaptureUploadTypes.IdBackVideo,
       };
     }
     else if (this.mode == 'tilt') {
       this.currentStep = TranslationUtils.FlowSteps.CiTilt;
       this.flow = {
-        capture: {
-          fileName: 'idTiltImage.png',
-          recName: 'idTiltVideo.',
-          photoType: CaptureUploadTypes.None,
-          recType: CaptureUploadTypes.TiltVideo,
-        },
-        howToDone: false,
+        fileName: 'idTiltImage.png',
+        recName: 'idTiltVideo.',
+        photoType: CaptureUploadTypes.None,
+        recType: CaptureUploadTypes.TiltVideo,
       };
     }
     if (TranslationUtils.state.debug)
       console.log('process-id | initFlow');
   }
-  howToDone() {
-    this.flow.howToDone = true;
-  }
   timeElapsed() {
     this.errorReason = 'Timeout';
     this.showTimeout = true;
@@ -8692,8 +8724,8 @@ const ProcessId = class {
       return;
     }
     try {
-      let frontCapture = new File([idPhoto], this.flow.capture.fileName, { type: 'image/png' });
-      var uploadResult = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.capture.photoType, frontCapture);
+      let frontCapture = new File([idPhoto], this.flow.fileName, { type: 'image/png' });
+      var uploadResult = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.photoType, frontCapture);
       if (TranslationUtils.state.debug)
         console.log('process-id | captureIdImage | uploadResult: ' + uploadResult);
       if (uploadResult.isValid) {
@@ -8724,8 +8756,8 @@ const ProcessId = class {
       return;
     }
     let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
-    let captureRec = new File([idRecording], this.flow.capture.recName + mimeType.extension, { type: mimeType.type });
-    var uploadResult = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.capture.recType, captureRec);
+    let captureRec = new File([idRecording], this.flow.recName + mimeType.extension, { type: mimeType.type });
+    var uploadResult = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.recType, captureRec);
     if (TranslationUtils.state.debug)
       console.log('process-id | capturedIdRecording | uploadResult: ' + uploadResult);
     if (uploadResult.saved) {
@@ -8736,6 +8768,32 @@ const ProcessId = class {
     }
     this.recordingResultCount = 0;
   }
+  async verificationFinished() {
+    if (TranslationUtils.state.debug)
+      console.log('process-id | verificationFinished');
+    this.verificationReceived = Date.now();
+    let initialStatus = TranslationUtils.state.flowStatus;
+    let statusChanged = false;
+    while (Date.now() - this.verificationReceived < 25000 && !statusChanged) {
+      await delay(2000);
+      statusChanged = initialStatus != TranslationUtils.state.flowStatus;
+    }
+    if (!statusChanged) {
+      let currentStatus = await TranslationUtils.ApiCall.instance.GetFlowState();
+      if (currentStatus != TranslationUtils.state.flowStatus) {
+        TranslationUtils.state.flowStatus = currentStatus;
+      }
+      else {
+        this.triggerUploadFailedFlow();
+      }
+    }
+    if (TranslationUtils.state.debug)
+      console.log('process-id | verificationFinished | waitingFinished ');
+  }
+  triggerUploadFailedFlow() {
+    this.errorReason = 'Upload Failed';
+    this.showInvalid = true;
+  }
   async componentDidLoad() {
     if (TranslationUtils.state.debug)
       console.log('process-id | componentDidLoad');
@@ -8764,16 +8822,10 @@ const ProcessId = class {
   render() {
     let error = index.h("capture-error", { type: "ID", reason: this.errorReason });
     let capture = index.h("id-capture", null);
-    let howTo = index.h("how-to-info", null);
     if (this.showInvalid || this.showTimeout) {
       return error;
     }
-    if (TranslationUtils.state.flowStatus != TranslationUtils.FlowStatus.IDTILT && this.flow.howToDone) {
-      return howTo;
-    }
-    else {
-      return capture;
-    }
+    return capture;
   }
 };
 ProcessId.style = processIdCss;
@@ -9003,38 +9055,28 @@ const UserLiveness = class {
     this.showError = undefined;
     this.showTimeout = undefined;
     this.flow = undefined;
-    this.howToDone = false;
   }
   async componentDidLoad() { }
   componentWillLoad() {
     if (this.mode == 'selfie') {
       this.currentStep = TranslationUtils.FlowSteps.Selfie;
       this.flow = {
-        capture: {
-          fileName: 'selfie.png',
-          recName: 'selfieVideo.',
-          photoType: CaptureUploadTypes.Selfie,
-          recType: CaptureUploadTypes.SelfieVideo,
-        },
-        howToDone: false,
+        fileName: 'selfie.png',
+        recName: 'selfieVideo.',
+        photoType: CaptureUploadTypes.Selfie,
+        recType: CaptureUploadTypes.SelfieVideo,
       };
     }
     else if (this.mode == 'selfieGesture') {
       this.currentStep = TranslationUtils.FlowSteps.SelfieTilt;
       this.flow = {
-        capture: {
-          fileName: '',
-          recName: 'selfieTiltVideo.',
-          photoType: CaptureUploadTypes.None,
-          recType: CaptureUploadTypes.SelfieGestureVideo,
-        },
-        howToDone: false,
+        fileName: '',
+        recName: 'selfieTiltVideo.',
+        photoType: CaptureUploadTypes.None,
+        recType: CaptureUploadTypes.SelfieGestureVideo,
       };
     }
   }
-  howToDoneEvent() {
-    this.howToDone = true;
-  }
   timeElapsed() {
     this.errorReason = 'Timeout';
     this.showTimeout = true;
@@ -9057,8 +9099,8 @@ const UserLiveness = class {
       return;
     }
     try {
-      var uploadPhoto = new File([selfiePhoto], this.flow.capture.fileName, { type: 'image/png' });
-      let photoUploaded = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.capture.photoType, uploadPhoto);
+      var uploadPhoto = new File([selfiePhoto], this.flow.fileName, { type: 'image/png' });
+      let photoUploaded = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.photoType, uploadPhoto);
       if (photoUploaded.isValid) {
         TranslationUtils.state.flowStatus = TranslationUtils.FlowStatus[photoUploaded.state];
       }
@@ -9084,8 +9126,8 @@ const UserLiveness = class {
     }
     let mimeType = selfieRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     try {
-      let uploadRec = new File([selfieRecording], this.flow.capture.recName + mimeType.extension, { type: mimeType.type });
-      let uplodDone = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.capture.recType, uploadRec);
+      let uploadRec = new File([selfieRecording], this.flow.recName + mimeType.extension, { type: mimeType.type });
+      let uplodDone = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.recType, uploadRec);
       if (uplodDone.saved) {
         TranslationUtils.state.flowStatus = TranslationUtils.FlowStatus[uplodDone.state];
       }
@@ -9103,6 +9145,32 @@ const UserLiveness = class {
       }
     }
   }
+  async verificationFinished() {
+    if (TranslationUtils.state.debug)
+      console.log('user-liveness | verificationFinished');
+    this.verificationReceived = Date.now();
+    let initialStatus = TranslationUtils.state.flowStatus;
+    let statusChanged = false;
+    while (Date.now() - this.verificationReceived < 25000 && !statusChanged) {
+      await delay(2000);
+      statusChanged = initialStatus != TranslationUtils.state.flowStatus;
+    }
+    if (!statusChanged) {
+      let currentStatus = await TranslationUtils.ApiCall.instance.GetFlowState();
+      if (currentStatus != TranslationUtils.state.flowStatus) {
+        TranslationUtils.state.flowStatus = currentStatus;
+      }
+      else {
+        this.triggerUploadFailedFlow();
+      }
+    }
+    if (TranslationUtils.state.debug)
+      console.log('user-liveness | verificationFinished | waitingFinished ');
+  }
+  triggerUploadFailedFlow() {
+    this.errorReason = 'Upload Failed';
+    this.showError = true;
+  }
   async disconnectedCallback() {
     await BaseComponent.finalize(this.currentStep);
   }
@@ -9111,18 +9179,12 @@ const UserLiveness = class {
     this.showError = true;
   }
   render() {
-    let howTo = index.h("how-to-info", null);
     let capture = index.h("selfie-capture", null);
     let error = index.h("capture-error", { type: "LIVENESS", reason: this.errorReason });
     if (this.showError || this.showTimeout) {
       return error;
     }
-    if (this.howToDone) {
-      return capture;
-    }
-    else {
-      return howTo;
-    }
+    return capture;
   }
 };
 UserLiveness.style = userLivenessCss;

package/dist/cjs/loader.cjs.js

@@ -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"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32],"howToDone":[32]},[[0,"howToInfoDone","howToDoneEvent"],[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,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"details":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32]},[[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,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"how-to-info",{"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"details":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
   });
 };
 

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

@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32],"howToDone":[32]},[[0,"howToInfoDone","howToDoneEvent"],[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,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"details":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"how-to-info",{"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_17.cjs",[[1,"identification-component",{"token":[1537],"order_id":[1537],"api_url":[1537],"env":[1537],"redirect_id":[1537],"phone_number":[1537],"lang_iso":[1537],"errorMessage":[32],"errorTitle":[32]},[[0,"agreementAcceptance","agreementAcceptanceEmitted"],[0,"apiError","apiErrorEmitter"],[9,"scroll","handleScroll"]]],[0,"process-id",{"mode":[1],"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"],[0,"verificationFinished","verificationFinished"]]],[0,"user-liveness",{"mode":[1],"showError":[32],"showTimeout":[32],"flow":[32]},[[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,"camera-error",{"title":[32],"description":[32],"buttonDisabled":[32],"demoVideo":[32]}],[0,"end-redirect"],[0,"error-end",{"message":[1],"errorTitle":[1,"error-title"]}],[0,"how-to-info",{"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32]}],[0,"landing-validation",{"warningText":[32],"buttonDisabled":[32]}],[0,"mobile-redirect",{"infoTextTop":[32],"infoTextBottom":[32],"contact":[32],"invalidValue":[32],"waitingMobile":[32],"orderStatus":[32],"redirectLink":[32],"qrCode":[32],"prefilledPhone":[32]}],[0,"sms-code-validation",{"title":[32],"details":[32],"buttonText":[32],"code":[32],"canSend":[32]}],[0,"sms-send",{"buttonText":[32],"title":[32],"details":[32],"phoneNumber":[32],"prefilledPhone":[32],"canSend":[32]}],[0,"id-capture",{"videoStarted":[32],"cameraSize":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"showDemo":[32],"demoVideo":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"selfie-capture",{"videoStarted":[32],"captureTaken":[32],"verified":[32],"titleMesage":[32],"demoEnded":[32],"demoVideo":[32],"captureHeight":[32],"captureWidth":[32]},[[0,"videoStarted","eventVideoStarted"],[0,"takePhoto","takePhoto"],[0,"verificationFinished","verificationFinished"]]],[0,"agreement-check",{"agreementType":[1,"agreement-type"],"htmlContent":[32],"buttonEnabled":[32],"scrollClass":[32]}],[0,"capture-error",{"type":[1],"reason":[1],"buttonEnabled":[32],"buttonText":[32]}],[0,"camera-comp",{"modelPath":[1,"model-path"],"probabilityThreshold":[2,"probability-threshold"],"captureMode":[1,"capture-mode"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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-fbb2c39c.js');
+const TranslationUtils = require('./TranslationUtils-eeb71e60.js');
 
 const randomActionsCss = "";
 

package/dist/collection/components/common/how-to-info/how-to-info.js

@@ -4,6 +4,7 @@ import { FlowStatus } from '../../../models/FlowStatus';
 import { BaseComponent } from '../../base-component';
 import { FlowSteps } from '../../../models/FlowSteps';
 import { Translations } from '../../../helpers/TranslationUtils';
+import { ApiCall } from '../../../helpers/ApiCall';
 export class HowToInfo {
   constructor() { this.topTitle = undefined; this.subTitle = undefined; this.imagePath = undefined; this.buttonText = undefined; this.buttonEnabled = undefined; }
   async componentDidLoad() {
@@ -12,9 +13,9 @@ export class HowToInfo {
   async disconnectedCallback() {
     await BaseComponent.finalize(this.currentStep);
   }
-  buttonClick() {
+  async buttonClick() {
     this.buttonEnabled = false;
-    this.eventHowToInfoDone.emit();
+    store.flowStatus = await ApiCall.instance.GetNextFlowState();
   }
   async componentWillLoad() {
     this.translations = await Translations.getValues();
@@ -65,21 +66,6 @@ export class HowToInfo {
   }
   static get events() {
     return [{
-        "method": "eventHowToInfoDone",
-        "name": "howToInfoDone",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
         "method": "apiErrorEvent",
         "name": "apiError",
         "bubbles": true,

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

@@ -3,7 +3,7 @@ import store from '../../../helpers/store';
 import { Stream } from '../../../helpers/Stream';
 import { FlowStatus } from '../../../models/FlowStatus';
 import { FlowSteps } from '../../../models/FlowSteps';
-import { getLogMessage } from '../../../utils/utils';
+import { delay, getLogMessage } from '../../../utils/utils';
 import { BaseComponent } from '../../base-component';
 import { CaptureUploadTypes } from '../../../models/CaptureFlow';
 import { ApiCall } from '../../../helpers/ApiCall';
@@ -25,45 +25,33 @@ export class ProcessId {
     if (this.mode == 'front') {
       this.currentStep = FlowSteps.CiFront;
       this.flow = {
-        capture: {
-          fileName: 'idImage.png',
-          recName: 'idVideo.',
-          photoType: CaptureUploadTypes.IdFront,
-          recType: CaptureUploadTypes.IdFrontVideo,
-        },
-        howToDone: false,
+        fileName: 'idImage.png',
+        recName: 'idVideo.',
+        photoType: CaptureUploadTypes.IdFront,
+        recType: CaptureUploadTypes.IdFrontVideo,
       };
     }
     else if (this.mode == 'back') {
       this.currentStep = FlowSteps.CiBack;
       this.flow = {
-        capture: {
-          fileName: 'idBackImage.png',
-          recName: 'idBackVideo.',
-          photoType: CaptureUploadTypes.IdBack,
-          recType: CaptureUploadTypes.IdBackVideo,
-        },
-        howToDone: false,
+        fileName: 'idBackImage.png',
+        recName: 'idBackVideo.',
+        photoType: CaptureUploadTypes.IdBack,
+        recType: CaptureUploadTypes.IdBackVideo,
       };
     }
     else if (this.mode == 'tilt') {
       this.currentStep = FlowSteps.CiTilt;
       this.flow = {
-        capture: {
-          fileName: 'idTiltImage.png',
-          recName: 'idTiltVideo.',
-          photoType: CaptureUploadTypes.None,
-          recType: CaptureUploadTypes.TiltVideo,
-        },
-        howToDone: false,
+        fileName: 'idTiltImage.png',
+        recName: 'idTiltVideo.',
+        photoType: CaptureUploadTypes.None,
+        recType: CaptureUploadTypes.TiltVideo,
       };
     }
     if (store.debug)
       console.log('process-id | initFlow');
   }
-  howToDone() {
-    this.flow.howToDone = true;
-  }
   timeElapsed() {
     this.errorReason = 'Timeout';
     this.showTimeout = true;
@@ -90,8 +78,8 @@ export class ProcessId {
       return;
     }
     try {
-      let frontCapture = new File([idPhoto], this.flow.capture.fileName, { type: 'image/png' });
-      var uploadResult = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.capture.photoType, frontCapture);
+      let frontCapture = new File([idPhoto], this.flow.fileName, { type: 'image/png' });
+      var uploadResult = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.photoType, frontCapture);
       if (store.debug)
         console.log('process-id | captureIdImage | uploadResult: ' + uploadResult);
       if (uploadResult.isValid) {
@@ -122,8 +110,8 @@ export class ProcessId {
       return;
     }
     let mimeType = idRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
-    let captureRec = new File([idRecording], this.flow.capture.recName + mimeType.extension, { type: mimeType.type });
-    var uploadResult = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.capture.recType, captureRec);
+    let captureRec = new File([idRecording], this.flow.recName + mimeType.extension, { type: mimeType.type });
+    var uploadResult = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.recType, captureRec);
     if (store.debug)
       console.log('process-id | capturedIdRecording | uploadResult: ' + uploadResult);
     if (uploadResult.saved) {
@@ -134,6 +122,32 @@ export class ProcessId {
     }
     this.recordingResultCount = 0;
   }
+  async verificationFinished() {
+    if (store.debug)
+      console.log('process-id | verificationFinished');
+    this.verificationReceived = Date.now();
+    let initialStatus = store.flowStatus;
+    let statusChanged = false;
+    while (Date.now() - this.verificationReceived < 25000 && !statusChanged) {
+      await delay(2000);
+      statusChanged = initialStatus != store.flowStatus;
+    }
+    if (!statusChanged) {
+      let currentStatus = await ApiCall.instance.GetFlowState();
+      if (currentStatus != store.flowStatus) {
+        store.flowStatus = currentStatus;
+      }
+      else {
+        this.triggerUploadFailedFlow();
+      }
+    }
+    if (store.debug)
+      console.log('process-id | verificationFinished | waitingFinished ');
+  }
+  triggerUploadFailedFlow() {
+    this.errorReason = 'Upload Failed';
+    this.showInvalid = true;
+  }
   async componentDidLoad() {
     if (store.debug)
       console.log('process-id | componentDidLoad');
@@ -162,16 +176,10 @@ export class ProcessId {
   render() {
     let error = h("capture-error", { type: "ID", reason: this.errorReason });
     let capture = h("id-capture", null);
-    let howTo = h("how-to-info", null);
     if (this.showInvalid || this.showTimeout) {
       return error;
     }
-    if (store.flowStatus != FlowStatus.IDTILT && this.flow.howToDone) {
-      return howTo;
-    }
-    else {
-      return capture;
-    }
+    return capture;
   }
   static get is() { return "process-id"; }
   static get originalStyleUrls() {
@@ -232,12 +240,6 @@ export class ProcessId {
   }
   static get listeners() {
     return [{
-        "name": "howToInfoDone",
-        "method": "howToDone",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
         "name": "timeElapsed",
         "method": "timeElapsed",
         "target": undefined,
@@ -261,6 +263,12 @@ export class ProcessId {
         "target": undefined,
         "capture": false,
         "passive": false
+      }, {
+        "name": "verificationFinished",
+        "method": "verificationFinished",
+        "target": undefined,
+        "capture": false,
+        "passive": false
       }];
   }
 }