@ekyc_qoobiss/qbs-ect-cmp 3.6.15 → 3.6.16

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79f82518.js');
+const store = require('./store-ab631a7a.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;
   }
 }
@@ -685,7 +290,7 @@ const AgreementCheck = class {
     this.agreementAcceptance.emit({ agreementType: this.agreementType, result });
   }
   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: "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) }, 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 +471,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 +546,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 +568,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 +1876,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 +1888,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 +1913,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 +2190,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 +2261,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 +4854,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 +4923,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 +4974,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 +5076,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 +5128,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 +5152,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 +5180,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 +5198,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 +5207,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 +5222,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 +5237,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 +5259,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 +5402,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 +5462,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 +5503,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 +5528,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 +5564,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 +5572,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 +5616,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 +5638,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 +5674,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 +5682,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 +5726,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 +5748,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 +5820,7 @@ function v4(options, buf, offset) {
 }
 
 const name = "@ekyc_qoobiss/qbs-ect-cmp";
-const version$1 = "3.6.15";
+const version$1 = "3.6.16";
 const description = "Person Identification Component";
 const main = "./dist/index.cjs.js";
 const module$1 = "./dist/index.js";
@@ -6289,66 +5894,66 @@ const identificationComponentCss = "@font-face{font-family:'Inter';font-style:no
 
 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 +5986,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 +6005,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 +6122,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 +6196,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 +6237,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 +6248,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 +9148,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 +9174,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 +9200,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 +9218,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 +9280,7 @@ const ProcessId = class {
       back: null,
       tilt: null,
     };
-    if (state.hasIdBack) {
+    if (store.state.hasIdBack) {
       this.flow.back = {
         photoDone: false,
         recordingDone: false,
@@ -9685,7 +9290,7 @@ const ProcessId = class {
         recType: CaptureUploadTypes.IdBackVideo,
       };
     }
-    if (state.hasIdTilt) {
+    if (store.state.hasIdTilt) {
       this.flow.tilt = {
         photoDone: true,
         recordingDone: false,
@@ -9782,7 +9387,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 +9401,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 +9411,9 @@ const ProcessId = class {
     return false;
   }
   triggerErrorFlow(restart = false) {
+    if (this.captureStep == IdCaptureFlowStatus.IdBack) {
+      restart = true;
+    }
     if (restart) {
       this.captureStep = IdCaptureFlowStatus.IdFront;
     }
@@ -9826,10 +9434,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 +9448,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 +9461,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 +9472,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 +9552,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 +9560,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 +9603,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 +9612,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 +9625,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 +9662,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 +9681,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 +9693,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 +9728,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 +9737,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 +9750,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 +9769,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 +9780,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 +9804,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 +9842,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 +9885,7 @@ const UserLiveness = class {
       back: null,
       tilt: null,
     };
-    if (state.hasSelfieGesture) {
+    if (store.state.hasSelfieGesture) {
       this.flow.tilt = {
         photoDone: true,
         recordingDone: false,
@@ -10315,7 +9923,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 +9941,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 {
@@ -10362,11 +9969,11 @@ const UserLiveness = class {
   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 +9981,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 +10014,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: "" });