@ekyc_qoobiss/qbs-ect-cmp 3.6.51 → 3.6.53

package/dist/cjs/{TranslationUtils-d4dd846b.js → TranslationUtils-80c3bff8.js}

@@ -287,6 +287,7 @@ const { state, onChange } = createStore({
   apiBaseUrl: 'https://apiro.id-kyc.com',
   device: null,
   langIso: 'ro',
+  logSteps: false,
 });
 onChange('environment', value => {
   state.debug = value == 'QA';
@@ -494,6 +495,7 @@ class ApiCall {
     }
     state.phoneNumber = jsonResp.phoneNumber;
     state.flowStatus = exports.FlowStatus[jsonResp.state];
+    state.logSteps = jsonResp.logSteps;
     return true;
   }
   async UploadFileForRequestB64(requestId, type, file) {
@@ -540,6 +542,8 @@ class ApiCall {
     catch (_a) { }
   }
   async AddStep(step, moment) {
+    if (state.logSteps == false)
+      return;
     let data = { requestId: state.requestId, redirectId: state.redirectId, step: exports.FlowSteps[step], moment: exports.FlowMoments[moment], timestamp: new Date().toISOString() };
     let result = await this.post(this.urls.AddStep, JSON.stringify(data));
     return result.saved;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-41696e0e.js');
-const TranslationUtils = require('./TranslationUtils-d4dd846b.js');
+const TranslationUtils = require('./TranslationUtils-80c3bff8.js');
 
 const agreementCheckCss = "";
 
@@ -5060,8 +5060,6 @@ const IdCapture = class {
     this.demoVideo.loop = true;
     this.showDemo = true;
     this.demoVideo.play();
-    await delay(25000);
-    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;
@@ -5149,7 +5147,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.51";
+const version$1 = "3.6.53";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -5464,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);
@@ -8553,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;
@@ -8562,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: {
@@ -8574,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: {
@@ -8586,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: {
@@ -8790,8 +8798,6 @@ const SelfieCapture = class {
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_selfie.mp4';
     this.demoVideo.loop = true;
     this.demoVideo.play();
-    await delay(10000);
-    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;
@@ -8911,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;
@@ -8918,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: {
@@ -8930,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/cjs/random-actions.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-41696e0e.js');
-const TranslationUtils = require('./TranslationUtils-d4dd846b.js');
+const TranslationUtils = require('./TranslationUtils-80c3bff8.js');
 
 const randomActionsCss = "";
 

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

@@ -125,8 +125,6 @@ export class IdCapture {
     this.demoVideo.loop = true;
     this.showDemo = true;
     this.demoVideo.play();
-    await delay(25000);
-    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;

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

@@ -106,8 +106,6 @@ export class SelfieCapture {
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_selfie.mp4';
     this.demoVideo.loop = true;
     this.demoVideo.play();
-    await delay(10000);
-    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;

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

@@ -164,6 +164,7 @@ export class ApiCall {
     }
     store.phoneNumber = jsonResp.phoneNumber;
     store.flowStatus = FlowStatus[jsonResp.state];
+    store.logSteps = jsonResp.logSteps;
     return true;
   }
   async UploadFileForRequestB64(requestId, type, file) {
@@ -210,6 +211,8 @@ export class ApiCall {
     catch (_a) { }
   }
   async AddStep(step, moment) {
+    if (store.logSteps == false)
+      return;
     let data = { requestId: store.requestId, redirectId: store.redirectId, step: FlowSteps[step], moment: FlowMoments[moment], timestamp: new Date().toISOString() };
     let result = await this.post(this.urls.AddStep, JSON.stringify(data));
     return result.saved;

package/dist/collection/helpers/store.js

@@ -14,6 +14,7 @@ const { state, onChange } = createStore({
   apiBaseUrl: 'https://apiro.id-kyc.com',
   device: null,
   langIso: 'ro',
+  logSteps: false,
 });
 onChange('environment', value => {
   state.debug = value == 'QA';

package/dist/esm/{TranslationUtils-f21a1c3f.js → TranslationUtils-9c2605e3.js}

@@ -285,6 +285,7 @@ const { state, onChange } = createStore({
   apiBaseUrl: 'https://apiro.id-kyc.com',
   device: null,
   langIso: 'ro',
+  logSteps: false,
 });
 onChange('environment', value => {
   state.debug = value == 'QA';
@@ -492,6 +493,7 @@ class ApiCall {
     }
     state.phoneNumber = jsonResp.phoneNumber;
     state.flowStatus = FlowStatus[jsonResp.state];
+    state.logSteps = jsonResp.logSteps;
     return true;
   }
   async UploadFileForRequestB64(requestId, type, file) {
@@ -538,6 +540,8 @@ class ApiCall {
     catch (_a) { }
   }
   async AddStep(step, moment) {
+    if (state.logSteps == false)
+      return;
     let data = { requestId: state.requestId, redirectId: state.redirectId, step: FlowSteps[step], moment: FlowMoments[moment], timestamp: new Date().toISOString() };
     let result = await this.post(this.urls.AddStep, JSON.stringify(data));
     return result.saved;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-cf54a432.js';
-import { A as ApiCall, T as Translations, F as FlowMoments, a as FlowSteps, s as state, S as SessionKeys, b as FlowStatus, I as IdCaptureValues, O as OrderStatuses, c as SelfieCaptureValues } from './TranslationUtils-f21a1c3f.js';
+import { A as ApiCall, T as Translations, F as FlowMoments, a as FlowSteps, s as state, S as SessionKeys, b as FlowStatus, I as IdCaptureValues, O as OrderStatuses, c as SelfieCaptureValues } from './TranslationUtils-9c2605e3.js';
 
 const agreementCheckCss = "";
 
@@ -5056,8 +5056,6 @@ const IdCapture = class {
     this.demoVideo.loop = true;
     this.showDemo = true;
     this.demoVideo.play();
-    await delay(25000);
-    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;
@@ -5145,7 +5143,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.51";
+const version$1 = "3.6.53";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module = "./dist/index.js";
@@ -5460,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);
@@ -8549,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;
@@ -8558,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: {
@@ -8570,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: {
@@ -8582,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: {
@@ -8786,8 +8794,6 @@ const SelfieCapture = class {
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_selfie.mp4';
     this.demoVideo.loop = true;
     this.demoVideo.play();
-    await delay(10000);
-    this.eventTimeElapsed.emit();
   }
   render() {
     let cameraStyle;
@@ -8907,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;
@@ -8914,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: {
@@ -8926,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: {