@ekyc_qoobiss/qbs-ect-cmp 3.6.27 → 3.6.28

package/dist/cjs/base-component-aa9e52bf.js

@@ -0,0 +1,832 @@
+'use strict';
+
+const index = require('./index-41696e0e.js');
+
+exports.OrderStatuses = void 0;
+(function (OrderStatuses) {
+  OrderStatuses[OrderStatuses["Capturing"] = 0] = "Capturing";
+  OrderStatuses[OrderStatuses["FinishedCapturing"] = 1] = "FinishedCapturing";
+  OrderStatuses[OrderStatuses["Waiting"] = 2] = "Waiting";
+  OrderStatuses[OrderStatuses["NotFound"] = 3] = "NotFound";
+  OrderStatuses[OrderStatuses["Aborted"] = 4] = "Aborted";
+})(exports.OrderStatuses || (exports.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;
+};
+
+exports.FlowStatus = void 0;
+(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";
+})(exports.FlowStatus || (exports.FlowStatus = {}));
+
+class IdCaptureValues {
+}
+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',
+};
+class SelfieCaptureValues {
+}
+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 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 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';
+  }
+}
+
+const { state, onChange } = createStore({
+  flowStatus: exports.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,
+  langIso: 'ro',
+});
+onChange('environment', value => {
+  state.debug = value == 'QA';
+});
+onChange('flowStatus', value => {
+  sessionStorage.setItem(SessionKeys.FlowStatusKey, exports.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));
+});
+
+exports.FlowSteps = void 0;
+(function (FlowSteps) {
+  FlowSteps[FlowSteps["ComponentLoaded"] = 'component-loaded'] = "ComponentLoaded";
+  FlowSteps[FlowSteps["MobileRedirect"] = 'mobile-redirect'] = "MobileRedirect";
+  FlowSteps[FlowSteps["Landing"] = 'landing'] = "Landing";
+  FlowSteps[FlowSteps["Agreements"] = 'agreements'] = "Agreements";
+  FlowSteps[FlowSteps["OtpSend"] = 'otp-send'] = "OtpSend";
+  FlowSteps[FlowSteps["OtpCheck"] = 'otp-check'] = "OtpCheck";
+  FlowSteps[FlowSteps["CiFront"] = 'ci-front'] = "CiFront";
+  FlowSteps[FlowSteps["CiFrontHowTo"] = 'ci-front-how-to'] = "CiFrontHowTo";
+  FlowSteps[FlowSteps["CiFrontCapture"] = 'ci-front-capture'] = "CiFrontCapture";
+  FlowSteps[FlowSteps["CiBack"] = 'ci-back'] = "CiBack";
+  FlowSteps[FlowSteps["CiBackHowTo"] = 'ci-back-how-to'] = "CiBackHowTo";
+  FlowSteps[FlowSteps["CiBackCapture"] = 'ci-back-capture'] = "CiBackCapture";
+  FlowSteps[FlowSteps["CiTilt"] = 'ci-tilt'] = "CiTilt";
+  FlowSteps[FlowSteps["CiError"] = 'ci-error'] = "CiError";
+  FlowSteps[FlowSteps["SelfieHowTo"] = 'selfie-how-to'] = "SelfieHowTo";
+  FlowSteps[FlowSteps["SelfieTilt"] = 'selfie-tilt'] = "SelfieTilt";
+  FlowSteps[FlowSteps["SelfieCapture"] = 'selfie-capture'] = "SelfieCapture";
+  FlowSteps[FlowSteps["Selfie"] = 'selfie'] = "Selfie";
+  FlowSteps[FlowSteps["SelfieError"] = 'selfie-error'] = "SelfieError";
+  FlowSteps[FlowSteps["End"] = 'end'] = "End";
+  FlowSteps[FlowSteps["CameraError"] = 'camera-error'] = "CameraError";
+})(exports.FlowSteps || (exports.FlowSteps = {}));
+exports.FlowMoments = void 0;
+(function (FlowMoments) {
+  FlowMoments[FlowMoments["Initialized"] = 'initialized'] = "Initialized";
+  FlowMoments[FlowMoments["Finalized"] = 'finalized'] = "Finalized";
+  FlowMoments[FlowMoments["None"] = 'none'] = "None";
+})(exports.FlowMoments || (exports.FlowMoments = {}));
+
+class ApiCall {
+  constructor() {
+    this.serviceErrors = ['Service Unavailable', 'Unauthorized'];
+    this.toBase64 = (file) => new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = error => reject(error);
+    });
+    this.urls = new ApiUrls();
+  }
+  // private async http2<T>(method: string, url: string, data: string): Promise<T> {
+  //   return new Promise((resolve, reject) => {
+  //     var xhr = new XMLHttpRequest();
+  //     xhr.open(method, url);
+  //     xhr.onload = function () {
+  //       if (xhr.status >= 200 && xhr.status < 300) {
+  //         resolve(xhr.response);
+  //       } else {
+  //         reject({
+  //           status: xhr.status,
+  //           statusText: xhr.statusText,
+  //         });
+  //       }
+  //     };
+  //     xhr.onerror = function () {
+  //       reject({
+  //         status: xhr.status,
+  //         statusText: xhr.statusText,
+  //       });
+  //     };
+  //     xhr.send(data);
+  //   });
+  // }
+  async http(request) {
+    const response = await fetch(request);
+    if (!response.ok) {
+      throw new Error(response.statusText);
+    }
+    try {
+      // may error if there is no body
+      return await response.json();
+    }
+    catch (ex) {
+      throw new Error('No json found in response ' + ex);
+    }
+  }
+  async post(url, data, withRetry = true) {
+    var request = new Request(state.apiBaseUrl + url, {
+      method: 'POST',
+      body: data,
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': 'IDKYC-TOKEN ' + state.token,
+      },
+    });
+    try {
+      return await this.http(request);
+    }
+    catch (ex) {
+      if (!withRetry || this.serviceErrors.includes(ex.message)) {
+        throw ex;
+      }
+      this.AddLog('Error in post ', ex);
+      try {
+        var request2 = new Request(state.apiBaseUrl + url, {
+          method: 'POST',
+          body: data,
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': 'IDKYC-TOKEN ' + state.token,
+          },
+        });
+        return await this.http(request2);
+      }
+      catch (ex2) {
+        this.AddLog('Error in post ', ex2);
+        var request3 = new Request(state.apiBaseUrl + url, {
+          method: 'POST',
+          body: data,
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': 'IDKYC-TOKEN ' + state.token,
+          },
+        });
+        return await this.http(request3);
+      }
+    }
+  }
+  async get(url, withRetry = true) {
+    var request = new Request(state.apiBaseUrl + url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': 'IDKYC-TOKEN ' + state.token,
+      },
+    });
+    try {
+      return await this.http(request);
+    }
+    catch (ex) {
+      if (!withRetry || this.serviceErrors.includes(ex.message)) {
+        throw ex;
+      }
+      this.AddLog('Error in get ', ex);
+      try {
+        var request2 = new Request(state.apiBaseUrl + url, {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': 'IDKYC-TOKEN ' + state.token,
+          },
+        });
+        return await this.http(request2);
+      }
+      catch (ex2) {
+        this.AddLog('Error in get ', ex2);
+        var request3 = new Request(state.apiBaseUrl + url, {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': 'IDKYC-TOKEN ' + state.token,
+          },
+        });
+        return await this.http(request3);
+      }
+    }
+  }
+  async SendOTPCode(requestId, phoneNumber) {
+    let data = { requestId: requestId, phone: phoneNumber };
+    let jsonResp = await this.post(this.urls.OtpSend, JSON.stringify(data));
+    return jsonResp.sent;
+  }
+  async CheckOTPCode(requestId, otpCode) {
+    let data = { requestId: requestId, otp: otpCode };
+    let jsonResp = await this.post(this.urls.OtpCheck, JSON.stringify(data));
+    return jsonResp.valid;
+  }
+  async AddIdentificationRequest(deviceInfo, version) {
+    if (state.debug)
+      console.log('Calling identity request with store:' + JSON.stringify(state));
+    let data = {
+      requestId: state.requestId,
+      clientDeviceInfo: JSON.stringify(deviceInfo),
+      redirectId: state.redirectId,
+      phoneNumber: 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;
+    return true;
+  }
+  async UploadFileForRequestB64(requestId, type, file) {
+    let data = {
+      requestId: requestId,
+      type: type,
+      data: await this.toBase64(file),
+    };
+    let respJson = await this.post(this.urls.UploadCapture, JSON.stringify(data));
+    if (!state.hasIdBack && type == 'IdFront') {
+      return respJson.isValid;
+    }
+    if (state.hasIdBack && type == 'IdBack') {
+      return respJson.isValid;
+    }
+    if (type == 'Selfie') {
+      return respJson.isValid;
+    }
+    return true;
+  }
+  async GetAgreement(agreementType) {
+    let resp = await this.get(this.urls.GetAgreement + '?type=' + agreementType + '&requestId=' + state.requestId);
+    return resp.htmlText;
+  }
+  async GenerateAgreement(agreementType) {
+    let data = { requestId: state.requestId, documentType: agreementType };
+    let resp = await this.post(this.urls.GenerateAgreement, JSON.stringify(data));
+    return resp.generation;
+  }
+  async GetStatus(requestId) {
+    let resp = await this.get(this.urls.GetStatus + '?orderId=' + requestId);
+    return exports.OrderStatuses[resp.status];
+  }
+  async SendLink(link, phoneNumber) {
+    let data = { requestId: 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: exports.FlowStatus[state.flowStatus],
+        message: JSON.stringify({ error, context }),
+      };
+      let result = await this.post(this.urls.AddLog, JSON.stringify(data), false);
+      return result.saved;
+    }
+    catch (_a) { }
+  }
+  async AddStep(step, moment) {
+    let data = { requestId: state.requestId, redirectId: state.redirectId, step: exports.FlowSteps[step], moment: exports.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 }));
+    return result.saved;
+  }
+}
+
+exports.MobileOS = void 0;
+(function (MobileOS) {
+  MobileOS["Android"] = "android";
+  MobileOS["iOS"] = "ios";
+  MobileOS["Unknown"] = "unknown";
+  MobileOS["WindowsPhone"] = "Windows Phone";
+})(exports.MobileOS || (exports.MobileOS = {}));
+var DesktopOS;
+(function (DesktopOS) {
+  DesktopOS["Linux"] = "linux";
+  DesktopOS["MacOS"] = "mac_os";
+  DesktopOS["Unix"] = "unix";
+  DesktopOS["Unknown"] = "unknown";
+  DesktopOS["Windows"] = "windows";
+})(DesktopOS || (DesktopOS = {}));
+exports.Browser = void 0;
+(function (Browser) {
+  Browser["Chrome"] = "chrome";
+  Browser["Firefox"] = "firefox";
+  Browser["Safari"] = "safari";
+  Browser["Mi"] = "mi";
+  Browser["Unknown"] = "unknown";
+})(exports.Browser || (exports.Browser = {}));
+
+class DeviceDetection {
+  constructor() {
+    var _a, _b, _c, _d;
+    this.supportedScreenOrientation = (_b = (_a = ((screen === null || screen === void 0 ? void 0 : screen.orientation) || {}).type) !== null && _a !== void 0 ? _a : screen.mozOrientation) !== null && _b !== void 0 ? _b : screen.msOrientation;
+    this.safariScreenOrientation = !(screen === null || screen === void 0 ? void 0 : screen.orientation) && matchMedia('(orientation: portrait)').matches ? 'portrait-primary' : 'landscape-primary';
+    this.initialScreenOrientation = (_d = (_c = this.supportedScreenOrientation) !== null && _c !== void 0 ? _c : this.safariScreenOrientation) !== null && _d !== void 0 ? _d : 'portrait-primary';
+    this.userAgent = navigator.userAgent || navigator.vendor || window.opera || undefined;
+    this.isMobile = this.isMobileDevice();
+    this.isTablet = this.isTabletDevice();
+    this.isDesktop = !this.isMobile && !this.isTablet;
+  }
+  // Device typology
+  isMobileDevice() {
+    const regexs = [/(Android)(.+)(Mobile)/i, /BlackBerry/i, /iPhone|iPod/i, /Opera Mini/i, /IEMobile/i];
+    return regexs.some(b => this.userAgent.match(b));
+  }
+  isTabletDevice() {
+    const regex = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/;
+    return regex.test(this.userAgent.toLowerCase());
+  }
+  // Device Operating System
+  getMobileOS() {
+    if (this.isMobileDevice()) {
+      if (/windows phone/i.test(this.userAgent))
+        return exports.MobileOS.WindowsPhone;
+      else if (/android/i.test(this.userAgent))
+        return exports.MobileOS.Android;
+      else if (/iPad|iPhone|iPod/.test(this.userAgent) && !window.MSStream)
+        return exports.MobileOS.iOS;
+      return exports.MobileOS.Unknown;
+    }
+    else
+      return undefined;
+  }
+  getDesktopOS() {
+    if (this.isDesktop) {
+      if (this.userAgent.indexOf('Win') !== -1)
+        return DesktopOS.Windows;
+      else if (this.userAgent.indexOf('Mac') !== -1)
+        return DesktopOS.MacOS;
+      else if (this.userAgent.indexOf('X11') !== -1)
+        return DesktopOS.Unix;
+      else if (this.userAgent.indexOf('Linux') !== -1)
+        return DesktopOS.Linux;
+      return DesktopOS.Unknown;
+    }
+    else
+      return undefined;
+  }
+  getDeviceOS() {
+    var _a;
+    return (_a = this.getMobileOS()) !== null && _a !== void 0 ? _a : this.getDesktopOS();
+  }
+  getBrowser() {
+    if (/XiaoMi/i.test(this.userAgent) || /MiuiBrowser/i.test(this.userAgent))
+      return exports.Browser.Mi;
+    var isChrome = /chrome/i.test(this.userAgent);
+    if (isChrome)
+      return exports.Browser.Chrome;
+    if (/firefox/i.test(navigator.userAgent))
+      return exports.Browser.Firefox;
+    else if (!isChrome && /safari/i.test(navigator.userAgent))
+      return exports.Browser.Safari;
+    else
+      return exports.Browser.Unknown;
+  }
+  getDevice() {
+    var device = {
+      isDesktop: this.isDesktop,
+      desktopOS: this.getDesktopOS(),
+      isWindowsDesktop: this.getDeviceOS() === DesktopOS.Windows,
+      isLinuxOrUnixDesktop: this.getDeviceOS() === DesktopOS.Linux || this.getDeviceOS() === DesktopOS.Unix,
+      isMobile: this.isMobile,
+      mobileOS: this.getMobileOS(),
+      isAndroidDevice: this.getDeviceOS() === exports.MobileOS.Android,
+      isAppleDevice: this.getDeviceOS() === exports.MobileOS.iOS || this.getDeviceOS() === DesktopOS.MacOS,
+      isUnknownMobileDevice: this.getDeviceOS() === exports.MobileOS.Unknown,
+      browser: this.getBrowser(),
+      isTablet: this.isTablet,
+      initialScreenOrientation: this.initialScreenOrientation,
+    };
+    return device;
+  }
+}
+
+class Events {
+  static init(element) {
+    this.callingModule = element;
+  }
+  static flowEvent(step, moment) {
+    const eventName = `ect-${step.toString()}-${moment.toString()}-event`;
+    this.callingModule.dispatchEvent(new CustomEvent(eventName, {
+      detail: {},
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+    }));
+  }
+  static flowStarted() {
+    this.callingModule.dispatchEvent(new CustomEvent('ect-started', {
+      detail: {},
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+    }));
+  }
+  static flowAborted() {
+    sessionStorage.clear();
+    this.callingModule.dispatchEvent(new CustomEvent('ect-aborted', {
+      detail: {},
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+    }));
+  }
+  static flowCompleted() {
+    sessionStorage.clear();
+    this.callingModule.dispatchEvent(new CustomEvent('ect-completed', {
+      detail: {},
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+    }));
+  }
+  static flowError(error) {
+    sessionStorage.clear();
+    this.callingModule.dispatchEvent(new CustomEvent('ect-error', {
+      detail: { error },
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+    }));
+  }
+  static tokenExpired() {
+    sessionStorage.clear();
+    this.callingModule.dispatchEvent(new CustomEvent('ect-session-expired', {
+      detail: {},
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+    }));
+  }
+}
+
+class TranslationsController {
+  async getValues() {
+    if (this.values) {
+      return this.values;
+    }
+    else {
+      this.values = await this.fetchTranslations();
+      return this.values;
+    }
+  }
+  getLocale(element = document.body) {
+    const closestElement = element.closest('[lang]');
+    return closestElement ? closestElement.lang : state.langIso;
+  }
+  async fetchTranslations() {
+    const locale = this.getLocale();
+    const existingTranslations = JSON.parse(sessionStorage.getItem(`i18n.${locale}`));
+    if (existingTranslations && Object.keys(existingTranslations).length > 0) {
+      return existingTranslations;
+    }
+    else {
+      try {
+        const result = await fetch(`/i18n/${locale}.json`);
+        if (result.ok) {
+          const data = await result.json();
+          sessionStorage.setItem(`i18n.${locale}`, JSON.stringify(data));
+          return data;
+        }
+      }
+      catch (exception) {
+        console.error(`Error loading locale: ${locale}`, exception);
+      }
+    }
+  }
+}
+const Translations = new TranslationsController();
+
+class BaseComponent {
+  constructor(step) {
+    this.apiErrorEvent = null;
+    this.processError = null;
+    this.apiCall = new ApiCall();
+    if (step)
+      this.flowStep = step;
+    if (!state.device) {
+      state.device = new DeviceDetection().getDevice();
+    }
+    Translations.getValues().then(data => {
+      this.translations = data;
+    });
+  }
+  setEventEmitter(event) {
+    this.apiErrorEvent = event;
+  }
+  setErrorCallback(callback) {
+    this.processError = callback;
+  }
+  async logStep(step, moment) {
+    Events.flowEvent(step, moment);
+    try {
+      await this.apiCall.AddStep(step, moment);
+    }
+    catch (e) {
+      if (this.apiErrorEvent)
+        this.apiErrorEvent.emit(e);
+      else
+        this.processError(e, `${step}-${moment}`);
+    }
+  }
+  async initialize() {
+    Events.flowEvent(this.flowStep, exports.FlowMoments.Initialized);
+    try {
+      await this.apiCall.AddStep(this.flowStep, exports.FlowMoments.Initialized);
+    }
+    catch (e) {
+      if (this.apiErrorEvent)
+        this.apiErrorEvent.emit(e);
+      else
+        this.processError(e, `${this.flowStep}-${exports.FlowMoments.Initialized}`);
+    }
+  }
+  async finalize() {
+    Events.flowEvent(this.flowStep, exports.FlowMoments.Finalized);
+    try {
+      await this.apiCall.AddStep(this.flowStep, exports.FlowMoments.Finalized);
+    }
+    catch (e) {
+      if (this.apiErrorEvent)
+        this.apiErrorEvent.emit(e);
+      else
+        this.processError(e, `${this.flowStep}-${exports.FlowMoments.Finalized}`);
+    }
+  }
+}
+
+exports.ApiCall = ApiCall;
+exports.BaseComponent = BaseComponent;
+exports.Events = Events;
+exports.IdCaptureValues = IdCaptureValues;
+exports.SelfieCaptureValues = SelfieCaptureValues;
+exports.SessionKeys = SessionKeys;
+exports.state = state;