@ekyc_qoobiss/qbs-ect-cmp 3.6.52 → 3.6.53

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

@@ -5147,7 +5147,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.52";
+const version$1 = "3.6.53";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -5462,34 +5462,43 @@ const IdentificationComponent = class {
     if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LANDING) {
       currentBlock = index.h("landing-validation", null);
     }
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.MOBILE) {
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.MOBILE) {
       currentBlock = index.h("mobile-redirect", null);
     }
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.AGREEMENT) {
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.AGREEMENT) {
       currentBlock = index.h("agreement-info", null);
     }
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.PHONE) {
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.PHONE) {
       currentBlock = index.h("sms-send", null);
     }
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.CODE) {
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.CODE) {
       currentBlock = index.h("sms-code-validation", null);
     }
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.CODEERROR) {
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.CODEERROR) {
       currentBlock = index.h("sms-code-validation", null);
     }
-    if ([TranslationUtils.FlowStatus.IDFRONT, TranslationUtils.FlowStatus.IDBACK, TranslationUtils.FlowStatus.IDTILT].includes(TranslationUtils.state.flowStatus)) {
-      currentBlock = index.h("process-id", null);
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDFRONT) {
+      currentBlock = index.h("process-id", { mode: "front" });
+    }
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACK) {
+      currentBlock = index.h("process-id", { mode: "back" });
+    }
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDTILT) {
+      currentBlock = index.h("process-id", { mode: "tilt" });
+    }
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESS) {
+      currentBlock = index.h("user-liveness", { mode: "selfie" });
     }
-    if ([TranslationUtils.FlowStatus.LIVENESS, TranslationUtils.FlowStatus.LIVENESSGESTURE].includes(TranslationUtils.state.flowStatus)) {
-      currentBlock = index.h("user-liveness", null);
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTURE) {
+      currentBlock = index.h("user-liveness", { mode: "selfieGesture" });
     }
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.COMPLETE) {
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.COMPLETE) {
       currentBlock = index.h("end-redirect", null);
     }
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.ERROREND) {
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.ERROREND) {
       currentBlock = index.h("error-end", { errorTitle: this.errorTitle, message: this.errorMessage });
     }
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.CAMERAERROR) {
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.CAMERAERROR) {
       currentBlock = index.h("camera-error", null);
     }
     return index.h("div", null, currentBlock);
@@ -8551,6 +8560,7 @@ const ProcessId = class {
     index.registerInstance(this, hostRef);
     this.apiErrorEvent = index.createEvent(this, "apiError", 7);
     this.recordingResultCount = 0;
+    this.mode = undefined;
     this.showTimeout = undefined;
     this.showInvalid = undefined;
     this.flow = undefined;
@@ -8560,7 +8570,7 @@ const ProcessId = class {
     this.initFlow();
   }
   initFlow() {
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDFRONT) {
+    if (this.mode == 'front') {
       this.currentStep = TranslationUtils.FlowSteps.CiFront;
       this.flow = {
         capture: {
@@ -8572,7 +8582,7 @@ const ProcessId = class {
         howToDone: false,
       };
     }
-    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACK) {
+    else if (this.mode == 'back') {
       this.currentStep = TranslationUtils.FlowSteps.CiBack;
       this.flow = {
         capture: {
@@ -8584,7 +8594,7 @@ const ProcessId = class {
         howToDone: false,
       };
     }
-    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDTILT) {
+    else if (this.mode == 'tilt') {
       this.currentStep = TranslationUtils.FlowSteps.CiTilt;
       this.flow = {
         capture: {
@@ -8907,6 +8917,7 @@ const UserLiveness = class {
     this.apiErrorEvent = index.createEvent(this, "apiError", 7);
     this.recordingResultCount = 0;
     this.recordingRetryCount = 0;
+    this.mode = undefined;
     this.showError = undefined;
     this.showTimeout = undefined;
     this.flow = undefined;
@@ -8914,7 +8925,7 @@ const UserLiveness = class {
   }
   async componentDidLoad() { }
   componentWillLoad() {
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESS) {
+    if (this.mode == 'selfie') {
       this.currentStep = TranslationUtils.FlowSteps.Selfie;
       this.flow = {
         capture: {
@@ -8926,7 +8937,7 @@ const UserLiveness = class {
         howToDone: false,
       };
     }
-    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTURE) {
+    else if (this.mode == 'selfieGesture') {
       this.currentStep = TranslationUtils.FlowSteps.SelfieTilt;
       this.flow = {
         capture: {

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",{"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"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],"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,"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],"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);
   });
 };
 

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",{"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"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],"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,"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],"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);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -11,6 +11,7 @@ import { ApiCall } from '../../../helpers/ApiCall';
 export class ProcessId {
   constructor() {
     this.recordingResultCount = 0;
+    this.mode = undefined;
     this.showTimeout = undefined;
     this.showInvalid = undefined;
     this.flow = undefined;
@@ -20,7 +21,7 @@ export class ProcessId {
     this.initFlow();
   }
   initFlow() {
-    if (store.flowStatus == FlowStatus.IDFRONT) {
+    if (this.mode == 'front') {
       this.currentStep = FlowSteps.CiFront;
       this.flow = {
         capture: {
@@ -32,7 +33,7 @@ export class ProcessId {
         howToDone: false,
       };
     }
-    else if (store.flowStatus == FlowStatus.IDBACK) {
+    else if (this.mode == 'back') {
       this.currentStep = FlowSteps.CiBack;
       this.flow = {
         capture: {
@@ -44,7 +45,7 @@ export class ProcessId {
         howToDone: false,
       };
     }
-    else if (store.flowStatus == FlowStatus.IDTILT) {
+    else if (this.mode == 'tilt') {
       this.currentStep = FlowSteps.CiTilt;
       this.flow = {
         capture: {
@@ -155,6 +156,27 @@ export class ProcessId {
       "$": ["process-id.css"]
     };
   }
+  static get properties() {
+    return {
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "mode",
+        "reflect": false
+      }
+    };
+  }
   static get states() {
     return {
       "showTimeout": {},

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

@@ -11,6 +11,7 @@ export class UserLiveness {
   constructor() {
     this.recordingResultCount = 0;
     this.recordingRetryCount = 0;
+    this.mode = undefined;
     this.showError = undefined;
     this.showTimeout = undefined;
     this.flow = undefined;
@@ -18,7 +19,7 @@ export class UserLiveness {
   }
   async componentDidLoad() { }
   componentWillLoad() {
-    if (store.flowStatus == FlowStatus.LIVENESS) {
+    if (this.mode == 'selfie') {
       this.currentStep = FlowSteps.Selfie;
       this.flow = {
         capture: {
@@ -30,7 +31,7 @@ export class UserLiveness {
         howToDone: false,
       };
     }
-    else if (store.flowStatus == FlowStatus.LIVENESSGESTURE) {
+    else if (this.mode == 'selfieGesture') {
       this.currentStep = FlowSteps.SelfieTilt;
       this.flow = {
         capture: {
@@ -140,6 +141,27 @@ export class UserLiveness {
       "$": ["user-liveness.css"]
     };
   }
+  static get properties() {
+    return {
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "mode",
+        "reflect": false
+      }
+    };
+  }
   static get states() {
     return {
       "showError": {},

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

@@ -174,34 +174,43 @@ export class IdentificationComponent {
     if (store.flowStatus == FlowStatus.LANDING) {
       currentBlock = h("landing-validation", null);
     }
-    if (store.flowStatus == FlowStatus.MOBILE) {
+    else if (store.flowStatus == FlowStatus.MOBILE) {
       currentBlock = h("mobile-redirect", null);
     }
-    if (store.flowStatus == FlowStatus.AGREEMENT) {
+    else if (store.flowStatus == FlowStatus.AGREEMENT) {
       currentBlock = h("agreement-info", null);
     }
-    if (store.flowStatus == FlowStatus.PHONE) {
+    else if (store.flowStatus == FlowStatus.PHONE) {
       currentBlock = h("sms-send", null);
     }
-    if (store.flowStatus == FlowStatus.CODE) {
+    else if (store.flowStatus == FlowStatus.CODE) {
       currentBlock = h("sms-code-validation", null);
     }
-    if (store.flowStatus == FlowStatus.CODEERROR) {
+    else if (store.flowStatus == FlowStatus.CODEERROR) {
       currentBlock = h("sms-code-validation", null);
     }
-    if ([FlowStatus.IDFRONT, FlowStatus.IDBACK, FlowStatus.IDTILT].includes(store.flowStatus)) {
-      currentBlock = h("process-id", null);
+    else if (store.flowStatus == FlowStatus.IDFRONT) {
+      currentBlock = h("process-id", { mode: "front" });
     }
-    if ([FlowStatus.LIVENESS, FlowStatus.LIVENESSGESTURE].includes(store.flowStatus)) {
-      currentBlock = h("user-liveness", null);
+    else if (store.flowStatus == FlowStatus.IDBACK) {
+      currentBlock = h("process-id", { mode: "back" });
     }
-    if (store.flowStatus == FlowStatus.COMPLETE) {
+    else if (store.flowStatus == FlowStatus.IDTILT) {
+      currentBlock = h("process-id", { mode: "tilt" });
+    }
+    else if (store.flowStatus == FlowStatus.LIVENESS) {
+      currentBlock = h("user-liveness", { mode: "selfie" });
+    }
+    else if (store.flowStatus == FlowStatus.LIVENESSGESTURE) {
+      currentBlock = h("user-liveness", { mode: "selfieGesture" });
+    }
+    else if (store.flowStatus == FlowStatus.COMPLETE) {
       currentBlock = h("end-redirect", null);
     }
-    if (store.flowStatus == FlowStatus.ERROREND) {
+    else if (store.flowStatus == FlowStatus.ERROREND) {
       currentBlock = h("error-end", { errorTitle: this.errorTitle, message: this.errorMessage });
     }
-    if (store.flowStatus == FlowStatus.CAMERAERROR) {
+    else if (store.flowStatus == FlowStatus.CAMERAERROR) {
       currentBlock = h("camera-error", null);
     }
     return h("div", null, currentBlock);

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

@@ -5143,7 +5143,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.52";
+const version$1 = "3.6.53";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module = "./dist/index.js";
@@ -5458,34 +5458,43 @@ const IdentificationComponent = class {
     if (state.flowStatus == FlowStatus.LANDING) {
       currentBlock = h("landing-validation", null);
     }
-    if (state.flowStatus == FlowStatus.MOBILE) {
+    else if (state.flowStatus == FlowStatus.MOBILE) {
       currentBlock = h("mobile-redirect", null);
     }
-    if (state.flowStatus == FlowStatus.AGREEMENT) {
+    else if (state.flowStatus == FlowStatus.AGREEMENT) {
       currentBlock = h("agreement-info", null);
     }
-    if (state.flowStatus == FlowStatus.PHONE) {
+    else if (state.flowStatus == FlowStatus.PHONE) {
       currentBlock = h("sms-send", null);
     }
-    if (state.flowStatus == FlowStatus.CODE) {
+    else if (state.flowStatus == FlowStatus.CODE) {
       currentBlock = h("sms-code-validation", null);
     }
-    if (state.flowStatus == FlowStatus.CODEERROR) {
+    else if (state.flowStatus == FlowStatus.CODEERROR) {
       currentBlock = h("sms-code-validation", null);
     }
-    if ([FlowStatus.IDFRONT, FlowStatus.IDBACK, FlowStatus.IDTILT].includes(state.flowStatus)) {
-      currentBlock = h("process-id", null);
+    else if (state.flowStatus == FlowStatus.IDFRONT) {
+      currentBlock = h("process-id", { mode: "front" });
+    }
+    else if (state.flowStatus == FlowStatus.IDBACK) {
+      currentBlock = h("process-id", { mode: "back" });
+    }
+    else if (state.flowStatus == FlowStatus.IDTILT) {
+      currentBlock = h("process-id", { mode: "tilt" });
+    }
+    else if (state.flowStatus == FlowStatus.LIVENESS) {
+      currentBlock = h("user-liveness", { mode: "selfie" });
     }
-    if ([FlowStatus.LIVENESS, FlowStatus.LIVENESSGESTURE].includes(state.flowStatus)) {
-      currentBlock = h("user-liveness", null);
+    else if (state.flowStatus == FlowStatus.LIVENESSGESTURE) {
+      currentBlock = h("user-liveness", { mode: "selfieGesture" });
     }
-    if (state.flowStatus == FlowStatus.COMPLETE) {
+    else if (state.flowStatus == FlowStatus.COMPLETE) {
       currentBlock = h("end-redirect", null);
     }
-    if (state.flowStatus == FlowStatus.ERROREND) {
+    else if (state.flowStatus == FlowStatus.ERROREND) {
       currentBlock = h("error-end", { errorTitle: this.errorTitle, message: this.errorMessage });
     }
-    if (state.flowStatus == FlowStatus.CAMERAERROR) {
+    else if (state.flowStatus == FlowStatus.CAMERAERROR) {
       currentBlock = h("camera-error", null);
     }
     return h("div", null, currentBlock);
@@ -8547,6 +8556,7 @@ const ProcessId = class {
     registerInstance(this, hostRef);
     this.apiErrorEvent = createEvent(this, "apiError", 7);
     this.recordingResultCount = 0;
+    this.mode = undefined;
     this.showTimeout = undefined;
     this.showInvalid = undefined;
     this.flow = undefined;
@@ -8556,7 +8566,7 @@ const ProcessId = class {
     this.initFlow();
   }
   initFlow() {
-    if (state.flowStatus == FlowStatus.IDFRONT) {
+    if (this.mode == 'front') {
       this.currentStep = FlowSteps.CiFront;
       this.flow = {
         capture: {
@@ -8568,7 +8578,7 @@ const ProcessId = class {
         howToDone: false,
       };
     }
-    else if (state.flowStatus == FlowStatus.IDBACK) {
+    else if (this.mode == 'back') {
       this.currentStep = FlowSteps.CiBack;
       this.flow = {
         capture: {
@@ -8580,7 +8590,7 @@ const ProcessId = class {
         howToDone: false,
       };
     }
-    else if (state.flowStatus == FlowStatus.IDTILT) {
+    else if (this.mode == 'tilt') {
       this.currentStep = FlowSteps.CiTilt;
       this.flow = {
         capture: {
@@ -8903,6 +8913,7 @@ const UserLiveness = class {
     this.apiErrorEvent = createEvent(this, "apiError", 7);
     this.recordingResultCount = 0;
     this.recordingRetryCount = 0;
+    this.mode = undefined;
     this.showError = undefined;
     this.showTimeout = undefined;
     this.flow = undefined;
@@ -8910,7 +8921,7 @@ const UserLiveness = class {
   }
   async componentDidLoad() { }
   componentWillLoad() {
-    if (state.flowStatus == FlowStatus.LIVENESS) {
+    if (this.mode == 'selfie') {
       this.currentStep = FlowSteps.Selfie;
       this.flow = {
         capture: {
@@ -8922,7 +8933,7 @@ const UserLiveness = class {
         howToDone: false,
       };
     }
-    else if (state.flowStatus == FlowStatus.LIVENESSGESTURE) {
+    else if (this.mode == 'selfieGesture') {
       this.currentStep = FlowSteps.SelfieTilt;
       this.flow = {
         capture: {

package/dist/esm/loader.js

@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-check_17",[[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",{"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"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],"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 bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-check_17",[[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],"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);
   });
 };
 

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

@@ -14,5 +14,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-check_17",[[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",{"showTimeout":[32],"showInvalid":[32],"flow":[32]},[[0,"howToInfoDone","howToDone"],[0,"timeElapsed","timeElapsed"],[0,"captureErrorDone","captureErrorDone"],[0,"photoIdCapture","captureIdImage"],[0,"recordingIdCapture","capturedIdRecording"]]],[0,"user-liveness",{"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],"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 bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-check_17",[[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],"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);
 });