@ekyc_qoobiss/qbs-ect-cmp 3.6.65 → 3.6.67

package/dist/cjs/{agreement-check_17.cjs.entry.js → agreement-check_18.cjs.entry.js}

@@ -4795,10 +4795,19 @@ const ErrorEnd = class {
 };
 ErrorEnd.style = errorEndCss;
 
+var IDPose;
+(function (IDPose) {
+  IDPose[IDPose["Straight"] = 0] = "Straight";
+  IDPose[IDPose["Tilted"] = 1] = "Tilted";
+  IDPose[IDPose["Rotate"] = 2] = "Rotate";
+  IDPose[IDPose["BackStraight"] = 3] = "BackStraight";
+  IDPose[IDPose["BackTilted"] = 4] = "BackTilted";
+})(IDPose || (IDPose = {}));
+
 const howToInfoCss = "";
 
 const HowToInfo = class {
-  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; }
+  constructor(hostRef) { index.registerInstance(this, hostRef); this.apiErrorEvent = index.createEvent(this, "apiError", 7); this.showVideo = undefined; this.topTitle = undefined; this.subTitle = undefined; this.imagePath = undefined; this.buttonText = undefined; this.buttonEnabled = undefined; this.demoVideo = undefined; }
   async componentDidLoad() {
     await BaseComponent.initialize(this.currentStep);
   }
@@ -4810,21 +4819,28 @@ const HowToInfo = class {
     TranslationUtils.state.flowStatus = await TranslationUtils.ApiCall.instance.GetNextFlowState();
   }
   async componentWillLoad() {
+    this.showVideo = false;
     this.translations = await TranslationUtils.Translations.getValues();
     this.subTitle = '';
     this.buttonEnabled = true;
-    this.topTitle = this.translations.HowToValues.IdTitile;
-    this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
     this.buttonText = this.translations.HowToValues.IdButton;
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDFRONT) {
+    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDFRONTHOWTO) {
+      this.topTitle = this.translations.HowToValues.IdTitile;
+      this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
       this.currentStep = TranslationUtils.FlowSteps.CiFrontHowTo;
       this.subTitle = this.translations.HowToValues.IdSubTitileFace;
     }
-    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACK) {
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACKHOWTO) {
       this.currentStep = TranslationUtils.FlowSteps.CiBackHowTo;
-      this.subTitle = this.translations.HowToValues.IdSubTitileBack;
+      this.subTitle = '';
+      this.topTitle = this.translations.IdCaptureValues.TitleBack;
+      this.demoVideo.src = TranslationUtils.IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
+      this.demoVideo.play();
+      this.showVideo = true;
+      await delay(this.translations.GlobalValues.VideoLenght);
+      await this.buttonClick();
     }
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESS) {
+    else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSHOWTO) {
       this.currentStep = TranslationUtils.FlowSteps.SelfieHowTo;
       this.topTitle = this.translations.HowToValues.SelfieTitile;
       this.subTitle = this.translations.HowToValues.SelfieSubTitile;
@@ -4833,8 +4849,7 @@ const HowToInfo = class {
     }
   }
   render() {
-    let sub = this.subTitle != '' ? index.h("p", { class: "font-size-2" }, this.subTitle) : null;
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { class: "div-ci align-center" }, index.h("img", { src: this.imagePath })), index.h("div", { class: "text-center" }, index.h("h1", null, this.topTitle), sub), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row", hidden: TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTUREHOWTO }, index.h("div", { class: "div-ci align-center", hidden: this.showVideo }, index.h("img", { src: this.imagePath })), index.h("div", { hidden: this.showVideo == false }, index.h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { class: "text-center" }, index.h("h1", null, this.topTitle), index.h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
   }
 };
 HowToInfo.style = howToInfoCss;
@@ -4981,15 +4996,6 @@ class Cameras {
   }
 }
 
-var IDPose;
-(function (IDPose) {
-  IDPose[IDPose["Straight"] = 0] = "Straight";
-  IDPose[IDPose["Tilted"] = 1] = "Tilted";
-  IDPose[IDPose["Rotate"] = 2] = "Rotate";
-  IDPose[IDPose["BackStraight"] = 3] = "BackStraight";
-  IDPose[IDPose["BackTilted"] = 4] = "BackTilted";
-})(IDPose || (IDPose = {}));
-
 const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}";
 
 const IdCapture = class {
@@ -5048,12 +5054,6 @@ const IdCapture = class {
       console.log('id-capture | componentDidLoad');
     this.initVariables();
     await BaseComponent.logStep(this.flowStep, TranslationUtils.FlowMoments.Initialized);
-    if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACK) {
-      this.demoVideo.src = TranslationUtils.IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
-      this.demoVideo.play();
-      await delay(this.translations.GlobalValues.VideoLenght);
-      this.titleMesage = this.translations.IdCaptureValues.TitleBack;
-    }
     this.demoVideo.src = TranslationUtils.IdCaptureValues.IDPoseDemoMapping[this.pose];
     this.demoVideo.play();
     await delay(this.translations.GlobalValues.VideoLenght);
@@ -5208,7 +5208,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.65";
+const version$1 = "3.6.67";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -5561,7 +5561,7 @@ const IdentificationComponent = class {
     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);
+      currentBlock = index.h("state-transition", null);
     }
     else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDTILT) {
       if (TranslationUtils.state.debug)
@@ -5581,7 +5581,7 @@ const IdentificationComponent = class {
     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);
+      currentBlock = index.h("state-transition", null);
     }
     else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESSGESTURE) {
       if (TranslationUtils.state.debug)
@@ -9043,6 +9043,21 @@ const SmsSend = class {
 };
 SmsSend.style = smsSendCss;
 
+const stateTransitionCss = "";
+
+const StateTransition = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  async componentWillLoad() {
+    TranslationUtils.state.flowStatus = await TranslationUtils.ApiCall.instance.GetNextFlowState();
+  }
+  render() {
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row" })));
+  }
+};
+StateTransition.style = stateTransitionCss;
+
 const userLivenessCss = "";
 
 const UserLiveness = class {
@@ -9205,4 +9220,5 @@ exports.process_id = ProcessId;
 exports.selfie_capture = SelfieCapture;
 exports.sms_code_validation = SmsCodeValidation;
 exports.sms_send = SmsSend;
+exports.state_transition = StateTransition;
 exports.user_liveness = UserLiveness;

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,"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);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_18.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",{"showVideo":[32],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32],"demoVideo":[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,"state-transition"],[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,"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);
+  return index.bootstrapLazy([["loader-dots.cjs",[[1,"loader-dots"]]],["random-actions.cjs",[[0,"random-actions"]]],["agreement-check_18.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",{"showVideo":[32],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32],"demoVideo":[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,"state-transition"],[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/collection/collection-manifest.json

@@ -7,6 +7,7 @@
     "./components/common/id-capture/id-capture.js",
     "./components/common/random-actions/random-actions.js",
     "./components/common/selfie-capture/selfie-capture.js",
+    "./components/common/state-transition/state-transition.js",
     "./components/controls/camera/camera.js",
     "./components/controls/loader-dots/loader-dots.js",
     "./components/flow/agreement-info/agreement-info.js",

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

@@ -5,8 +5,11 @@ import { BaseComponent } from '../../base-component';
 import { FlowSteps } from '../../../models/FlowSteps';
 import { Translations } from '../../../helpers/TranslationUtils';
 import { ApiCall } from '../../../helpers/ApiCall';
+import { IdCaptureValues } from '../../../helpers/textValues';
+import { delay } from '../../../utils/utils';
+import { IDPose } from '../../../libs/IDML5Detector/IDPose';
 export class HowToInfo {
-  constructor() { this.topTitle = undefined; this.subTitle = undefined; this.imagePath = undefined; this.buttonText = undefined; this.buttonEnabled = undefined; }
+  constructor() { this.showVideo = undefined; this.topTitle = undefined; this.subTitle = undefined; this.imagePath = undefined; this.buttonText = undefined; this.buttonEnabled = undefined; this.demoVideo = undefined; }
   async componentDidLoad() {
     await BaseComponent.initialize(this.currentStep);
   }
@@ -18,21 +21,28 @@ export class HowToInfo {
     store.flowStatus = await ApiCall.instance.GetNextFlowState();
   }
   async componentWillLoad() {
+    this.showVideo = false;
     this.translations = await Translations.getValues();
     this.subTitle = '';
     this.buttonEnabled = true;
-    this.topTitle = this.translations.HowToValues.IdTitile;
-    this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
     this.buttonText = this.translations.HowToValues.IdButton;
-    if (store.flowStatus == FlowStatus.IDFRONT) {
+    if (store.flowStatus == FlowStatus.IDFRONTHOWTO) {
+      this.topTitle = this.translations.HowToValues.IdTitile;
+      this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
       this.currentStep = FlowSteps.CiFrontHowTo;
       this.subTitle = this.translations.HowToValues.IdSubTitileFace;
     }
-    else if (store.flowStatus == FlowStatus.IDBACK) {
+    else if (store.flowStatus == FlowStatus.IDBACKHOWTO) {
       this.currentStep = FlowSteps.CiBackHowTo;
-      this.subTitle = this.translations.HowToValues.IdSubTitileBack;
+      this.subTitle = '';
+      this.topTitle = this.translations.IdCaptureValues.TitleBack;
+      this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
+      this.demoVideo.play();
+      this.showVideo = true;
+      await delay(this.translations.GlobalValues.VideoLenght);
+      await this.buttonClick();
     }
-    if (store.flowStatus == FlowStatus.LIVENESS) {
+    else if (store.flowStatus == FlowStatus.LIVENESSHOWTO) {
       this.currentStep = FlowSteps.SelfieHowTo;
       this.topTitle = this.translations.HowToValues.SelfieTitile;
       this.subTitle = this.translations.HowToValues.SelfieSubTitile;
@@ -41,8 +51,7 @@ export class HowToInfo {
     }
   }
   render() {
-    let sub = this.subTitle != '' ? h("p", { class: "font-size-2" }, this.subTitle) : null;
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "div-ci align-center" }, h("img", { src: this.imagePath })), h("div", { class: "text-center" }, h("h1", null, this.topTitle), sub), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+    return (h("div", { class: "container" }, h("div", { class: "row", hidden: store.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO }, h("div", { class: "div-ci align-center", hidden: this.showVideo }, h("img", { src: this.imagePath })), h("div", { hidden: this.showVideo == false }, h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "text-center" }, h("h1", null, this.topTitle), h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
   }
   static get is() { return "how-to-info"; }
   static get originalStyleUrls() {
@@ -57,11 +66,13 @@ export class HowToInfo {
   }
   static get states() {
     return {
+      "showVideo": {},
       "topTitle": {},
       "subTitle": {},
       "imagePath": {},
       "buttonText": {},
-      "buttonEnabled": {}
+      "buttonEnabled": {},
+      "demoVideo": {}
     };
   }
   static get events() {

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

@@ -65,12 +65,6 @@ export class IdCapture {
       console.log('id-capture | componentDidLoad');
     this.initVariables();
     await BaseComponent.logStep(this.flowStep, FlowMoments.Initialized);
-    if (store.flowStatus == FlowStatus.IDBACK) {
-      this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
-      this.demoVideo.play();
-      await delay(this.translations.GlobalValues.VideoLenght);
-      this.titleMesage = this.translations.IdCaptureValues.TitleBack;
-    }
     this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[this.pose];
     this.demoVideo.play();
     await delay(this.translations.GlobalValues.VideoLenght);

package/dist/collection/components/common/state-transition/state-transition.css

@@ -0,0 +1 @@
+

package/dist/collection/components/common/state-transition/state-transition.js

@@ -0,0 +1,22 @@
+import { h } from '@stencil/core';
+import store from '../../../helpers/store';
+import { ApiCall } from '../../../helpers/ApiCall';
+export class StateTransition {
+  async componentWillLoad() {
+    store.flowStatus = await ApiCall.instance.GetNextFlowState();
+  }
+  render() {
+    return (h("div", { class: "container" }, h("div", { class: "row" })));
+  }
+  static get is() { return "state-transition"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["state-transition.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["state-transition.css"]
+    };
+  }
+}

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

@@ -212,7 +212,7 @@ export class IdentificationComponent {
     else if (store.flowStatus == FlowStatus.IDTILTHOWTO) {
       if (store.debug)
         console.log('identification-component | render | IDTILTHOWTO');
-      currentBlock = h("how-to-info", null);
+      currentBlock = h("state-transition", null);
     }
     else if (store.flowStatus == FlowStatus.IDTILT) {
       if (store.debug)
@@ -232,7 +232,7 @@ export class IdentificationComponent {
     else if (store.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO) {
       if (store.debug)
         console.log('identification-component | render | LIVENESSGESTUREHOWTO');
-      currentBlock = h("how-to-info", null);
+      currentBlock = h("state-transition", null);
     }
     else if (store.flowStatus == FlowStatus.LIVENESSGESTURE) {
       if (store.debug)

package/dist/esm/{agreement-check_17.entry.js → agreement-check_18.entry.js}

@@ -4791,10 +4791,19 @@ const ErrorEnd = class {
 };
 ErrorEnd.style = errorEndCss;
 
+var IDPose;
+(function (IDPose) {
+  IDPose[IDPose["Straight"] = 0] = "Straight";
+  IDPose[IDPose["Tilted"] = 1] = "Tilted";
+  IDPose[IDPose["Rotate"] = 2] = "Rotate";
+  IDPose[IDPose["BackStraight"] = 3] = "BackStraight";
+  IDPose[IDPose["BackTilted"] = 4] = "BackTilted";
+})(IDPose || (IDPose = {}));
+
 const howToInfoCss = "";
 
 const HowToInfo = class {
-  constructor(hostRef) { registerInstance(this, hostRef); this.apiErrorEvent = createEvent(this, "apiError", 7); this.topTitle = undefined; this.subTitle = undefined; this.imagePath = undefined; this.buttonText = undefined; this.buttonEnabled = undefined; }
+  constructor(hostRef) { registerInstance(this, hostRef); this.apiErrorEvent = createEvent(this, "apiError", 7); this.showVideo = undefined; this.topTitle = undefined; this.subTitle = undefined; this.imagePath = undefined; this.buttonText = undefined; this.buttonEnabled = undefined; this.demoVideo = undefined; }
   async componentDidLoad() {
     await BaseComponent.initialize(this.currentStep);
   }
@@ -4806,21 +4815,28 @@ const HowToInfo = class {
     state.flowStatus = await ApiCall.instance.GetNextFlowState();
   }
   async componentWillLoad() {
+    this.showVideo = false;
     this.translations = await Translations.getValues();
     this.subTitle = '';
     this.buttonEnabled = true;
-    this.topTitle = this.translations.HowToValues.IdTitile;
-    this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
     this.buttonText = this.translations.HowToValues.IdButton;
-    if (state.flowStatus == FlowStatus.IDFRONT) {
+    if (state.flowStatus == FlowStatus.IDFRONTHOWTO) {
+      this.topTitle = this.translations.HowToValues.IdTitile;
+      this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
       this.currentStep = FlowSteps.CiFrontHowTo;
       this.subTitle = this.translations.HowToValues.IdSubTitileFace;
     }
-    else if (state.flowStatus == FlowStatus.IDBACK) {
+    else if (state.flowStatus == FlowStatus.IDBACKHOWTO) {
       this.currentStep = FlowSteps.CiBackHowTo;
-      this.subTitle = this.translations.HowToValues.IdSubTitileBack;
+      this.subTitle = '';
+      this.topTitle = this.translations.IdCaptureValues.TitleBack;
+      this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
+      this.demoVideo.play();
+      this.showVideo = true;
+      await delay(this.translations.GlobalValues.VideoLenght);
+      await this.buttonClick();
     }
-    if (state.flowStatus == FlowStatus.LIVENESS) {
+    else if (state.flowStatus == FlowStatus.LIVENESSHOWTO) {
       this.currentStep = FlowSteps.SelfieHowTo;
       this.topTitle = this.translations.HowToValues.SelfieTitile;
       this.subTitle = this.translations.HowToValues.SelfieSubTitile;
@@ -4829,8 +4845,7 @@ const HowToInfo = class {
     }
   }
   render() {
-    let sub = this.subTitle != '' ? h("p", { class: "font-size-2" }, this.subTitle) : null;
-    return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: "div-ci align-center" }, h("img", { src: this.imagePath })), h("div", { class: "text-center" }, h("h1", null, this.topTitle), sub), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+    return (h("div", { class: "container" }, h("div", { class: "row", hidden: state.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO }, h("div", { class: "div-ci align-center", hidden: this.showVideo }, h("img", { src: this.imagePath })), h("div", { hidden: this.showVideo == false }, h("video", { id: "howTo", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, h("source", { type: "video/mp4" }))), h("div", { class: "text-center" }, h("h1", null, this.topTitle), h("p", { class: "font-size-2", hidden: this.subTitle == '' }, this.subTitle)), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(), hidden: this.showVideo == true }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
   }
 };
 HowToInfo.style = howToInfoCss;
@@ -4977,15 +4992,6 @@ class Cameras {
   }
 }
 
-var IDPose;
-(function (IDPose) {
-  IDPose[IDPose["Straight"] = 0] = "Straight";
-  IDPose[IDPose["Tilted"] = 1] = "Tilted";
-  IDPose[IDPose["Rotate"] = 2] = "Rotate";
-  IDPose[IDPose["BackStraight"] = 3] = "BackStraight";
-  IDPose[IDPose["BackTilted"] = 4] = "BackTilted";
-})(IDPose || (IDPose = {}));
-
 const idCaptureCss = ".logo{max-height:450px;max-width:450px}.canvas-on-video{max-width:100%;max-height:100%;position:absolute;z-index:2;transform:scale(-1, 1)}";
 
 const IdCapture = class {
@@ -5044,12 +5050,6 @@ const IdCapture = class {
       console.log('id-capture | componentDidLoad');
     this.initVariables();
     await BaseComponent.logStep(this.flowStep, FlowMoments.Initialized);
-    if (state.flowStatus == FlowStatus.IDBACK) {
-      this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
-      this.demoVideo.play();
-      await delay(this.translations.GlobalValues.VideoLenght);
-      this.titleMesage = this.translations.IdCaptureValues.TitleBack;
-    }
     this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[this.pose];
     this.demoVideo.play();
     await delay(this.translations.GlobalValues.VideoLenght);
@@ -5204,7 +5204,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.65";
+const version$1 = "3.6.67";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module = "./dist/index.js";
@@ -5557,7 +5557,7 @@ const IdentificationComponent = class {
     else if (state.flowStatus == FlowStatus.IDTILTHOWTO) {
       if (state.debug)
         console.log('identification-component | render | IDTILTHOWTO');
-      currentBlock = h("how-to-info", null);
+      currentBlock = h("state-transition", null);
     }
     else if (state.flowStatus == FlowStatus.IDTILT) {
       if (state.debug)
@@ -5577,7 +5577,7 @@ const IdentificationComponent = class {
     else if (state.flowStatus == FlowStatus.LIVENESSGESTUREHOWTO) {
       if (state.debug)
         console.log('identification-component | render | LIVENESSGESTUREHOWTO');
-      currentBlock = h("how-to-info", null);
+      currentBlock = h("state-transition", null);
     }
     else if (state.flowStatus == FlowStatus.LIVENESSGESTURE) {
       if (state.debug)
@@ -9039,6 +9039,21 @@ const SmsSend = class {
 };
 SmsSend.style = smsSendCss;
 
+const stateTransitionCss = "";
+
+const StateTransition = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  async componentWillLoad() {
+    state.flowStatus = await ApiCall.instance.GetNextFlowState();
+  }
+  render() {
+    return (h("div", { class: "container" }, h("div", { class: "row" })));
+  }
+};
+StateTransition.style = stateTransitionCss;
+
 const userLivenessCss = "";
 
 const UserLiveness = class {
@@ -9185,4 +9200,4 @@ const UserLiveness = class {
 };
 UserLiveness.style = userLivenessCss;
 
-export { AgreementCheck as agreement_check, AgreementInfo as agreement_info, Camera as camera_comp, CameraError as camera_error, CaptureError as capture_error, EndRedirect as end_redirect, ErrorEnd as error_end, HowToInfo as how_to_info, IdCapture as id_capture, IdentificationComponent as identification_component, LandingValidation as landing_validation, MobileRedirect as mobile_redirect, ProcessId as process_id, SelfieCapture as selfie_capture, SmsCodeValidation as sms_code_validation, SmsSend as sms_send, UserLiveness as user_liveness };
+export { AgreementCheck as agreement_check, AgreementInfo as agreement_info, Camera as camera_comp, CameraError as camera_error, CaptureError as capture_error, EndRedirect as end_redirect, ErrorEnd as error_end, HowToInfo as how_to_info, IdCapture as id_capture, IdentificationComponent as identification_component, LandingValidation as landing_validation, MobileRedirect as mobile_redirect, ProcessId as process_id, SelfieCapture as selfie_capture, SmsCodeValidation as sms_code_validation, SmsSend as sms_send, StateTransition as state_transition, UserLiveness as user_liveness };

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",{"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);
+  return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-check_18",[[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",{"showVideo":[32],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32],"demoVideo":[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,"state-transition"],[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/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",{"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);
+  return bootstrapLazy([["loader-dots",[[1,"loader-dots"]]],["random-actions",[[0,"random-actions"]]],["agreement-check_18",[[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",{"showVideo":[32],"topTitle":[32],"subTitle":[32],"imagePath":[32],"buttonText":[32],"buttonEnabled":[32],"demoVideo":[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,"state-transition"],[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);
 });