@ekyc_qoobiss/qbs-ect-cmp 3.6.44 → 3.6.46

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

@@ -3,116 +3,43 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-41696e0e.js');
-const TranslationUtils = require('./TranslationUtils-2d932eab.js');
+const TranslationUtils = require('./TranslationUtils-8f794c41.js');
 
-var MobileOS;
-(function (MobileOS) {
-  MobileOS["Android"] = "android";
-  MobileOS["iOS"] = "ios";
-  MobileOS["Unknown"] = "unknown";
-  MobileOS["WindowsPhone"] = "Windows Phone";
-})(MobileOS || (MobileOS = {}));
-var DesktopOS;
-(function (DesktopOS) {
-  DesktopOS["Linux"] = "linux";
-  DesktopOS["MacOS"] = "mac_os";
-  DesktopOS["Unix"] = "unix";
-  DesktopOS["Unknown"] = "unknown";
-  DesktopOS["Windows"] = "windows";
-})(DesktopOS || (DesktopOS = {}));
-var Browser;
-(function (Browser) {
-  Browser["Chrome"] = "chrome";
-  Browser["Firefox"] = "firefox";
-  Browser["Safari"] = "safari";
-  Browser["Mi"] = "mi";
-  Browser["Unknown"] = "unknown";
-})(Browser || (Browser = {}));
+const agreementCheckCss = "";
 
-class DeviceDetection {
-  constructor() {
-    var _a, _b, _c, _d;
-    this.supportedScreenOrientation = (_b = (_a = ((screen === null || screen === void 0 ? void 0 : screen.orientation) || {}).type) !== null && _a !== void 0 ? _a : screen.mozOrientation) !== null && _b !== void 0 ? _b : screen.msOrientation;
-    this.safariScreenOrientation = !(screen === null || screen === void 0 ? void 0 : screen.orientation) && matchMedia('(orientation: portrait)').matches ? 'portrait-primary' : 'landscape-primary';
-    this.initialScreenOrientation = (_d = (_c = this.supportedScreenOrientation) !== null && _c !== void 0 ? _c : this.safariScreenOrientation) !== null && _d !== void 0 ? _d : 'portrait-primary';
-    this.userAgent = navigator.userAgent || navigator.vendor || window.opera || undefined;
-    this.isMobile = this.isMobileDevice();
-    this.isTablet = this.isTabletDevice();
-    this.isDesktop = !this.isMobile && !this.isTablet;
-  }
-  // Device typology
-  isMobileDevice() {
-    const regexs = [/(Android)(.+)(Mobile)/i, /BlackBerry/i, /iPhone|iPod/i, /Opera Mini/i, /IEMobile/i];
-    return regexs.some(b => this.userAgent.match(b));
+const AgreementCheck = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
+    this.agreementAcceptance = index.createEvent(this, "agreementAcceptance", 7);
+    this.agreementType = undefined;
+    this.htmlContent = undefined;
+    this.buttonEnabled = undefined;
+    this.scrollClass = 'scroll';
+    this.apiCalls = new TranslationUtils.ApiCall();
+    this.buttonEnabled = true;
   }
-  isTabletDevice() {
-    const regex = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/;
-    return regex.test(this.userAgent.toLowerCase());
+  async componentWillLoad() {
+    this.translations = await TranslationUtils.Translations.getValues();
   }
-  // Device Operating System
-  getMobileOS() {
-    if (this.isMobileDevice()) {
-      if (/windows phone/i.test(this.userAgent))
-        return MobileOS.WindowsPhone;
-      else if (/android/i.test(this.userAgent))
-        return MobileOS.Android;
-      else if (/iPad|iPhone|iPod/.test(this.userAgent) && !window.MSStream)
-        return MobileOS.iOS;
-      return MobileOS.Unknown;
+  async componentDidLoad() {
+    try {
+      this.htmlContent = await this.apiCalls.GetAgreement(this.agreementType);
     }
-    else
-      return undefined;
-  }
-  getDesktopOS() {
-    if (this.isDesktop) {
-      if (this.userAgent.indexOf('Win') !== -1)
-        return DesktopOS.Windows;
-      else if (this.userAgent.indexOf('Mac') !== -1)
-        return DesktopOS.MacOS;
-      else if (this.userAgent.indexOf('X11') !== -1)
-        return DesktopOS.Unix;
-      else if (this.userAgent.indexOf('Linux') !== -1)
-        return DesktopOS.Linux;
-      return DesktopOS.Unknown;
+    catch (e) {
+      this.apiErrorEvent.emit(e);
     }
-    else
-      return undefined;
   }
-  getDeviceOS() {
-    var _a;
-    return (_a = this.getMobileOS()) !== null && _a !== void 0 ? _a : this.getDesktopOS();
-  }
-  getBrowser() {
-    if (/XiaoMi/i.test(this.userAgent) || /MiuiBrowser/i.test(this.userAgent))
-      return Browser.Mi;
-    var isChrome = /chrome/i.test(this.userAgent);
-    if (isChrome)
-      return Browser.Chrome;
-    if (/firefox/i.test(navigator.userAgent))
-      return Browser.Firefox;
-    else if (!isChrome && /safari/i.test(navigator.userAgent))
-      return Browser.Safari;
-    else
-      return Browser.Unknown;
+  async buttonClick(result) {
+    this.buttonEnabled = false;
+    this.agreementAcceptance.emit({ agreementType: this.agreementType, result });
   }
-  getDevice() {
-    var device = {
-      isDesktop: this.isDesktop,
-      desktopOS: this.getDesktopOS(),
-      isWindowsDesktop: this.getDeviceOS() === DesktopOS.Windows,
-      isLinuxOrUnixDesktop: this.getDeviceOS() === DesktopOS.Linux || this.getDeviceOS() === DesktopOS.Unix,
-      isMobile: this.isMobile,
-      mobileOS: this.getMobileOS(),
-      isAndroidDevice: this.getDeviceOS() === MobileOS.Android,
-      isAppleDevice: this.getDeviceOS() === MobileOS.iOS || this.getDeviceOS() === DesktopOS.MacOS,
-      isUnknownMobileDevice: this.getDeviceOS() === MobileOS.Unknown,
-      browser: this.getBrowser(),
-      isTablet: this.isTablet,
-      initialScreenOrientation: this.initialScreenOrientation,
-    };
-    return device;
+  render() {
+    let content = (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { class: this.scrollClass, innerHTML: this.htmlContent }), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("div", { class: "d-flex two-buttons" }, index.h("button", { class: "normal-button red-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(false) }, this.translations.AgreementCheckValues.ButtonNo), index.h("button", { class: "normal-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(true) }, this.translations.AgreementCheckValues.ButtonYes)), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+    return this.htmlContent ? content : index.h("div", null);
   }
-}
+};
+AgreementCheck.style = agreementCheckCss;
 
 class Events {
   static init(element) {
@@ -174,98 +101,29 @@ class Events {
 }
 
 class BaseComponent {
-  constructor(step) {
-    this.apiErrorEvent = null;
-    this.processError = null;
-    this.apiCall = new TranslationUtils.ApiCall();
-    if (step)
-      this.flowStep = step;
-    if (!TranslationUtils.state.device) {
-      TranslationUtils.state.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 TranslationUtils.ApiCall.instance.AddStep(step, moment);
     }
+    catch (e) { }
   }
-  async initialize() {
-    Events.flowEvent(this.flowStep, TranslationUtils.FlowMoments.Initialized);
+  static async initialize(flowStep) {
+    Events.flowEvent(flowStep, TranslationUtils.FlowMoments.Initialized);
     try {
-      await this.apiCall.AddStep(this.flowStep, TranslationUtils.FlowMoments.Initialized);
-    }
-    catch (e) {
-      if (this.apiErrorEvent)
-        this.apiErrorEvent.emit(e);
-      else
-        this.processError(e, `${this.flowStep}-${TranslationUtils.FlowMoments.Initialized}`);
+      await TranslationUtils.ApiCall.instance.AddStep(flowStep, TranslationUtils.FlowMoments.Initialized);
     }
+    catch (e) { }
   }
-  async finalize() {
-    Events.flowEvent(this.flowStep, TranslationUtils.FlowMoments.Finalized);
+  static async finalize(flowStep) {
+    Events.flowEvent(flowStep, TranslationUtils.FlowMoments.Finalized);
     try {
-      await this.apiCall.AddStep(this.flowStep, TranslationUtils.FlowMoments.Finalized);
-    }
-    catch (e) {
-      if (this.apiErrorEvent)
-        this.apiErrorEvent.emit(e);
-      else
-        this.processError(e, `${this.flowStep}-${TranslationUtils.FlowMoments.Finalized}`);
+      await TranslationUtils.ApiCall.instance.AddStep(flowStep, TranslationUtils.FlowMoments.Finalized);
     }
+    catch (e) { }
   }
 }
 
-const agreementCheckCss = "";
-
-const AgreementCheck = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
-    this.agreementAcceptance = index.createEvent(this, "agreementAcceptance", 7);
-    this.agreementType = undefined;
-    this.htmlContent = undefined;
-    this.buttonEnabled = undefined;
-    this.scrollClass = 'scroll';
-    this.apiCalls = new TranslationUtils.ApiCall();
-    this.buttonEnabled = true;
-    this.baseComponent = new BaseComponent(TranslationUtils.FlowSteps.Agreements);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
-  async componentWillLoad() {
-    this.translations = await TranslationUtils.Translations.getValues();
-  }
-  async componentDidLoad() {
-    try {
-      this.htmlContent = await this.apiCalls.GetAgreement(this.agreementType);
-    }
-    catch (e) {
-      this.apiErrorEvent.emit(e);
-    }
-  }
-  async buttonClick(result) {
-    this.buttonEnabled = false;
-    this.agreementAcceptance.emit({ agreementType: this.agreementType, result });
-  }
-  render() {
-    let content = (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { class: this.scrollClass, innerHTML: this.htmlContent }), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("div", { class: "d-flex two-buttons" }, index.h("button", { class: "normal-button red-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(false) }, this.translations.AgreementCheckValues.ButtonNo), index.h("button", { class: "normal-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(true) }, this.translations.AgreementCheckValues.ButtonYes)), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
-    return this.htmlContent ? content : index.h("div", null);
-  }
-};
-AgreementCheck.style = agreementCheckCss;
-
 const agreementInfoCss = "";
 
 const AgreementInfo = class {
@@ -276,13 +134,11 @@ const AgreementInfo = class {
     this.termsChecked = undefined;
     this.openAgreements = undefined;
     this.openTerms = undefined;
-    this.baseComponent = new BaseComponent(TranslationUtils.FlowSteps.Agreements);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
     this.agreementsChecked = false;
     this.termsChecked = false;
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(TranslationUtils.FlowSteps.Agreements);
   }
   async componentWillLoad() {
     this.translations = await TranslationUtils.Translations.getValues();
@@ -290,12 +146,12 @@ const AgreementInfo = class {
     this.openTerms = false;
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(TranslationUtils.FlowSteps.Agreements);
   }
   async buttonClick() {
     if (this.agreementsChecked && this.termsChecked) {
       try {
-        TranslationUtils.state.flowStatus = await this.baseComponent.apiCall.GetNextFlowState();
+        TranslationUtils.state.flowStatus = await TranslationUtils.ApiCall.instance.GetNextFlowState();
       }
       catch (e) {
         this.apiErrorEvent.emit(e);
@@ -4506,6 +4362,30 @@ const addExifInImg = async (blob, track, videoSize) => {
   return await fetch(newPhotoData).then(res => res.blob());
 };
 
+var MobileOS;
+(function (MobileOS) {
+  MobileOS["Android"] = "android";
+  MobileOS["iOS"] = "ios";
+  MobileOS["Unknown"] = "unknown";
+  MobileOS["WindowsPhone"] = "Windows Phone";
+})(MobileOS || (MobileOS = {}));
+var DesktopOS;
+(function (DesktopOS) {
+  DesktopOS["Linux"] = "linux";
+  DesktopOS["MacOS"] = "mac_os";
+  DesktopOS["Unix"] = "unix";
+  DesktopOS["Unknown"] = "unknown";
+  DesktopOS["Windows"] = "windows";
+})(DesktopOS || (DesktopOS = {}));
+var Browser;
+(function (Browser) {
+  Browser["Chrome"] = "chrome";
+  Browser["Firefox"] = "firefox";
+  Browser["Safari"] = "safari";
+  Browser["Mi"] = "mi";
+  Browser["Unknown"] = "unknown";
+})(Browser || (Browser = {}));
+
 var ImageFormat;
 (function (ImageFormat) {
   ImageFormat["JPEG"] = "image/jpeg";
@@ -4762,16 +4642,7 @@ Camera.style = cameraCss;
 const cameraErrorCss = "";
 
 const CameraError = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
-    this.title = undefined;
-    this.description = undefined;
-    this.buttonDisabled = undefined;
-    this.demoVideo = undefined;
-    this.baseComponent = new BaseComponent(TranslationUtils.FlowSteps.CameraError);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
+  constructor(hostRef) { index.registerInstance(this, hostRef); this.apiErrorEvent = index.createEvent(this, "apiError", 7); this.title = undefined; this.description = undefined; this.buttonDisabled = undefined; this.demoVideo = undefined; }
   async componentWillLoad() {
     this.translations = await TranslationUtils.Translations.getValues();
     this.buttonDisabled = false;
@@ -4780,7 +4651,7 @@ const CameraError = class {
     this.buttonText = this.translations.CameraErrorValues.Button;
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(TranslationUtils.FlowSteps.CameraError);
     if (TranslationUtils.state.device.mobileOS != MobileOS.iOS) {
       this.demoVideo.src = this.translations.CameraErrorValues.HowToLink;
       this.demoVideo.loop = true;
@@ -4795,7 +4666,7 @@ const CameraError = class {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(TranslationUtils.FlowSteps.CameraError);
   }
   async buttonClick() {
     this.buttonDisabled = true;
@@ -4816,14 +4687,7 @@ CameraError.style = cameraErrorCss;
 const captureErrorCss = "";
 
 const CaptureError = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.eventCaptureErrorDone = index.createEvent(this, "captureErrorDone", 7);
-    this.type = undefined;
-    this.buttonEnabled = undefined;
-    this.buttonText = undefined;
-    this.baseComponent = new BaseComponent(TranslationUtils.FlowSteps.CiError);
-  }
+  constructor(hostRef) { index.registerInstance(this, hostRef); this.eventCaptureErrorDone = index.createEvent(this, "captureErrorDone", 7); this.type = undefined; this.buttonEnabled = undefined; this.buttonText = undefined; }
   async componentWillLoad() {
     this.translations = await TranslationUtils.Translations.getValues();
     this.buttonEnabled = false;
@@ -4841,7 +4705,7 @@ const CaptureError = class {
     }
   }
   async componentDidLoad() {
-    await this.baseComponent.logStep(TranslationUtils.FlowSteps.CiError, TranslationUtils.FlowMoments.Initialized);
+    await BaseComponent.logStep(TranslationUtils.FlowSteps.CiError, TranslationUtils.FlowMoments.Initialized);
     for (let i = 5; i >= 1; i--) {
       this.buttonText = i.toString();
       await delay(1000);
@@ -4851,7 +4715,7 @@ const CaptureError = class {
   }
   async buttonClick() {
     this.buttonEnabled = false;
-    await this.baseComponent.logStep(TranslationUtils.FlowSteps.CiError, TranslationUtils.FlowMoments.Finalized);
+    await BaseComponent.logStep(TranslationUtils.FlowSteps.CiError, TranslationUtils.FlowMoments.Finalized);
     this.eventCaptureErrorDone.emit();
   }
   render() {
@@ -4901,10 +4765,10 @@ const howToInfoCss = "";
 const HowToInfo = class {
   constructor(hostRef) { index.registerInstance(this, hostRef); this.eventHowToInfoDone = index.createEvent(this, "howToInfoDone", 7); this.apiErrorEvent = index.createEvent(this, "apiError", 7); 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;
@@ -4932,8 +4796,6 @@ const HowToInfo = class {
       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 != '' ? index.h("p", { class: "font-size-2" }, this.subTitle) : null;
@@ -5112,7 +4974,6 @@ const IdCapture = class {
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
     }
-    this.baseComponent = new BaseComponent(this.flowStep);
   }
   initVariables() {
     if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDFRONT) {
@@ -5135,7 +4996,7 @@ const IdCapture = class {
     }
   }
   async componentDidLoad() {
-    await this.baseComponent.logStep(this.flowStep, TranslationUtils.FlowMoments.Initialized);
+    await BaseComponent.logStep(this.flowStep, TranslationUtils.FlowMoments.Initialized);
     this.initVariables();
     if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACK) {
       this.demoVideo.src = TranslationUtils.IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
@@ -5186,7 +5047,7 @@ const IdCapture = class {
     else {
       this.eventTimeElapsed.emit();
     }
-    await this.baseComponent.logStep(this.flowStep, TranslationUtils.FlowMoments.Finalized);
+    await BaseComponent.logStep(this.flowStep, TranslationUtils.FlowMoments.Finalized);
   }
   async verificationFinished() {
     if (this.verified)
@@ -5287,7 +5148,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.44";
+const version$1 = "3.6.46";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -5357,6 +5218,91 @@ const packageJson = {
 
 const loaderSvg = 'data:image/svg+xml;base64,PHN2ZyBpZD0ic3Bpbm5lckxvYWRlclJlZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBvdmVyZmxvdz0idmlzaWJsZSIgZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSIjMDMwMzAzIiBjbGFzcz0ic2luZ2xlLWxvYWRlciI+DQogIDxkZWZzPg0KICAgIDxjaXJjbGUgaWQ9InNwaW5uZXIiIHI9IjQiIGN4PSI1MCIgY3k9IjUwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0zMCkiLz4gICAgDQogIDwvZGVmcz4NCiAgPHVzZSB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeGxpbms6aHJlZj0iI3NwaW5uZXIiIHRyYW5zZm9ybT0icm90YXRlKDAgNTAgNTApIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjFzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+DQogIDwvdXNlPg0KICA8dXNlIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bGluazpocmVmPSIjc3Bpbm5lciIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNTAgNTApIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjFzIiBiZWdpbj0iMC4xMjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPg0KICA8L3VzZT4NCiAgPHVzZSB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeGxpbms6aHJlZj0iI3NwaW5uZXIiIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIxcyIgYmVnaW49IjAuMjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPg0KICA8L3VzZT4NCiAgPHVzZSB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeGxpbms6aHJlZj0iI3NwaW5uZXIiIHRyYW5zZm9ybT0icm90YXRlKDEzNSA1MCA1MCkiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDsxOzAiIGR1cj0iMXMiIGJlZ2luPSIwLjM3NXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+DQogIDwvdXNlPg0KICA8dXNlIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bGluazpocmVmPSIjc3Bpbm5lciIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDUwIDUwKSI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIxcyIgYmVnaW49IjAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+DQogIDwvdXNlPg0KICA8dXNlIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bGluazpocmVmPSIjc3Bpbm5lciIgdHJhbnNmb3JtPSJyb3RhdGUoMjI1IDUwIDUwKSI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIxcyIgYmVnaW49IjAuNjI1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCiAgPC91c2U+DQogIDx1c2UgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhsaW5rOmhyZWY9IiNzcGlubmVyIiB0cmFuc2Zvcm09InJvdGF0ZSgyNzAgNTAgNTApIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjFzIiBiZWdpbj0iMC43NXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+DQogIDwvdXNlPg0KICA8dXNlIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bGluazpocmVmPSIjc3Bpbm5lciIgdHJhbnNmb3JtPSJyb3RhdGUoMzE1IDUwIDUwKSI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIxcyIgYmVnaW49IjAuODc1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCiAgPC91c2U+DQo8L3N2Zz4=';
 
+class DeviceDetection {
+  constructor() {
+    var _a, _b, _c, _d;
+    this.supportedScreenOrientation = (_b = (_a = ((screen === null || screen === void 0 ? void 0 : screen.orientation) || {}).type) !== null && _a !== void 0 ? _a : screen.mozOrientation) !== null && _b !== void 0 ? _b : screen.msOrientation;
+    this.safariScreenOrientation = !(screen === null || screen === void 0 ? void 0 : screen.orientation) && matchMedia('(orientation: portrait)').matches ? 'portrait-primary' : 'landscape-primary';
+    this.initialScreenOrientation = (_d = (_c = this.supportedScreenOrientation) !== null && _c !== void 0 ? _c : this.safariScreenOrientation) !== null && _d !== void 0 ? _d : 'portrait-primary';
+    this.userAgent = navigator.userAgent || navigator.vendor || window.opera || undefined;
+    this.isMobile = this.isMobileDevice();
+    this.isTablet = this.isTabletDevice();
+    this.isDesktop = !this.isMobile && !this.isTablet;
+  }
+  // Device typology
+  isMobileDevice() {
+    const regexs = [/(Android)(.+)(Mobile)/i, /BlackBerry/i, /iPhone|iPod/i, /Opera Mini/i, /IEMobile/i];
+    return regexs.some(b => this.userAgent.match(b));
+  }
+  isTabletDevice() {
+    const regex = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/;
+    return regex.test(this.userAgent.toLowerCase());
+  }
+  // Device Operating System
+  getMobileOS() {
+    if (this.isMobileDevice()) {
+      if (/windows phone/i.test(this.userAgent))
+        return MobileOS.WindowsPhone;
+      else if (/android/i.test(this.userAgent))
+        return MobileOS.Android;
+      else if (/iPad|iPhone|iPod/.test(this.userAgent) && !window.MSStream)
+        return MobileOS.iOS;
+      return MobileOS.Unknown;
+    }
+    else
+      return undefined;
+  }
+  getDesktopOS() {
+    if (this.isDesktop) {
+      if (this.userAgent.indexOf('Win') !== -1)
+        return DesktopOS.Windows;
+      else if (this.userAgent.indexOf('Mac') !== -1)
+        return DesktopOS.MacOS;
+      else if (this.userAgent.indexOf('X11') !== -1)
+        return DesktopOS.Unix;
+      else if (this.userAgent.indexOf('Linux') !== -1)
+        return DesktopOS.Linux;
+      return DesktopOS.Unknown;
+    }
+    else
+      return undefined;
+  }
+  getDeviceOS() {
+    var _a;
+    return (_a = this.getMobileOS()) !== null && _a !== void 0 ? _a : this.getDesktopOS();
+  }
+  getBrowser() {
+    if (/XiaoMi/i.test(this.userAgent) || /MiuiBrowser/i.test(this.userAgent))
+      return Browser.Mi;
+    var isChrome = /chrome/i.test(this.userAgent);
+    if (isChrome)
+      return Browser.Chrome;
+    if (/firefox/i.test(navigator.userAgent))
+      return Browser.Firefox;
+    else if (!isChrome && /safari/i.test(navigator.userAgent))
+      return Browser.Safari;
+    else
+      return Browser.Unknown;
+  }
+  getDevice() {
+    var device = {
+      isDesktop: this.isDesktop,
+      desktopOS: this.getDesktopOS(),
+      isWindowsDesktop: this.getDeviceOS() === DesktopOS.Windows,
+      isLinuxOrUnixDesktop: this.getDeviceOS() === DesktopOS.Linux || this.getDeviceOS() === DesktopOS.Unix,
+      isMobile: this.isMobile,
+      mobileOS: this.getMobileOS(),
+      isAndroidDevice: this.getDeviceOS() === MobileOS.Android,
+      isAppleDevice: this.getDeviceOS() === MobileOS.iOS || this.getDeviceOS() === DesktopOS.MacOS,
+      isUnknownMobileDevice: this.getDeviceOS() === MobileOS.Unknown,
+      browser: this.getBrowser(),
+      isTablet: this.isTablet,
+      initialScreenOrientation: this.initialScreenOrientation,
+    };
+    return device;
+  }
+}
+
 const identificationComponentCss = "@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-cyrillic-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-cyrillic-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-greek-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-greek-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-vietnamese-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-latin-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-latin-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-cyrillic-ext-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-cyrillic-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-greek-ext-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-greek-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-vietnamese-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-latin-ext-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url('./files/inter-latin-900-normal.woff2') format('woff2'), url('./files/inter-all-900-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-cyrillic-ext-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-cyrillic-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-greek-ext-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-greek-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-vietnamese-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-latin-ext-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url('./files/inter-latin-700-normal.woff2') format('woff2'), url('./files/inter-all-700-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-cyrillic-ext-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-cyrillic-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-greek-ext-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-greek-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-vietnamese-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-latin-ext-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url('./files/inter-latin-600-normal.woff2') format('woff2'), url('./files/inter-all-600-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-cyrillic-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-cyrillic-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-greek-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-greek-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0370-03FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-vietnamese-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-latin-ext-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url('./files/inter-latin-400-normal.woff2') format('woff2'), url('./files/inter-all-400-normal.woff') format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{font-family:'Inter', sans-serif}h1{font-weight:900;letter-spacing:0.01em;color:#1f2024;font-size:3.2vh;margin:0;line-height:3.5vh}.row-validare h1{font-size:27px;line-height:29px}body{margin:0;padding:0;height:100vh;position:relative;}.container{width:100%;height:100%;background-color:#fff;max-width:991px;margin:auto;position:relative;overflow:hidden}.container-video{height:99vh;text-align:center;position:relative;overflow:hidden}.row{padding:3.5vh 2.5vh;height:100%;overflow:hidden;position:relative;}.ctheight-100{height:99vh}.d-flex{display:flex}.space-between{justify-content:space-between}.img-info img{width:0.8vh;z-index:5;position:relative}.img-info{width:7vh;height:7vh;border-radius:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(100% 100% at 50% 0%, #d3b6e9 0%, #fbc2bd 100%)}.i-effect{animation:2.5s infinite transition-i;position:absolute;z-index:2;border-radius:100%;background:radial-gradient(100% 100% at 50% 0%, #d3b6e9 0%, #fbc2bd 100%)}.two-buttons{margin-top:3vh;justify-content:center}.align-center{align-items:center}.main-text{font-weight:400;color:#71727a}.link-text{margin-top:1vh;text-decoration:underline}.font-size-2{font-size:2vh}.row-validare .font-size-2{font-size:17px;line-height:19px}.img-text{display:flex;align-items:center;margin-bottom:3vh}.img-text .bg-img img{width:100%;padding:2vh}.img-text h3{color:#333333;font-weight:700;font-size:2.3vh;margin:0}.img-text .bg-img{background:#e1e3e9;border-radius:30%;width:11vh;height:11vh;display:flex;align-items:center;justify-content:center;flex:none;margin-right:3vh}.font-weight-bold{font-weight:bold}.font-size-18{font-size:1.8vh}.row-validare .font-size-18{font-size:15px;line-height:16px}a{font-size:inherit;color:inherit;text-decoration:none}.color-black{color:#000}.main-button{background:#1feaa6;box-shadow:0 6px 8px rgba(71, 182, 162, 0.2);border-radius:25px;text-align:center;width:100%;padding:2vh;color:#fff;border:0;font-size:2vh}.main-button:disabled{color:#71727a}.normal-button{background:#1feaa6;box-shadow:0 6px 8px rgba(71, 182, 162, 0.2);border-radius:25px;text-align:center;padding:2vh;margin-right:1vw;margin-left:1vw;color:#fff;border:0;font-size:2vh}.red-button{background:#ff535d}.row-validare .main-button{font-size:17px}.text-right{text-align:right}.mb-1{margin-bottom:1vh}.mb-0{margin-bottom:0}.row-validare.row{padding:29px 21px}.row-validare .main-button{padding:16px}.row-validare .btn-buletin{position:relative;width:100%;bottom:0}.show-bottom{bottom:-2vh}.row-validare .main-input{padding:14px 12px;border-radius:12px;font-weight:700;border:2px solid #464e58;font-size:19px}.main-input{width:100%;padding:22px 26px;border:3px solid #464e58;border-radius:20px;font-weight:600;font-size:2.3vh;font-family:'Inter', sans-serif}.second-input{width:46px;height:46px;font-weight:700;font-size:16px;font-family:'Inter', sans-serif;text-align:center;border:2px solid #c5c6cc;border-radius:12px;outline:none;padding:2px}.second-input:not(:placeholder-shown){border:2px solid #1feaa6;color:#1feaa6}.mt-9{margin-top:9%}.second-input::placeholder{color:#fff;opacity:0}.second-input:focus{border:2px solid #464e58;color:#464e58}.second-input.error{border:2px solid #b67171}.second-input.error:focus{border:3px solid #b67171;color:#b67171;padding:1px}.second-input.error:not(:placeholder-shown){border:3px solid #b67171;color:#b67171;padding:2px}.second-input-container{margin-top:30%;display:flex;flex-wrap:wrap;justify-content:space-between}.input-container{display:flex;flex-wrap:wrap}.mt-15{margin-top:15%}.row-validare .mt-15{margin-top:40px}.mb-15{margin-bottom:15%}.row-validare .mb-15{margin-bottom:40px}.mb-20{margin-bottom:20%}.row-validare .mb-1{margin-bottom:20px}.row-validare .mb-20{margin-bottom:60px}.mt-90{margin-top:90px}.op-05{opacity:0.5}.color-red{color:#b67171}.error-text{position:relative;top:50px;margin-bottom:0;margin-top:0}.top-50{top:50px}.mt-25{margin-top:25%}.text-center{text-align:center}.scale-2{transform:scale(2)}.mt-20{margin-top:20%}.div-ci img{max-height:60vh;max-width:80vw}.div-ci{text-align:center}.mt-10{margin-top:10vh}.mt-5{margin-top:5vh}.pos-relative{position:relative}.pos-absolute{position:absolute}.btn-buletin{text-align:center}.buletin-container img{width:60%}.buletin-container>img{margin-top:10vh}.buletin-container{text-align:center}.bg-black{background-color:#242426}.color-white{color:#fff}.chenar-buletin{margin-top:3em;text-align:center}.chenar-buletin .ci-img{width:96%}.chenar-buletin .face-img,.chenar-buletin .chenar-img{left:4%;width:92%;top:-20px;min-height:55vw;display:flex;position:absolute;align-items:center;background-color:rgba(255, 255, 255, 0.2);justify-content:center}.chenar-buletin img{width:auto;height:100%;top:0;left:0;position:absolute;border-radius:10px;z-index:4}.chenar-buletin .face-img{background-color:rgba(255, 255, 255, 0.3)}.buletin-container .w-40{width:40%}.animation{width:100%;height:100%;}.color-black-2{color:#71727a}.font-size-3{font-size:3vh}.font-size-25{font-size:2.5vh}.font-weight-900{font-weight:900}.mt-8{margin-top:8vh}.mt-12{margin-top:12vh}.mt-30-i{margin-top:30% !important}.chenar-buletin .face-img{left:-2%;width:104%;top:-40px}.pl-2-5{padding-left:2.5vh}.container-coin{background-color:transparent;perspective:1000px;rotate:120deg 0deg}.coin-flip{animation:flip 0.4s ease-in;animation-delay:0.5s;transform-style:preserve-3d;animation-fill-mode:forwards;visibility:hidden}.coin-scale{animation:show 0.4s ease-in;animation-delay:0.5s;transform-style:preserve-3d;animation-fill-mode:forwards}.scroll{margin:4px, 4px;padding:4px;height:70vh;overflow-x:hidden;overflow-y:auto}.scroll-full{margin:4px, 4px;padding:4px;overflow-x:hidden;overflow-y:auto}.video-demo{z-index:0;width:100%;height:100%;border-radius:20px}.video-capture{padding:2.5vh 2.5vh;margin-top:3em;text-align:center;position:relative}.capture-title{z-index:4;margin-top:3vh;position:absolute;bottom:5vh;padding:2.5vh 2.5vh}@keyframes transition-i{from{width:0;height:0;opacity:1}80%{width:10vh;height:10vh;opacity:0.5}100%{opacity:0}}@keyframes flip{0%{transform:rotateX(140deg);visibility:visible}25%{transform:rotateX(120deg);visibility:visible}50%{transform:rotateX(90deg);visibility:visible}75%{transform:rotateX(75deg);visibility:visible}100%{transform:rotateX(0deg);visibility:visible}}@keyframes show{0%{transform:scale(0)}25%{transform:scale(0.2)}40%{transform:scale(0.4)}50%{transform:scale(0.5)}60%{transform:scale(0.6)}70%{transform:scale(0.7)}100%{transform:scale(1)}}@keyframes rise{0%{visibility:hidden}50%{visibility:visible}100%{visibility:visible}}.buletin-container.rotate-x img{animation:transform-rotate-x 2s infinite ease-in}.rotateimg90{animation:transform-rotate-x2 2s forwards;animation-delay:1s;position:absolute}.rotateimg180{animation:transform-rotate-x3 2s forwards;animation-delay:3s;position:absolute;opacity:0}.buletin-back{display:flex;justify-content:center}@keyframes transform-rotate-x3{from{transform:rotateY(-90deg);opacity:1}to{transform:rotateY(0deg);opacity:1}}@keyframes transform-rotate-x2{to{transform:rotateY(90deg)}}@keyframes transform-rotate-x{to{transform:perspective(600px) rotateX(40deg)}}@media only screen and (max-width: 350px){.second-input{width:36px;height:36px}}@media only screen and (max-width: 390px){.second-input{width:40px;height:40px}}@media only screen and (min-width: 530px) and (max-width: 767px){.chenar-buletin .face-img{width:70%;min-height:auto;margin:auto;left:15%;right:auto;top:-15vh}}@media only screen and (min-width: 600px) and (max-width: 767px){.max-h img{margin-left:15%;margin-right:15%}.max-h{display:flex;align-items:center}}@media only screen and (max-width: 991px){.buletin-container img{max-width:220px}}@media only screen and (min-width: 767px){.container{max-width:530px;margin:40px auto;border-radius:20px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1)}body{height:90vh}.btn-buletin{max-width:490px;bottom:7vh}.buletin-container img{width:45%}.chenar-buletin .face-img,.chenar-buletin .chenar-img{min-height:300px}.chenar-buletin .face-img{width:80%;min-height:auto;margin:auto;left:10%;right:auto;top:-10vh}}";
 
 const IdentificationComponent = class {
@@ -5373,7 +5319,7 @@ const IdentificationComponent = class {
   }
   agreementAcceptanceEmitted(data) {
     try {
-      this.baseComponent.apiCall.GenerateAgreement(data.detail.agreementType);
+      TranslationUtils.ApiCall.instance.GenerateAgreement(data.detail.agreementType);
     }
     catch (e) {
       this.apiErrorEmitter(e, 'Agreement Acceptance');
@@ -5397,7 +5343,7 @@ const IdentificationComponent = class {
     }
     let apiLogData = { message: this.errorTitle, stack: this.errorMessage, zone };
     try {
-      await this.baseComponent.apiCall.AddLog(apiLogData, getLogMessage(this.order_id, this.redirect_id, this.token));
+      await TranslationUtils.ApiCall.instance.AddLog(apiLogData, getLogMessage(this.order_id, this.redirect_id, this.token));
     }
     catch (_g) { }
     Events.flowError(this.errorTitle);
@@ -5408,7 +5354,6 @@ const IdentificationComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.logInit = {};
-    this.flowStatusToSet = TranslationUtils.FlowStatus.NONE;
     this.initialised = false;
     this.token = undefined;
     this.order_id = undefined;
@@ -5419,6 +5364,7 @@ const IdentificationComponent = class {
     this.lang_iso = undefined;
     this.errorMessage = undefined;
     this.errorTitle = undefined;
+    TranslationUtils.ApiCall.getInstance();
   }
   async componentWillLoad() {
     Events.init(window);
@@ -5427,8 +5373,6 @@ const IdentificationComponent = class {
     if (this.env && this.env != '') {
       TranslationUtils.state.environment = this.env;
     }
-    this.baseComponent = new BaseComponent(TranslationUtils.FlowSteps.ComponentLoaded);
-    this.baseComponent.setErrorCallback(this.apiErrorEmitter);
     if (TranslationUtils.state.debug)
       this.logInit = getLogMessage(this.order_id, this.redirect_id, this.token);
     if (this.token) {
@@ -5466,19 +5410,13 @@ const IdentificationComponent = class {
       TranslationUtils.state.requestId = savedRequest;
       this.order_id = savedRequest;
     }
-    if (this.flowStatusToSet == TranslationUtils.FlowStatus.NONE) {
-      var flowSt = sessionStorage.getItem(TranslationUtils.SessionKeys.FlowStatusKey);
-      if (flowSt) {
-        this.flowStatusToSet = TranslationUtils.FlowStatus[flowSt];
-      }
-      else {
-        this.flowStatusToSet = TranslationUtils.FlowStatus.LANDING;
-      }
-    }
   }
   async componentDidLoad() {
+    try {
+      TranslationUtils.state.flowStatus = await TranslationUtils.ApiCall.instance.GetFlowState();
+    }
+    catch (e) { }
     await this.initializeRequest();
-    TranslationUtils.state.flowStatus = this.flowStatusToSet;
   }
   async initializeRequest() {
     if (this.initialised) {
@@ -5488,13 +5426,16 @@ const IdentificationComponent = class {
     if (TranslationUtils.state.environment == 'DEMO') {
       return;
     }
+    if (!TranslationUtils.state.device) {
+      TranslationUtils.state.device = new DeviceDetection().getDevice();
+    }
     if (TranslationUtils.state.device.browser == Browser.Mi) {
       this.apiErrorEmitter('Mi Browser nu este acceptat. Va rugam utilizati Chrome.', 'Request Initialisation RequestId:' + TranslationUtils.state.requestId + ' RedirectId:' + TranslationUtils.state.redirectId);
       return;
     }
     try {
       if (TranslationUtils.state.debug)
-        this.baseComponent.apiCall.AddLog({ phase: 'debug mode' }, this.logInit);
+        TranslationUtils.ApiCall.instance.AddLog({ phase: 'debug mode' }, this.logInit);
     }
     catch (_a) { }
     try {
@@ -5503,7 +5444,7 @@ const IdentificationComponent = class {
         this.redirect_id = TranslationUtils.state.redirectId;
       }
       if (TranslationUtils.state.token != '' && (TranslationUtils.state.requestId != '' || TranslationUtils.state.redirectId != '')) {
-        await this.baseComponent.apiCall.AddIdentificationRequest(TranslationUtils.state.device, packageJson.version);
+        await TranslationUtils.ApiCall.instance.AddIdentificationRequest(TranslationUtils.state.device, packageJson.version);
         if (!this.order_id || this.order_id == '') {
           this.order_id = TranslationUtils.state.requestId;
         }
@@ -5571,24 +5512,16 @@ const deviceSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iMzI
 const landingValidationCss = "";
 
 const LandingValidation = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
-    this.warningText = undefined;
-    this.buttonDisabled = undefined;
-    this.baseComponent = new BaseComponent(TranslationUtils.FlowSteps.Landing);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
+  constructor(hostRef) { index.registerInstance(this, hostRef); this.apiErrorEvent = index.createEvent(this, "apiError", 7); this.warningText = undefined; this.buttonDisabled = undefined; }
   async componentWillLoad() {
     Events.flowStarted();
     this.translations = await TranslationUtils.Translations.getValues();
-    this.baseComponent.apiCall = new TranslationUtils.ApiCall();
     this.buttonDisabled = false;
     await this.initRequest();
   }
   async componentDidLoad() {
     if (TranslationUtils.state.environment !== 'DEMO') {
-      await this.baseComponent.initialize();
+      await BaseComponent.initialize(TranslationUtils.FlowSteps.Landing);
     }
   }
   async initRequest() {
@@ -5607,7 +5540,7 @@ const LandingValidation = class {
           sessionStorage.setItem(TranslationUtils.SessionKeys.RefreshDoneKey, 'false');
       }
       try {
-        TranslationUtils.state.flowStatus = await this.baseComponent.apiCall.LandingValidationStartFlow(cameraIsAccessible);
+        TranslationUtils.state.flowStatus = await TranslationUtils.ApiCall.instance.LandingValidationStartFlow(cameraIsAccessible);
       }
       catch (e) {
         this.apiErrorEvent.emit(e);
@@ -5615,13 +5548,13 @@ const LandingValidation = class {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(TranslationUtils.FlowSteps.Landing);
   }
   async leaveFlow() {
     if (this.buttonDisabled)
       return;
     try {
-      let abortResult = await this.baseComponent.apiCall.AbortRequest();
+      let abortResult = await TranslationUtils.ApiCall.instance.AbortRequest();
       TranslationUtils.state.flowStatus = TranslationUtils.FlowStatus[abortResult.state];
       Events.flowAborted();
     }
@@ -8524,8 +8457,6 @@ const MobileRedirect = class {
     this.redirectLink = undefined;
     this.qrCode = undefined;
     this.prefilledPhone = false;
-    this.baseComponent = new BaseComponent(TranslationUtils.FlowSteps.MobileRedirect);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
     this.invalidValue = false;
     this.waitingMobile = false;
   }
@@ -8535,7 +8466,7 @@ const MobileRedirect = class {
     this.infoTextTop = this.translations.MobileRedirectValues.InfoTop;
     this.infoTextBottom = this.translations.MobileRedirectValues.InfoBottom;
     let envUri = TranslationUtils.state.environment == 'QA' ? 'test' : 'ect';
-    let baseUri = TranslationUtils.state.apiBaseUrl.includes("apimd") ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
+    let baseUri = TranslationUtils.state.apiBaseUrl.includes('apimd') ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
     this.redirectLink = baseUri + envUri + '/mobileredirect?redirectId=' + TranslationUtils.state.redirectId;
     if (TranslationUtils.state.phoneNumber && TranslationUtils.state.phoneNumber != '') {
       this.contact = TranslationUtils.state.phoneNumber;
@@ -8549,7 +8480,7 @@ const MobileRedirect = class {
     });
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(TranslationUtils.FlowSteps.MobileRedirect);
     await delay(5000);
     await this.checkStatus();
     while (this.orderStatus == TranslationUtils.OrderStatuses.Capturing || this.orderStatus == TranslationUtils.OrderStatuses.Waiting) {
@@ -8558,7 +8489,7 @@ const MobileRedirect = class {
     }
   }
   async checkStatus() {
-    this.orderStatus = await this.baseComponent.apiCall.GetStatus(TranslationUtils.state.requestId);
+    this.orderStatus = await TranslationUtils.ApiCall.instance.GetStatus(TranslationUtils.state.requestId);
     if (this.orderStatus == TranslationUtils.OrderStatuses.FinishedCapturing) {
       this.waitingMobile = false;
       TranslationUtils.state.flowStatus = TranslationUtils.FlowStatus.COMPLETE;
@@ -8577,7 +8508,7 @@ const MobileRedirect = class {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(TranslationUtils.FlowSteps.MobileRedirect);
   }
   async buttonClick() {
     if (this.contact == '' || this.contact.length != 10) {
@@ -8586,7 +8517,7 @@ const MobileRedirect = class {
     this.waitingMobile = true;
     this.infoTextTop = this.translations.MobileRedirectValues.InfoWaiting;
     try {
-      await this.baseComponent.apiCall.SendLink(this.redirectLink, this.contact);
+      await TranslationUtils.ApiCall.instance.SendLink(this.redirectLink, this.contact);
     }
     catch (e) {
       this.apiErrorEvent.emit(e);
@@ -8630,8 +8561,6 @@ const ProcessId = class {
     this.showTimeout = undefined;
     this.showInvalid = undefined;
     this.flow = undefined;
-    this.baseComponent = new BaseComponent(TranslationUtils.FlowSteps.CiBack);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
   }
   componentWillLoad() {
     this.captureRetryCount = 0;
@@ -8639,6 +8568,7 @@ const ProcessId = class {
   }
   initFlow() {
     if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDFRONT) {
+      this.currentStep = TranslationUtils.FlowSteps.CiFront;
       this.flow = {
         capture: {
           fileName: 'idImage.png',
@@ -8650,6 +8580,7 @@ const ProcessId = class {
       };
     }
     else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDBACK) {
+      this.currentStep = TranslationUtils.FlowSteps.CiBack;
       this.flow = {
         capture: {
           fileName: 'idBackImage.png',
@@ -8661,6 +8592,7 @@ const ProcessId = class {
       };
     }
     else if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.IDTILT) {
+      this.currentStep = TranslationUtils.FlowSteps.CiTilt;
       this.flow = {
         capture: {
           fileName: 'idTiltImage.png',
@@ -8689,7 +8621,7 @@ const ProcessId = class {
   async captureIdImage(event) {
     let idPhoto = event.detail;
     if (idPhoto.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty id photo', blobData: idPhoto }, getLogMessage());
+      await TranslationUtils.ApiCall.instance.AddLog({ message: 'Empty id photo', blobData: idPhoto }, getLogMessage());
       this.triggerErrorFlow();
       return;
     }
@@ -8711,7 +8643,7 @@ const ProcessId = class {
       return;
     }
     if (idRecording.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
+      await TranslationUtils.ApiCall.instance.AddLog({ message: 'Empty ID recording', blobData: idRecording }, getLogMessage());
       this.showTimeout = true;
       return;
     }
@@ -8724,13 +8656,13 @@ const ProcessId = class {
     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(TranslationUtils.state.requestId, uploadType, photoFile);
+    var uploadResult = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, uploadType, photoFile);
     if (uploadResult) {
       return true;
     }
@@ -8744,7 +8676,7 @@ const ProcessId = class {
     if (recordingFile == null) {
       return;
     }
-    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(TranslationUtils.state.requestId, uploadType, recordingFile);
+    var uploadResult = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, uploadType, recordingFile);
     if (uploadResult) {
       return true;
     }
@@ -8757,7 +8689,7 @@ const ProcessId = class {
     this.showInvalid = true;
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(this.currentStep);
   }
   switchCamera() {
     if (this.captureRetryCount == 1) {
@@ -8835,8 +8767,6 @@ const SelfieCapture = class {
       this.mainStream = Stream.getNewInstance(this.verificationMode);
       this.demoVideo.src = TranslationUtils.SelfieCaptureValues.FacePoseDemoMapping[this.mainStream.facePose];
     }
-    this.baseComponent = new BaseComponent(this.currentStep);
-    await this.baseComponent.logStep(this.currentStep, TranslationUtils.FlowMoments.Initialized);
     this.demoVideo.play();
     await delay(this.translations.GlobalValues.VideoLenght);
     this.demoEnded = true;
@@ -8877,7 +8807,7 @@ const SelfieCapture = class {
     else {
       this.eventTimeElapsed.emit();
     }
-    await this.baseComponent.logStep(this.currentStep, TranslationUtils.FlowMoments.Finalized);
+    await BaseComponent.logStep(this.currentStep, TranslationUtils.FlowMoments.Finalized);
   }
   async verificationFinished() {
     if (this.verified)
@@ -8916,21 +8846,11 @@ SelfieCapture.style = selfieCaptureCss;
 const smsCodeValidationCss = "";
 
 const SmsCodeValidation = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.apiErrorEvent = index.createEvent(this, "apiError", 7);
-    this.title = undefined;
-    this.details = undefined;
-    this.buttonText = undefined;
-    this.code = undefined;
-    this.canSend = false;
-    this.baseComponent = new BaseComponent(TranslationUtils.FlowSteps.OtpCheck);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
+  constructor(hostRef) { index.registerInstance(this, hostRef); this.apiErrorEvent = index.createEvent(this, "apiError", 7); 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(TranslationUtils.state.requestId, this.code);
+      var codeChecked = await TranslationUtils.ApiCall.instance.CheckOTPCode(TranslationUtils.state.requestId, this.code);
       TranslationUtils.state.flowStatus = TranslationUtils.FlowStatus[codeChecked.state];
     }
     catch (e) {
@@ -8938,7 +8858,7 @@ const SmsCodeValidation = class {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(TranslationUtils.FlowSteps.OtpCheck);
   }
   async componentWillRender() {
     this.translations = await TranslationUtils.Translations.getValues();
@@ -8947,7 +8867,7 @@ const SmsCodeValidation = class {
     this.buttonText = this.translations.CodeValidationValues.Button;
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(TranslationUtils.FlowSteps.OtpCheck);
   }
   handleChangeCode(ev) {
     let value = ev.target ? ev.target.value : '';
@@ -8970,20 +8890,11 @@ 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;
-    this.baseComponent = new BaseComponent(TranslationUtils.FlowSteps.OtpSend);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
+  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; }
   async doAction() {
     try {
       this.canSend = false;
-      var codeSent = await this.baseComponent.apiCall.SendOTPCode(TranslationUtils.state.requestId, this.phoneNumber);
+      var codeSent = await TranslationUtils.ApiCall.instance.SendOTPCode(TranslationUtils.state.requestId, this.phoneNumber);
       if (codeSent.sent === true) {
         TranslationUtils.state.flowStatus = TranslationUtils.FlowStatus[codeSent.state];
       }
@@ -8993,7 +8904,7 @@ const SmsSend = class {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(TranslationUtils.FlowSteps.OtpSend);
   }
   async componentWillRender() {
     this.translations = await TranslationUtils.Translations.getValues();
@@ -9005,7 +8916,7 @@ const SmsSend = class {
     }
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(TranslationUtils.FlowSteps.OtpSend);
   }
   handleChangePhone(ev) {
     let value = ev.target ? ev.target.value : '';
@@ -9033,9 +8944,7 @@ const UserLiveness = class {
     this.flow = undefined;
     this.howToDone = false;
   }
-  async componentDidLoad() {
-    await this.baseComponent.initialize();
-  }
+  async componentDidLoad() { }
   componentWillLoad() {
     if (TranslationUtils.state.flowStatus == TranslationUtils.FlowStatus.LIVENESS) {
       this.currentStep = TranslationUtils.FlowSteps.Selfie;
@@ -9061,8 +8970,6 @@ const UserLiveness = class {
         howToDone: false,
       };
     }
-    this.baseComponent = new BaseComponent(this.currentStep);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
   }
   howToDoneEvent() {
     this.howToDone = true;
@@ -9078,13 +8985,13 @@ const UserLiveness = class {
       return;
     let selfiePhoto = event.detail;
     if (selfiePhoto.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty selfie', blobData: selfiePhoto }, getLogMessage());
+      await TranslationUtils.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(TranslationUtils.state.requestId, this.flow.capture.photoType, uploadPhoto);
+      let photoUploaded = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.capture.photoType, uploadPhoto);
       if (!photoUploaded) {
         this.triggerErrorFlow();
       }
@@ -9101,14 +9008,14 @@ const UserLiveness = class {
     }
     this.recordingResultCount = 0;
     if (selfieRecording.size == 0) {
-      await this.baseComponent.apiCall.AddLog({ message: 'Empty recording', blobData: selfieRecording }, getLogMessage());
+      await TranslationUtils.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(TranslationUtils.state.requestId, this.flow.capture.recType, uploadRec);
+      let uplodDone = await TranslationUtils.ApiCall.instance.UploadFileForRequestB64(TranslationUtils.state.requestId, this.flow.capture.recType, uploadRec);
       if (!uplodDone) {
         this.triggerErrorFlow();
       }
@@ -9124,7 +9031,7 @@ const UserLiveness = class {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(this.currentStep);
   }
   triggerErrorFlow() {
     this.showError = true;