@ekyc_qoobiss/qbs-ect-cmp 3.6.15 → 3.6.17

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

@@ -2,7 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-79f82518.js');
+const index = require('./index-41696e0e.js');
+const store = require('./store-4bf93725.js');
 
 var OrderStatuses;
 (function (OrderStatuses) {
@@ -13,402 +14,6 @@ var OrderStatuses;
   OrderStatuses[OrderStatuses["Aborted"] = 4] = "Aborted";
 })(OrderStatuses || (OrderStatuses = {}));
 
-const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
-    }
-    else if (!items.includes(value)) {
-        items.push(value);
-    }
-};
-const debounce = (fn, ms) => {
-    let timeoutId;
-    return (...args) => {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        timeoutId = setTimeout(() => {
-            timeoutId = 0;
-            fn(...args);
-        }, ms);
-    };
-};
-
-/**
- * Check if a possible element isConnected.
- * The property might not be there, so we check for it.
- *
- * We want it to return true if isConnected is not a property,
- * otherwise we would remove these elements and would not update.
- *
- * Better leak in Edge than to be useless.
- */
-const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
-    }
-}, 2000);
-const stencilSubscription = () => {
-    if (typeof index.getRenderingRef !== 'function') {
-        // If we are not in a stencil project, we do nothing.
-        // This function is not really exported by @stencil/core.
-        return {};
-    }
-    const elmsToUpdate = new Map();
-    return {
-        dispose: () => elmsToUpdate.clear(),
-        get: (propName) => {
-            const elm = index.getRenderingRef();
-            if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
-            }
-        },
-        set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(index.forceUpdate));
-            }
-            cleanupElements(elmsToUpdate);
-        },
-        reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(index.forceUpdate));
-            cleanupElements(elmsToUpdate);
-        },
-    };
-};
-
-const unwrap = (val) => (typeof val === 'function' ? val() : val);
-const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
-    const handlers = {
-        dispose: [],
-        get: [],
-        set: [],
-        reset: [],
-    };
-    const reset = () => {
-        var _a;
-        // When resetting the state, the default state may be a function - unwrap it to invoke it.
-        // otherwise, the state won't be properly reset
-        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
-        handlers.reset.forEach((cb) => cb());
-    };
-    const dispose = () => {
-        // Call first dispose as resetting the state would
-        // cause less updates ;)
-        handlers.dispose.forEach((cb) => cb());
-        reset();
-    };
-    const get = (propName) => {
-        handlers.get.forEach((cb) => cb(propName));
-        return states.get(propName);
-    };
-    const set = (propName, value) => {
-        const oldValue = states.get(propName);
-        if (shouldUpdate(value, oldValue, propName)) {
-            states.set(propName, value);
-            handlers.set.forEach((cb) => cb(propName, value, oldValue));
-        }
-    };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(unwrappedState, {
-            get(_, propName) {
-                return get(propName);
-            },
-            ownKeys(_) {
-                return Array.from(states.keys());
-            },
-            getOwnPropertyDescriptor() {
-                return {
-                    enumerable: true,
-                    configurable: true,
-                };
-            },
-            has(_, propName) {
-                return states.has(propName);
-            },
-            set(_, propName, value) {
-                set(propName, value);
-                return true;
-            },
-        }));
-    const on = (eventName, callback) => {
-        handlers[eventName].push(callback);
-        return () => {
-            removeFromArray(handlers[eventName], callback);
-        };
-    };
-    const onChange = (propName, cb) => {
-        const unSet = on('set', (key, newValue) => {
-            if (key === propName) {
-                cb(newValue);
-            }
-        });
-        // We need to unwrap the defaultState because it might be a function.
-        // Otherwise we might not be sending the right reset value.
-        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
-        return () => {
-            unSet();
-            unReset();
-        };
-    };
-    const use = (...subscriptions) => {
-        const unsubs = subscriptions.reduce((unsubs, subscription) => {
-            if (subscription.set) {
-                unsubs.push(on('set', subscription.set));
-            }
-            if (subscription.get) {
-                unsubs.push(on('get', subscription.get));
-            }
-            if (subscription.reset) {
-                unsubs.push(on('reset', subscription.reset));
-            }
-            if (subscription.dispose) {
-                unsubs.push(on('dispose', subscription.dispose));
-            }
-            return unsubs;
-        }, []);
-        return () => unsubs.forEach((unsub) => unsub());
-    };
-    const forceUpdate = (key) => {
-        const oldValue = states.get(key);
-        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
-    };
-    return {
-        state,
-        get,
-        set,
-        on,
-        onChange,
-        use,
-        dispose,
-        reset,
-        forceUpdate,
-    };
-};
-const removeFromArray = (array, item) => {
-    const index = array.indexOf(item);
-    if (index >= 0) {
-        array[index] = array[array.length - 1];
-        array.length--;
-    }
-};
-
-const createStore = (defaultState, shouldUpdate) => {
-    const map = createObservableMap(defaultState, shouldUpdate);
-    map.use(stencilSubscription());
-    return map;
-};
-
-var FlowStatus;
-(function (FlowStatus) {
-  FlowStatus[FlowStatus["LANDING"] = 0] = "LANDING";
-  FlowStatus[FlowStatus["AGREEMENT"] = 1] = "AGREEMENT";
-  FlowStatus[FlowStatus["PHONE"] = 2] = "PHONE";
-  FlowStatus[FlowStatus["CODE"] = 3] = "CODE";
-  FlowStatus[FlowStatus["CODEERROR"] = 4] = "CODEERROR";
-  FlowStatus[FlowStatus["ID"] = 5] = "ID";
-  FlowStatus[FlowStatus["LIVENESS"] = 6] = "LIVENESS";
-  FlowStatus[FlowStatus["COMPLETE"] = 7] = "COMPLETE";
-  FlowStatus[FlowStatus["ERROREND"] = 8] = "ERROREND";
-  FlowStatus[FlowStatus["CAMERAERROR"] = 9] = "CAMERAERROR";
-  FlowStatus[FlowStatus["NONE"] = 10] = "NONE";
-})(FlowStatus || (FlowStatus = {}));
-
-class GlobalValues {
-}
-GlobalValues.FooterText = 'Qoobiss eKYC';
-GlobalValues.VideoLenght = 3100;
-class HowToValues extends GlobalValues {
-}
-HowToValues.IdTitile = 'Prezintă actul tău de identitate';
-HowToValues.IdSubTitileFace = 'Este necesară captarea actului de identitate. Urmează intrucțiunile ce vor fi afișate pe ecran.';
-HowToValues.IdSubTitileBack = 'Este necesară captarea pe verso a actului de identitate. Urmează intrucțiunile ce vor fi afișate pe ecran.';
-HowToValues.IdButton = 'Sunt gata!';
-HowToValues.SelfieTitile = 'Validare video';
-HowToValues.SelfieSubTitile = 'Este necesară realizarea unei înregistrări video. Respectă intrucțiunile ce vor fi afișate pe ecran.';
-HowToValues.SelfieButton = 'Sunt gata!';
-class LandingValues extends GlobalValues {
-}
-LandingValues.Title = 'Validarea identității la distanță este o procedură simplă și rapidă';
-LandingValues.Description = 'Asigură-te că ai:';
-LandingValues.IdInfo = 'Actul de identitate, în original';
-LandingValues.DeviceInfo = 'Un telefon mobil sau un calculator cu camera web';
-LandingValues.SmsInfo = 'Acces la un telefon mobil ce permite primirea de mesaje SMS';
-LandingValues.Warning = 'ATENȚIE! În cadrul acestui proces se poate utiliza doar cartea de identitate Românească.';
-LandingValues.WarningMd = 'ATENȚIE! In cadrul acestui proces se pot utiliza doar buletinele de identitate din Republica Moldova.';
-LandingValues.Terms = 'Prin continuarea procesului, confirmi că ai citit termenii de utilizare și ești de acord cu aceștia.';
-LandingValues.Button = 'Am înțeles';
-LandingValues.ButtonLeave = 'Nu sunt pregătit';
-class PhoneValidationValues extends GlobalValues {
-}
-PhoneValidationValues.Title = 'Este necesar să validăm numărul tău de telefon';
-PhoneValidationValues.Description = 'Introdu mai jos numarul tau de telefon:';
-PhoneValidationValues.Button = 'Trimite SMS de verificare';
-PhoneValidationValues.Label = 'Numarul tau de telefon';
-class CodeValidationValues extends GlobalValues {
-}
-CodeValidationValues.Title = 'Introdu codul de validare primit prin sms:';
-CodeValidationValues.Description = ' ';
-CodeValidationValues.Button = 'Validează';
-CodeValidationValues.Error = 'Codul introdus nu este valid. Asigură-te că îl introduci corect';
-class CompleteValues extends GlobalValues {
-}
-CompleteValues.Title = 'Procesul a fost finalizat.';
-CompleteValues.Description = 'Vei fi redirecționat în câteva momente.';
-CompleteValues.Message = 'Îți mulțumim!';
-class SessionKeys {
-}
-SessionKeys.FlowStatusKey = 'qbs-ect-flowstatus';
-SessionKeys.RequestIdKey = 'qbs-ect-requestid';
-SessionKeys.TokenKey = 'qbs-ect-token';
-SessionKeys.InitialisedKey = 'qbs-ect-initialised';
-SessionKeys.HasIdBackKey = 'qbs-ect-has-id-back';
-SessionKeys.AgreementValidationKey = 'qbs-ect-agreement-validation';
-SessionKeys.PhoneValidationKey = 'qbs-ect-phone-validation';
-SessionKeys.RefreshDoneKey = 'qbs-ect-refresh-done';
-class IdCaptureValues extends GlobalValues {
-}
-IdCaptureValues.Button = 'Încerc din nou';
-IdCaptureValues.Title = 'Încadrează actul de identitate în chenarul de pe ecran.';
-IdCaptureValues.TitleBack = 'Încadrează spatele actului de identitate în chenarul de pe ecran.';
-IdCaptureValues.TtileRotate = 'Întoarce actul de identitate.';
-IdCaptureValues.ErrorTitleR1 = 'Nu am putut colecta informațiile din actul de identitate!';
-IdCaptureValues.ErrorTitleR2 = 'Te rugăm să mai încerci o dată!';
-IdCaptureValues.ErrorR1 = 'Încadrează actul de identitate în așa fel încât chenarul să se potrivească perfect pe colțurile actului de identitate. Trebuie să fie vizibilă întreaga suprafață a actului de identitate. ';
-IdCaptureValues.ErrorR2 = 'Ai grijă să te afli într-o zonă cu suficientă lumină și să nu acoperi părți ale actului de identitate cu degetele. Ai grijă de asemenea să nu se formeze reflexii de lumină pe suprafața acestuia.';
-IdCaptureValues.IDPoseMapping = {
-  0: '',
-  1: 'Înclină actul de identitate spre spate.',
-  2: '',
-  3: '',
-  4: '',
-};
-IdCaptureValues.IDPoseDemoMapping = {
-  0: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_front.mp4',
-  1: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_front_tilt.mp4',
-  2: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_rotate.mp4',
-  3: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_back.mp4',
-  4: 'https://ekyc.blob.core.windows.net/$web/animations/id/id_back_tilt.mp4',
-};
-IdCaptureValues.Loading = 'Transferăm datele. Asteptați...';
-class SelfieCaptureValues extends GlobalValues {
-}
-SelfieCaptureValues.Title = 'Încadrează fața în chenarul de pe ecran.';
-SelfieCaptureValues.FinalTitle = 'Îndreaptă capul și încadrează fața în chenarul de pe ecran.';
-SelfieCaptureValues.ErrorTitleR1 = 'Procesul a eșuat!';
-SelfieCaptureValues.ErrorTitleR2 = 'Te rugăm să mai încerci o dată!';
-SelfieCaptureValues.ErrorR1 = 'Încadrează fața în așa fel încât chenarul să se suprapună peste linia bărbiei și a frunții, exact așa cum vezi în animația de pe ecran. ';
-SelfieCaptureValues.ErrorR2 = 'Rămâi cu fața încadrată în chenar și execută gestul solicitat după ce animația cu explicația a dispărut de pe ecran.';
-SelfieCaptureValues.Loading = 'Transferăm datele. Asteptați...';
-SelfieCaptureValues.FacePoseMapping = {
-  0: 'Întoarce capul spre stânga.',
-  1: 'Întoarce capul spre dreapta.',
-  2: 'Înclină capul spre spate.',
-  3: 'Înclină capul în față.',
-  // 4: 'Înclină capul spre stânga.',
-  // 5: 'Înclină capul spre dreapta.',
-  4: '',
-};
-SelfieCaptureValues.FacePoseDemoMapping = {
-  0: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_rotate_left.mp4',
-  1: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_rotate_right.mp4',
-  2: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_back.mp4',
-  3: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_front.mp4',
-  // 4: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_left.mp4',
-  // 5: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_tilt_right.mp4',
-  4: 'https://ekyc.blob.core.windows.net/$web/animations/selfie/selfie_main.mp4',
-};
-class AgreementInfoValues extends GlobalValues {
-}
-AgreementInfoValues.Title = 'Pentru începerea identificării avem nevoie de acordurile tale:';
-AgreementInfoValues.Button = 'Încep identificarea';
-AgreementInfoValues.Terms = 'Am luat la cunoștință și sunt de acord cu Termenii și condițiile generale de utilizare';
-AgreementInfoValues.Agreement = 'Îmi exprim acordul pentru prelucrarea datelor cu caracter personal';
-class AgreementCheckValues extends GlobalValues {
-}
-AgreementCheckValues.ButtonYes = 'Sunt de acord';
-AgreementCheckValues.ButtonNo = 'Nu sunt de acord';
-class ApiUrls {
-  constructor() {
-    this.uriEnv = '/';
-    this.uriEnv = state.environment == 'QA' ? '/dev_' : '/';
-    this.OtpSend = this.uriEnv + 'validation/otp/send';
-    this.OtpCheck = this.uriEnv + 'validation/otp/check';
-    this.IdentityInsert = this.uriEnv + 'validation/identity/insert';
-    this.UploadCapture = this.uriEnv + 'validation/upload/capture';
-    this.GetAgreement = this.uriEnv + 'validation/agreement/content';
-    this.GenerateAgreement = this.uriEnv + 'validation/agreement/generate';
-    this.SendLink = this.uriEnv + 'validation/otp/sendlink';
-    this.GetStatus = this.uriEnv + 'validation/identity/status';
-    this.AddLog = this.uriEnv + 'validation/logs/add';
-    this.AddStep = this.uriEnv + 'validation/logs/step';
-    this.AbortRequest = this.uriEnv + 'validation/identity/abort';
-  }
-}
-class MobileRedirectValues extends GlobalValues {
-}
-MobileRedirectValues.InfoTop = 'Pentru a continua scanați codul de mai jos cu un smartphone.';
-MobileRedirectValues.InfoBottom = 'Sau introduceți un număr de telefon pentru a primi link-ul pe smartphone.';
-MobileRedirectValues.Validation = 'Număr de telefon invalid!';
-MobileRedirectValues.InfoWaiting = 'Așteptăm finalizarea procesului pe smartphone.';
-MobileRedirectValues.InfoAborted = 'Procesului de pe smartphone a fost amanat.';
-class CameraErrorValues extends GlobalValues {
-}
-CameraErrorValues.Title = 'Procesul de indetificare nu poate continua.';
-CameraErrorValues.Description = 'Nu am putut detecta nicio camera. Cel mai probabil nu ai acordat drept de acces acestui site, Te rugam sa dai acces si sa apesi butonul de mai jos dupa aceea.';
-CameraErrorValues.Button = 'Reincep procesul';
-CameraErrorValues.HowToLink = 'https://ekyc.blob.core.windows.net/$web/animations/enable_permissions_sm.mp4';
-
-const { state, onChange } = createStore({
-  flowStatus: FlowStatus.NONE,
-  environment: 'PROD',
-  debug: false,
-  requestId: '',
-  redirectId: '',
-  initialised: false,
-  token: '',
-  cameraIds: [],
-  cameraId: '',
-  hasIdBack: false,
-  hasSelfieGesture: false,
-  hasIdTilt: false,
-  agreementsValidation: true,
-  phoneValidation: true,
-  phoneNumber: '',
-  apiBaseUrl: 'https://apiro.id-kyc.com',
-  device: null,
-  recordingRetryCount: 0,
-});
-onChange('environment', value => {
-  state.debug = value == 'QA';
-});
-onChange('flowStatus', value => {
-  sessionStorage.setItem(SessionKeys.FlowStatusKey, FlowStatus[value]);
-});
-onChange('token', value => {
-  sessionStorage.setItem(SessionKeys.TokenKey, value);
-});
-onChange('requestId', value => {
-  sessionStorage.setItem(SessionKeys.RequestIdKey, value);
-});
-onChange('initialised', value => {
-  sessionStorage.setItem(SessionKeys.InitialisedKey, String(value));
-});
-onChange('hasIdBack', value => {
-  sessionStorage.setItem(SessionKeys.HasIdBackKey, String(value));
-});
-onChange('agreementsValidation', value => {
-  sessionStorage.setItem(SessionKeys.AgreementValidationKey, String(value));
-});
-onChange('phoneValidation', value => {
-  sessionStorage.setItem(SessionKeys.PhoneValidationKey, String(value));
-});
-
 var FlowSteps;
 (function (FlowSteps) {
   FlowSteps[FlowSteps["ComponentLoaded"] = 'component-loaded'] = "ComponentLoaded";
@@ -449,7 +54,7 @@ class ApiCall {
       reader.onload = () => resolve(reader.result);
       reader.onerror = error => reject(error);
     });
-    this.urls = new ApiUrls();
+    this.urls = new store.ApiUrls();
   }
   // private async http2<T>(method: string, url: string, data: string): Promise<T> {
   //   return new Promise((resolve, reject) => {
@@ -488,12 +93,12 @@ class ApiCall {
     }
   }
   async post(url, data, withRetry = true) {
-    var request = new Request(state.apiBaseUrl + url, {
+    var request = new Request(store.state.apiBaseUrl + url, {
       method: 'POST',
       body: data,
       headers: {
         'Content-Type': 'application/json',
-        'Authorization': 'IDKYC-TOKEN ' + state.token,
+        'Authorization': 'IDKYC-TOKEN ' + store.state.token,
       },
     });
     try {
@@ -505,24 +110,24 @@ class ApiCall {
       }
       this.AddLog('Error in post ', ex);
       try {
-        var request2 = new Request(state.apiBaseUrl + url, {
+        var request2 = new Request(store.state.apiBaseUrl + url, {
           method: 'POST',
           body: data,
           headers: {
             'Content-Type': 'application/json',
-            'Authorization': 'IDKYC-TOKEN ' + state.token,
+            'Authorization': 'IDKYC-TOKEN ' + store.state.token,
           },
         });
         return await this.http(request2);
       }
       catch (ex2) {
         this.AddLog('Error in post ', ex2);
-        var request3 = new Request(state.apiBaseUrl + url, {
+        var request3 = new Request(store.state.apiBaseUrl + url, {
           method: 'POST',
           body: data,
           headers: {
             'Content-Type': 'application/json',
-            'Authorization': 'IDKYC-TOKEN ' + state.token,
+            'Authorization': 'IDKYC-TOKEN ' + store.state.token,
           },
         });
         return await this.http(request3);
@@ -530,11 +135,11 @@ class ApiCall {
     }
   }
   async get(url, withRetry = true) {
-    var request = new Request(state.apiBaseUrl + url, {
+    var request = new Request(store.state.apiBaseUrl + url, {
       method: 'GET',
       headers: {
         'Content-Type': 'application/json',
-        'Authorization': 'IDKYC-TOKEN ' + state.token,
+        'Authorization': 'IDKYC-TOKEN ' + store.state.token,
       },
     });
     try {
@@ -546,22 +151,22 @@ class ApiCall {
       }
       this.AddLog('Error in get ', ex);
       try {
-        var request2 = new Request(state.apiBaseUrl + url, {
+        var request2 = new Request(store.state.apiBaseUrl + url, {
           method: 'GET',
           headers: {
             'Content-Type': 'application/json',
-            'Authorization': 'IDKYC-TOKEN ' + state.token,
+            'Authorization': 'IDKYC-TOKEN ' + store.state.token,
           },
         });
         return await this.http(request2);
       }
       catch (ex2) {
         this.AddLog('Error in get ', ex2);
-        var request3 = new Request(state.apiBaseUrl + url, {
+        var request3 = new Request(store.state.apiBaseUrl + url, {
           method: 'GET',
           headers: {
             'Content-Type': 'application/json',
-            'Authorization': 'IDKYC-TOKEN ' + state.token,
+            'Authorization': 'IDKYC-TOKEN ' + store.state.token,
           },
         });
         return await this.http(request3);
@@ -579,25 +184,25 @@ class ApiCall {
     return jsonResp.valid;
   }
   async AddIdentificationRequest(deviceInfo, version) {
-    if (state.debug)
-      console.log('Calling identity request with store:' + JSON.stringify(state));
+    if (store.state.debug)
+      console.log('Calling identity request with store:' + JSON.stringify(store.state));
     let data = {
-      requestId: state.requestId,
+      requestId: store.state.requestId,
       clientDeviceInfo: JSON.stringify(deviceInfo),
-      redirectId: state.redirectId,
-      phoneNumber: state.phoneNumber,
+      redirectId: store.state.redirectId,
+      phoneNumber: store.state.phoneNumber,
       version: version,
     };
     let jsonResp = await this.post(this.urls.IdentityInsert, JSON.stringify(data));
-    if (state.requestId == '') {
-      state.requestId = jsonResp.requestId;
-    }
-    state.hasIdBack = jsonResp.hasIdBack;
-    state.hasIdTilt = jsonResp.hasIdTilt;
-    state.hasSelfieGesture = jsonResp.hasSelfieGesture;
-    state.agreementsValidation = jsonResp.agreementsValidation;
-    state.phoneValidation = jsonResp.phoneValidation;
-    state.phoneNumber = jsonResp.phoneNumber;
+    if (store.state.requestId == '') {
+      store.state.requestId = jsonResp.requestId;
+    }
+    store.state.hasIdBack = jsonResp.hasIdBack;
+    store.state.hasIdTilt = jsonResp.hasIdTilt;
+    store.state.hasSelfieGesture = jsonResp.hasSelfieGesture;
+    store.state.agreementsValidation = jsonResp.agreementsValidation;
+    store.state.phoneValidation = jsonResp.phoneValidation;
+    store.state.phoneNumber = jsonResp.phoneNumber;
     return true;
   }
   async UploadFileForRequestB64(requestId, type, file) {
@@ -607,10 +212,10 @@ class ApiCall {
       data: await this.toBase64(file),
     };
     let respJson = await this.post(this.urls.UploadCapture, JSON.stringify(data));
-    if (!state.hasIdBack && type == 'IdFront') {
+    if (!store.state.hasIdBack && type == 'IdFront') {
       return respJson.isValid;
     }
-    if (state.hasIdBack && type == 'IdBack') {
+    if (store.state.hasIdBack && type == 'IdBack') {
       return respJson.isValid;
     }
     if (type == 'Selfie') {
@@ -619,11 +224,11 @@ class ApiCall {
     return true;
   }
   async GetAgreement(agreementType) {
-    let resp = await this.get(this.urls.GetAgreement + '?type=' + agreementType + '&requestId=' + state.requestId);
+    let resp = await this.get(this.urls.GetAgreement + '?type=' + agreementType + '&requestId=' + store.state.requestId);
     return resp.htmlText;
   }
   async GenerateAgreement(agreementType) {
-    let data = { requestId: state.requestId, documentType: agreementType };
+    let data = { requestId: store.state.requestId, documentType: agreementType };
     let resp = await this.post(this.urls.GenerateAgreement, JSON.stringify(data));
     return resp.generation;
   }
@@ -632,15 +237,15 @@ class ApiCall {
     return OrderStatuses[resp.status];
   }
   async SendLink(link, phoneNumber) {
-    let data = { requestId: state.requestId, link: link, phoneNumber: phoneNumber };
+    let data = { requestId: store.state.requestId, link: link, phoneNumber: phoneNumber };
     let resp = await this.post(this.urls.SendLink, JSON.stringify(data));
     return resp.sent;
   }
   async AddLog(error, context) {
     try {
       let data = {
-        requestId: state.requestId,
-        action: FlowStatus[state.flowStatus],
+        requestId: store.state.requestId,
+        action: store.FlowStatus[store.state.flowStatus],
         message: JSON.stringify({ error, context }),
       };
       let result = await this.post(this.urls.AddLog, JSON.stringify(data), false);
@@ -649,12 +254,12 @@ class ApiCall {
     catch (_a) { }
   }
   async AddStep(step, moment) {
-    let data = { requestId: state.requestId, redirectId: state.redirectId, step: FlowSteps[step], moment: FlowMoments[moment], timestamp: new Date().toISOString() };
+    let data = { requestId: store.state.requestId, redirectId: store.state.redirectId, step: FlowSteps[step], moment: FlowMoments[moment], timestamp: new Date().toISOString() };
     let result = await this.post(this.urls.AddStep, JSON.stringify(data));
     return result.saved;
   }
   async AbortRequest() {
-    let result = await this.post(this.urls.AbortRequest, JSON.stringify({ requestId: state.requestId }));
+    let result = await this.post(this.urls.AbortRequest, JSON.stringify({ requestId: store.state.requestId }));
     return result.saved;
   }
 }
@@ -669,6 +274,7 @@ const AgreementCheck = class {
     this.agreementType = undefined;
     this.htmlContent = undefined;
     this.buttonEnabled = undefined;
+    this.scrollClass = 'scroll';
     this.apiCalls = new ApiCall();
     this.buttonEnabled = true;
   }
@@ -684,8 +290,16 @@ const AgreementCheck = class {
     this.buttonEnabled = false;
     this.agreementAcceptance.emit({ agreementType: this.agreementType, result });
   }
+  handleScroll(ev) {
+    if (ev.target.offsetHeight + ev.target.scrollTop >= ev.target.scrollHeight) {
+      this.scrollClass = 'scroll-full';
+    }
+    else {
+      this.scrollClass = 'scroll';
+    }
+  }
   render() {
-    let content = (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { class: "scroll", 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) }, AgreementCheckValues.ButtonNo), index.h("button", { class: "normal-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(true) }, AgreementCheckValues.ButtonYes)), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, AgreementInfoValues.FooterText))))));
+    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) }, store.AgreementCheckValues.ButtonNo), index.h("button", { class: "normal-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick(true) }, store.AgreementCheckValues.ButtonYes)), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.AgreementInfoValues.FooterText))))));
     return this.htmlContent ? content : index.h("div", null);
   }
 };
@@ -866,8 +480,8 @@ class BaseComponent {
     this.apiCall = new ApiCall();
     if (step)
       this.flowStep = step;
-    if (!state.device) {
-      state.device = new DeviceDetection().getDevice();
+    if (!store.state.device) {
+      store.state.device = new DeviceDetection().getDevice();
     }
   }
   setEventEmitter(event) {
@@ -941,7 +555,7 @@ const AgreementInfo = class {
   }
   async buttonClick() {
     if (this.agreementsChecked && this.termsChecked) {
-      state.flowStatus = FlowStatus.PHONE;
+      store.state.flowStatus = store.FlowStatus.PHONE;
     }
   }
   agreementAcceptanceEmitted(data) {
@@ -963,7 +577,7 @@ const AgreementInfo = class {
   render() {
     let agreementsCheck = index.h("agreement-check", { agreementType: "agreement" });
     let termsCheck = index.h("agreement-check", { agreementType: "terms" });
-    let mainComp = (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", null, index.h("h1", { class: "text-center" }, AgreementInfoValues.Title), index.h("div", { class: "d-flex space-between align-center" }, index.h("h3", { class: "main-text font-size-2", onClick: () => this.agreementsClicked() }, index.h("input", { type: "checkbox", readOnly: true, checked: this.agreementsChecked }), AgreementInfoValues.Agreement)), index.h("div", { class: "d-flex space-between align-center" }, index.h("h3", { class: "main-text font-size-2", onClick: () => this.termsClicked() }, index.h("input", { type: "checkbox", readOnly: true, checked: this.termsChecked }), AgreementInfoValues.Terms))), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", onClick: () => this.buttonClick() }, AgreementInfoValues.Button), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, AgreementInfoValues.FooterText))))));
+    let mainComp = (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", null, index.h("h1", { class: "text-center" }, store.AgreementInfoValues.Title), index.h("div", { class: "d-flex space-between align-center" }, index.h("h3", { class: "main-text font-size-2", onClick: () => this.agreementsClicked() }, index.h("input", { type: "checkbox", readOnly: true, checked: this.agreementsChecked }), store.AgreementInfoValues.Agreement)), index.h("div", { class: "d-flex space-between align-center" }, index.h("h3", { class: "main-text font-size-2", onClick: () => this.termsClicked() }, index.h("input", { type: "checkbox", readOnly: true, checked: this.termsChecked }), store.AgreementInfoValues.Terms))), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", onClick: () => this.buttonClick() }, store.AgreementInfoValues.Button), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.AgreementInfoValues.FooterText))))));
     return this.openAgreements ? agreementsCheck : this.openTerms ? termsCheck : mainComp;
   }
 };
@@ -2271,7 +1885,7 @@ class ML5 {
   }
   async init() {
     return new Promise(async (resolve) => {
-      const modelPath = state.hasIdBack ? 'https://ekyc.blob.core.windows.net/$web/md/model.json' : 'https://ekyc.blob.core.windows.net/$web/model.json';
+      const modelPath = store.state.hasIdBack ? 'https://ekyc.blob.core.windows.net/$web/md/model.json' : 'https://ekyc.blob.core.windows.net/$web/model.json';
       this.classifier = await ml5.imageClassifier(modelPath, this.loaded);
       this.faceapi = await ml5.faceApi({ withLandmarks: true, withDescriptors: false }, this.loaded);
       //warmup
@@ -2283,13 +1897,13 @@ class ML5 {
     });
   }
   loaded() {
-    if (state.debug)
+    if (store.state.debug)
       console.log('ML5 LOADED!!!');
   }
   gotResults(error, results) {
-    if (state.debug)
+    if (store.state.debug)
       console.log(error);
-    if (state.debug)
+    if (store.state.debug)
       console.log(results);
   }
 }
@@ -2308,8 +1922,8 @@ const blobToBase64 = (blob) => {
 const delay = ms => new Promise(res => setTimeout(res, ms));
 const getLogMessage = (param_req_id = '', param_redirect_id = '', param_token = '') => {
   return {
-    store_values: { request_id: state.requestId, redirect_id: state.redirectId, token: state.token },
-    session_values: { request_id: sessionStorage.getItem(SessionKeys.RequestIdKey), token: sessionStorage.getItem(SessionKeys.TokenKey) },
+    store_values: { request_id: store.state.requestId, redirect_id: store.state.redirectId, token: store.state.token },
+    session_values: { request_id: sessionStorage.getItem(store.SessionKeys.RequestIdKey), token: sessionStorage.getItem(store.SessionKeys.TokenKey) },
     parameter_values: { request_id: param_req_id, redirect_id: param_redirect_id, token: param_token },
   };
 };
@@ -2585,7 +2199,7 @@ class FaceML5Detector {
             this.stream.autoCapturing();
             // this.frontFace = new FaceLandmarks(results[0], this.width, this.height);
             await this.drawFrame('green');
-            await delay(GlobalValues.VideoLenght);
+            await delay(store.GlobalValues.VideoLenght);
           }
         }
       }
@@ -2656,7 +2270,7 @@ class FaceML5Detector {
     if (this.frontFace == null) {
       this.frontFace = face;
       // await this.drawFrame('green');
-      if (state.debug)
+      if (store.state.debug)
         console.log('face ok');
     }
     else if (this.frontFace != null && this.presentedFacePose == null) {
@@ -5249,8 +4863,8 @@ class Stream {
       // this.dropMask();
       // if (this.faceDetection) Detector.getInstance().stopDetector();
     };
-    this.idML5Detector = IDML5Detector.getInstance(this, state.device.isMobile);
-    this.faceML5Detector = FaceML5Detector.getInstance(this, state.device.isMobile);
+    this.idML5Detector = IDML5Detector.getInstance(this, store.state.device.isMobile);
+    this.faceML5Detector = FaceML5Detector.getInstance(this, store.state.device.isMobile);
     this.verificationMode = mode;
   }
   static getInstance(mode) {
@@ -5318,7 +4932,7 @@ class Stream {
       return;
     var options = { mimeType: Stream.webmMimeType.mime, videoBitsPerSecond: 1500000 };
     if (!MediaRecorder.isTypeSupported(options.mimeType)) {
-      if (state.device.mobileOS == MobileOS.iOS || state.device.browser == Browser.Safari)
+      if (store.state.device.mobileOS == MobileOS.iOS || store.state.device.browser == Browser.Safari)
         options.mimeType = Stream.mp4MimeType.mime;
     }
     this.recordedChunks = [];
@@ -5369,7 +4983,7 @@ class Stream {
       const context = canvas.getContext('2d');
       context.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);
       canvas.toBlob((frame) => {
-        if (frame.type === ImageFormat.JPEG && !state.device.isAppleDevice) {
+        if (frame.type === ImageFormat.JPEG && !store.state.device.isAppleDevice) {
           try {
             addExifInImg(frame, this.stream.getTracks()[0], this.videoSize).then(updatedFrame => resolve(updatedFrame));
           }
@@ -5471,7 +5085,7 @@ const Camera = class {
   render() {
     let cameraVideoClass = 'cameraVideo';
     let cameraCanvasClass = 'cameraCanvas';
-    if (state.device.isDesktop) {
+    if (store.state.device.isDesktop) {
       cameraVideoClass = 'cameraVideoSelfieDesk';
       cameraCanvasClass = 'cameraCanvasSelfieDesk';
     }
@@ -5523,22 +5137,22 @@ const CameraError = class {
   }
   async componentWillLoad() {
     this.buttonDisabled = false;
-    this.title = CameraErrorValues.Title;
-    this.description = CameraErrorValues.Description;
-    this.buttonText = CameraErrorValues.Button;
+    this.title = store.CameraErrorValues.Title;
+    this.description = store.CameraErrorValues.Description;
+    this.buttonText = store.CameraErrorValues.Button;
   }
   async componentDidLoad() {
     await this.baseComponent.initialize();
-    if (state.device.mobileOS != MobileOS.iOS) {
-      this.demoVideo.src = CameraErrorValues.HowToLink;
+    if (store.state.device.mobileOS != MobileOS.iOS) {
+      this.demoVideo.src = store.CameraErrorValues.HowToLink;
       this.demoVideo.loop = true;
       this.demoVideo.play();
     }
     else {
-      var loaded = sessionStorage.getItem(SessionKeys.RefreshDoneKey);
+      var loaded = sessionStorage.getItem(store.SessionKeys.RefreshDoneKey);
       if (loaded === 'true') {
-        sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
-        state.flowStatus = FlowStatus.LANDING;
+        sessionStorage.setItem(store.SessionKeys.RefreshDoneKey, 'false');
+        store.state.flowStatus = store.FlowStatus.LANDING;
       }
     }
   }
@@ -5547,16 +5161,16 @@ const CameraError = class {
   }
   async buttonClick() {
     this.buttonDisabled = true;
-    if (state.device.mobileOS == MobileOS.iOS) {
-      sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'true');
+    if (store.state.device.mobileOS == MobileOS.iOS) {
+      sessionStorage.setItem(store.SessionKeys.RefreshDoneKey, 'true');
       window.location.reload();
     }
     else {
-      state.flowStatus = FlowStatus.LANDING;
+      store.state.flowStatus = store.FlowStatus.LANDING;
     }
   }
   render() {
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("h1", { class: "color-red" }, this.title), index.h("div", null, index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.description)), index.h("div", { hidden: state.device.mobileOS == MobileOS.iOS }, index.h("video", { id: "howtoPermissions", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", type: "button", disabled: this.buttonDisabled, onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, CameraErrorValues.FooterText))))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("h1", { class: "color-red" }, this.title), index.h("div", null, index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.description)), index.h("div", { hidden: store.state.device.mobileOS == MobileOS.iOS }, index.h("video", { id: "howtoPermissions", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", type: "button", disabled: this.buttonDisabled, onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.CameraErrorValues.FooterText))))));
   }
 };
 CameraError.style = cameraErrorCss;
@@ -5575,16 +5189,16 @@ const CaptureError = class {
   async componentWillLoad() {
     this.buttonEnabled = false;
     if (this.type == 'ID') {
-      this.titleR1 = IdCaptureValues.ErrorTitleR1;
-      this.titleR2 = IdCaptureValues.ErrorTitleR2;
-      this.descriptionR1 = IdCaptureValues.ErrorR1;
-      this.descriptionR2 = IdCaptureValues.ErrorR2;
+      this.titleR1 = store.IdCaptureValues.ErrorTitleR1;
+      this.titleR2 = store.IdCaptureValues.ErrorTitleR2;
+      this.descriptionR1 = store.IdCaptureValues.ErrorR1;
+      this.descriptionR2 = store.IdCaptureValues.ErrorR2;
     }
     if (this.type == 'LIVENESS') {
-      this.titleR1 = SelfieCaptureValues.ErrorTitleR1;
-      this.titleR2 = SelfieCaptureValues.ErrorTitleR2;
-      this.descriptionR1 = SelfieCaptureValues.ErrorR1;
-      this.descriptionR2 = SelfieCaptureValues.ErrorR2;
+      this.titleR1 = store.SelfieCaptureValues.ErrorTitleR1;
+      this.titleR2 = store.SelfieCaptureValues.ErrorTitleR2;
+      this.descriptionR1 = store.SelfieCaptureValues.ErrorR1;
+      this.descriptionR2 = store.SelfieCaptureValues.ErrorR2;
     }
   }
   async componentDidLoad() {
@@ -5593,7 +5207,7 @@ const CaptureError = class {
       this.buttonText = i.toString();
       await delay(1000);
     }
-    this.buttonText = IdCaptureValues.Button;
+    this.buttonText = store.IdCaptureValues.Button;
     this.buttonEnabled = true;
   }
   async buttonClick() {
@@ -5602,7 +5216,7 @@ const CaptureError = class {
     this.eventCaptureErrorDone.emit();
   }
   render() {
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("h1", { class: "color-red" }, this.titleR1), index.h("h1", { class: "color-red" }, this.titleR2), index.h("div", null, index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.descriptionR1), index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.descriptionR2)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", type: "button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText))))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("h1", { class: "color-red" }, this.titleR1), index.h("h1", { class: "color-red" }, this.titleR2), index.h("div", null, index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.descriptionR1), index.h("p", { class: "color-red font-weight-bold font-size-25 mt-5" }, this.descriptionR2)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", type: "button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.IdCaptureValues.FooterText))))));
   }
 };
 CaptureError.style = captureErrorCss;
@@ -5617,7 +5231,7 @@ const EndRedirect = class {
     Events.flowCompleted();
   }
   render() {
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", null, index.h("h1", { class: "text-center" }, CompleteValues.Title), index.h("p", { class: "main-text font-size-18 mt-8 text-center" }, CompleteValues.Description)), index.h("div", { class: "buletin-container" }, index.h("div", { class: "container-coin" }, index.h("div", { class: "coin-scale" }, index.h("div", { class: "coin-flip" }, index.h("img", { class: "w-40 coin", src: completeSvg }))))), index.h("div", { class: "text-center" }, index.h("p", { class: "font-weight-900 font-size-3 color-black-2 text-center mt-20" }, CompleteValues.Message), index.h("p", null, state.requestId)), index.h("div", { class: "btn-buletin" }, index.h("p", { class: "main-text font-size-18 text-center mb-0" }, CompleteValues.FooterText)))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", null, index.h("h1", { class: "text-center" }, store.CompleteValues.Title), index.h("p", { class: "main-text font-size-18 mt-8 text-center" }, store.CompleteValues.Description)), index.h("div", { class: "buletin-container" }, index.h("div", { class: "container-coin" }, index.h("div", { class: "coin-scale" }, index.h("div", { class: "coin-flip" }, index.h("img", { class: "w-40 coin", src: completeSvg }))))), index.h("div", { class: "text-center" }, index.h("p", { class: "font-weight-900 font-size-3 color-black-2 text-center mt-20" }, store.CompleteValues.Message), index.h("p", null, store.state.requestId)), index.h("div", { class: "btn-buletin" }, index.h("p", { class: "main-text font-size-18 text-center mb-0" }, store.CompleteValues.FooterText)))));
   }
 };
 EndRedirect.style = endRedirectCss;
@@ -5632,7 +5246,7 @@ const ErrorEnd = class {
   }
   componentDidLoad() { }
   render() {
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { class: "text-center" }, index.h("h1", null, this.errorTitle)), index.h("div", { class: "text-center" }, index.h("p", null, state.requestId)), index.h("div", null, index.h("p", { class: "color-red font-weight-bold font-size-2 text-center mt-10" }, this.message)))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { class: "text-center" }, index.h("h1", null, this.errorTitle)), index.h("div", { class: "text-center" }, index.h("p", null, store.state.requestId)), index.h("div", null, index.h("p", { class: "color-red font-weight-bold font-size-2 text-center mt-10" }, this.message)))));
   }
 };
 ErrorEnd.style = errorEndCss;
@@ -5654,31 +5268,31 @@ const HowToInfo = class {
   componentWillLoad() {
     this.subTitle = '';
     this.buttonEnabled = true;
-    if (state.flowStatus == FlowStatus.ID) {
-      this.topTitle = HowToValues.IdTitile;
+    if (store.state.flowStatus == store.FlowStatus.ID) {
+      this.topTitle = store.HowToValues.IdTitile;
       this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_id.png';
-      this.buttonText = HowToValues.IdButton;
+      this.buttonText = store.HowToValues.IdButton;
       if (this.idSide == 'front') {
         this.baseComponent = new BaseComponent(FlowSteps.CiFrontHowTo);
-        this.subTitle = HowToValues.IdSubTitileFace;
+        this.subTitle = store.HowToValues.IdSubTitileFace;
       }
       if (this.idSide == 'back') {
         this.baseComponent = new BaseComponent(FlowSteps.CiBackHowTo);
-        this.subTitle = HowToValues.IdSubTitileBack;
+        this.subTitle = store.HowToValues.IdSubTitileBack;
       }
     }
-    if (state.flowStatus == FlowStatus.LIVENESS) {
+    if (store.state.flowStatus == store.FlowStatus.LIVENESS) {
       this.baseComponent = new BaseComponent(FlowSteps.SelfieHowTo);
-      this.topTitle = HowToValues.SelfieTitile;
-      this.subTitle = HowToValues.SelfieSubTitile;
+      this.topTitle = store.HowToValues.SelfieTitile;
+      this.subTitle = store.HowToValues.SelfieSubTitile;
       this.imagePath = 'https://ekyc.blob.core.windows.net/$web/howto_selfie.png';
-      this.buttonText = HowToValues.SelfieButton;
+      this.buttonText = store.HowToValues.SelfieButton;
     }
     this.baseComponent.setEventEmitter(this.apiErrorEvent);
   }
   render() {
     let sub = this.subTitle != '' ? index.h("p", { class: "font-size-2" }, this.subTitle) : null;
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { class: "div-ci align-center" }, index.h("img", { src: this.imagePath })), index.h("div", { class: "text-center" }, index.h("h1", null, this.topTitle), sub), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, HowToValues.FooterText))))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { class: "div-ci align-center" }, index.h("img", { src: this.imagePath })), index.h("div", { class: "text-center" }, index.h("h1", null, this.topTitle), sub), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", disabled: !this.buttonEnabled, onClick: () => this.buttonClick() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.HowToValues.FooterText))))));
   }
 };
 HowToInfo.style = howToInfoCss;
@@ -5797,8 +5411,8 @@ class Cameras {
       let cam = new Cameras();
       let cameras = (await cam.GetCameras(device)).filter(c => c.facingMode == 'environment');
       var recommCamera = cam.GetRecommendedCamera(cameras);
-      state.cameraIds = cameras.map(camera => camera.deviceId);
-      state.cameraId = recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId;
+      store.state.cameraIds = cameras.map(camera => camera.deviceId);
+      store.state.cameraId = recommCamera === null || recommCamera === void 0 ? void 0 : recommCamera.deviceId;
       return true;
     }
     catch (e) {
@@ -5857,19 +5471,19 @@ const IdBackCapture = class {
   }
   async componentDidLoad() {
     await this.baseComponent.logStep(FlowSteps.CiBackCapture, FlowMoments.Initialized);
-    this.titleMesage = IdCaptureValues.TtileRotate;
-    this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
+    this.titleMesage = store.IdCaptureValues.TtileRotate;
+    this.demoVideo.src = store.IdCaptureValues.IDPoseDemoMapping[IDPose.Rotate];
     this.demoVideo.play();
-    await delay(IdCaptureValues.VideoLenght);
-    this.titleMesage = IdCaptureValues.TitleBack;
-    this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.BackStraight];
+    await delay(store.IdCaptureValues.VideoLenght);
+    this.titleMesage = store.IdCaptureValues.TitleBack;
+    this.demoVideo.src = store.IdCaptureValues.IDPoseDemoMapping[IDPose.BackStraight];
     this.demoVideo.play();
-    await delay(IdCaptureValues.VideoLenght);
+    await delay(store.IdCaptureValues.VideoLenght);
     this.showDemo = false;
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints(state.cameraId, state.device);
+    const constraints = this.cameras.GetConstraints(store.state.cameraId, store.state.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -5898,7 +5512,7 @@ const IdBackCapture = class {
     if (this.verified)
       return;
     this.verified = true;
-    this.titleMesage = IdCaptureValues.Loading;
+    this.titleMesage = store.IdCaptureValues.Loading;
     this.closeCamera();
     this.showDemo = true;
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
@@ -5923,7 +5537,7 @@ const IdBackCapture = class {
     let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
     //let videoClass = this.device.isMobile ? '' : 'video-demo';
     let bgDemo = this.verified ? 'container' : 'container bg-black';
-    return (index.h("div", { class: bgDemo }, index.h("div", { class: "container-video" }, index.h("div", { hidden: this.showDemo == false }, index.h("video", { id: "howtoBack", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { hidden: this.showDemo }, index.h("div", { hidden: this.verified }, index.h("div", { class: "video-capture" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { "capture-mode": "id" })))))), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
+    return (index.h("div", { class: bgDemo }, index.h("div", { class: "container-video" }, index.h("div", { hidden: this.showDemo == false }, index.h("video", { id: "howtoBack", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { hidden: this.showDemo }, index.h("div", { hidden: this.verified }, index.h("div", { class: "video-capture" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { "capture-mode": "id" })))))), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.IdCaptureValues.FooterText)))));
   }
   get component() { return index.getElement(this); }
 };
@@ -5959,7 +5573,7 @@ const IdCapture = class {
     this.cameraSize = event.detail;
   }
   async componentWillLoad() {
-    this.titleMesage = IdCaptureValues.Title;
+    this.titleMesage = store.IdCaptureValues.Title;
     //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
@@ -5967,14 +5581,14 @@ const IdCapture = class {
   }
   async componentDidLoad() {
     await this.baseComponent.logStep(FlowSteps.CiFrontCapture, FlowMoments.Initialized);
-    this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Straight];
+    this.demoVideo.src = store.IdCaptureValues.IDPoseDemoMapping[IDPose.Straight];
     this.demoVideo.play();
-    await delay(IdCaptureValues.VideoLenght);
+    await delay(store.IdCaptureValues.VideoLenght);
     this.showDemo = false;
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints(state.cameraId, state.device);
+    const constraints = this.cameras.GetConstraints(store.state.cameraId, store.state.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -6011,7 +5625,7 @@ const IdCapture = class {
     if (this.verified)
       return;
     this.verified = true;
-    this.titleMesage = IdCaptureValues.Loading;
+    this.titleMesage = store.IdCaptureValues.Loading;
     this.closeCamera();
     this.showDemo = true;
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
@@ -6033,7 +5647,7 @@ const IdCapture = class {
     let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
     //let videoClass = this.device.isMobile ? '' : 'video-demo';
     let bgDemo = this.verified ? 'container' : 'container bg-black';
-    return (index.h("div", { class: bgDemo }, index.h("div", { class: "container-video" }, index.h("div", { hidden: this.showDemo == false }, index.h("video", { id: "howtoFront", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { hidden: this.showDemo }, index.h("div", { hidden: this.verified }, index.h("div", { class: "video-capture" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { "capture-mode": "id" })))))), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
+    return (index.h("div", { class: bgDemo }, index.h("div", { class: "container-video" }, index.h("div", { hidden: this.showDemo == false }, index.h("video", { id: "howtoFront", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { hidden: this.showDemo }, index.h("div", { hidden: this.verified }, index.h("div", { class: "video-capture" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { "capture-mode": "id" })))))), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.IdCaptureValues.FooterText)))));
   }
   get component() { return index.getElement(this); }
 };
@@ -6069,7 +5683,7 @@ const IdTilt = class {
     this.cameraSize = event.detail;
   }
   async componentWillLoad() {
-    this.titleMesage = IdCaptureValues.IDPoseMapping[1];
+    this.titleMesage = store.IdCaptureValues.IDPoseMapping[1];
     //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
@@ -6077,14 +5691,14 @@ const IdTilt = class {
   }
   async componentDidLoad() {
     await this.baseComponent.logStep(FlowSteps.CiTilt, FlowMoments.Initialized);
-    this.demoVideo.src = IdCaptureValues.IDPoseDemoMapping[IDPose.Tilted];
+    this.demoVideo.src = store.IdCaptureValues.IDPoseDemoMapping[IDPose.Tilted];
     this.demoVideo.play();
-    await delay(IdCaptureValues.VideoLenght);
+    await delay(store.IdCaptureValues.VideoLenght);
     this.showDemo = false;
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints(state.cameraId, state.device);
+    const constraints = this.cameras.GetConstraints(store.state.cameraId, store.state.device);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -6121,7 +5735,7 @@ const IdTilt = class {
     if (this.verified)
       return;
     this.verified = true;
-    this.titleMesage = IdCaptureValues.Loading;
+    this.titleMesage = store.IdCaptureValues.Loading;
     this.closeCamera();
     this.showDemo = true;
     this.demoVideo.src = 'https://ekyc.blob.core.windows.net/$web/animations/uploading_id.mp4';
@@ -6143,7 +5757,7 @@ const IdTilt = class {
     let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
     //let videoClass = this.device.isMobile ? '' : 'video-demo';
     let bgDemo = this.verified ? 'container' : 'container bg-black';
-    return (index.h("div", { class: bgDemo }, index.h("div", { class: "container-video" }, index.h("div", { hidden: this.showDemo == false }, index.h("video", { id: "howtoFront", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { hidden: this.showDemo }, index.h("div", { hidden: this.verified }, index.h("div", { class: "video-capture" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { "capture-mode": "tilt" })))))), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, IdCaptureValues.FooterText)))));
+    return (index.h("div", { class: bgDemo }, index.h("div", { class: "container-video" }, index.h("div", { hidden: this.showDemo == false }, index.h("video", { id: "howtoFront", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { hidden: this.showDemo }, index.h("div", { hidden: this.verified }, index.h("div", { class: "video-capture" }, index.h("div", { style: cameraStyle }, index.h("div", { style: cameraStyleInner }, index.h("camera-comp", { "capture-mode": "tilt" })))))), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.IdCaptureValues.FooterText)))));
   }
   get component() { return index.getElement(this); }
 };
@@ -6215,7 +5829,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.15";
+const version$1 = "3.6.17";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -6285,70 +5899,70 @@ const packageJson = {
 
 const loaderSvg = 'data:image/svg+xml;base64,PHN2ZyBpZD0ic3Bpbm5lckxvYWRlclJlZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBvdmVyZmxvdz0idmlzaWJsZSIgZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSIjMDMwMzAzIiBjbGFzcz0ic2luZ2xlLWxvYWRlciI+DQogIDxkZWZzPg0KICAgIDxjaXJjbGUgaWQ9InNwaW5uZXIiIHI9IjQiIGN4PSI1MCIgY3k9IjUwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0zMCkiLz4gICAgDQogIDwvZGVmcz4NCiAgPHVzZSB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeGxpbms6aHJlZj0iI3NwaW5uZXIiIHRyYW5zZm9ybT0icm90YXRlKDAgNTAgNTApIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjFzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+DQogIDwvdXNlPg0KICA8dXNlIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bGluazpocmVmPSIjc3Bpbm5lciIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNTAgNTApIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjFzIiBiZWdpbj0iMC4xMjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPg0KICA8L3VzZT4NCiAgPHVzZSB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeGxpbms6aHJlZj0iI3NwaW5uZXIiIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIxcyIgYmVnaW49IjAuMjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPg0KICA8L3VzZT4NCiAgPHVzZSB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeGxpbms6aHJlZj0iI3NwaW5uZXIiIHRyYW5zZm9ybT0icm90YXRlKDEzNSA1MCA1MCkiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDsxOzAiIGR1cj0iMXMiIGJlZ2luPSIwLjM3NXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+DQogIDwvdXNlPg0KICA8dXNlIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bGluazpocmVmPSIjc3Bpbm5lciIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDUwIDUwKSI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIxcyIgYmVnaW49IjAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+DQogIDwvdXNlPg0KICA8dXNlIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bGluazpocmVmPSIjc3Bpbm5lciIgdHJhbnNmb3JtPSJyb3RhdGUoMjI1IDUwIDUwKSI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIxcyIgYmVnaW49IjAuNjI1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCiAgPC91c2U+DQogIDx1c2UgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhsaW5rOmhyZWY9IiNzcGlubmVyIiB0cmFuc2Zvcm09InJvdGF0ZSgyNzAgNTAgNTApIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjFzIiBiZWdpbj0iMC43NXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+DQogIDwvdXNlPg0KICA8dXNlIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bGluazpocmVmPSIjc3Bpbm5lciIgdHJhbnNmb3JtPSJyb3RhdGUoMzE1IDUwIDUwKSI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIxcyIgYmVnaW49IjAuODc1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCiAgPC91c2U+DQo8L3N2Zz4=';
 
-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}.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 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 {
   async onTokenChange(newValue, _oldValue) {
-    if (state.debug)
+    if (store.state.debug)
       console.log('Token change called with value: ' + newValue);
     if (newValue == '') {
-      newValue = state.token;
+      newValue = store.state.token;
       return;
     }
-    if (state.token !== newValue) {
-      state.token = newValue;
+    if (store.state.token !== newValue) {
+      store.state.token = newValue;
       await this.initializeRequest();
     }
   }
   async onOrderIdChange(newValue, _oldValue) {
-    if (state.debug)
+    if (store.state.debug)
       console.log('OrderId change called with value: ' + newValue);
-    if (state.requestId !== newValue && newValue != '') {
-      state.requestId = newValue;
-      state.initialised = false;
+    if (store.state.requestId !== newValue && newValue != '') {
+      store.state.requestId = newValue;
+      store.state.initialised = false;
       await this.initializeRequest();
-      if (state.flowStatus != FlowStatus.LANDING && state.flowStatus != FlowStatus.NONE) {
-        state.flowStatus = FlowStatus.LANDING;
+      if (store.state.flowStatus != store.FlowStatus.LANDING && store.state.flowStatus != store.FlowStatus.NONE) {
+        store.state.flowStatus = store.FlowStatus.LANDING;
       }
     }
   }
   onApiUrlChange(newValue, _oldValue) {
-    if (state.apiBaseUrl != '') {
-      newValue = state.apiBaseUrl;
+    if (store.state.apiBaseUrl != '') {
+      newValue = store.state.apiBaseUrl;
       return;
     }
-    if (state.apiBaseUrl !== newValue) {
-      state.apiBaseUrl = newValue;
+    if (store.state.apiBaseUrl !== newValue) {
+      store.state.apiBaseUrl = newValue;
     }
   }
   onEnvChange(newValue, _oldValue) {
-    if (state.environment != '') {
-      newValue = state.environment;
+    if (store.state.environment != '') {
+      newValue = store.state.environment;
       return;
     }
-    if (state.environment !== newValue) {
-      state.environment = newValue;
+    if (store.state.environment !== newValue) {
+      store.state.environment = newValue;
     }
   }
   async onRedirectIdChange(newValue, _oldValue) {
-    if (state.debug)
+    if (store.state.debug)
       console.log('RedirectId change called with value: ' + newValue);
-    if (state.redirectId != '') {
-      newValue = state.redirectId;
+    if (store.state.redirectId != '') {
+      newValue = store.state.redirectId;
       return;
     }
-    if (state.redirectId !== newValue) {
-      state.redirectId = newValue;
+    if (store.state.redirectId !== newValue) {
+      store.state.redirectId = newValue;
     }
     await this.initializeRequest();
   }
   async onPhoneChange(newValue, _oldValue) {
-    if (state.phoneNumber != '') {
-      newValue = state.phoneNumber;
+    if (store.state.phoneNumber != '') {
+      newValue = store.state.phoneNumber;
       return;
     }
-    if (state.phoneNumber !== newValue) {
-      state.phoneNumber = newValue;
+    if (store.state.phoneNumber !== newValue) {
+      store.state.phoneNumber = newValue;
     }
   }
   agreementAcceptanceEmitted(data) {
@@ -6381,12 +5995,12 @@ const IdentificationComponent = class {
     }
     catch (_g) { }
     Events.flowError(this.errorTitle);
-    state.flowStatus = FlowStatus.ERROREND;
+    store.state.flowStatus = store.FlowStatus.ERROREND;
   }
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.logInit = {};
-    this.flowStatusToSet = FlowStatus.NONE;
+    this.flowStatusToSet = store.FlowStatus.NONE;
     this.token = undefined;
     this.order_id = undefined;
     this.api_url = undefined;
@@ -6400,115 +6014,115 @@ const IdentificationComponent = class {
   async componentWillLoad() {
     Events.init(window);
     Events.flowEvent(FlowSteps.ComponentLoaded, FlowMoments.Initialized);
-    state.apiBaseUrl = this.api_url;
+    store.state.apiBaseUrl = this.api_url;
     if (this.env && this.env != '') {
-      state.environment = this.env;
+      store.state.environment = this.env;
     }
     this.baseComponent = new BaseComponent(FlowSteps.ComponentLoaded);
     this.baseComponent.setErrorCallback(this.apiErrorEmitter);
-    if (state.debug)
+    if (store.state.debug)
       this.logInit = getLogMessage(this.order_id, this.redirect_id, this.token);
     if (this.token) {
-      if (state.debug)
+      if (store.state.debug)
         console.log('Store Token set with property value: ' + this.token);
-      state.token = this.token;
+      store.state.token = this.token;
     }
-    else if (state.token == '') {
-      state.token = sessionStorage.getItem(SessionKeys.TokenKey);
-      this.token = state.token;
-      if (state.debug)
-        console.log('Store Token set with session value: ' + state.token);
+    else if (store.state.token == '') {
+      store.state.token = sessionStorage.getItem(store.SessionKeys.TokenKey);
+      this.token = store.state.token;
+      if (store.state.debug)
+        console.log('Store Token set with session value: ' + store.state.token);
     }
     if (this.redirect_id) {
-      state.redirectId = this.redirect_id;
+      store.state.redirectId = this.redirect_id;
     }
     if (this.phone_number && this.phone_number != '') {
-      state.phoneNumber = this.phone_number;
+      store.state.phoneNumber = this.phone_number;
     }
-    var ini = sessionStorage.getItem(SessionKeys.InitialisedKey);
+    var ini = sessionStorage.getItem(store.SessionKeys.InitialisedKey);
     if (ini && ini.toLowerCase() == 'true') {
-      state.initialised = true;
+      store.state.initialised = true;
     }
-    var hasIdBk = sessionStorage.getItem(SessionKeys.HasIdBackKey);
+    var hasIdBk = sessionStorage.getItem(store.SessionKeys.HasIdBackKey);
     if (hasIdBk && hasIdBk.toLowerCase() == 'true') {
-      state.hasIdBack = true;
+      store.state.hasIdBack = true;
     }
-    var agrVal = sessionStorage.getItem(SessionKeys.AgreementValidationKey);
+    var agrVal = sessionStorage.getItem(store.SessionKeys.AgreementValidationKey);
     if (agrVal && agrVal.toLowerCase() == 'true') {
-      state.agreementsValidation = true;
+      store.state.agreementsValidation = true;
     }
-    var phoneVal = sessionStorage.getItem(SessionKeys.PhoneValidationKey);
+    var phoneVal = sessionStorage.getItem(store.SessionKeys.PhoneValidationKey);
     if (phoneVal && phoneVal.toLowerCase() == 'true') {
-      state.phoneValidation = true;
+      store.state.phoneValidation = true;
     }
-    const savedRequest = sessionStorage.getItem(SessionKeys.RequestIdKey);
+    const savedRequest = sessionStorage.getItem(store.SessionKeys.RequestIdKey);
     if (this.order_id && this.order_id != '') {
-      state.requestId = this.order_id;
-      if (state.debug)
+      store.state.requestId = this.order_id;
+      if (store.state.debug)
         console.log('Current RequestId has value: ' + this.order_id);
       if (savedRequest && savedRequest != '' && savedRequest != this.order_id) {
-        if (state.debug)
+        if (store.state.debug)
           console.log('Session RequestId: ' + savedRequest + ' has different value than property one: ' + this.order_id);
-        this.flowStatusToSet = FlowStatus.LANDING;
-        state.initialised = false;
+        this.flowStatusToSet = store.FlowStatus.LANDING;
+        store.state.initialised = false;
       }
     }
     else if (savedRequest) {
-      if (state.debug)
+      if (store.state.debug)
         console.log('Current RequestId has no value, setting with session value: ' + savedRequest);
-      state.requestId = savedRequest;
+      store.state.requestId = savedRequest;
       this.order_id = savedRequest;
     }
-    if (this.flowStatusToSet == FlowStatus.NONE) {
-      var flowSt = sessionStorage.getItem(SessionKeys.FlowStatusKey);
+    if (this.flowStatusToSet == store.FlowStatus.NONE) {
+      var flowSt = sessionStorage.getItem(store.SessionKeys.FlowStatusKey);
       if (flowSt) {
-        this.flowStatusToSet = FlowStatus[flowSt];
+        this.flowStatusToSet = store.FlowStatus[flowSt];
       }
       else {
-        this.flowStatusToSet = FlowStatus.LANDING;
+        this.flowStatusToSet = store.FlowStatus.LANDING;
       }
     }
   }
   async componentDidLoad() {
     await this.initializeRequest();
-    state.flowStatus = this.flowStatusToSet;
+    store.state.flowStatus = this.flowStatusToSet;
   }
   componentWillRender() {
     if (this.idSide == '') {
-      this.idSide = state.hasIdBack ? 'front' : '';
+      this.idSide = store.state.hasIdBack ? 'front' : '';
     }
   }
   async initializeRequest() {
-    if (state.initialised) {
+    if (store.state.initialised) {
       return;
     }
-    if (state.environment == 'DEMO') {
-      state.initialised = true;
+    if (store.state.environment == 'DEMO') {
+      store.state.initialised = true;
       return;
     }
-    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);
+    if (store.state.device.browser == Browser.Mi) {
+      this.apiErrorEmitter('Mi Browser nu este acceptat. Va rugam utilizati Chrome.', 'Request Initialisation RequestId:' + store.state.requestId + ' RedirectId:' + store.state.redirectId);
       return;
     }
     try {
-      if (state.debug)
+      if (store.state.debug)
         this.baseComponent.apiCall.AddLog({ phase: 'debug mode' }, this.logInit);
     }
     catch (_a) { }
     try {
-      if (!state.device.isMobile && state.redirectId == '') {
-        state.redirectId = v4();
-        this.redirect_id = state.redirectId;
+      if (!store.state.device.isMobile && store.state.redirectId == '') {
+        store.state.redirectId = v4();
+        this.redirect_id = store.state.redirectId;
       }
-      if (state.token != '' && (state.requestId != '' || state.redirectId != '')) {
-        state.initialised = await this.baseComponent.apiCall.AddIdentificationRequest(state.device, packageJson.version);
+      if (store.state.token != '' && (store.state.requestId != '' || store.state.redirectId != '')) {
+        store.state.initialised = await this.baseComponent.apiCall.AddIdentificationRequest(store.state.device, packageJson.version);
         if (!this.order_id || this.order_id == '') {
-          this.order_id = state.requestId;
+          this.order_id = store.state.requestId;
         }
       }
     }
     catch (e) {
-      this.apiErrorEmitter(e, 'Request Initialisation RequestId:' + state.requestId + ' RedirectId:' + state.redirectId);
+      this.apiErrorEmitter(e, 'Request Initialisation RequestId:' + store.state.requestId + ' RedirectId:' + store.state.redirectId);
     }
     ML5.getInstance();
   }
@@ -6517,39 +6131,39 @@ const IdentificationComponent = class {
   }
   render() {
     let currentBlock = (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { class: "div-ci align-center" }, index.h("img", { src: loaderSvg })))));
-    if (state.device.isMobile || state.environment == 'DEMO') {
-      if (state.flowStatus == FlowStatus.LANDING) {
+    if (store.state.device.isMobile || store.state.environment == 'DEMO') {
+      if (store.state.flowStatus == store.FlowStatus.LANDING) {
         currentBlock = index.h("landing-validation", null);
       }
     }
-    else if (state.flowStatus != FlowStatus.NONE) {
+    else if (store.state.flowStatus != store.FlowStatus.NONE) {
       currentBlock = index.h("mobile-redirect", null);
     }
-    if (state.flowStatus == FlowStatus.AGREEMENT) {
+    if (store.state.flowStatus == store.FlowStatus.AGREEMENT) {
       currentBlock = index.h("agreement-info", null);
     }
-    if (state.flowStatus == FlowStatus.PHONE) {
+    if (store.state.flowStatus == store.FlowStatus.PHONE) {
       currentBlock = index.h("sms-code-validation", null);
     }
-    if (state.flowStatus == FlowStatus.CODE) {
+    if (store.state.flowStatus == store.FlowStatus.CODE) {
       currentBlock = index.h("sms-code-validation", null);
     }
-    if (state.flowStatus == FlowStatus.CODEERROR) {
+    if (store.state.flowStatus == store.FlowStatus.CODEERROR) {
       currentBlock = index.h("sms-code-validation", null);
     }
-    if (state.flowStatus == FlowStatus.ID) {
+    if (store.state.flowStatus == store.FlowStatus.ID) {
       currentBlock = index.h("process-id", null);
     }
-    if (state.flowStatus == FlowStatus.LIVENESS) {
+    if (store.state.flowStatus == store.FlowStatus.LIVENESS) {
       currentBlock = index.h("user-liveness", { id: "camera" });
     }
-    if (state.flowStatus == FlowStatus.COMPLETE) {
+    if (store.state.flowStatus == store.FlowStatus.COMPLETE) {
       currentBlock = index.h("end-redirect", null);
     }
-    if (state.flowStatus == FlowStatus.ERROREND) {
+    if (store.state.flowStatus == store.FlowStatus.ERROREND) {
       currentBlock = index.h("error-end", { errorTitle: this.errorTitle, message: this.errorMessage });
     }
-    if (state.flowStatus == FlowStatus.CAMERAERROR) {
+    if (store.state.flowStatus == store.FlowStatus.CAMERAERROR) {
       currentBlock = index.h("camera-error", null);
     }
     return index.h("div", null, currentBlock);
@@ -6591,38 +6205,38 @@ const LandingValidation = class {
     await this.initRequest();
   }
   async componentDidLoad() {
-    if (state.environment !== 'DEMO') {
+    if (store.state.environment !== 'DEMO') {
       await this.baseComponent.initialize();
     }
   }
   async initRequest() {
-    if (state.hasIdBack) {
-      this.warningText = LandingValues.WarningMd;
+    if (store.state.hasIdBack) {
+      this.warningText = store.LandingValues.WarningMd;
     }
     else {
-      this.warningText = LandingValues.Warning;
+      this.warningText = store.LandingValues.Warning;
     }
   }
   async startFlow() {
-    if (state.initialised) {
+    if (store.state.initialised) {
       this.buttonDisabled = true;
-      if (state.environment === 'DEMO') {
-        state.flowStatus = FlowStatus.COMPLETE;
+      if (store.state.environment === 'DEMO') {
+        store.state.flowStatus = store.FlowStatus.COMPLETE;
         return;
       }
-      if (!(await Cameras.InitCameras(state.device))) {
-        if (state.device.mobileOS == MobileOS.iOS)
-          sessionStorage.setItem(SessionKeys.RefreshDoneKey, 'false');
-        state.flowStatus = FlowStatus.CAMERAERROR;
+      if (!(await Cameras.InitCameras(store.state.device))) {
+        if (store.state.device.mobileOS == MobileOS.iOS)
+          sessionStorage.setItem(store.SessionKeys.RefreshDoneKey, 'false');
+        store.state.flowStatus = store.FlowStatus.CAMERAERROR;
       }
-      else if (state.agreementsValidation) {
-        state.flowStatus = FlowStatus.AGREEMENT;
+      else if (store.state.agreementsValidation) {
+        store.state.flowStatus = store.FlowStatus.AGREEMENT;
       }
-      else if (state.phoneValidation) {
-        state.flowStatus = FlowStatus.PHONE;
+      else if (store.state.phoneValidation) {
+        store.state.flowStatus = store.FlowStatus.PHONE;
       }
       else {
-        state.flowStatus = FlowStatus.ID;
+        store.state.flowStatus = store.FlowStatus.ID;
       }
     }
   }
@@ -6632,7 +6246,7 @@ const LandingValidation = class {
   async leaveFlow() {
     if (this.buttonDisabled)
       return;
-    state.initialised = false;
+    store.state.initialised = false;
     try {
       await this.baseComponent.apiCall.AbortRequest();
       Events.flowAborted();
@@ -6643,7 +6257,7 @@ const LandingValidation = class {
     }
   }
   render() {
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", null, index.h("h1", { class: "text-center" }, LandingValues.Title), index.h("div", { class: "d-flex space-between align-center" }, index.h("p", { class: "main-text font-size-2" }, LandingValues.Description), index.h("div", { class: "img-info" }, index.h("div", { class: "i-effect" }), index.h("img", { src: infoSvg })))), index.h("div", { class: "info-container" }, index.h("div", { class: "img-text" }, index.h("div", { class: "bg-img" }, index.h("img", { src: idSvg })), index.h("h3", null, LandingValues.IdInfo)), index.h("div", { class: "img-text" }, index.h("div", { class: "bg-img" }, index.h("img", { src: deviceSvg })), index.h("h3", null, LandingValues.DeviceInfo)), index.h("div", { class: "img-text" }, index.h("div", { class: "bg-img" }, index.h("img", { src: validationSvg })), index.h("h3", null, LandingValues.SmsInfo))), index.h("div", { class: "terms-container" }, index.h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", type: "button", disabled: !state.initialised || this.buttonDisabled, onClick: () => this.startFlow() }, LandingValues.Button), index.h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, LandingValues.ButtonLeave), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, LandingValues.FooterText))))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", null, index.h("h1", { class: "text-center" }, store.LandingValues.Title), index.h("div", { class: "d-flex space-between align-center" }, index.h("p", { class: "main-text font-size-2" }, store.LandingValues.Description), index.h("div", { class: "img-info" }, index.h("div", { class: "i-effect" }), index.h("img", { src: infoSvg })))), index.h("div", { class: "info-container" }, index.h("div", { class: "img-text" }, index.h("div", { class: "bg-img" }, index.h("img", { src: idSvg })), index.h("h3", null, store.LandingValues.IdInfo)), index.h("div", { class: "img-text" }, index.h("div", { class: "bg-img" }, index.h("img", { src: deviceSvg })), index.h("h3", null, store.LandingValues.DeviceInfo)), index.h("div", { class: "img-text" }, index.h("div", { class: "bg-img" }, index.h("img", { src: validationSvg })), index.h("h3", null, store.LandingValues.SmsInfo))), index.h("div", { class: "terms-container" }, index.h("h3", { class: "font-size-2 mb-1 text-center" }, this.warningText)), index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", type: "button", disabled: !store.state.initialised || this.buttonDisabled, onClick: () => this.startFlow() }, store.LandingValues.Button), index.h("p", { class: "main-text font-size-2 link-text mb-0", onClick: () => this.leaveFlow() }, store.LandingValues.ButtonLeave), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.LandingValues.FooterText))))));
   }
 };
 LandingValidation.style = landingValidationCss;
@@ -9543,13 +9157,13 @@ const MobileRedirect = class {
   }
   async componentWillLoad() {
     Events.flowStarted();
-    this.infoTextTop = MobileRedirectValues.InfoTop;
-    this.infoTextBottom = MobileRedirectValues.InfoBottom;
-    let envUri = state.environment == 'QA' ? 'test' : 'ect';
-    let baseUri = state.hasIdBack ? '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;
+    this.infoTextTop = store.MobileRedirectValues.InfoTop;
+    this.infoTextBottom = store.MobileRedirectValues.InfoBottom;
+    let envUri = store.state.environment == 'QA' ? 'test' : 'ect';
+    let baseUri = store.state.hasIdBack ? 'https://onmd.id-kyc.com/' : 'https://onro.id-kyc.com/';
+    this.redirectLink = baseUri + envUri + '/mobileredirect?redirectId=' + store.state.redirectId;
+    if (store.state.phoneNumber && store.state.phoneNumber != '') {
+      this.contact = store.state.phoneNumber;
       this.prefilledPhone = true;
     }
     var self = this;
@@ -9569,21 +9183,21 @@ const MobileRedirect = class {
     }
   }
   async checkStatus() {
-    this.orderStatus = await this.baseComponent.apiCall.GetStatus(state.requestId);
+    this.orderStatus = await this.baseComponent.apiCall.GetStatus(store.state.requestId);
     if (this.orderStatus == OrderStatuses.FinishedCapturing) {
       this.waitingMobile = false;
-      state.flowStatus = FlowStatus.COMPLETE;
+      store.state.flowStatus = store.FlowStatus.COMPLETE;
     }
     if (this.orderStatus == OrderStatuses.NotFound) {
       this.apiErrorEvent.emit({ message: 'No order was started for this process.' });
     }
     if (this.orderStatus == OrderStatuses.Capturing) {
-      this.infoTextTop = MobileRedirectValues.InfoWaiting;
+      this.infoTextTop = store.MobileRedirectValues.InfoWaiting;
       this.waitingMobile = true;
     }
     if (this.orderStatus == OrderStatuses.Aborted) {
       this.waitingMobile = false;
-      this.infoTextTop = MobileRedirectValues.InfoAborted;
+      this.infoTextTop = store.MobileRedirectValues.InfoAborted;
       Events.flowAborted();
     }
   }
@@ -9595,7 +9209,7 @@ const MobileRedirect = class {
       return;
     }
     this.waitingMobile = true;
-    this.infoTextTop = MobileRedirectValues.InfoWaiting;
+    this.infoTextTop = store.MobileRedirectValues.InfoWaiting;
     try {
       await this.baseComponent.apiCall.SendLink(this.redirectLink, this.contact);
     }
@@ -9613,7 +9227,7 @@ const MobileRedirect = class {
     ev.target.value = this.contact;
   }
   render() {
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { hidden: this.waitingMobile }, index.h("div", { class: "text-center" }, index.h("p", { class: "font-size-2" }, this.infoTextTop)), index.h("div", { class: "qr-canvas align-center" }, index.h("img", { src: this.qrCode })), index.h("div", { class: "text-center" }, index.h("p", { class: "font-size-2" }, this.infoTextBottom)), index.h("div", { class: "input-container mb-15" }, index.h("label", { class: "font-size-18 mb-1 color-red", hidden: this.invalidValue == false }, index.h("b", null, MobileRedirectValues.Validation)), index.h("input", { type: "text", id: "codeInput", class: "main-input", disabled: this.prefilledPhone, value: this.contact, onInput: ev => this.handleChangeContact(ev) })), index.h("div", { class: "pos-relative" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", onClick: () => this.buttonClick() }, "Trimite"), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, MobileRedirectValues.FooterText)))), index.h("div", { hidden: this.waitingMobile == false }, index.h("div", { class: "text-center" }, index.h("p", { class: "font-size-2" }, this.infoTextTop))))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row" }, index.h("div", { hidden: this.waitingMobile }, index.h("div", { class: "text-center" }, index.h("p", { class: "font-size-2" }, this.infoTextTop)), index.h("div", { class: "qr-canvas align-center" }, index.h("img", { src: this.qrCode })), index.h("div", { class: "text-center" }, index.h("p", { class: "font-size-2" }, this.infoTextBottom)), index.h("div", { class: "input-container mb-15" }, index.h("label", { class: "font-size-18 mb-1 color-red", hidden: this.invalidValue == false }, index.h("b", null, store.MobileRedirectValues.Validation)), index.h("input", { type: "text", id: "codeInput", class: "main-input", disabled: this.prefilledPhone, value: this.contact, onInput: ev => this.handleChangeContact(ev) })), index.h("div", { class: "pos-relative" }, index.h("div", { class: "btn-buletin" }, index.h("button", { class: "main-button", onClick: () => this.buttonClick() }, "Trimite"), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.MobileRedirectValues.FooterText)))), index.h("div", { hidden: this.waitingMobile == false }, index.h("div", { class: "text-center" }, index.h("p", { class: "font-size-2" }, this.infoTextTop))))));
   }
 };
 MobileRedirect.style = mobileRedirectCss;
@@ -9675,7 +9289,7 @@ const ProcessId = class {
       back: null,
       tilt: null,
     };
-    if (state.hasIdBack) {
+    if (store.state.hasIdBack) {
       this.flow.back = {
         photoDone: false,
         recordingDone: false,
@@ -9685,7 +9299,7 @@ const ProcessId = class {
         recType: CaptureUploadTypes.IdBackVideo,
       };
     }
-    if (state.hasIdTilt) {
+    if (store.state.hasIdTilt) {
       this.flow.tilt = {
         photoDone: true,
         recordingDone: false,
@@ -9782,7 +9396,7 @@ const ProcessId = class {
     if (photoFile == null || uploadType == '') {
       return false;
     }
-    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(state.requestId, uploadType, photoFile);
+    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(store.state.requestId, uploadType, photoFile);
     if (uploadResult) {
       return true;
     }
@@ -9796,7 +9410,7 @@ const ProcessId = class {
     if (recordingFile == null) {
       return;
     }
-    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(state.requestId, uploadType, recordingFile);
+    var uploadResult = await this.baseComponent.apiCall.UploadFileForRequestB64(store.state.requestId, uploadType, recordingFile);
     if (uploadResult) {
       return true;
     }
@@ -9806,6 +9420,9 @@ const ProcessId = class {
     return false;
   }
   triggerErrorFlow(restart = false) {
+    if (this.captureStep == IdCaptureFlowStatus.IdBack) {
+      restart = true;
+    }
     if (restart) {
       this.captureStep = IdCaptureFlowStatus.IdFront;
     }
@@ -9826,10 +9443,10 @@ const ProcessId = class {
   async endFlow() {
     if (this.captureStep == IdCaptureFlowStatus.IdFront) {
       if (this.flow.front.photoDone && this.flow.front.recordingDone) {
-        if (state.hasIdBack) {
+        if (store.state.hasIdBack) {
           this.captureStep = IdCaptureFlowStatus.IdBack;
         }
-        else if (state.hasIdTilt) {
+        else if (store.state.hasIdTilt) {
           this.captureStep = IdCaptureFlowStatus.Tilt;
         }
         else {
@@ -9840,9 +9457,9 @@ const ProcessId = class {
         return;
       }
     }
-    if (this.captureStep == IdCaptureFlowStatus.IdBack && state.hasIdBack) {
+    if (this.captureStep == IdCaptureFlowStatus.IdBack && store.state.hasIdBack) {
       if (this.flow.back.photoDone && this.flow.back.recordingDone) {
-        if (state.hasIdTilt) {
+        if (store.state.hasIdTilt) {
           this.captureStep = IdCaptureFlowStatus.Tilt;
         }
         else {
@@ -9853,7 +9470,7 @@ const ProcessId = class {
         return;
       }
     }
-    if (this.captureStep == IdCaptureFlowStatus.Tilt && state.hasIdTilt) {
+    if (this.captureStep == IdCaptureFlowStatus.Tilt && store.state.hasIdTilt) {
       if (this.flow.tilt.photoDone && this.flow.tilt.recordingDone) {
         this.captureStep = IdCaptureFlowStatus.End;
       }
@@ -9864,15 +9481,15 @@ const ProcessId = class {
     if (this.captureStep != IdCaptureFlowStatus.End) {
       return;
     }
-    state.flowStatus = FlowStatus.LIVENESS;
+    store.state.flowStatus = store.FlowStatus.LIVENESS;
   }
   async disconnectedCallback() {
     await this.baseComponent.finalize();
   }
   switchCamera() {
     if (this.captureRetryCount == 1) {
-      let camIndex = state.cameraIds.indexOf(state.cameraId);
-      state.cameraId = camIndex === state.cameraIds.length - 1 ? state.cameraIds[0] : state.cameraIds[camIndex + 1];
+      let camIndex = store.state.cameraIds.indexOf(store.state.cameraId);
+      store.state.cameraId = camIndex === store.state.cameraIds.length - 1 ? store.state.cameraIds[0] : store.state.cameraIds[camIndex + 1];
       this.captureRetryCount = 0;
     }
     else {
@@ -9944,7 +9561,7 @@ const SelfieCapture = class {
     this.captureWidth = Math.round((this.captureHeight * 9) / 16);
   }
   componentWillLoad() {
-    this.titleMesage = SelfieCaptureValues.Title;
+    this.titleMesage = store.SelfieCaptureValues.Title;
     //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
@@ -9952,14 +9569,14 @@ const SelfieCapture = class {
   }
   async componentDidLoad() {
     await this.baseComponent.logStep(FlowSteps.SelfieCapture, FlowMoments.Initialized);
-    this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[FacePose.Main];
+    this.demoVideo.src = store.SelfieCaptureValues.FacePoseDemoMapping[FacePose.Main];
     this.demoVideo.play();
-    await delay(SelfieCaptureValues.VideoLenght);
+    await delay(store.SelfieCaptureValues.VideoLenght);
     this.demoEnded = true;
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints('', state.device, true);
+    const constraints = this.cameras.GetConstraints('', store.state.device, true);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -9995,7 +9612,7 @@ const SelfieCapture = class {
     if (this.verified)
       return;
     this.verified = true;
-    this.titleMesage = SelfieCaptureValues.Loading;
+    this.titleMesage = store.SelfieCaptureValues.Loading;
     this.closeCamera();
     this.demoEnded = false;
     this.demoVideo.src = this.uploadingLink;
@@ -10004,7 +9621,7 @@ const SelfieCapture = class {
   }
   render() {
     let cameraStyle;
-    if (state.device.isMobile && this.videoStarted) {
+    if (store.state.device.isMobile && this.videoStarted) {
       cameraStyle = {
         'width': this.captureWidth + 'px',
         'height': this.captureHeight + 'px',
@@ -10017,7 +9634,7 @@ const SelfieCapture = class {
     let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
     //let videoClass = this.device.isMobile ? '' : 'video-demo';
     let bgDemo = this.verified ? 'container' : 'container bg-black';
-    return (index.h("div", { class: bgDemo }, index.h("div", { class: "container-video" }, index.h("div", { hidden: this.demoEnded }, index.h("video", { id: "howtoSelfie", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { hidden: this.demoEnded == false }, index.h("div", { hidden: this.verified }, index.h("div", { class: "video-capture" }, index.h("div", { style: cameraStyle }, index.h("camera-comp", { "capture-mode": "selfie" }))))), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, SelfieCaptureValues.FooterText)))));
+    return (index.h("div", { class: bgDemo }, index.h("div", { class: "container-video" }, index.h("div", { hidden: this.demoEnded }, index.h("video", { id: "howtoSelfie", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { hidden: this.demoEnded == false }, index.h("div", { hidden: this.verified }, index.h("div", { class: "video-capture" }, index.h("div", { style: cameraStyle }, index.h("camera-comp", { "capture-mode": "selfie" }))))), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.SelfieCaptureValues.FooterText)))));
   }
   get component() { return index.getElement(this); }
 };
@@ -10054,14 +9671,14 @@ const SelfieTilt = class {
   async eventChangeTitle(event) {
     // this.stopAnimation = false;
     if (event.detail == null) {
-      this.titleMesage = SelfieCaptureValues.FinalTitle;
+      this.titleMesage = store.SelfieCaptureValues.FinalTitle;
     }
     else {
-      this.titleMesage = SelfieCaptureValues.FacePoseMapping[event.detail];
+      this.titleMesage = store.SelfieCaptureValues.FacePoseMapping[event.detail];
       this.demoEnded = false;
-      this.demoVideo.src = SelfieCaptureValues.FacePoseDemoMapping[event.detail];
+      this.demoVideo.src = store.SelfieCaptureValues.FacePoseDemoMapping[event.detail];
       this.demoVideo.play();
-      await delay(SelfieCaptureValues.VideoLenght);
+      await delay(store.SelfieCaptureValues.VideoLenght);
       this.demoEnded = true;
     }
   }
@@ -10073,7 +9690,7 @@ const SelfieTilt = class {
     this.captureWidth = Math.round((this.captureHeight * 9) / 16);
   }
   componentWillLoad() {
-    this.titleMesage = SelfieCaptureValues.Title;
+    this.titleMesage = store.SelfieCaptureValues.Title;
     //this.videoDemoStyle = this.device.isMobile ? { 'width': window.screen.width + 'px', 'height': window.screen.height + 'px', 'object-fit': 'fill' } : {};
     if (!navigator.mediaDevices) {
       this.apiErrorEvent.emit({ message: 'This browser does not support webRTC' });
@@ -10085,7 +9702,7 @@ const SelfieTilt = class {
     this.openCamera();
   }
   async openCamera() {
-    const constraints = this.cameras.GetConstraints('', state.device, true);
+    const constraints = this.cameras.GetConstraints('', store.state.device, true);
     setTimeout(() => {
       navigator.mediaDevices
         .getUserMedia(constraints)
@@ -10120,7 +9737,7 @@ const SelfieTilt = class {
     if (this.verified)
       return;
     this.verified = true;
-    this.titleMesage = SelfieCaptureValues.Loading;
+    this.titleMesage = store.SelfieCaptureValues.Loading;
     this.closeCamera();
     this.demoEnded = false;
     this.demoVideo.src = this.uploadingLink;
@@ -10129,7 +9746,7 @@ const SelfieTilt = class {
   }
   render() {
     let cameraStyle;
-    if (state.device.isMobile && this.videoStarted) {
+    if (store.state.device.isMobile && this.videoStarted) {
       cameraStyle = {
         'width': this.captureWidth + 'px',
         'height': this.captureHeight + 'px',
@@ -10142,7 +9759,7 @@ const SelfieTilt = class {
     let titleClass = this.verified ? 'color-black-2 text-center' : 'color-white text-center';
     //let videoClass = this.device.isMobile ? '' : 'video-demo';
     let bgDemo = this.verified ? 'container' : 'container bg-black';
-    return (index.h("div", { class: bgDemo }, index.h("div", { class: "container-video" }, index.h("div", { hidden: this.demoEnded }, index.h("video", { id: "howtoSelfie", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { hidden: this.demoEnded == false }, index.h("div", { hidden: this.verified }, index.h("div", { class: "video-capture" }, index.h("div", { style: cameraStyle }, index.h("camera-comp", { "capture-mode": "selfie" }))))), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, SelfieCaptureValues.FooterText)))));
+    return (index.h("div", { class: bgDemo }, index.h("div", { class: "container-video" }, index.h("div", { hidden: this.demoEnded }, index.h("video", { id: "howtoSelfie", class: "video-demo", playsinline: true, ref: el => (this.demoVideo = el) }, index.h("source", { type: "video/mp4" }))), index.h("div", { hidden: this.demoEnded == false }, index.h("div", { hidden: this.verified }, index.h("div", { class: "video-capture" }, index.h("div", { style: cameraStyle }, index.h("camera-comp", { "capture-mode": "selfie" }))))), index.h("div", { class: "capture-title" }, index.h("h1", { class: titleClass }, this.titleMesage), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.SelfieCaptureValues.FooterText)))));
   }
   get component() { return index.getElement(this); }
 };
@@ -10161,10 +9778,10 @@ const SmsCodeValidation = class {
     this.code = undefined;
     this.prefilledPhone = false;
     this.canSend = false;
-    if (state.flowStatus == FlowStatus.PHONE) {
+    if (store.state.flowStatus == store.FlowStatus.PHONE) {
       this.baseComponent = new BaseComponent(FlowSteps.OtpSend);
     }
-    if (state.flowStatus == FlowStatus.CODE) {
+    if (store.state.flowStatus == store.FlowStatus.CODE) {
       this.baseComponent = new BaseComponent(FlowSteps.OtpCheck);
     }
     this.baseComponent.setEventEmitter(this.apiErrorEvent);
@@ -10172,19 +9789,19 @@ const SmsCodeValidation = class {
   async doAction() {
     try {
       this.canSend = false;
-      if (state.flowStatus == FlowStatus.CODE || state.flowStatus == FlowStatus.CODEERROR) {
-        var codeChecked = await this.baseComponent.apiCall.CheckOTPCode(state.requestId, this.code);
+      if (store.state.flowStatus == store.FlowStatus.CODE || store.state.flowStatus == store.FlowStatus.CODEERROR) {
+        var codeChecked = await this.baseComponent.apiCall.CheckOTPCode(store.state.requestId, this.code);
         if (codeChecked === true) {
-          state.flowStatus = FlowStatus.ID;
+          store.state.flowStatus = store.FlowStatus.ID;
         }
         else {
-          state.flowStatus = FlowStatus.CODEERROR;
+          store.state.flowStatus = store.FlowStatus.CODEERROR;
         }
       }
-      if (state.flowStatus == FlowStatus.PHONE) {
-        var codeSent = await this.baseComponent.apiCall.SendOTPCode(state.requestId, this.phoneNumber);
+      if (store.state.flowStatus == store.FlowStatus.PHONE) {
+        var codeSent = await this.baseComponent.apiCall.SendOTPCode(store.state.requestId, this.phoneNumber);
         if (codeSent === true) {
-          state.flowStatus = FlowStatus.CODE;
+          store.state.flowStatus = store.FlowStatus.CODE;
         }
       }
     }
@@ -10196,20 +9813,20 @@ const SmsCodeValidation = class {
     await this.baseComponent.finalize();
   }
   componentWillRender() {
-    if (state.flowStatus == FlowStatus.PHONE) {
-      this.title = PhoneValidationValues.Title;
-      this.details = PhoneValidationValues.Description;
-      this.buttonText = PhoneValidationValues.Button;
-      if (state.phoneNumber && state.phoneNumber != '') {
-        this.phoneNumber = state.phoneNumber;
+    if (store.state.flowStatus == store.FlowStatus.PHONE) {
+      this.title = store.PhoneValidationValues.Title;
+      this.details = store.PhoneValidationValues.Description;
+      this.buttonText = store.PhoneValidationValues.Button;
+      if (store.state.phoneNumber && store.state.phoneNumber != '') {
+        this.phoneNumber = store.state.phoneNumber;
         this.prefilledPhone = true;
         this.canSend = true;
       }
     }
-    if (state.flowStatus == FlowStatus.CODE || state.flowStatus == FlowStatus.CODEERROR) {
-      this.title = CodeValidationValues.Title;
-      this.details = CodeValidationValues.Description;
-      this.buttonText = CodeValidationValues.Button;
+    if (store.state.flowStatus == store.FlowStatus.CODE || store.state.flowStatus == store.FlowStatus.CODEERROR) {
+      this.title = store.CodeValidationValues.Title;
+      this.details = store.CodeValidationValues.Description;
+      this.buttonText = store.CodeValidationValues.Button;
     }
   }
   async componentDidLoad() {
@@ -10234,16 +9851,16 @@ const SmsCodeValidation = class {
   render() {
     let inputBlock;
     let errorBlock;
-    if (state.flowStatus == FlowStatus.CODEERROR) {
-      errorBlock = index.h("p", { class: "main-text font-size-18 mt-15 color-red text-center" }, CodeValidationValues.Error);
+    if (store.state.flowStatus == store.FlowStatus.CODEERROR) {
+      errorBlock = index.h("p", { class: "main-text font-size-18 mt-15 color-red text-center" }, store.CodeValidationValues.Error);
     }
-    if (state.flowStatus == FlowStatus.PHONE) {
-      inputBlock = (index.h("div", { class: "input-container mb-15" }, index.h("label", { class: "font-size-18 mb-1" }, index.h("b", null, PhoneValidationValues.Label)), index.h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })));
+    if (store.state.flowStatus == store.FlowStatus.PHONE) {
+      inputBlock = (index.h("div", { class: "input-container mb-15" }, index.h("label", { class: "font-size-18 mb-1" }, index.h("b", null, store.PhoneValidationValues.Label)), index.h("input", { type: "tel", id: "phoneInput", class: "main-input", disabled: this.prefilledPhone, onInput: ev => this.handleChangePhone(ev), value: this.phoneNumber })));
     }
     else {
       inputBlock = (index.h("div", { class: "input-container mb-15" }, index.h("input", { type: "text", id: "codeInput", class: "main-input", onInput: ev => this.handleChangeCode(ev), value: this.code })));
     }
-    return (index.h("div", { class: "container" }, index.h("div", { class: "row row-validare" }, index.h("div", null, index.h("h1", { class: "text-center" }, this.title), errorBlock == null ? index.h("p", { class: "main-text font-size-2 mt-15 mb-20 text-center" }, this.details) : errorBlock), inputBlock, index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, PhoneValidationValues.FooterText))))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "row row-validare" }, index.h("div", null, index.h("h1", { class: "text-center" }, this.title), errorBlock == null ? index.h("p", { class: "main-text font-size-2 mt-15 mb-20 text-center" }, this.details) : errorBlock), inputBlock, index.h("div", { class: "pos-relative show-bottom" }, index.h("div", { class: "btn-buletin" }, index.h("button", { id: "action", disabled: !this.canSend, class: "main-button", onClick: () => this.doAction() }, this.buttonText), index.h("p", { class: "main-text font-size-18 text-right mb-0" }, store.PhoneValidationValues.FooterText))))));
   }
 };
 SmsCodeValidation.style = smsCodeValidationCss;
@@ -10277,7 +9894,7 @@ const UserLiveness = class {
       back: null,
       tilt: null,
     };
-    if (state.hasSelfieGesture) {
+    if (store.state.hasSelfieGesture) {
       this.flow.tilt = {
         photoDone: true,
         recordingDone: false,
@@ -10315,7 +9932,7 @@ const UserLiveness = class {
     }
     try {
       var uploadPhoto = new File([selfiePhoto], this.flow.front.fileName, { type: 'image/png' });
-      await this.uploadPhoto(uploadPhoto);
+      await this.uploadPhoto(uploadPhoto, this.flow.front.photoType);
     }
     catch (e) {
       this.apiErrorEvent.emit(e);
@@ -10333,21 +9950,20 @@ const UserLiveness = class {
       return;
     }
     let mimeType = selfieRecording.type == Stream.mp4MimeType.type ? Stream.mp4MimeType : Stream.webmMimeType;
-    let currentFlow;
-    if (this.captureStep == SelfieFlowStatus.Selfie) {
-      currentFlow = this.flow.front;
-    }
-    if (this.captureStep == SelfieFlowStatus.Gesture) {
-      currentFlow = this.flow.tilt;
-    }
     try {
-      let uploadRec = new File([selfieRecording], currentFlow.recName + mimeType.extension, { type: mimeType.type });
-      currentFlow.recordingDone = await this.uploadRecording(uploadRec);
+      if (this.captureStep == SelfieFlowStatus.Selfie) {
+        let uploadRec = new File([selfieRecording], this.flow.front.recName + mimeType.extension, { type: mimeType.type });
+        this.flow.front.recordingDone = await this.uploadRecording(uploadRec, this.flow.front.recType);
+      }
+      if (this.captureStep == SelfieFlowStatus.Gesture) {
+        let uploadRec = new File([selfieRecording], this.flow.tilt.recName + mimeType.extension, { type: mimeType.type });
+        this.flow.tilt.recordingDone = await this.uploadRecording(uploadRec, this.flow.tilt.recType);
+      }
       await this.endFlow();
     }
     catch (e) {
-      if (state.recordingRetryCount < 3) {
-        state.recordingRetryCount++;
+      if (store.state.recordingRetryCount < 3) {
+        store.state.recordingRetryCount++;
         this.triggerErrorFlow();
       }
       else {
@@ -10356,17 +9972,16 @@ const UserLiveness = class {
     }
   }
   async verificationFinished(_event) {
-    this.captureStep = SelfieFlowStatus.End;
     await this.endFlow();
   }
   async disconnectedCallback() {
     await this.baseComponent.finalize();
   }
-  async uploadPhoto(photoFile) {
+  async uploadPhoto(photoFile, photoType) {
     if (this.flow.front.photoDone) {
       return;
     }
-    this.flow.front.photoDone = await this.baseComponent.apiCall.UploadFileForRequestB64(state.requestId, 'Selfie', photoFile);
+    this.flow.front.photoDone = await this.baseComponent.apiCall.UploadFileForRequestB64(store.state.requestId, photoType, photoFile);
     if (this.flow.front.photoDone) {
       await this.endFlow();
     }
@@ -10374,8 +9989,8 @@ const UserLiveness = class {
       this.triggerErrorFlow();
     }
   }
-  async uploadRecording(uploadRec) {
-    let uplodDone = await this.baseComponent.apiCall.UploadFileForRequestB64(state.requestId, 'SelfieVideo', uploadRec);
+  async uploadRecording(uploadRec, recType) {
+    let uplodDone = await this.baseComponent.apiCall.UploadFileForRequestB64(store.state.requestId, recType, uploadRec);
     if (uplodDone) {
       return true;
     }
@@ -10407,8 +10022,8 @@ const UserLiveness = class {
     if (this.captureStep != SelfieFlowStatus.End) {
       return;
     }
-    state.recordingRetryCount = 0;
-    state.flowStatus = FlowStatus.COMPLETE;
+    store.state.recordingRetryCount = 0;
+    store.state.flowStatus = store.FlowStatus.COMPLETE;
   }
   render() {
     let howTo = index.h("how-to-info", { idSide: "" });