@ekyc_qoobiss/qbs-ect-cmp 3.6.52 → 3.6.54

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

@@ -4931,6 +4931,16 @@ class Cameras {
       throw e;
     }
   }
+  static switchCamera() {
+    let camIndex = TranslationUtils.state.cameraIds.indexOf(TranslationUtils.state.cameraId);
+    let newCamId = camIndex === TranslationUtils.state.cameraIds.length - 1 ? TranslationUtils.state.cameraIds[0] : TranslationUtils.state.cameraIds[camIndex + 1];
+    if (TranslationUtils.state.cameraId == newCamId) {
+      TranslationUtils.state.cameraId = null;
+    }
+    else {
+      TranslationUtils.state.cameraId = newCamId;
+    }
+  }
 }
 
 var IDPose;
@@ -5147,7 +5157,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.52";
+const version$1 = "3.6.54";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -5462,34 +5472,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 +8570,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 +8580,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 +8592,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 +8604,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: {
@@ -8662,8 +8682,7 @@ const ProcessId = class {
   }
   switchCamera() {
     if (this.captureRetryCount == 1) {
-      let camIndex = TranslationUtils.state.cameraIds.indexOf(TranslationUtils.state.cameraId);
-      TranslationUtils.state.cameraId = camIndex === TranslationUtils.state.cameraIds.length - 1 ? TranslationUtils.state.cameraIds[0] : TranslationUtils.state.cameraIds[camIndex + 1];
+      Cameras.switchCamera();
       this.captureRetryCount = 0;
     }
     else {
@@ -8857,7 +8876,7 @@ SmsCodeValidation.style = smsCodeValidationCss;
 const smsSendCss = "";
 
 const SmsSend = class {
-  constructor(hostRef) { index.registerInstance(this, hostRef); this.apiErrorEvent = index.createEvent(this, "apiError", 7); this.buttonText = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
+  constructor(hostRef) { index.registerInstance(this, hostRef); this.apiErrorEvent = index.createEvent(this, "apiError", 7); this.buttonText = undefined; this.title = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
   async doAction() {
     try {
       this.canSend = false;
@@ -8876,6 +8895,7 @@ const SmsSend = class {
   async componentWillRender() {
     this.translations = await TranslationUtils.Translations.getValues();
     this.buttonText = this.translations.PhoneValidationValues.Button;
+    this.title = this.translations.PhoneValidationValues.Title;
     if (TranslationUtils.state.phoneNumber && TranslationUtils.state.phoneNumber != '') {
       this.phoneNumber = TranslationUtils.state.phoneNumber;
       this.prefilledPhone = true;
@@ -8894,7 +8914,7 @@ const SmsSend = class {
     ev.target.value = this.phoneNumber;
   }
   render() {
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row row-validare" }, index.h("div", { class: "input-container mb-15" }, index.h("label", { class: "font-size-18 mb-1" }, index.h("b", null, this.translations.PhoneValidationValues.Label)), index.h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, 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 row-validare" }, index.h("div", null, index.h("h1", { class: "text-center" }, this.title)), index.h("div", { class: "input-container mb-15" }, index.h("label", { class: "font-size-18 mb-1" }, index.h("b", null, this.translations.PhoneValidationValues.Label)), index.h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
   }
 };
 SmsSend.style = smsSendCss;
@@ -8907,6 +8927,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 +8935,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 +8947,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],"title":[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],"title":[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

@@ -7,10 +7,12 @@ import { getLogMessage } from '../../../utils/utils';
 import { BaseComponent } from '../../base-component';
 import { CaptureUploadTypes } from '../../../models/CaptureFlow';
 import { ApiCall } from '../../../helpers/ApiCall';
+import { Cameras } from '../../../helpers/Cameras';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class ProcessId {
   constructor() {
     this.recordingResultCount = 0;
+    this.mode = undefined;
     this.showTimeout = undefined;
     this.showInvalid = undefined;
     this.flow = undefined;
@@ -20,7 +22,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 +34,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 +46,7 @@ export class ProcessId {
         howToDone: false,
       };
     }
-    else if (store.flowStatus == FlowStatus.IDTILT) {
+    else if (this.mode == 'tilt') {
       this.currentStep = FlowSteps.CiTilt;
       this.flow = {
         capture: {
@@ -122,8 +124,7 @@ export class ProcessId {
   }
   switchCamera() {
     if (this.captureRetryCount == 1) {
-      let camIndex = store.cameraIds.indexOf(store.cameraId);
-      store.cameraId = camIndex === store.cameraIds.length - 1 ? store.cameraIds[0] : store.cameraIds[camIndex + 1];
+      Cameras.switchCamera();
       this.captureRetryCount = 0;
     }
     else {
@@ -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/sms-send/sms-send.js

@@ -6,7 +6,7 @@ import { BaseComponent } from '../../base-component';
 import { Translations } from '../../../helpers/TranslationUtils';
 import { ApiCall } from '../../../helpers/ApiCall';
 export class SmsSend {
-  constructor() { this.buttonText = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
+  constructor() { this.buttonText = undefined; this.title = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
   async doAction() {
     try {
       this.canSend = false;
@@ -25,6 +25,7 @@ export class SmsSend {
   async componentWillRender() {
     this.translations = await Translations.getValues();
     this.buttonText = this.translations.PhoneValidationValues.Button;
+    this.title = this.translations.PhoneValidationValues.Title;
     if (store.phoneNumber && store.phoneNumber != '') {
       this.phoneNumber = store.phoneNumber;
       this.prefilledPhone = true;
@@ -43,7 +44,7 @@ export class SmsSend {
     ev.target.value = this.phoneNumber;
   }
   render() {
-    return (h("div", { class: "container" }, h("div", { class: "row row-validare" }, h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1" }, h("b", null, this.translations.PhoneValidationValues.Label)), h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, 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 row-validare" }, h("div", null, h("h1", { class: "text-center" }, this.title)), h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1" }, h("b", null, this.translations.PhoneValidationValues.Label)), h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
   }
   static get is() { return "sms-send"; }
   static get originalStyleUrls() {
@@ -59,6 +60,7 @@ export class SmsSend {
   static get states() {
     return {
       "buttonText": {},
+      "title": {},
       "phoneNumber": {},
       "prefilledPhone": {},
       "canSend": {}

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/collection/helpers/Cameras.js

@@ -126,4 +126,14 @@ export class Cameras {
       throw e;
     }
   }
+  static switchCamera() {
+    let camIndex = store.cameraIds.indexOf(store.cameraId);
+    let newCamId = camIndex === store.cameraIds.length - 1 ? store.cameraIds[0] : store.cameraIds[camIndex + 1];
+    if (store.cameraId == newCamId) {
+      store.cameraId = null;
+    }
+    else {
+      store.cameraId = newCamId;
+    }
+  }
 }

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

@@ -4927,6 +4927,16 @@ class Cameras {
       throw e;
     }
   }
+  static switchCamera() {
+    let camIndex = state.cameraIds.indexOf(state.cameraId);
+    let newCamId = camIndex === state.cameraIds.length - 1 ? state.cameraIds[0] : state.cameraIds[camIndex + 1];
+    if (state.cameraId == newCamId) {
+      state.cameraId = null;
+    }
+    else {
+      state.cameraId = newCamId;
+    }
+  }
 }
 
 var IDPose;
@@ -5143,7 +5153,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.52";
+const version$1 = "3.6.54";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module = "./dist/index.js";
@@ -5458,34 +5468,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 +8566,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 +8576,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 +8588,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 +8600,7 @@ const ProcessId = class {
         howToDone: false,
       };
     }
-    else if (state.flowStatus == FlowStatus.IDTILT) {
+    else if (this.mode == 'tilt') {
       this.currentStep = FlowSteps.CiTilt;
       this.flow = {
         capture: {
@@ -8658,8 +8678,7 @@ const ProcessId = class {
   }
   switchCamera() {
     if (this.captureRetryCount == 1) {
-      let camIndex = state.cameraIds.indexOf(state.cameraId);
-      state.cameraId = camIndex === state.cameraIds.length - 1 ? state.cameraIds[0] : state.cameraIds[camIndex + 1];
+      Cameras.switchCamera();
       this.captureRetryCount = 0;
     }
     else {
@@ -8853,7 +8872,7 @@ SmsCodeValidation.style = smsCodeValidationCss;
 const smsSendCss = "";
 
 const SmsSend = class {
-  constructor(hostRef) { registerInstance(this, hostRef); this.apiErrorEvent = createEvent(this, "apiError", 7); this.buttonText = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
+  constructor(hostRef) { registerInstance(this, hostRef); this.apiErrorEvent = createEvent(this, "apiError", 7); this.buttonText = undefined; this.title = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
   async doAction() {
     try {
       this.canSend = false;
@@ -8872,6 +8891,7 @@ const SmsSend = class {
   async componentWillRender() {
     this.translations = await Translations.getValues();
     this.buttonText = this.translations.PhoneValidationValues.Button;
+    this.title = this.translations.PhoneValidationValues.Title;
     if (state.phoneNumber && state.phoneNumber != '') {
       this.phoneNumber = state.phoneNumber;
       this.prefilledPhone = true;
@@ -8890,7 +8910,7 @@ const SmsSend = class {
     ev.target.value = this.phoneNumber;
   }
   render() {
-    return (h("div", { class: "container" }, h("div", { class: "row row-validare" }, h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1" }, h("b", null, this.translations.PhoneValidationValues.Label)), h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, 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 row-validare" }, h("div", null, h("h1", { class: "text-center" }, this.title)), h("div", { class: "input-container mb-15" }, h("label", { class: "font-size-18 mb-1" }, h("b", null, this.translations.PhoneValidationValues.Label)), h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
   }
 };
 SmsSend.style = smsSendCss;
@@ -8903,6 +8923,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 +8931,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 +8943,7 @@ const UserLiveness = class {
         howToDone: false,
       };
     }
-    else if (state.flowStatus == FlowStatus.LIVENESSGESTURE) {
+    else if (this.mode == 'selfieGesture') {
       this.currentStep = FlowSteps.SelfieTilt;
       this.flow = {
         capture: {