@ekyc_qoobiss/qbs-ect-cmp 2.0.11 → 2.1.0

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

@@ -337,6 +337,7 @@ class ApiUrls {
     this.SendLink = this.uriEnv + 'validation/otp/sendlink';
     this.GetStatus = this.uriEnv + 'validation/identity/status';
     this.AddLog = this.uriEnv + 'validation/logs/add';
+    this.AddStep = this.uriEnv + 'validation/logs/step';
     this.AbortRequest = this.uriEnv + 'validation/identity/abort';
   }
 }
@@ -389,6 +390,22 @@ onChange('phoneValidation', value => {
   sessionStorage.setItem(SessionKeys.PhoneValidationKey, String(value));
 });
 
+var FlowSteps;
+(function (FlowSteps) {
+  FlowSteps[FlowSteps["MobileRedirect"] = 0] = "MobileRedirect";
+  FlowSteps[FlowSteps["Landing"] = 1] = "Landing";
+  FlowSteps[FlowSteps["Agreements"] = 2] = "Agreements";
+  FlowSteps[FlowSteps["OtpSend"] = 3] = "OtpSend";
+  FlowSteps[FlowSteps["OtpCheck"] = 4] = "OtpCheck";
+  FlowSteps[FlowSteps["CiFrontHowTo"] = 5] = "CiFrontHowTo";
+  FlowSteps[FlowSteps["CiFront"] = 6] = "CiFront";
+  FlowSteps[FlowSteps["CiBackHowTo"] = 7] = "CiBackHowTo";
+  FlowSteps[FlowSteps["CiBack"] = 8] = "CiBack";
+  FlowSteps[FlowSteps["SelfieHowTo"] = 9] = "SelfieHowTo";
+  FlowSteps[FlowSteps["Selfie"] = 10] = "Selfie";
+  FlowSteps[FlowSteps["End"] = 11] = "End";
+})(FlowSteps || (FlowSteps = {}));
+
 class ApiCall {
   constructor() {
     this.toBase64 = (file) => new Promise((resolve, reject) => {
@@ -504,6 +521,11 @@ class ApiCall {
     }
     catch (_a) { }
   }
+  async AddStep(step) {
+    let data = { requestId: state.requestId, action: FlowSteps[step] };
+    let result = await this.post(this.urls.AddStep, JSON.stringify(data));
+    return result.saved;
+  }
   async AbortRequest() {
     let result = await this.post(this.urls.AbortRequest, JSON.stringify({ requestId: state.requestId }));
     return result.saved;
@@ -544,12 +566,22 @@ const agreementInfoCss = "";
 const AgreementInfo = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
     this.agreementsChecked = undefined;
     this.termsChecked = undefined;
     this.openAgreements = undefined;
     this.openTerms = undefined;
     this.agreementsChecked = false;
     this.termsChecked = false;
+    this.apiCall = new ApiCall();
+  }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.Agreements);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
   }
   componentWillLoad() {
     this.openAgreements = false;
@@ -5210,10 +5242,18 @@ const endRedirectCss = "h1{font-family:'Inter', sans-serif;font-style:normal;fon
 const EndRedirect = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.apiCall = new ApiCall();
   }
-  componentDidLoad() {
+  async componentDidLoad() {
     Events.init(window);
     Events.flowCompleted();
+    try {
+      await this.apiCall.AddStep(FlowSteps.End);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
   }
   render() {
     return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", null, index.h("h1", { class: "text-center" }, CompleteValues.Title), index.h("p", { class: "main-text font-size-18 mt-8 text-center" }, CompleteValues.Description)), index.h("div", { class: "buletin-container" }, index.h("div", { class: "container-coin" }, index.h("div", { class: "coin-scale" }, index.h("div", { class: "coin-flip" }, index.h("img", { class: "w-40 coin", src: completeSvg }))))), index.h("div", { class: "text-center" }, index.h("p", { class: "font-weight-900 font-size-3 color-black-2 text-center mt-20" }, CompleteValues.Message), index.h("p", null, state.requestId)), index.h("div", { class: "btn-buletin" }, index.h("p", { class: "main-text font-size-18 text-center mb-0" }, CompleteValues.FooterText)))));
@@ -5720,6 +5760,14 @@ const IdDoubleSide = class {
     this.flow.verificationFinished = true;
     this.endFlow();
   }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.CiBack);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
   async uploadPhoto() {
     if (this.flow.photoFile == null || this.flow.photoDone) {
       return;
@@ -5860,6 +5908,14 @@ const IdSingleSide = class {
       }
     }
   }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.CiFront);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
   async uploadPhoto() {
     if (this.idFlow.photoFile == null || this.idFlow.photoDone) {
       return;
@@ -6302,9 +6358,15 @@ const LandingValidation = class {
     this.apiCall = new ApiCall();
     await this.initRequest();
   }
-  componentDidLoad() {
+  async componentDidLoad() {
     Events.init(window);
     Events.flowStarted();
+    try {
+      await this.apiCall.AddStep(FlowSteps.Landing);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
   }
   async initRequest() {
     if (state.hasIdBack) {
@@ -9258,6 +9320,12 @@ const MobileRedirect = class {
   async componentDidLoad() {
     Events.init(window);
     Events.flowStarted();
+    try {
+      await this.apiCall.AddStep(FlowSteps.MobileRedirect);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
     await this.delay(5000);
     await this.checkStatus();
     while (this.orderStatus == OrderStatuses.Capturing || this.orderStatus == OrderStatuses.Waiting) {
@@ -9457,6 +9525,7 @@ const SmsCodeValidation = class {
   }
   async doAction() {
     try {
+      this.canSend = false;
       if (state.flowStatus == FlowStatus.CODE || state.flowStatus == FlowStatus.CODEERROR) {
         var codeChecked = await this.apiCall.CheckOTPCode(state.requestId, this.code);
         if (codeChecked === true) {
@@ -9494,6 +9563,19 @@ const SmsCodeValidation = class {
       this.buttonText = CodeValidationValues.Button;
     }
   }
+  async componentDidLoad() {
+    try {
+      if (state.flowStatus == FlowStatus.PHONE) {
+        await this.apiCall.AddStep(FlowSteps.OtpSend);
+      }
+      if (state.flowStatus == FlowStatus.CODE) {
+        await this.apiCall.AddStep(FlowSteps.OtpCheck);
+      }
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
   handleChangePhone(ev) {
     let value = ev.target ? ev.target.value : '';
     this.phoneNumber = value.replace(/\D/g, '');
@@ -9545,6 +9627,14 @@ const UserLiveness = class {
     };
     this.apiCall = new ApiCall();
   }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.Selfie);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
   componentWillLoad() {
     this.showHowTo = true;
   }

package/dist/collection/components/flow/agreement-info/agreement-info.js

@@ -2,6 +2,8 @@ import { h } from '@stencil/core';
 import store from '../../../helpers/store';
 import { AgreementInfoValues } from '../../../helpers/textValues';
 import { FlowStatus } from '../../../models/FlowStatus';
+import { FlowSteps } from '../../../models/FlowSteps';
+import { ApiCall } from '../../../helpers/ApiCall';
 export class AgreementInfo {
   constructor() {
     this.agreementsChecked = undefined;
@@ -10,6 +12,15 @@ export class AgreementInfo {
     this.openTerms = undefined;
     this.agreementsChecked = false;
     this.termsChecked = false;
+    this.apiCall = new ApiCall();
+  }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.Agreements);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
   }
   componentWillLoad() {
     this.openAgreements = false;
@@ -61,6 +72,24 @@ export class AgreementInfo {
       "openTerms": {}
     };
   }
+  static get events() {
+    return [{
+        "method": "apiErrorEvent",
+        "name": "apiError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get listeners() {
     return [{
         "name": "agreementAcceptance",

package/dist/collection/components/flow/end-redirect/end-redirect.js

@@ -4,10 +4,21 @@ import { CompleteValues } from '../../../helpers/textValues';
 import completeImg from '../../../assets/complete.svg';
 import store from '../../../helpers/store';
 import Events from '../../../helpers/Events';
+import { ApiCall } from '../../../helpers/ApiCall';
+import { FlowSteps } from '../../../models/FlowSteps';
 export class EndRedirect {
-  componentDidLoad() {
+  constructor() {
+    this.apiCall = new ApiCall();
+  }
+  async componentDidLoad() {
     Events.init(window);
     Events.flowCompleted();
+    try {
+      await this.apiCall.AddStep(FlowSteps.End);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
   }
   render() {
     return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, CompleteValues.Title), h("p", { class: "main-text font-size-18 mt-8 text-center" }, CompleteValues.Description)), h("div", { class: "buletin-container" }, h("div", { class: "container-coin" }, h("div", { class: "coin-scale" }, h("div", { class: "coin-flip" }, h("img", { class: "w-40 coin", src: completeImg }))))), h("div", { class: "text-center" }, h("p", { class: "font-weight-900 font-size-3 color-black-2 text-center mt-20" }, CompleteValues.Message), h("p", null, store.requestId)), h("div", { class: "btn-buletin" }, h("p", { class: "main-text font-size-18 text-center mb-0" }, CompleteValues.FooterText)))));
@@ -23,4 +34,22 @@ export class EndRedirect {
       "$": ["end-redirect.css"]
     };
   }
+  static get events() {
+    return [{
+        "method": "apiErrorEvent",
+        "name": "apiError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
 }

package/dist/collection/components/flow/id-double-side/id-double-side.js

@@ -3,6 +3,7 @@ import { ApiCall } from '../../../helpers/ApiCall';
 import store from '../../../helpers/store';
 import { Stream } from '../../../helpers/Stream';
 import { FlowStatus } from '../../../models/FlowStatus';
+import { FlowSteps } from '../../../models/FlowSteps';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdDoubleSide {
   constructor() {
@@ -103,6 +104,14 @@ export class IdDoubleSide {
     this.flow.verificationFinished = true;
     this.endFlow();
   }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.CiBack);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
   async uploadPhoto() {
     if (this.flow.photoFile == null || this.flow.photoDone) {
       return;

package/dist/collection/components/flow/id-single-side/id-single-side.js

@@ -3,6 +3,7 @@ import { ApiCall } from '../../../helpers/ApiCall';
 import store from '../../../helpers/store';
 import { Stream } from '../../../helpers/Stream';
 import { FlowStatus } from '../../../models/FlowStatus';
+import { FlowSteps } from '../../../models/FlowSteps';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class IdSingleSide {
   constructor() {
@@ -66,6 +67,14 @@ export class IdSingleSide {
       }
     }
   }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.CiFront);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
   async uploadPhoto() {
     if (this.idFlow.photoFile == null || this.idFlow.photoDone) {
       return;

package/dist/collection/components/flow/landing-validation/landing-validation.js

@@ -9,6 +9,7 @@ import store from '../../../helpers/store';
 import Events from '../../../helpers/Events';
 import { FlowStatus } from '../../../models/FlowStatus';
 import { ApiCall } from '../../../helpers/ApiCall';
+import { FlowSteps } from '../../../models/FlowSteps';
 export class LandingValidation {
   constructor() {
     this.device = undefined;
@@ -18,9 +19,15 @@ export class LandingValidation {
     this.apiCall = new ApiCall();
     await this.initRequest();
   }
-  componentDidLoad() {
+  async componentDidLoad() {
     Events.init(window);
     Events.flowStarted();
+    try {
+      await this.apiCall.AddStep(FlowSteps.Landing);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
   }
   async initRequest() {
     if (store.hasIdBack) {

package/dist/collection/components/flow/mobile-redirect/mobile-redirect.js

@@ -6,6 +6,7 @@ import { ApiCall } from '../../../helpers/ApiCall';
 import Events from '../../../helpers/Events';
 import { OrderStatuses } from '../../../models/OrderStatuses';
 import { FlowStatus } from '../../../models/FlowStatus';
+import { FlowSteps } from '../../../models/FlowSteps';
 export class MobileRedirect {
   constructor() {
     this.delay = ms => new Promise(res => setTimeout(res, ms));
@@ -43,6 +44,12 @@ export class MobileRedirect {
   async componentDidLoad() {
     Events.init(window);
     Events.flowStarted();
+    try {
+      await this.apiCall.AddStep(FlowSteps.MobileRedirect);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
     await this.delay(5000);
     await this.checkStatus();
     while (this.orderStatus == OrderStatuses.Capturing || this.orderStatus == OrderStatuses.Waiting) {

package/dist/collection/components/flow/sms-code-validation/sms-code-validation.js

@@ -3,6 +3,7 @@ import { ApiCall } from '../../../helpers/ApiCall';
 import store from '../../../helpers/store';
 import { PhoneValidationValues, CodeValidationValues } from '../../../helpers/textValues';
 import { FlowStatus } from '../../../models/FlowStatus';
+import { FlowSteps } from '../../../models/FlowSteps';
 export class SmsCodeValidation {
   constructor() {
     this.title = undefined;
@@ -16,6 +17,7 @@ export class SmsCodeValidation {
   }
   async doAction() {
     try {
+      this.canSend = false;
       if (store.flowStatus == FlowStatus.CODE || store.flowStatus == FlowStatus.CODEERROR) {
         var codeChecked = await this.apiCall.CheckOTPCode(store.requestId, this.code);
         if (codeChecked === true) {
@@ -53,6 +55,19 @@ export class SmsCodeValidation {
       this.buttonText = CodeValidationValues.Button;
     }
   }
+  async componentDidLoad() {
+    try {
+      if (store.flowStatus == FlowStatus.PHONE) {
+        await this.apiCall.AddStep(FlowSteps.OtpSend);
+      }
+      if (store.flowStatus == FlowStatus.CODE) {
+        await this.apiCall.AddStep(FlowSteps.OtpCheck);
+      }
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
   handleChangePhone(ev) {
     let value = ev.target ? ev.target.value : '';
     this.phoneNumber = value.replace(/\D/g, '');

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

@@ -3,6 +3,7 @@ import { ApiCall } from '../../../helpers/ApiCall';
 import store from '../../../helpers/store';
 import { Stream } from '../../../helpers/Stream';
 import { FlowStatus } from '../../../models/FlowStatus';
+import { FlowSteps } from '../../../models/FlowSteps';
 export class UserLiveness {
   constructor() {
     this.device = undefined;
@@ -17,6 +18,14 @@ export class UserLiveness {
     };
     this.apiCall = new ApiCall();
   }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.Selfie);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
   componentWillLoad() {
     this.showHowTo = true;
   }

package/dist/collection/helpers/ApiCall.js

@@ -2,6 +2,7 @@ import { OrderStatuses } from '../models/OrderStatuses';
 import store from './store';
 import { ApiUrls } from './textValues';
 import { FlowStatus } from '../models/FlowStatus';
+import { FlowSteps } from '../models/FlowSteps';
 export class ApiCall {
   constructor() {
     this.toBase64 = (file) => new Promise((resolve, reject) => {
@@ -117,6 +118,11 @@ export class ApiCall {
     }
     catch (_a) { }
   }
+  async AddStep(step) {
+    let data = { requestId: store.requestId, action: FlowSteps[step] };
+    let result = await this.post(this.urls.AddStep, JSON.stringify(data));
+    return result.saved;
+  }
   async AbortRequest() {
     let result = await this.post(this.urls.AbortRequest, JSON.stringify({ requestId: store.requestId }));
     return result.saved;

package/dist/collection/helpers/textValues.js

@@ -119,6 +119,7 @@ export class ApiUrls {
     this.SendLink = this.uriEnv + 'validation/otp/sendlink';
     this.GetStatus = this.uriEnv + 'validation/identity/status';
     this.AddLog = this.uriEnv + 'validation/logs/add';
+    this.AddStep = this.uriEnv + 'validation/logs/step';
     this.AbortRequest = this.uriEnv + 'validation/identity/abort';
   }
 }

package/dist/collection/models/FlowSteps.js

@@ -0,0 +1,15 @@
+export var FlowSteps;
+(function (FlowSteps) {
+  FlowSteps[FlowSteps["MobileRedirect"] = 0] = "MobileRedirect";
+  FlowSteps[FlowSteps["Landing"] = 1] = "Landing";
+  FlowSteps[FlowSteps["Agreements"] = 2] = "Agreements";
+  FlowSteps[FlowSteps["OtpSend"] = 3] = "OtpSend";
+  FlowSteps[FlowSteps["OtpCheck"] = 4] = "OtpCheck";
+  FlowSteps[FlowSteps["CiFrontHowTo"] = 5] = "CiFrontHowTo";
+  FlowSteps[FlowSteps["CiFront"] = 6] = "CiFront";
+  FlowSteps[FlowSteps["CiBackHowTo"] = 7] = "CiBackHowTo";
+  FlowSteps[FlowSteps["CiBack"] = 8] = "CiBack";
+  FlowSteps[FlowSteps["SelfieHowTo"] = 9] = "SelfieHowTo";
+  FlowSteps[FlowSteps["Selfie"] = 10] = "Selfie";
+  FlowSteps[FlowSteps["End"] = 11] = "End";
+})(FlowSteps || (FlowSteps = {}));

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

@@ -333,6 +333,7 @@ class ApiUrls {
     this.SendLink = this.uriEnv + 'validation/otp/sendlink';
     this.GetStatus = this.uriEnv + 'validation/identity/status';
     this.AddLog = this.uriEnv + 'validation/logs/add';
+    this.AddStep = this.uriEnv + 'validation/logs/step';
     this.AbortRequest = this.uriEnv + 'validation/identity/abort';
   }
 }
@@ -385,6 +386,22 @@ onChange('phoneValidation', value => {
   sessionStorage.setItem(SessionKeys.PhoneValidationKey, String(value));
 });
 
+var FlowSteps;
+(function (FlowSteps) {
+  FlowSteps[FlowSteps["MobileRedirect"] = 0] = "MobileRedirect";
+  FlowSteps[FlowSteps["Landing"] = 1] = "Landing";
+  FlowSteps[FlowSteps["Agreements"] = 2] = "Agreements";
+  FlowSteps[FlowSteps["OtpSend"] = 3] = "OtpSend";
+  FlowSteps[FlowSteps["OtpCheck"] = 4] = "OtpCheck";
+  FlowSteps[FlowSteps["CiFrontHowTo"] = 5] = "CiFrontHowTo";
+  FlowSteps[FlowSteps["CiFront"] = 6] = "CiFront";
+  FlowSteps[FlowSteps["CiBackHowTo"] = 7] = "CiBackHowTo";
+  FlowSteps[FlowSteps["CiBack"] = 8] = "CiBack";
+  FlowSteps[FlowSteps["SelfieHowTo"] = 9] = "SelfieHowTo";
+  FlowSteps[FlowSteps["Selfie"] = 10] = "Selfie";
+  FlowSteps[FlowSteps["End"] = 11] = "End";
+})(FlowSteps || (FlowSteps = {}));
+
 class ApiCall {
   constructor() {
     this.toBase64 = (file) => new Promise((resolve, reject) => {
@@ -500,6 +517,11 @@ class ApiCall {
     }
     catch (_a) { }
   }
+  async AddStep(step) {
+    let data = { requestId: state.requestId, action: FlowSteps[step] };
+    let result = await this.post(this.urls.AddStep, JSON.stringify(data));
+    return result.saved;
+  }
   async AbortRequest() {
     let result = await this.post(this.urls.AbortRequest, JSON.stringify({ requestId: state.requestId }));
     return result.saved;
@@ -540,12 +562,22 @@ const agreementInfoCss = "";
 const AgreementInfo = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.apiErrorEvent = createEvent(this, "apiError", 7);
     this.agreementsChecked = undefined;
     this.termsChecked = undefined;
     this.openAgreements = undefined;
     this.openTerms = undefined;
     this.agreementsChecked = false;
     this.termsChecked = false;
+    this.apiCall = new ApiCall();
+  }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.Agreements);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
   }
   componentWillLoad() {
     this.openAgreements = false;
@@ -5206,10 +5238,18 @@ const endRedirectCss = "h1{font-family:'Inter', sans-serif;font-style:normal;fon
 const EndRedirect = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.apiErrorEvent = createEvent(this, "apiError", 7);
+    this.apiCall = new ApiCall();
   }
-  componentDidLoad() {
+  async componentDidLoad() {
     Events.init(window);
     Events.flowCompleted();
+    try {
+      await this.apiCall.AddStep(FlowSteps.End);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
   }
   render() {
     return (h("div", { class: "container" }, h("div", { class: "row" }, h("div", null, h("h1", { class: "text-center" }, CompleteValues.Title), h("p", { class: "main-text font-size-18 mt-8 text-center" }, CompleteValues.Description)), h("div", { class: "buletin-container" }, h("div", { class: "container-coin" }, h("div", { class: "coin-scale" }, h("div", { class: "coin-flip" }, h("img", { class: "w-40 coin", src: completeSvg }))))), h("div", { class: "text-center" }, h("p", { class: "font-weight-900 font-size-3 color-black-2 text-center mt-20" }, CompleteValues.Message), h("p", null, state.requestId)), h("div", { class: "btn-buletin" }, h("p", { class: "main-text font-size-18 text-center mb-0" }, CompleteValues.FooterText)))));
@@ -5716,6 +5756,14 @@ const IdDoubleSide = class {
     this.flow.verificationFinished = true;
     this.endFlow();
   }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.CiBack);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
   async uploadPhoto() {
     if (this.flow.photoFile == null || this.flow.photoDone) {
       return;
@@ -5856,6 +5904,14 @@ const IdSingleSide = class {
       }
     }
   }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.CiFront);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
   async uploadPhoto() {
     if (this.idFlow.photoFile == null || this.idFlow.photoDone) {
       return;
@@ -6298,9 +6354,15 @@ const LandingValidation = class {
     this.apiCall = new ApiCall();
     await this.initRequest();
   }
-  componentDidLoad() {
+  async componentDidLoad() {
     Events.init(window);
     Events.flowStarted();
+    try {
+      await this.apiCall.AddStep(FlowSteps.Landing);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
   }
   async initRequest() {
     if (state.hasIdBack) {
@@ -9254,6 +9316,12 @@ const MobileRedirect = class {
   async componentDidLoad() {
     Events.init(window);
     Events.flowStarted();
+    try {
+      await this.apiCall.AddStep(FlowSteps.MobileRedirect);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
     await this.delay(5000);
     await this.checkStatus();
     while (this.orderStatus == OrderStatuses.Capturing || this.orderStatus == OrderStatuses.Waiting) {
@@ -9453,6 +9521,7 @@ const SmsCodeValidation = class {
   }
   async doAction() {
     try {
+      this.canSend = false;
       if (state.flowStatus == FlowStatus.CODE || state.flowStatus == FlowStatus.CODEERROR) {
         var codeChecked = await this.apiCall.CheckOTPCode(state.requestId, this.code);
         if (codeChecked === true) {
@@ -9490,6 +9559,19 @@ const SmsCodeValidation = class {
       this.buttonText = CodeValidationValues.Button;
     }
   }
+  async componentDidLoad() {
+    try {
+      if (state.flowStatus == FlowStatus.PHONE) {
+        await this.apiCall.AddStep(FlowSteps.OtpSend);
+      }
+      if (state.flowStatus == FlowStatus.CODE) {
+        await this.apiCall.AddStep(FlowSteps.OtpCheck);
+      }
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
   handleChangePhone(ev) {
     let value = ev.target ? ev.target.value : '';
     this.phoneNumber = value.replace(/\D/g, '');
@@ -9541,6 +9623,14 @@ const UserLiveness = class {
     };
     this.apiCall = new ApiCall();
   }
+  async componentDidLoad() {
+    try {
+      await this.apiCall.AddStep(FlowSteps.Selfie);
+    }
+    catch (e) {
+      this.apiErrorEvent.emit(e);
+    }
+  }
   componentWillLoad() {
     this.showHowTo = true;
   }