@ekyc_qoobiss/qbs-ect-cmp 3.6.44 → 3.6.46

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

@@ -1,114 +1,41 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-cf54a432.js';
-import { A as ApiCall, s as state, F as FlowMoments, a as FlowSteps, T as Translations, S as SessionKeys, b as FlowStatus, I as IdCaptureValues, O as OrderStatuses, c as SelfieCaptureValues } from './TranslationUtils-0039c82d.js';
+import { A as ApiCall, T as Translations, F as FlowMoments, a as FlowSteps, s as state, S as SessionKeys, b as FlowStatus, I as IdCaptureValues, O as OrderStatuses, c as SelfieCaptureValues } from './TranslationUtils-770d32d7.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) {
+    registerInstance(this, hostRef);
+    this.apiErrorEvent = createEvent(this, "apiError", 7);
+    this.agreementAcceptance = createEvent(this, "agreementAcceptance", 7);
+    this.agreementType = undefined;
+    this.htmlContent = undefined;
+    this.buttonEnabled = undefined;
+    this.scrollClass = 'scroll';
+    this.apiCalls = new 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 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 = (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: this.scrollClass, innerHTML: this.htmlContent }), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("div", { class: "d-flex two-buttons" }, h("button", { class: "normal-button red-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(false) }, this.translations.AgreementCheckValues.ButtonNo), h("button", { class: "normal-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(true) }, this.translations.AgreementCheckValues.ButtonYes)), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
+    return this.htmlContent ? content : h("div", null);
   }
-}
+};
+AgreementCheck.style = agreementCheckCss;
 
 class Events {
   static init(element) {
@@ -170,98 +97,29 @@ class Events {
 }
 
 class BaseComponent {
-  constructor(step) {
-    this.apiErrorEvent = null;
-    this.processError = null;
-    this.apiCall = new ApiCall();
-    if (step)
-      this.flowStep = step;
-    if (!state.device) {
-      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 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) { }
   }
 }
 
-const agreementCheckCss = "";
-
-const AgreementCheck = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.apiErrorEvent = createEvent(this, "apiError", 7);
-    this.agreementAcceptance = createEvent(this, "agreementAcceptance", 7);
-    this.agreementType = undefined;
-    this.htmlContent = undefined;
-    this.buttonEnabled = undefined;
-    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();
-  }
-  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 = (h("div", { class: "container" }, h("div", { class: "row" }, h("div", { class: this.scrollClass, innerHTML: this.htmlContent }), h("div", { class: "pos-relative show-bottom" }, h("div", { class: "btn-buletin" }, h("div", { class: "d-flex two-buttons" }, h("button", { class: "normal-button red-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(false) }, this.translations.AgreementCheckValues.ButtonNo), h("button", { class: "normal-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(true) }, this.translations.AgreementCheckValues.ButtonYes)), h("p", { class: "main-text font-size-18 text-right mb-0" }, this.translations.GlobalValues.FooterText))))));
-    return this.htmlContent ? content : h("div", null);
-  }
-};
-AgreementCheck.style = agreementCheckCss;
-
 const agreementInfoCss = "";
 
 const AgreementInfo = class {
@@ -272,13 +130,11 @@ const AgreementInfo = class {
     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();
@@ -286,12 +142,12 @@ const AgreementInfo = class {
     this.openTerms = false;
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(FlowSteps.Agreements);
   }
   async buttonClick() {
     if (this.agreementsChecked && this.termsChecked) {
       try {
-        state.flowStatus = await this.baseComponent.apiCall.GetNextFlowState();
+        state.flowStatus = await ApiCall.instance.GetNextFlowState();
       }
       catch (e) {
         this.apiErrorEvent.emit(e);
@@ -4502,6 +4358,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";
@@ -4758,16 +4638,7 @@ Camera.style = cameraCss;
 const cameraErrorCss = "";
 
 const CameraError = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.apiErrorEvent = createEvent(this, "apiError", 7);
-    this.title = undefined;
-    this.description = undefined;
-    this.buttonDisabled = undefined;
-    this.demoVideo = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.CameraError);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
+  constructor(hostRef) { registerInstance(this, hostRef); this.apiErrorEvent = createEvent(this, "apiError", 7); this.title = undefined; this.description = undefined; this.buttonDisabled = undefined; this.demoVideo = undefined; }
   async componentWillLoad() {
     this.translations = await Translations.getValues();
     this.buttonDisabled = false;
@@ -4776,7 +4647,7 @@ const CameraError = class {
     this.buttonText = this.translations.CameraErrorValues.Button;
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(FlowSteps.CameraError);
     if (state.device.mobileOS != MobileOS.iOS) {
       this.demoVideo.src = this.translations.CameraErrorValues.HowToLink;
       this.demoVideo.loop = true;
@@ -4791,7 +4662,7 @@ const CameraError = class {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(FlowSteps.CameraError);
   }
   async buttonClick() {
     this.buttonDisabled = true;
@@ -4812,14 +4683,7 @@ CameraError.style = cameraErrorCss;
 const captureErrorCss = "";
 
 const CaptureError = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.eventCaptureErrorDone = createEvent(this, "captureErrorDone", 7);
-    this.type = undefined;
-    this.buttonEnabled = undefined;
-    this.buttonText = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.CiError);
-  }
+  constructor(hostRef) { registerInstance(this, hostRef); this.eventCaptureErrorDone = createEvent(this, "captureErrorDone", 7); this.type = undefined; this.buttonEnabled = undefined; this.buttonText = undefined; }
   async componentWillLoad() {
     this.translations = await Translations.getValues();
     this.buttonEnabled = false;
@@ -4837,7 +4701,7 @@ const CaptureError = class {
     }
   }
   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);
@@ -4847,7 +4711,7 @@ const CaptureError = class {
   }
   async buttonClick() {
     this.buttonEnabled = false;
-    await this.baseComponent.logStep(FlowSteps.CiError, FlowMoments.Finalized);
+    await BaseComponent.logStep(FlowSteps.CiError, FlowMoments.Finalized);
     this.eventCaptureErrorDone.emit();
   }
   render() {
@@ -4897,10 +4761,10 @@ const howToInfoCss = "";
 const HowToInfo = class {
   constructor(hostRef) { registerInstance(this, hostRef); this.eventHowToInfoDone = createEvent(this, "howToInfoDone", 7); this.apiErrorEvent = 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;
@@ -4928,8 +4792,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 != '' ? h("p", { class: "font-size-2" }, this.subTitle) : null;
@@ -5108,7 +4970,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 (state.flowStatus == FlowStatus.IDFRONT) {
@@ -5131,7 +4992,7 @@ const IdCapture = class {
     }
   }
   async componentDidLoad() {
-    await this.baseComponent.logStep(this.flowStep, FlowMoments.Initialized);
+    await BaseComponent.logStep(this.flowStep, FlowMoments.Initialized);
     this.initVariables();
     if (state.flowStatus == FlowStatus.IDBACK) {
       this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
@@ -5182,7 +5043,7 @@ const IdCapture = class {
     else {
       this.eventTimeElapsed.emit();
     }
-    await this.baseComponent.logStep(this.flowStep, FlowMoments.Finalized);
+    await BaseComponent.logStep(this.flowStep, FlowMoments.Finalized);
   }
   async verificationFinished() {
     if (this.verified)
@@ -5283,7 +5144,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 = "./dist/index.js";
@@ -5353,6 +5214,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 {
@@ -5369,7 +5315,7 @@ const IdentificationComponent = class {
   }
   agreementAcceptanceEmitted(data) {
     try {
-      this.baseComponent.apiCall.GenerateAgreement(data.detail.agreementType);
+      ApiCall.instance.GenerateAgreement(data.detail.agreementType);
     }
     catch (e) {
       this.apiErrorEmitter(e, 'Agreement Acceptance');
@@ -5393,7 +5339,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 ApiCall.instance.AddLog(apiLogData, getLogMessage(this.order_id, this.redirect_id, this.token));
     }
     catch (_g) { }
     Events.flowError(this.errorTitle);
@@ -5404,7 +5350,6 @@ const IdentificationComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.logInit = {};
-    this.flowStatusToSet = FlowStatus.NONE;
     this.initialised = false;
     this.token = undefined;
     this.order_id = undefined;
@@ -5415,6 +5360,7 @@ const IdentificationComponent = class {
     this.lang_iso = undefined;
     this.errorMessage = undefined;
     this.errorTitle = undefined;
+    ApiCall.getInstance();
   }
   async componentWillLoad() {
     Events.init(window);
@@ -5423,8 +5369,6 @@ const IdentificationComponent = class {
     if (this.env && this.env != '') {
       state.environment = this.env;
     }
-    this.baseComponent = new BaseComponent(FlowSteps.ComponentLoaded);
-    this.baseComponent.setErrorCallback(this.apiErrorEmitter);
     if (state.debug)
       this.logInit = getLogMessage(this.order_id, this.redirect_id, this.token);
     if (this.token) {
@@ -5462,19 +5406,13 @@ const IdentificationComponent = class {
       state.requestId = savedRequest;
       this.order_id = savedRequest;
     }
-    if (this.flowStatusToSet == FlowStatus.NONE) {
-      var flowSt = sessionStorage.getItem(SessionKeys.FlowStatusKey);
-      if (flowSt) {
-        this.flowStatusToSet = FlowStatus[flowSt];
-      }
-      else {
-        this.flowStatusToSet = FlowStatus.LANDING;
-      }
-    }
   }
   async componentDidLoad() {
+    try {
+      state.flowStatus = await ApiCall.instance.GetFlowState();
+    }
+    catch (e) { }
     await this.initializeRequest();
-    state.flowStatus = this.flowStatusToSet;
   }
   async initializeRequest() {
     if (this.initialised) {
@@ -5484,13 +5422,16 @@ const IdentificationComponent = class {
     if (state.environment == 'DEMO') {
       return;
     }
+    if (!state.device) {
+      state.device = new DeviceDetection().getDevice();
+    }
     if (state.device.browser == Browser.Mi) {
       this.apiErrorEmitter('Mi Browser nu este acceptat. Va rugam utilizati Chrome.', 'Request Initialisation RequestId:' + state.requestId + ' RedirectId:' + state.redirectId);
       return;
     }
     try {
       if (state.debug)
-        this.baseComponent.apiCall.AddLog({ phase: 'debug mode' }, this.logInit);
+        ApiCall.instance.AddLog({ phase: 'debug mode' }, this.logInit);
     }
     catch (_a) { }
     try {
@@ -5499,7 +5440,7 @@ const IdentificationComponent = class {
         this.redirect_id = state.redirectId;
       }
       if (state.token != '' && (state.requestId != '' || state.redirectId != '')) {
-        await this.baseComponent.apiCall.AddIdentificationRequest(state.device, packageJson.version);
+        await ApiCall.instance.AddIdentificationRequest(state.device, packageJson.version);
         if (!this.order_id || this.order_id == '') {
           this.order_id = state.requestId;
         }
@@ -5567,24 +5508,16 @@ const deviceSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iMzI
 const landingValidationCss = "";
 
 const LandingValidation = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.apiErrorEvent = createEvent(this, "apiError", 7);
-    this.warningText = undefined;
-    this.buttonDisabled = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.Landing);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
+  constructor(hostRef) { registerInstance(this, hostRef); this.apiErrorEvent = createEvent(this, "apiError", 7); 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 (state.environment !== 'DEMO') {
-      await this.baseComponent.initialize();
+      await BaseComponent.initialize(FlowSteps.Landing);
     }
   }
   async initRequest() {
@@ -5603,7 +5536,7 @@ const LandingValidation = class {
           sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
       }
       try {
-        state.flowStatus = await this.baseComponent.apiCall.LandingValidationStartFlow(cameraIsAccessible);
+        state.flowStatus = await ApiCall.instance.LandingValidationStartFlow(cameraIsAccessible);
       }
       catch (e) {
         this.apiErrorEvent.emit(e);
@@ -5611,13 +5544,13 @@ const LandingValidation = class {
     }
   }
   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();
       state.flowStatus = FlowStatus[abortResult.state];
       Events.flowAborted();
     }
@@ -8520,8 +8453,6 @@ const MobileRedirect = class {
     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;
   }
@@ -8531,7 +8462,7 @@ const MobileRedirect = class {
     this.infoTextTop = this.translations.MobileRedirectValues.InfoTop;
     this.infoTextBottom = this.translations.MobileRedirectValues.InfoBottom;
     let envUri = state.environment == 'QA' ? 'test' : 'ect';
-    let baseUri = state.apiBaseUrl.includes("apimd") ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
+    let baseUri = state.apiBaseUrl.includes('apimd') ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
     this.redirectLink = baseUri + envUri + '/mobileredirect?redirectId=' + state.redirectId;
     if (state.phoneNumber && state.phoneNumber != '') {
       this.contact = state.phoneNumber;
@@ -8545,7 +8476,7 @@ const MobileRedirect = class {
     });
   }
   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) {
@@ -8554,7 +8485,7 @@ const MobileRedirect = class {
     }
   }
   async checkStatus() {
-    this.orderStatus = await this.baseComponent.apiCall.GetStatus(state.requestId);
+    this.orderStatus = await ApiCall.instance.GetStatus(state.requestId);
     if (this.orderStatus == OrderStatuses.FinishedCapturing) {
       this.waitingMobile = false;
       state.flowStatus = FlowStatus.COMPLETE;
@@ -8573,7 +8504,7 @@ const MobileRedirect = class {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(FlowSteps.MobileRedirect);
   }
   async buttonClick() {
     if (this.contact == '' || this.contact.length != 10) {
@@ -8582,7 +8513,7 @@ const MobileRedirect = class {
     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);
@@ -8626,8 +8557,6 @@ const ProcessId = class {
     this.showTimeout = undefined;
     this.showInvalid = undefined;
     this.flow = undefined;
-    this.baseComponent = new BaseComponent(FlowSteps.CiBack);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
   }
   componentWillLoad() {
     this.captureRetryCount = 0;
@@ -8635,6 +8564,7 @@ const ProcessId = class {
   }
   initFlow() {
     if (state.flowStatus == FlowStatus.IDFRONT) {
+      this.currentStep = FlowSteps.CiFront;
       this.flow = {
         capture: {
           fileName: 'idImage.png',
@@ -8646,6 +8576,7 @@ const ProcessId = class {
       };
     }
     else if (state.flowStatus == FlowStatus.IDBACK) {
+      this.currentStep = FlowSteps.CiBack;
       this.flow = {
         capture: {
           fileName: 'idBackImage.png',
@@ -8657,6 +8588,7 @@ const ProcessId = class {
       };
     }
     else if (state.flowStatus == FlowStatus.IDTILT) {
+      this.currentStep = FlowSteps.CiTilt;
       this.flow = {
         capture: {
           fileName: 'idTiltImage.png',
@@ -8685,7 +8617,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 ApiCall.instance.AddLog({ message: 'Empty id photo', blobData: idPhoto }, getLogMessage());
       this.triggerErrorFlow();
       return;
     }
@@ -8707,7 +8639,7 @@ const ProcessId = class {
       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;
     }
@@ -8720,13 +8652,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(state.requestId, uploadType, photoFile);
+    var uploadResult = await ApiCall.instance.UploadFileForRequestB64(state.requestId, uploadType, photoFile);
     if (uploadResult) {
       return true;
     }
@@ -8740,7 +8672,7 @@ const ProcessId = class {
     if (recordingFile == null) {
       return;
     }
-    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(state.requestId, uploadType, recordingFile);
+    var uploadResult = await ApiCall.instance.UploadFileForRequestB64(state.requestId, uploadType, recordingFile);
     if (uploadResult) {
       return true;
     }
@@ -8753,7 +8685,7 @@ const ProcessId = class {
     this.showInvalid = true;
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(this.currentStep);
   }
   switchCamera() {
     if (this.captureRetryCount == 1) {
@@ -8831,8 +8763,6 @@ const SelfieCapture = class {
       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;
@@ -8873,7 +8803,7 @@ const SelfieCapture = class {
     else {
       this.eventTimeElapsed.emit();
     }
-    await this.baseComponent.logStep(this.currentStep, FlowMoments.Finalized);
+    await BaseComponent.logStep(this.currentStep, FlowMoments.Finalized);
   }
   async verificationFinished() {
     if (this.verified)
@@ -8912,21 +8842,11 @@ SelfieCapture.style = selfieCaptureCss;
 const smsCodeValidationCss = "";
 
 const SmsCodeValidation = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.apiErrorEvent = createEvent(this, "apiError", 7);
-    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(hostRef) { registerInstance(this, hostRef); this.apiErrorEvent = 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(state.requestId, this.code);
+      var codeChecked = await ApiCall.instance.CheckOTPCode(state.requestId, this.code);
       state.flowStatus = FlowStatus[codeChecked.state];
     }
     catch (e) {
@@ -8934,7 +8854,7 @@ const SmsCodeValidation = class {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(FlowSteps.OtpCheck);
   }
   async componentWillRender() {
     this.translations = await Translations.getValues();
@@ -8943,7 +8863,7 @@ const SmsCodeValidation = class {
     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 : '';
@@ -8966,20 +8886,11 @@ SmsCodeValidation.style = smsCodeValidationCss;
 const smsSendCss = "";
 
 const SmsSend = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.apiErrorEvent = createEvent(this, "apiError", 7);
-    this.buttonText = undefined;
-    this.phoneNumber = undefined;
-    this.prefilledPhone = false;
-    this.canSend = false;
-    this.baseComponent = new BaseComponent(FlowSteps.OtpSend);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
-  }
+  constructor(hostRef) { registerInstance(this, hostRef); this.apiErrorEvent = 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(state.requestId, this.phoneNumber);
+      var codeSent = await ApiCall.instance.SendOTPCode(state.requestId, this.phoneNumber);
       if (codeSent.sent === true) {
         state.flowStatus = FlowStatus[codeSent.state];
       }
@@ -8989,7 +8900,7 @@ const SmsSend = class {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(FlowSteps.OtpSend);
   }
   async componentWillRender() {
     this.translations = await Translations.getValues();
@@ -9001,7 +8912,7 @@ const SmsSend = class {
     }
   }
   async componentDidLoad() {
-    await this.baseComponent.initialize();
+    await BaseComponent.initialize(FlowSteps.OtpSend);
   }
   handleChangePhone(ev) {
     let value = ev.target ? ev.target.value : '';
@@ -9029,9 +8940,7 @@ const UserLiveness = class {
     this.flow = undefined;
     this.howToDone = false;
   }
-  async componentDidLoad() {
-    await this.baseComponent.initialize();
-  }
+  async componentDidLoad() { }
   componentWillLoad() {
     if (state.flowStatus == FlowStatus.LIVENESS) {
       this.currentStep = FlowSteps.Selfie;
@@ -9057,8 +8966,6 @@ const UserLiveness = class {
         howToDone: false,
       };
     }
-    this.baseComponent = new BaseComponent(this.currentStep);
-    this.baseComponent.setEventEmitter(this.apiErrorEvent);
   }
   howToDoneEvent() {
     this.howToDone = true;
@@ -9074,13 +8981,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 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(state.requestId, this.flow.capture.photoType, uploadPhoto);
+      let photoUploaded = await ApiCall.instance.UploadFileForRequestB64(state.requestId, this.flow.capture.photoType, uploadPhoto);
       if (!photoUploaded) {
         this.triggerErrorFlow();
       }
@@ -9097,14 +9004,14 @@ const UserLiveness = class {
     }
     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(state.requestId, this.flow.capture.recType, uploadRec);
+      let uplodDone = await ApiCall.instance.UploadFileForRequestB64(state.requestId, this.flow.capture.recType, uploadRec);
       if (!uplodDone) {
         this.triggerErrorFlow();
       }
@@ -9120,7 +9027,7 @@ const UserLiveness = class {
     }
   }
   async disconnectedCallback() {
-    await this.baseComponent.finalize();
+    await BaseComponent.finalize(this.currentStep);
   }
   triggerErrorFlow() {
     this.showError = true;