@ekyc_qoobiss/qbs-ect-cmp 3.6.43 → 3.6.45

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-dd73945b.js');
+const TranslationUtils = require('./TranslationUtils-006f5c9e.js');
 
 const randomActionsCss = "";
 

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

@@ -1,59 +1,26 @@
 import { ApiCall } from '../helpers/ApiCall';
-import { DeviceDetection } from '../helpers/DeviceDetection';
 import Events from '../helpers/Events';
-import store from '../helpers/store';
 import { FlowMoments } from '../models/FlowSteps';
 export class BaseComponent {
-  constructor(step) {
-    this.apiErrorEvent = null;
-    this.processError = null;
-    this.apiCall = new ApiCall();
-    if (step)
-      this.flowStep = step;
-    if (!store.device) {
-      store.device = new DeviceDetection().getDevice();
-    }
-  }
-  setEventEmitter(event) {
-    this.apiErrorEvent = event;
-  }
-  setErrorCallback(callback) {
-    this.processError = callback;
-  }
-  async logStep(step, moment) {
+  static async logStep(step, moment) {
     Events.flowEvent(step, moment);
     try {
-      await this.apiCall.AddStep(step, moment);
-    }
-    catch (e) {
-      if (this.apiErrorEvent)
-        this.apiErrorEvent.emit(e);
-      else
-        this.processError(e, `${step}-${moment}`);
+      await ApiCall.instance.AddStep(step, moment);
     }
+    catch (e) { }
   }
-  async initialize() {
-    Events.flowEvent(this.flowStep, FlowMoments.Initialized);
+  static async initialize(flowStep) {
+    Events.flowEvent(flowStep, FlowMoments.Initialized);
     try {
-      await this.apiCall.AddStep(this.flowStep, FlowMoments.Initialized);
-    }
-    catch (e) {
-      if (this.apiErrorEvent)
-        this.apiErrorEvent.emit(e);
-      else
-        this.processError(e, `${this.flowStep}-${FlowMoments.Initialized}`);
+      await ApiCall.instance.AddStep(flowStep, FlowMoments.Initialized);
     }
+    catch (e) { }
   }
-  async finalize() {
-    Events.flowEvent(this.flowStep, FlowMoments.Finalized);
+  static async finalize(flowStep) {
+    Events.flowEvent(flowStep, FlowMoments.Finalized);
     try {
-      await this.apiCall.AddStep(this.flowStep, FlowMoments.Finalized);
-    }
-    catch (e) {
-      if (this.apiErrorEvent)
-        this.apiErrorEvent.emit(e);
-      else
-        this.processError(e, `${this.flowStep}-${FlowMoments.Finalized}`);
+      await ApiCall.instance.AddStep(flowStep, FlowMoments.Finalized);
     }
+    catch (e) { }
   }
 }

package/dist/collection/components/common/agreement-check/agreement-check.js

@@ -1,7 +1,5 @@
 import { h } from '@stencil/core';
 import { ApiCall } from '../../../helpers/ApiCall';
-import { FlowSteps } from '../../../models/FlowSteps';
-import { BaseComponent } from '../../base-component';
 import { Translations } from '../../../helpers/TranslationUtils';
 export class AgreementCheck {
   constructor() {
@@ -11,8 +9,6 @@ export class AgreementCheck {
     this.scrollClass = 'scroll';
     this.apiCalls = new ApiCall();
     this.buttonEnabled = true;
-    this.baseComponent = new BaseComponent(FlowSteps.Agreements);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
   }
   async componentWillLoad() {
     this.translations = await Translations.getValues();

package/dist/collection/components/common/camera-error/camera-error.js

@@ -7,14 +7,7 @@ import { MobileOS } from '../../../models/IDevice';
 import { BaseComponent } from '../../base-component';
 import { Translations } from '../../../helpers/TranslationUtils';
 export class CameraError {
-  constructor() {
-    this.title = undefined;
-    this.description = undefined;
-    this.buttonDisabled = undefined;
-    this.demoVideo = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.CameraError);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
+  constructor() { this.title = undefined; this.description = undefined; this.buttonDisabled = undefined; this.demoVideo = undefined; }
   async componentWillLoad() {
     this.translations = await Translations.getValues();
     this.buttonDisabled = false;
@@ -23,7 +16,7 @@ export class CameraError {
     this.buttonText = this.translations.CameraErrorValues.Button;
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(FlowSteps.CameraError);
     if (store.device.mobileOS != MobileOS.iOS) {
       this.demoVideo.src = this.translations.CameraErrorValues.HowToLink;
       this.demoVideo.loop = true;
@@ -38,7 +31,7 @@ export class CameraError {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(FlowSteps.CameraError);
   }
   async buttonClick() {
     this.buttonDisabled = true;

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

@@ -4,12 +4,7 @@ import { BaseComponent } from '../../base-component';
 import { FlowMoments, FlowSteps } from '../../../models/FlowSteps';
 import { Translations } from '../../../helpers/TranslationUtils';
 export class CaptureError {
-  constructor() {
-    this.type = undefined;
-    this.buttonEnabled = undefined;
-    this.buttonText = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.CiError);
-  }
+  constructor() { this.type = undefined; this.buttonEnabled = undefined; this.buttonText = undefined; }
   async componentWillLoad() {
     this.translations = await Translations.getValues();
     this.buttonEnabled = false;
@@ -27,7 +22,7 @@ export class CaptureError {
     }
   }
   async componentDidLoad() {
-    await this.baseComponent.logStep(FlowSteps.CiError, FlowMoments.Initialized);
+    await BaseComponent.logStep(FlowSteps.CiError, FlowMoments.Initialized);
     for (let i = 5; i >= 1; i--) {
       this.buttonText = i.toString();
       await delay(1000);
@@ -37,7 +32,7 @@ export class CaptureError {
   }
   async buttonClick() {
     this.buttonEnabled = false;
-    await this.baseComponent.logStep(FlowSteps.CiError, FlowMoments.Finalized);
+    await BaseComponent.logStep(FlowSteps.CiError, FlowMoments.Finalized);
     this.eventCaptureErrorDone.emit();
   }
   render() {

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

@@ -7,10 +7,10 @@ import { Translations } from '../../../helpers/TranslationUtils';
 export class HowToInfo {
   constructor() { this.topTitle = undefined; this.subTitle = undefined; this.imagePath = undefined; this.buttonText = undefined; this.buttonEnabled = undefined; }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(this.currentStep);
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(this.currentStep);
   }
   buttonClick() {
     this.buttonEnabled = false;
@@ -38,8 +38,6 @@ export class HowToInfo {
       this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_selfie.png';
       this.buttonText = this.translations.HowToValues.SelfieButton;
     }
-    this.baseComponent = new BaseComponent(this.currentStep);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
   }
   render() {
     let sub = this.subTitle != '' ? h("p", { class: "font-size-2" }, this.subTitle) : null;

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

@@ -40,7 +40,6 @@ export class IdCapture {
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
     }
-    this.baseComponent = new BaseComponent(this.flowStep);
   }
   initVariables() {
     if (store.flowStatus == FlowStatus.IDFRONT) {
@@ -63,7 +62,7 @@ export class IdCapture {
     }
   }
   async componentDidLoad() {
-    await this.baseComponent.logStep(this.flowStep, FlowMoments.Initialized);
+    await BaseComponent.logStep(this.flowStep, FlowMoments.Initialized);
     this.initVariables();
     if (store.flowStatus == FlowStatus.IDBACK) {
       this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
@@ -114,7 +113,7 @@ export class IdCapture {
     else {
       this.eventTimeElapsed.emit();
     }
-    await this.baseComponent.logStep(this.flowStep, FlowMoments.Finalized);
+    await BaseComponent.logStep(this.flowStep, FlowMoments.Finalized);
   }
   async verificationFinished() {
     if (this.verified)

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

@@ -54,8 +54,6 @@ export class SelfieCapture {
       this.mainStream = Stream.getNewInstance(this.verificationMode);
       this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[this.mainStream.facePose];
     }
-    this.baseComponent = new BaseComponent(this.currentStep);
-    await this.baseComponent.logStep(this.currentStep, FlowMoments.Initialized);
     this.demoVideo.play();
     await delay(this.translations.GlobalValues.VideoLenght);
     this.demoEnded = true;
@@ -96,7 +94,7 @@ export class SelfieCapture {
     else {
       this.eventTimeElapsed.emit();
     }
-    await this.baseComponent.logStep(this.currentStep, FlowMoments.Finalized);
+    await BaseComponent.logStep(this.currentStep, FlowMoments.Finalized);
   }
   async verificationFinished() {
     if (this.verified)

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

@@ -3,19 +3,18 @@ import store from '../../../helpers/store';
 import { FlowSteps } from '../../../models/FlowSteps';
 import { BaseComponent } from '../../base-component';
 import { Translations } from '../../../helpers/TranslationUtils';
+import { ApiCall } from '../../../helpers/ApiCall';
 export class AgreementInfo {
   constructor() {
     this.agreementsChecked = undefined;
     this.termsChecked = undefined;
     this.openAgreements = undefined;
     this.openTerms = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.Agreements);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
     this.agreementsChecked = false;
     this.termsChecked = false;
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(FlowSteps.Agreements);
   }
   async componentWillLoad() {
     this.translations = await Translations.getValues();
@@ -23,12 +22,12 @@ export class AgreementInfo {
     this.openTerms = false;
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(FlowSteps.Agreements);
   }
   async buttonClick() {
     if (this.agreementsChecked && this.termsChecked) {
       try {
-        store.flowStatus = await this.baseComponent.apiCall.GetNextFlowState();
+        store.flowStatus = await ApiCall.instance.GetNextFlowState();
       }
       catch (e) {
         this.apiErrorEvent.emit(e);

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

@@ -18,22 +18,16 @@ import idValidation from '../../../assets/landing/validation.svg';
 import idDevice from '../../../assets/landing/device.svg';
 import { Translations } from '../../../helpers/TranslationUtils';
 export class LandingValidation {
-  constructor() {
-    this.warningText = undefined;
-    this.buttonDisabled = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.Landing);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
+  constructor() { this.warningText = undefined; this.buttonDisabled = undefined; }
   async componentWillLoad() {
     Events.flowStarted();
     this.translations = await Translations.getValues();
-    this.baseComponent.apiCall = new ApiCall();
     this.buttonDisabled = false;
     await this.initRequest();
   }
   async componentDidLoad() {
     if (store.environment !== 'DEMO') {
-      await this.baseComponent.initialize();
+      await BaseComponent.initialize(FlowSteps.Landing);
     }
   }
   async initRequest() {
@@ -52,7 +46,7 @@ export class LandingValidation {
           sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
       }
       try {
-        store.flowStatus = await this.baseComponent.apiCall.LandingValidationStartFlow(cameraIsAccessible);
+        store.flowStatus = await ApiCall.instance.LandingValidationStartFlow(cameraIsAccessible);
       }
       catch (e) {
         this.apiErrorEvent.emit(e);
@@ -60,13 +54,13 @@ export class LandingValidation {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(FlowSteps.Landing);
   }
   async leaveFlow() {
     if (this.buttonDisabled)
       return;
     try {
-      let abortResult = await this.baseComponent.apiCall.AbortRequest();
+      let abortResult = await ApiCall.instance.AbortRequest();
       store.flowStatus = FlowStatus[abortResult.state];
       Events.flowAborted();
     }

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

@@ -8,6 +8,7 @@ import { FlowSteps } from '../../../models/FlowSteps';
 import { delay } from '../../../utils/utils';
 import { BaseComponent } from '../../base-component';
 import { Translations } from '../../../helpers/TranslationUtils';
+import { ApiCall } from '../../../helpers/ApiCall';
 export class MobileRedirect {
   constructor() {
     this.infoTextTop = undefined;
@@ -19,8 +20,6 @@ export class MobileRedirect {
     this.redirectLink = undefined;
     this.qrCode = undefined;
     this.prefilledPhone = false;
-    this.baseComponent = new BaseComponent(FlowSteps.MobileRedirect);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
     this.invalidValue = false;
     this.waitingMobile = false;
   }
@@ -30,7 +29,7 @@ export class MobileRedirect {
     this.infoTextTop = this.translations.MobileRedirectValues.InfoTop;
     this.infoTextBottom = this.translations.MobileRedirectValues.InfoBottom;
     let envUri = store.environment == 'QA' ? 'test' : 'ect';
-    let baseUri = store.apiBaseUrl.includes("apimd") ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
+    let baseUri = store.apiBaseUrl.includes('apimd') ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
     this.redirectLink = baseUri + envUri + '/mobileredirect?redirectId=' + store.redirectId;
     if (store.phoneNumber && store.phoneNumber != '') {
       this.contact = store.phoneNumber;
@@ -44,7 +43,7 @@ export class MobileRedirect {
     });
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(FlowSteps.MobileRedirect);
     await delay(5000);
     await this.checkStatus();
     while (this.orderStatus == OrderStatuses.Capturing || this.orderStatus == OrderStatuses.Waiting) {
@@ -53,7 +52,7 @@ export class MobileRedirect {
     }
   }
   async checkStatus() {
-    this.orderStatus = await this.baseComponent.apiCall.GetStatus(store.requestId);
+    this.orderStatus = await ApiCall.instance.GetStatus(store.requestId);
     if (this.orderStatus == OrderStatuses.FinishedCapturing) {
       this.waitingMobile = false;
       store.flowStatus = FlowStatus.COMPLETE;
@@ -72,7 +71,7 @@ export class MobileRedirect {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(FlowSteps.MobileRedirect);
   }
   async buttonClick() {
     if (this.contact == '' || this.contact.length != 10) {
@@ -82,7 +81,7 @@ export class MobileRedirect {
     this.waitingMobile = true;
     this.infoTextTop = this.translations.MobileRedirectValues.InfoWaiting;
     try {
-      await this.baseComponent.apiCall.SendLink(this.redirectLink, this.contact);
+      await ApiCall.instance.SendLink(this.redirectLink, this.contact);
     }
     catch (e) {
       this.apiErrorEvent.emit(e);

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

@@ -6,6 +6,7 @@ import { FlowSteps } from '../../../models/FlowSteps';
 import { getLogMessage } from '../../../utils/utils';
 import { BaseComponent } from '../../base-component';
 import { CaptureUploadTypes } from '../../../models/CaptureFlow';
+import { ApiCall } from '../../../helpers/ApiCall';
 // import { IDPose } from '../../libs/IDML5Detector/IDPose';
 export class ProcessId {
   constructor() {
@@ -13,8 +14,6 @@ export class ProcessId {
     this.showTimeout = undefined;
     this.showInvalid = undefined;
     this.flow = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.CiBack);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
   }
   componentWillLoad() {
     this.captureRetryCount = 0;
@@ -22,6 +21,7 @@ export class ProcessId {
   }
   initFlow() {
     if (store.flowStatus == FlowStatus.IDFRONT) {
+      this.currentStep = FlowSteps.CiFront;
       this.flow = {
         capture: {
           fileName: 'idImage.png',
@@ -33,6 +33,7 @@ export class ProcessId {
       };
     }
     else if (store.flowStatus == FlowStatus.IDBACK) {
+      this.currentStep = FlowSteps.CiBack;
       this.flow = {
         capture: {
           fileName: 'idBackImage.png',
@@ -44,6 +45,7 @@ export class ProcessId {
       };
     }
     else if (store.flowStatus == FlowStatus.IDTILT) {
+      this.currentStep = FlowSteps.CiTilt;
       this.flow = {
         capture: {
           fileName: 'idTiltImage.png',
@@ -72,7 +74,7 @@ export class ProcessId {
   async captureIdImage(event) {
     let idPhoto = event.detail;
     if (idPhoto.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty id photo', blobData: idPhoto }, getLogMessage());
+      await ApiCall.instance.AddLog({ message: 'Empty id photo', blobData: idPhoto }, getLogMessage());
       this.triggerErrorFlow();
       return;
     }
@@ -94,7 +96,7 @@ export class ProcessId {
       return;
     }
     if (idRecording.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
+      await ApiCall.instance.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
       this.showTimeout = true;
       return;
     }
@@ -107,13 +109,13 @@ export class ProcessId {
     this.recordingResultCount = 0;
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(this.currentStep);
   }
   async uploadPhotos(uploadType, photoFile) {
     if (photoFile == null || uploadType == '') {
       return false;
     }
-    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, uploadType, photoFile);
+    var uploadResult = await ApiCall.instance.UploadFileForRequestB64(store.requestId, uploadType, photoFile);
     if (uploadResult) {
       return true;
     }
@@ -127,7 +129,7 @@ export class ProcessId {
     if (recordingFile == null) {
       return;
     }
-    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, uploadType, recordingFile);
+    var uploadResult = await ApiCall.instance.UploadFileForRequestB64(store.requestId, uploadType, recordingFile);
     if (uploadResult) {
       return true;
     }
@@ -140,7 +142,7 @@ export class ProcessId {
     this.showInvalid = true;
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(this.currentStep);
   }
   switchCamera() {
     if (this.captureRetryCount == 1) {

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

@@ -4,28 +4,21 @@ import { FlowStatus } from '../../../models/FlowStatus';
 import { FlowSteps } from '../../../models/FlowSteps';
 import { BaseComponent } from '../../base-component';
 import { Translations } from '../../../helpers/TranslationUtils';
+import { ApiCall } from '../../../helpers/ApiCall';
 export class SmsCodeValidation {
-  constructor() {
-    this.title = undefined;
-    this.details = undefined;
-    this.buttonText = undefined;
-    this.code = undefined;
-    this.canSend = false;
-    this.baseComponent = new BaseComponent(FlowSteps.OtpCheck);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
+  constructor() { this.title = undefined; this.details = undefined; this.buttonText = undefined; this.code = undefined; this.canSend = false; }
   async doAction() {
     try {
       this.canSend = false;
-      var codeChecked = await this.baseComponent.apiCall.CheckOTPCode(store.requestId, this.code);
-      store.flowStatus = FlowStatus[codeChecked.status];
+      var codeChecked = await ApiCall.instance.CheckOTPCode(store.requestId, this.code);
+      store.flowStatus = FlowStatus[codeChecked.state];
     }
     catch (e) {
       this.apiErrorEvent.emit(e);
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(FlowSteps.OtpCheck);
   }
   async componentWillRender() {
     this.translations = await Translations.getValues();
@@ -34,7 +27,7 @@ export class SmsCodeValidation {
     this.buttonText = this.translations.CodeValidationValues.Button;
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(FlowSteps.OtpCheck);
   }
   handleChangeCode(ev) {
     let value = ev.target ? ev.target.value : '';

package/dist/collection/components/flow/sms-send/sms-send.js

@@ -4,21 +4,15 @@ import { FlowStatus } from '../../../models/FlowStatus';
 import { FlowSteps } from '../../../models/FlowSteps';
 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;
-    this.baseComponent = new BaseComponent(FlowSteps.OtpSend);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
+  constructor() { this.buttonText = undefined; this.phoneNumber = undefined; this.prefilledPhone = false; this.canSend = false; }
   async doAction() {
     try {
       this.canSend = false;
-      var codeSent = await this.baseComponent.apiCall.SendOTPCode(store.requestId, this.phoneNumber);
+      var codeSent = await ApiCall.instance.SendOTPCode(store.requestId, this.phoneNumber);
       if (codeSent.sent === true) {
-        store.flowStatus = FlowStatus[codeSent.status];
+        store.flowStatus = FlowStatus[codeSent.state];
       }
     }
     catch (e) {
@@ -26,7 +20,7 @@ export class SmsSend {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(FlowSteps.OtpSend);
   }
   async componentWillRender() {
     this.translations = await Translations.getValues();
@@ -38,7 +32,7 @@ export class SmsSend {
     }
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(FlowSteps.OtpSend);
   }
   handleChangePhone(ev) {
     let value = ev.target ? ev.target.value : '';

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

@@ -6,6 +6,7 @@ import { FlowSteps } from '../../../models/FlowSteps';
 import { getLogMessage } from '../../../utils/utils';
 import { BaseComponent } from '../../base-component';
 import { CaptureUploadTypes } from '../../../models/CaptureFlow';
+import { ApiCall } from '../../../helpers/ApiCall';
 export class UserLiveness {
   constructor() {
     this.recordingResultCount = 0;
@@ -14,9 +15,7 @@ export class UserLiveness {
     this.flow = undefined;
     this.howToDone = false;
   }
-  async componentDidLoad() {
-    await this.baseComponent.initialize();
-  }
+  async componentDidLoad() { }
   componentWillLoad() {
     if (store.flowStatus == FlowStatus.LIVENESS) {
       this.currentStep = FlowSteps.Selfie;
@@ -42,8 +41,6 @@ export class UserLiveness {
         howToDone: false,
       };
     }
-    this.baseComponent = new BaseComponent(this.currentStep);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
   }
   howToDoneEvent() {
     this.howToDone = true;
@@ -59,13 +56,13 @@ export class UserLiveness {
       return;
     let selfiePhoto = event.detail;
     if (selfiePhoto.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty selfie', blobData: selfiePhoto }, getLogMessage());
+      await ApiCall.instance.AddLog({ message: 'Empty selfie', blobData: selfiePhoto }, getLogMessage());
       this.triggerErrorFlow();
       return;
     }
     try {
       var uploadPhoto = new File([selfiePhoto], this.flow.capture.fileName, { type: 'image/png' });
-      let photoUploaded = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, this.flow.capture.photoType, uploadPhoto);
+      let photoUploaded = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.capture.photoType, uploadPhoto);
       if (!photoUploaded) {
         this.triggerErrorFlow();
       }
@@ -82,14 +79,14 @@ export class UserLiveness {
     }
     this.recordingResultCount = 0;
     if (selfieRecording.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: selfieRecording }, getLogMessage());
+      await ApiCall.instance.AddLog({ message: 'Empty recording', blobData: selfieRecording }, getLogMessage());
       this.triggerErrorFlow();
       return;
     }
     let mimeType = selfieRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
     try {
       let uploadRec = new File([selfieRecording], this.flow.capture.recName + mimeType.extension, { type: mimeType.type });
-      let uplodDone = await this.baseComponent.apiCall.UploadFileForRequestB64(store.requestId, this.flow.capture.recType, uploadRec);
+      let uplodDone = await ApiCall.instance.UploadFileForRequestB64(store.requestId, this.flow.capture.recType, uploadRec);
       if (!uplodDone) {
         this.triggerErrorFlow();
       }
@@ -105,7 +102,7 @@ export class UserLiveness {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(this.currentStep);
   }
   triggerErrorFlow() {
     this.showError = true;