@authme/util 2.3.1-rc.3 → 2.4.6

package/index.cjs

@@ -11,15 +11,22 @@ require('core-js/modules/es.typed-array.sort.js');
 require('core-js/modules/es.typed-array.to-locale-string.js');
 require('core-js/modules/es.promise.js');
 require('core-js/modules/es.regexp.exec.js');
+require('core-js/modules/es.regexp.to-string.js');
 require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/es.object.assign.js');
+require('core-js/modules/es.number.parse-int.js');
+var jwt_decode = require('jwt-decode');
+require('core-js/modules/es.string.match.js');
+require('core-js/modules/es.string.replace.js');
 require('core-js/modules/web.url-search-params.js');
 require('core-js/modules/es.string.search.js');
-require('core-js/modules/es.string.match.js');
-require('core-js/modules/es.array.sort.js');
+require('core-js/modules/es.typed-array.uint32-array.js');
 require('core-js/modules/es.array.includes.js');
 require('core-js/modules/es.string.includes.js');
-var lottie = require('lottie-web');
-require('core-js/modules/es.string.replace.js');
+var fileSaver = require('file-saver');
+var JSZip = require('jszip');
+var Lottie = require('lottie-web');
+require('core-js/modules/es.array.sort.js');
 require('core-js/modules/es.parse-int.js');
 require('core-js/modules/es.string.trim.js');
 require('core-js/modules/es.string.starts-with.js');
@@ -27,23 +34,34 @@ require('core-js/modules/es.symbol.description.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var lottie__default = /*#__PURE__*/_interopDefaultLegacy(lottie);
+var jwt_decode__default = /*#__PURE__*/_interopDefaultLegacy(jwt_decode);
+var JSZip__default = /*#__PURE__*/_interopDefaultLegacy(JSZip);
+var Lottie__default = /*#__PURE__*/_interopDefaultLegacy(Lottie);
 
 const GLOBAL_KEY = '_AuthmeConfig';
+const _storage = {};
+exports.STORAGE_KEY = void 0;
+(function (STORAGE_KEY) {
+  STORAGE_KEY["LOADING_LOTTIE"] = "loadingLottie";
+  STORAGE_KEY["OCR_IDCARD_RESULT_FORMAT"] = "ocrIdcardResultFormat";
+  STORAGE_KEY["ENABLE_EVENT_TRACKING"] = "enableEventTracking";
+  STORAGE_KEY["EVENT_TRACK_URL"] = "eventTrackUrl";
+  STORAGE_KEY["API_BASE_URL"] = "apiBaseUrl";
+})(exports.STORAGE_KEY || (exports.STORAGE_KEY = {}));
 function getItem(key) {
-  return window[GLOBAL_KEY][key];
+  return _storage[GLOBAL_KEY][key];
 }
 function setItem(key, val) {
-  if (!window[GLOBAL_KEY]) {
-    window[GLOBAL_KEY] = {};
+  if (!_storage[GLOBAL_KEY]) {
+    _storage[GLOBAL_KEY] = {};
   }
-  return window[GLOBAL_KEY][key] = val;
+  return _storage[GLOBAL_KEY][key] = val;
 }
 function removeItem(key) {
-  return delete window[GLOBAL_KEY][key];
+  return delete _storage[GLOBAL_KEY][key];
 }
 function clear() {
-  window[GLOBAL_KEY] = {};
+  _storage[GLOBAL_KEY] = {};
 }
 const Storage = {
   getItem,
@@ -67,6 +85,18 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -113,6 +143,188 @@ function __asyncValues(o) {
     function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
 }
 
+class AuthmeError {
+  constructor(code, cause = null) {
+    this._cause = null;
+    this._code = null;
+    this._code = code;
+    this._cause = cause;
+  }
+  get message() {
+    return '[Authme SDK Error] Code: ' + this.code;
+  }
+  setCode(code) {
+    this._code = code;
+  }
+  get code() {
+    return this._code;
+  }
+  get cause() {
+    return this._cause;
+  }
+}
+exports.ErrorCode = void 0;
+(function (ErrorCode) {
+  // 1XX for engine
+  ErrorCode[ErrorCode["BROWSER_NOT_SUPPORT"] = 100] = "BROWSER_NOT_SUPPORT";
+  ErrorCode[ErrorCode["ENGINE_INIT_ERROR"] = 101] = "ENGINE_INIT_ERROR";
+  ErrorCode[ErrorCode["ENGINE_MODULE_IS_INITIALIZING"] = 102] = "ENGINE_MODULE_IS_INITIALIZING";
+  ErrorCode[ErrorCode["ENGINE_MODULE_INIT_ERROR"] = 103] = "ENGINE_MODULE_INIT_ERROR";
+  ErrorCode[ErrorCode["RECOGNITION_NOT_AVAILABLE"] = 104] = "RECOGNITION_NOT_AVAILABLE";
+  ErrorCode[ErrorCode["RECOGNITION_ERROR"] = 105] = "RECOGNITION_ERROR";
+  ErrorCode[ErrorCode["INVALID_AUTH_ERROR"] = 106] = "INVALID_AUTH_ERROR";
+  ErrorCode[ErrorCode["SCREEN_RESOLUTION_TOO_LOW"] = 107] = "SCREEN_RESOLUTION_TOO_LOW";
+  ErrorCode[ErrorCode["SCREEN_SIZE_CHANGED"] = 108] = "SCREEN_SIZE_CHANGED";
+  // 2 for LIVENESS
+  ErrorCode[ErrorCode["LIVENESS_NOT_PASSED"] = 201] = "LIVENESS_NOT_PASSED";
+  // 3 for ID-Recognition
+  ErrorCode[ErrorCode["ID_RECOGNITION_CONFIRM_INFO_ERROR"] = 301] = "ID_RECOGNITION_CONFIRM_INFO_ERROR";
+  ErrorCode[ErrorCode["ID_RECOGNITION_TIMEOUT"] = 302] = "ID_RECOGNITION_TIMEOUT";
+  // 4 for Anti-fraud
+  ErrorCode[ErrorCode["ID_RECOGNITION_ANTI_FRAUD_NOT_PASSED"] = 401] = "ID_RECOGNITION_ANTI_FRAUD_NOT_PASSED";
+  // 9 for common
+  ErrorCode[ErrorCode["SDK_INTERNAL_ERROR"] = 900] = "SDK_INTERNAL_ERROR";
+  ErrorCode[ErrorCode["NETWORK_ERROR"] = 901] = "NETWORK_ERROR";
+  ErrorCode[ErrorCode["HTTP_ERROR_RESPONSE"] = 902] = "HTTP_ERROR_RESPONSE";
+  ErrorCode[ErrorCode["USER_CANCEL"] = 903] = "USER_CANCEL";
+  ErrorCode[ErrorCode["CAMERA_NOT_SUPPORT"] = 904] = "CAMERA_NOT_SUPPORT";
+  ErrorCode[ErrorCode["SERVER_ERROR"] = 905] = "SERVER_ERROR";
+  ErrorCode[ErrorCode["EVENT_NAME_WRONG"] = 906] = "EVENT_NAME_WRONG";
+})(exports.ErrorCode || (exports.ErrorCode = {}));
+
+function decodeToken(token) {
+  const decoded = jwt_decode__default["default"](token);
+  const {
+    exp,
+    iat
+  } = decoded;
+  return {
+    payload: decoded,
+    exp: typeof exp === 'number' ? exp : 0,
+    iat: typeof iat === 'number' ? iat : 0
+  };
+}
+
+function getDeviceInfo() {
+  const userAgent = window.navigator.userAgent;
+  const deviceType = getDeviceType(userAgent);
+  const browserType = getBrowserType(userAgent);
+  return `${deviceType} (${browserType})`;
+}
+function getDeviceType(userAgent) {
+  if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {
+    return 'iPad/iPhone';
+  } else if (userAgent.match(/Android/i)) {
+    return 'Android';
+  } else if (userAgent.match(/Windows Phone/i)) {
+    return 'Windows Phone';
+  } else if (userAgent.match(/Windows NT/i)) {
+    return 'Windows PC';
+  } else if (userAgent.match(/Mac OS/i)) {
+    return 'Mac';
+  } else if (userAgent.match(/Linux/i)) {
+    return 'Linux';
+  } else {
+    return 'Unknown Device';
+  }
+}
+function getBrowserType(userAgent) {
+  if (userAgent.match(/Chrome/i)) {
+    return 'Chrome';
+  } else if (userAgent.match(/Firefox/i)) {
+    return 'Firefox';
+  } else if (userAgent.match(/Edge/i)) {
+    return 'Edge';
+  } else if (userAgent.match(/Safari/i)) {
+    return 'Safari';
+  } else if (userAgent.match(/MSIE/i) || userAgent.match(/Trident/i)) {
+    return 'IE';
+  } else {
+    return 'Unknown Browser';
+  }
+}
+function getSystemInfo() {
+  const userAgent = window.navigator.userAgent;
+  const os = getOs(userAgent);
+  const osVersion = getOsVersion(userAgent);
+  return `${os} (${osVersion})`;
+}
+function getOs(userAgent) {
+  if (userAgent.match(/Windows NT 10/i)) {
+    return 'Windows 10';
+  } else if (userAgent.match(/Windows NT 6.3/i)) {
+    return 'Windows 8.1';
+  } else if (userAgent.match(/Windows NT 6.2/i)) {
+    return 'Windows 8';
+  } else if (userAgent.match(/Windows NT 6.1/i)) {
+    return 'Windows 7';
+  } else if (userAgent.match(/Windows NT 6.0/i)) {
+    return 'Windows Vista';
+  } else if (userAgent.match(/Windows NT 5.1/i)) {
+    return 'Windows XP';
+  } else if (userAgent.match(/Windows NT 5.0/i)) {
+    return 'Windows 2000';
+  } else if (userAgent.match(/Mac/i)) {
+    return 'Mac OS';
+  } else if (userAgent.match(/Linux/i)) {
+    return 'Linux';
+  } else {
+    return 'Unknown OS';
+  }
+}
+function getOsVersion(userAgent) {
+  if (userAgent.match(/Windows NT/i)) {
+    const matches = userAgent.match(/Windows NT ([\d\\.]+)/i);
+    if (matches) {
+      return matches[1];
+    } else {
+      return '';
+    }
+  }
+  if (userAgent.match(/Mac/i)) {
+    const matches = userAgent.match(/Mac OS X ([\d_.]+)/i);
+    if (matches) {
+      return matches[1].replace(/_/g, '.');
+    } else {
+      return '';
+    }
+  } else if (userAgent.match(/Android/i)) {
+    const matches = userAgent.match(/Android ([\d.]+)/i);
+    if (matches) {
+      return matches[1];
+    } else {
+      return '';
+    }
+  } else {
+    return '';
+  }
+}
+
+class State {
+  constructor(initialValue = null) {
+    this._value = initialValue;
+  }
+  getValue() {
+    return this._value;
+  }
+  setValue(newValue) {
+    this._value = newValue;
+  }
+}
+function useState(initialValue = null, subscription) {
+  const state = new State(initialValue);
+  function getValue() {
+    return state.getValue();
+  }
+  function setValue(newValue) {
+    if (subscription && newValue !== state.getValue()) {
+      subscription.next(newValue);
+    }
+    state.setValue(newValue);
+  }
+  return [getValue, setValue];
+}
+
 function dataURItoBlob(dataURI) {
   // convert base64/URLEncoded data component to raw binary data held in a string
   const byteString = atob(dataURI.split(',')[1]);
@@ -164,7 +376,9 @@ function retryPromiseWithCondition(promiseFactory, conditionFactory) {
       const res = yield promiseFactory();
       return res;
     } catch (e) {
-      console.error(e);
+      if ((e === null || e === void 0 ? void 0 : e._code) === exports.ErrorCode.SERVER_ERROR) {
+        throw e;
+      }
       const retry = yield conditionFactory(e);
       if (retry) {
         return retryPromiseWithCondition(promiseFactory, conditionFactory);
@@ -187,59 +401,418 @@ function isMobile() {
     return !!(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(a.substr(0, 4)) || /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent));
   }(navigator.userAgent || navigator.vendor || window.opera);
 }
-
-class AuthmeError {
-  constructor(code, cause = null) {
-    this._cause = null;
-    this._code = null;
-    this._code = code;
-    this._cause = cause;
+function splitResult(result) {
+  if (result.address) {
+    const originAddress = result.address;
+    const address1Index = checkCity(originAddress);
+    result.address1 = address1Index === -1 ? '' : originAddress.slice(0, 3);
+    const address2 = address1Index === -1 ? originAddress : originAddress.slice(3);
+    const address2Index = checkZone(address2);
+    result.address2 = address2Index === -1 ? '' : address2.slice(0, address2Index + 1);
+    result.address3 = address2Index === -1 ? address2 : address2.slice(address2Index + 1);
   }
-  get message() {
-    return '[Authme SDK Error] Code: ' + this.code;
+  if (result.dateOfBirth) {
+    const splitDateOfBirth = result.dateOfBirth.split('-');
+    const dateOfBirthY = (+splitDateOfBirth[0] - 1911).toString();
+    result.dateOfBirthY = dateOfBirthY.length < 3 ? '0' + dateOfBirthY : dateOfBirthY;
+    result.dateOfBirthM = splitDateOfBirth[1];
+    result.dateOfBirthD = splitDateOfBirth[2];
   }
-  setCode(code) {
-    this._code = code;
+  if (result.dateOfIssue) {
+    const splitDateOfIssue = result.dateOfIssue.split('-');
+    const dateOfIssueY = (+splitDateOfIssue[0] - 1911).toString();
+    result.dateOfIssueY = dateOfIssueY.length < 3 ? '0' + dateOfIssueY : dateOfIssueY;
+    result.dateOfIssueM = splitDateOfIssue[1];
+    result.dateOfIssueD = splitDateOfIssue[2];
   }
-  get code() {
-    return this._code;
+  return result;
+}
+function checkCity(address) {
+  const citys = ['臺北市', '臺中市', '基隆市', '臺南市', '高雄市', '新北市', '宜蘭縣', '桃園市', '嘉義市', '新竹縣', '苗栗縣', '南投縣', '彰化縣', '新竹市', '雲林縣', '嘉義縣', '屏東縣', '花蓮縣', '臺東縣', '金門縣', '澎湖縣', '連江縣', '臺中縣', '臺南縣', '高雄縣'];
+  for (const city of citys) {
+    if (address.indexOf(city) !== -1) {
+      return address.indexOf(city);
+    }
   }
-  get cause() {
-    return this._cause;
+  return -1;
+}
+function checkZone(address) {
+  const zones = ['鄉', '鎮', '市', '區'];
+  for (const zone of zones) {
+    if (address.indexOf(zone) !== -1) {
+      return address.indexOf(zone);
+    }
   }
+  return -1;
+}
+function notEmpty(value) {
+  return typeof value !== 'undefined' && value !== null && value !== '';
+}
+function combineResult(result) {
+  const {
+      address1,
+      address2,
+      address3,
+      dateOfBirthY,
+      dateOfBirthM,
+      dateOfBirthD,
+      dateOfIssueY,
+      dateOfIssueM,
+      dateOfIssueD
+    } = result,
+    others = __rest(result, ["address1", "address2", "address3", "dateOfBirthY", "dateOfBirthM", "dateOfBirthD", "dateOfIssueY", "dateOfIssueM", "dateOfIssueD"]);
+  // 由於呼叫函數的情境包含 confirmOCRResult，
+  // confirmOCRResult 並不會知道目前是什麼卡片類型，
+  // 所以會以分割出的欄位來判斷是否進行欄位合併與覆寫。
+  const newResult = Object.assign({}, others);
+  if ([address1, address2, address3].every(notEmpty)) {
+    newResult.address = `${address1}${address2}${address3}`;
+  }
+  if ([dateOfBirthY, dateOfBirthM, dateOfBirthD].every(notEmpty)) {
+    newResult.dateOfBirth = `${1911 + Number.parseInt(dateOfBirthY || '0')}-${dateOfBirthM}-${dateOfBirthD}`;
+  }
+  if ([dateOfIssueY, dateOfIssueM, dateOfIssueD].every(notEmpty)) {
+    newResult.dateOfIssue = `${1911 + Number.parseInt(dateOfIssueY || '0')}-${dateOfIssueM}-${dateOfIssueD}`;
+  }
+  return newResult;
+}
+const isIphone14proOrProMax = () => {
+  const isIphone = () => {
+    return /iPhone|iPad|iPod/i.test(navigator.userAgent);
+  };
+  return isIphone() && (screen.width === 430 && screen.height === 932 || screen.width === 393 && screen.height === 852);
+};
+
+function fileSaverService() {
+  const filesQueue = [];
+  function pushFile(file) {
+    filesQueue.push(file);
+  }
+  function popAllFiles() {
+    filesQueue.splice(0, filesQueue.length);
+  }
+  function saveFiles(fileName, json) {
+    return __awaiter(this, void 0, void 0, function* () {
+      const zip = new JSZip__default["default"]();
+      filesQueue.forEach(fileItem => {
+        zip.file(fileItem.name, fileItem.file);
+      });
+      if (json) zip.file('data.json', JSON.stringify(json));
+      const content = yield zip.generateAsync({
+        type: 'blob'
+      });
+      fileSaver.saveAs(content, `${fileName}.zip`);
+      popAllFiles();
+    });
+  }
+  return {
+    pushFile,
+    saveFiles
+  };
 }
-exports.ErrorCode = void 0;
-(function (ErrorCode) {
-  // 1XX for engine
-  ErrorCode[ErrorCode["BROWSER_NOT_SUPPORT"] = 100] = "BROWSER_NOT_SUPPORT";
-  ErrorCode[ErrorCode["ENGINE_INIT_ERROR"] = 101] = "ENGINE_INIT_ERROR";
-  ErrorCode[ErrorCode["ENGINE_MODULE_IS_INITIALIZING"] = 102] = "ENGINE_MODULE_IS_INITIALIZING";
-  ErrorCode[ErrorCode["ENGINE_MODULE_INIT_ERROR"] = 103] = "ENGINE_MODULE_INIT_ERROR";
-  ErrorCode[ErrorCode["RECOGNITION_NOT_AVAILABLE"] = 104] = "RECOGNITION_NOT_AVAILABLE";
-  ErrorCode[ErrorCode["RECOGNITION_ERROR"] = 105] = "RECOGNITION_ERROR";
-  ErrorCode[ErrorCode["INVALID_AUTH_ERROR"] = 106] = "INVALID_AUTH_ERROR";
-  ErrorCode[ErrorCode["SCREEN_RESOLUTION_TOO_LOW"] = 107] = "SCREEN_RESOLUTION_TOO_LOW";
-  ErrorCode[ErrorCode["SCREEN_SIZE_CHANGED"] = 108] = "SCREEN_SIZE_CHANGED";
-  // 2 for LIVENESS
-  ErrorCode[ErrorCode["LIVENESS_NOT_PASSED"] = 201] = "LIVENESS_NOT_PASSED";
-  // 3 for ID-Recognition
-  ErrorCode[ErrorCode["ID_RECOGNITION_CONFIRM_INFO_ERROR"] = 301] = "ID_RECOGNITION_CONFIRM_INFO_ERROR";
-  ErrorCode[ErrorCode["ID_RECOGNITION_TIMEOUT"] = 302] = "ID_RECOGNITION_TIMEOUT";
-  // 4 for Anti-fraud
-  ErrorCode[ErrorCode["ID_RECOGNITION_ANTI_FRAUD_NOT_PASSED"] = 401] = "ID_RECOGNITION_ANTI_FRAUD_NOT_PASSED";
-  // 9 for common
-  ErrorCode[ErrorCode["SDK_INTERNAL_ERROR"] = 900] = "SDK_INTERNAL_ERROR";
-  ErrorCode[ErrorCode["NETWORK_ERROR"] = 901] = "NETWORK_ERROR";
-  ErrorCode[ErrorCode["HTTP_ERROR_RESPONSE"] = 902] = "HTTP_ERROR_RESPONSE";
-  ErrorCode[ErrorCode["USER_CANCEL"] = 903] = "USER_CANCEL";
-  ErrorCode[ErrorCode["CAMERA_NOT_SUPPORT"] = 904] = "CAMERA_NOT_SUPPORT";
-})(exports.ErrorCode || (exports.ErrorCode = {}));
 
+const {
+  saveFiles,
+  pushFile
+} = fileSaverService();
+exports.RUN_FUNCTION_NAME = void 0;
+(function (RUN_FUNCTION_NAME) {
+  RUN_FUNCTION_NAME["RECOGNITION"] = "service.recognition";
+  RUN_FUNCTION_NAME["ANTI_FARUD_RECOGNITION"] = "antiFraudInstance.recognition";
+  RUN_FUNCTION_NAME["API_REQUEST"] = "api.request";
+})(exports.RUN_FUNCTION_NAME || (exports.RUN_FUNCTION_NAME = {}));
 function debugLog(message, ...others) {
   if (new URLSearchParams(location.search).get('authme-debug') === 'true') {
     console.log(message, ...others);
   }
 }
+function generateUniqueId(length = 32) {
+  if (length <= 0) {
+    throw new Error('Length should be a positive integer.');
+  }
+  // 定義可能的字元
+  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+  const charactersLength = characters.length;
+  const randomValues = new Uint32Array(length);
+  // 使用window.crypto.getRandomValues取得真正的隨機值
+  window.crypto.getRandomValues(randomValues);
+  let result = '';
+  for (let i = 0; i < length; i++) {
+    result += characters[randomValues[i] % charactersLength];
+  }
+  return result;
+}
+function debugTools() {
+  const debugMode = new URLSearchParams(location.search).get('authme-debug') === 'true';
+  const debugModeUI = new URLSearchParams(location.search).get('authme-debug-info') === 'true';
+  const shouldGetDebugImage = new URLSearchParams(location.search).get('authme-debug-get-image') === 'true';
+  const debugLogs = [];
+  const logInfo = {
+    userAgent: navigator.userAgent,
+    token: '',
+    message: ''
+  };
+  let currentRoundId = generateUniqueId(8);
+  let currentType = null;
+  const interiaTimeObj = {};
+  function pushNewDebugLog(logParams) {
+    var _a;
+    if (!debugMode) return;
+    const now = new Date();
+    const _logParams = JSON.parse(JSON.stringify(logParams));
+    if (_logParams.result) {
+      (_a = _logParams.result) === null || _a === void 0 ? true : delete _a.imageData;
+    }
+    const newDebugLog = Object.assign(Object.assign({
+      dateTime: now.toLocaleString(),
+      roundId: currentRoundId,
+      type: currentType !== null && currentType !== void 0 ? currentType : undefined
+    }, _logParams), {
+      time: now.getTime(),
+      _id: generateUniqueId()
+    });
+    debugLogs.push(newDebugLog);
+    return newDebugLog;
+  }
+  function pushNewDebugImage(image, log, options) {
+    var _a, _b;
+    if (!debugMode) return;
+    const newLog = pushNewDebugLog(log);
+    const recognitionFunctions = [exports.RUN_FUNCTION_NAME.ANTI_FARUD_RECOGNITION, exports.RUN_FUNCTION_NAME.RECOGNITION];
+    const currentRoundRecognitionResultItem = debugLogs.find(item => item.roundId === (newLog === null || newLog === void 0 ? void 0 : newLog.roundId) && item.status === 'run-end' && (item.runFunction ? recognitionFunctions.includes(item.runFunction) : false));
+    const imageStatus = (_a = currentRoundRecognitionResultItem === null || currentRoundRecognitionResultItem === void 0 ? void 0 : currentRoundRecognitionResultItem.result) === null || _a === void 0 ? void 0 : _a.eStatus;
+    pushFile({
+      name: `${(_b = options === null || options === void 0 ? void 0 : options.prefix) !== null && _b !== void 0 ? _b : ''}${newLog === null || newLog === void 0 ? void 0 : newLog.time}-${newLog === null || newLog === void 0 ? void 0 : newLog._id}${imageStatus ? `__${imageStatus}` : ''}.jpeg`,
+      file: image
+    });
+  }
+  function functionLogging(func, logParams) {
+    return new Promise((resolve, reject) => {
+      pushNewDebugLog(Object.assign(Object.assign({}, logParams), {
+        status: 'run-start'
+      }));
+      func().then(result => {
+        pushNewDebugLog(Object.assign(Object.assign({}, logParams), {
+          status: 'run-end',
+          roundId: currentRoundId,
+          result
+        }));
+        resolve(result);
+      }).catch(error => {
+        pushNewDebugLog(Object.assign(Object.assign({}, logParams), {
+          status: 'run-error',
+          roundId: currentRoundId,
+          result: error
+        }));
+        reject(error);
+      });
+    });
+  }
+  function renderDebugTips() {
+    if (document.getElementById('debug-tips')) {
+      return;
+    }
+    const debugTips = document.createElement('div');
+    debugTips.style.position = 'fixed';
+    debugTips.style.top = '50px';
+    debugTips.style.right = '0';
+    debugTips.style.zIndex = '999';
+    debugTips.innerHTML = 'Debug Mode';
+    debugTips.style.color = 'red';
+    debugTips.style.fontWeight = 'bold';
+    debugTips.setAttribute('id', 'debug-tips');
+    document.body.appendChild(debugTips);
+  }
+  function renderDebugUI() {
+    if (document.getElementById('debug-ui')) {
+      return;
+    }
+    const debugUI = document.createElement('div');
+    debugUI.style.position = 'fixed';
+    debugUI.style.top = '0';
+    debugUI.style.right = '0';
+    debugUI.style.zIndex = '777';
+    debugUI.style.backgroundColor = 'black';
+    debugUI.style.color = 'white';
+    debugUI.style.padding = '10px';
+    debugUI.style.paddingRight = '150px';
+    debugUI.style.fontSize = '12px';
+    debugUI.style.opacity = '0.7';
+    debugUI.style.boxSizing = 'border-box';
+    debugUI.style.width = '100%';
+    debugUI.style.maxHeight = '50vh';
+    debugUI.style.overflow = 'auto';
+    debugUI.setAttribute('id', 'debug-ui');
+    const closeUI = document.createElement('button');
+    closeUI.style.position = 'fixed';
+    closeUI.style.top = '0';
+    closeUI.style.right = '100px';
+    closeUI.innerHTML = 'close';
+    closeUI.addEventListener('click', () => {
+      debugUI.style.display = 'none';
+    });
+    debugUI.appendChild(closeUI);
+    const accordionUI = document.createElement('button');
+    accordionUI.style.position = 'fixed';
+    accordionUI.style.top = '0';
+    accordionUI.style.right = '0';
+    accordionUI.innerHTML = '收合/展開';
+    accordionUI.addEventListener('click', () => {
+      if (debugUI.style.maxHeight === '50vh') {
+        debugUI.style.maxHeight = '5vh';
+      } else {
+        debugUI.style.maxHeight = '50vh';
+      }
+    });
+    debugUI.appendChild(accordionUI);
+    document.body.appendChild(debugUI);
+  }
+  function setTimeStart(behavior) {
+    if (!debugModeUI) {
+      return;
+    }
+    const dStart = new Date();
+    const nStart = dStart.getTime();
+    if (interiaTimeObj && interiaTimeObj[behavior]) {
+      console.error('debugmode: setTimeStart duplicate', behavior);
+      return false;
+    }
+    interiaTimeObj[behavior] = {
+      behavior,
+      start: nStart / 1000,
+      duration: 0,
+      end: 0
+    };
+    // console.log(interiaTimeObj[behavior])
+    renderTimeInfo(behavior);
+    return interiaTimeObj[behavior];
+  }
+  function setTimeEnd(behavior) {
+    if (!debugModeUI) {
+      return;
+    }
+    const dEnd = new Date();
+    const nEnd = dEnd.getTime();
+    if (!interiaTimeObj[behavior]) {
+      console.error('debugmode: setTimeEnd not found', behavior);
+      return false;
+    }
+    interiaTimeObj[behavior].end = nEnd / 1000;
+    interiaTimeObj[behavior].duration = interiaTimeObj[behavior].end - interiaTimeObj[behavior].start;
+    // console.log(interiaTimeObj[behavior])
+    renderTimeInfo(behavior);
+    return interiaTimeObj[behavior];
+  }
+  function setTimeDuration(behavior) {
+    const ts = Date.now();
+    setTimeStart(`${behavior}_${ts}`);
+    return {
+      end: () => {
+        setTimeEnd(`${behavior}_${ts}`);
+      }
+    };
+  }
+  function renderTimeInfo(behavior) {
+    const dom = document.querySelector(`#debug-ui-${behavior}`);
+    const info = `{"behavior":<span style="color:green;">"${behavior}"</span>, "start": ${interiaTimeObj[behavior].start}, "duration": ${interiaTimeObj[behavior].duration}, "end": ${interiaTimeObj[behavior].end}}`;
+    // const info = `<span style="color:green;">${behavior}</span>: Duration: ${interiaTimeObj[behavior].duration}s`;
+    if (dom) {
+      dom.innerHTML = info;
+      return;
+    }
+    const debugUI = document.getElementById('debug-ui');
+    const div = document.createElement('div');
+    div.setAttribute('class', 'debug-ui-item');
+    div.setAttribute('id', `debug-ui-${behavior}`);
+    div.innerHTML = info;
+    debugUI.appendChild(div);
+  }
+  function functionRunTime() {
+    const arr = [];
+    const items = document.querySelectorAll('.debug-ui-item');
+    items.forEach(item => {
+      arr.push(JSON.parse(item.innerText));
+    });
+    return arr;
+  }
+  if (debugMode) {
+    renderDebugTips();
+    // setRequestLoggingFunc(functionLogging)
+  }
+
+  if (debugModeUI) {
+    console.log('debugModeUI Init');
+    renderDebugUI();
+  }
+  function saveDebugImage({
+    getDebugImageData,
+    data,
+    width,
+    height,
+    result,
+    type
+  }) {
+    return __awaiter(this, void 0, void 0, function* () {
+      if (!debugMode || !shouldGetDebugImage) return;
+      const debugImage = yield getDebugImageData(data);
+      // 創建一個虛擬的 canvas
+      const canvas = document.createElement('canvas');
+      const ctx = canvas.getContext('2d');
+      // 設置 canvas 的尺寸
+      canvas.width = width;
+      canvas.height = height;
+      // 使用 Uint8ClampedArray 將圖像數據繪製到 canvas 上
+      const imgData = ctx === null || ctx === void 0 ? void 0 : ctx.createImageData(width, height);
+      if (imgData) {
+        imgData.data.set(debugImage);
+        ctx === null || ctx === void 0 ? void 0 : ctx.putImageData(imgData, 0, 0);
+        canvas.toBlob(blob => {
+          if (blob) {
+            pushNewDebugImage(blob, {
+              result: result,
+              status: 'recognition',
+              type: type
+            }, {
+              prefix: 'debugImage_'
+            });
+          }
+        }, 'image/jpeg');
+      }
+    });
+  }
+  return {
+    debugMode,
+    debugModeUI,
+    pushNewDebugLog,
+    getDebugLogs: () => debugLogs,
+    getDebugLogsLength: () => debugLogs.length,
+    modifyDeubgLog: (index, logParams) => {
+      if (!debugMode) return;
+      debugLogs[index] = Object.assign(Object.assign({}, debugLogs[index]), logParams);
+    },
+    downloadDebugLogs: () => {
+      if (!debugMode) return;
+      saveFiles(`debugLog${new Date().getTime().toString()}`, {
+        info: logInfo,
+        logs: debugLogs,
+        functionRunTime: functionRunTime()
+      });
+    },
+    functionLogging,
+    nextDebugRound: type => {
+      if (!debugMode) return;
+      currentRoundId = generateUniqueId(8);
+      if (type) currentType = type;
+    },
+    modifyDebugType: type => {
+      if (!debugMode) return;
+      currentType = type;
+    },
+    pushNewDebugImage,
+    setTimeDuration: setTimeDuration,
+    saveDebugImage
+  };
+}
 
 exports.TIME_UNIT = void 0;
 (function (TIME_UNIT) {
@@ -344,24 +917,58 @@ function cropByRatio(width, height, ratio) {
   };
 }
 
-function startSpinner(text) {
+function startSpinner(text, backgroundOpaque) {
+  const loadingLottie = Storage.getItem(exports.STORAGE_KEY.LOADING_LOTTIE);
   const body = document.querySelector('.authme-container');
+  if (loadingLottie) {
+    const loadingSDKOuter = document.createElement('div');
+    const loadingSDKContent = document.createElement('div');
+    const loadingSDKText = document.createElement('div');
+    loadingSDKOuter.classList.add('authme-loading-sdk-outer');
+    loadingSDKContent.classList.add('authme-loading-sdk-content');
+    loadingSDKOuter.appendChild(loadingSDKContent);
+    Lottie__default["default"].loadAnimation({
+      container: loadingSDKContent,
+      renderer: 'svg',
+      loop: true,
+      autoplay: true,
+      name: 'spinner-loading',
+      animationData: loadingLottie
+    });
+    body === null || body === void 0 ? void 0 : body.appendChild(loadingSDKOuter);
+    if (text) {
+      loadingSDKText.classList.add('authme-loading-sdk-text');
+      loadingSDKText.textContent = text;
+      loadingSDKContent.appendChild(loadingSDKText);
+    }
+    if (backgroundOpaque) {
+      loadingSDKOuter.classList.add('authme-loading-sdk-outer--opaque');
+    }
+    return;
+  }
   const spinnerOuter = document.createElement('div');
-  spinnerOuter.className = 'loading-outer';
   const spinner = document.createElement('div');
-  spinner.className = 'loading';
   const spinnerText = document.createElement('div');
   spinnerOuter.appendChild(spinner);
+  spinnerOuter.className = 'loading-outer';
+  spinner.className = 'loading';
   if (text) {
     spinnerText.className = 'loading-text';
     spinnerText.textContent = text;
     spinnerOuter.appendChild(spinnerText);
   }
+  if (backgroundOpaque) {
+    spinnerOuter.classList.add('loading-outer--opaque');
+  }
   body === null || body === void 0 ? void 0 : body.appendChild(spinnerOuter);
 }
 function stopSpinner() {
+  const loadingLottie = Storage.getItem(exports.STORAGE_KEY.LOADING_LOTTIE);
   const body = document.querySelector('.authme-container');
-  const spinner = document.querySelector('.loading-outer');
+  if (loadingLottie) {
+    Lottie__default["default"].destroy('spinner-loading');
+  }
+  const spinner = loadingLottie ? document.querySelector('.authme-loading-sdk-outer') : document.querySelector('.loading-outer');
   if (spinner) {
     body === null || body === void 0 ? void 0 : body.removeChild(spinner);
   }
@@ -373,7 +980,7 @@ exports.Icon = void 0;
   Icon["PictureIcon"] = "data:image/png;base64,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";
 })(exports.Icon || (exports.Icon = {}));
 
-function showErrorMessage(text, showRetryBtn, callback) {
+function showErrorMessage(text, showRetryBtn, callback, buttonText, _titleText) {
   return __awaiter(this, void 0, void 0, function* () {
     const target = document.querySelector('.authme-container');
     if (!target) {
@@ -392,7 +999,40 @@ function showErrorMessage(text, showRetryBtn, callback) {
     if (showRetryBtn) {
       const retryText = document.createElement('div');
       retryText.className = 'retry-text';
-      retryText.textContent = '重試';
+      retryText.textContent = buttonText !== null && buttonText !== void 0 ? buttonText : '重試';
+      errorMessagePanel.appendChild(retryText);
+      if (callback) {
+        retryText.addEventListener('click', e => {
+          callback(e, {
+            hideErrorMessage
+          });
+        });
+      }
+    }
+    target === null || target === void 0 ? void 0 : target.appendChild(errorMessagePanel);
+  });
+}
+function showErrorMessageEventName(text, showRetryBtn, callback, buttonText, titleText) {
+  return __awaiter(this, void 0, void 0, function* () {
+    const target = document.querySelector('.authme-container');
+    if (!target) {
+      return;
+    }
+    const errorMessagePanel = document.createElement('div');
+    errorMessagePanel.classList.add('error-message-panel');
+    errorMessagePanel.classList.add('event-name');
+    const errorText = document.createElement('div');
+    errorText.className = 'error-text';
+    errorText.textContent = text;
+    const title = document.createElement('div');
+    title.className = 'error-title';
+    title.textContent = titleText !== null && titleText !== void 0 ? titleText : 'error';
+    errorMessagePanel.appendChild(title);
+    errorMessagePanel.appendChild(errorText);
+    if (showRetryBtn) {
+      const retryText = document.createElement('div');
+      retryText.className = 'retry-text';
+      retryText.textContent = buttonText !== null && buttonText !== void 0 ? buttonText : '重試';
       errorMessagePanel.appendChild(retryText);
       if (callback) {
         retryText.addEventListener('click', e => {
@@ -411,27 +1051,29 @@ function hideErrorMessage() {
     body === null || body === void 0 ? void 0 : body.removeChild(errorMessagePanel);
   }
 }
-function asyncShowErrorMessage(text, showRetryBtn) {
+function asyncShowErrorMessage(text, showRetryBtn, options) {
+  var _a;
   return __awaiter(this, void 0, void 0, function* () {
+    const _showErrorMessage = (_a = options === null || options === void 0 ? void 0 : options.showErrorMessageHandler) !== null && _a !== void 0 ? _a : showErrorMessage;
     return new Promise((res, rej) => {
+      var _a;
       const callback = () => {
         res(true);
         hideErrorMessage();
       };
-      showErrorMessage(text, showRetryBtn, callback);
+      _showErrorMessage(text, showRetryBtn, (_a = options === null || options === void 0 ? void 0 : options.callback) !== null && _a !== void 0 ? _a : callback, options === null || options === void 0 ? void 0 : options.buttonText, options === null || options === void 0 ? void 0 : options.titleText);
     });
   });
 }
 function asyncOnLineShowErrorMessage(text, showRetryBtn) {
   return __awaiter(this, void 0, void 0, function* () {
     return new Promise((res, rej) => {
-      const callback = () => {
+      showErrorMessage(text, showRetryBtn, (_, tools) => {
         if (window.navigator.onLine) {
           res(true);
-          hideErrorMessage();
+          tools === null || tools === void 0 ? void 0 : tools.hideErrorMessage();
         }
-      };
-      showErrorMessage(text, showRetryBtn, callback);
+      });
     });
   });
 }
@@ -499,7 +1141,10 @@ var BROWSER_CAMERA_ERRORS;
   BROWSER_CAMERA_ERRORS["NO_CAMERA"] = "NO_CAMERA";
   BROWSER_CAMERA_ERRORS["NOT_ALLOWED_ERROR"] = "NotAllowedError";
   BROWSER_CAMERA_ERRORS["NOT_FOUND_ERROR"] = "NotFoundError";
+  BROWSER_CAMERA_ERRORS["NOT_READABLE_ERROR"] = "NotReadableError";
+  BROWSER_CAMERA_ERRORS["ABORT_ERROR"] = "AbortError";
 })(BROWSER_CAMERA_ERRORS || (BROWSER_CAMERA_ERRORS = {}));
+let stream;
 const videoConstraintsFactory = (isPC, facingMode) => {
   return isPC ? {
     video: {
@@ -580,6 +1225,43 @@ function arrayFromAsync(asyncIterable) {
     return result;
   });
 }
+function switchCamera(deviceId, video) {
+  return __awaiter(this, void 0, void 0, function* () {
+    try {
+      if (stream) {
+        stream.getTracks().forEach(track => track.stop());
+      }
+      const constraints = {
+        video: {
+          // 推測依然需要使用 width & height 的限制條件，
+          // 否則即使是高解析度相機，也有可能拿到低解析度的圖片。(待驗證)
+          width: {
+            min: 1280,
+            ideal: 1920,
+            max: 1920
+          },
+          height: {
+            min: 720,
+            ideal: 1080,
+            max: 1080
+          },
+          focusMode: 'auto',
+          deviceId: deviceId
+        }
+      };
+      stream = yield navigator.mediaDevices.getUserMedia(constraints);
+      video.srcObject = stream;
+      yield video.play();
+      // Note: Fix Safari 15 video not showing bug
+      video.srcObject = null;
+      setTimeout(() => {
+        video.srcObject = stream;
+      }, 10);
+    } catch (e) {
+      throw new AuthmeError(exports.ErrorCode.CAMERA_NOT_SUPPORT, e);
+    }
+  });
+}
 function _requestCamera(video, facingMode) {
   var _a;
   return __awaiter(this, void 0, void 0, function* () {
@@ -654,39 +1336,14 @@ function _requestCamera(video, facingMode) {
     if (!deviceId) {
       throw BROWSER_CAMERA_ERRORS.NO_CAMERA;
     }
-    const constraints = {
-      video: {
-        // 推測依然需要使用 width & height 的限制條件，
-        // 否則即使是高解析度相機，也有可能拿到低解析度的圖片。(待驗證)
-        width: {
-          min: 1280,
-          ideal: 1920,
-          max: 1920
-        },
-        height: {
-          min: 720,
-          ideal: 1080,
-          max: 1080
-        },
-        focusMode: 'auto',
-        deviceId: {
-          exact: deviceId
-        }
-      }
+    if (stream) {
+      stream.getTracks().forEach(track => track.stop());
+    }
+    yield switchCamera(deviceId, video);
+    return {
+      facingMode: firstDevice.meta.facingMode,
+      deviceMetas: deviceMetas
     };
-    debugLog('camera info', {
-      firstDevice,
-      deviceMetas
-    });
-    const stream = yield navigator.mediaDevices.getUserMedia(constraints);
-    video.srcObject = stream;
-    yield video.play();
-    // Note: Fix Safari 15 video not showing bug
-    video.srcObject = null;
-    setTimeout(() => {
-      video.srcObject = stream;
-    }, 10);
-    return firstDevice.meta.facingMode;
   });
 }
 function isOverconstrainedError(error) {
@@ -720,6 +1377,15 @@ function requestCamera({
         showMessage(translate('camera.error.notFound'));
         throw new AuthmeError(exports.ErrorCode.CAMERA_NOT_SUPPORT, error);
       }
+      if ((error === null || error === void 0 ? void 0 : error.name) === BROWSER_CAMERA_ERRORS.NOT_READABLE_ERROR || (error === null || error === void 0 ? void 0 : error.name) === BROWSER_CAMERA_ERRORS.ABORT_ERROR) {
+        showMessage(translate('camera.error.notFound'));
+        /* NOT_READABLE_ERROR,ABORT_ERROR 這兩個錯誤是用戶授權了，但在呼叫裝置時出現錯誤，
+         * 常發生在APP webview ，例如： 手機開啟 web 使用 sdk，儘管在 webview 層級上授權了，但手機在設定層級沒有授權 app 使用相機，會導致此問題。
+         * 但每個 android 手機的在這方面的實作不一致，不是每個手機在這種情況下都會拋出錯誤。
+         * 參考 https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia#notreadableerror
+         */
+        throw new AuthmeError(exports.ErrorCode.CAMERA_NOT_SUPPORT, error);
+      }
       if (isOverconstrainedError(error)) {
         showMessage(translate('camera.error.lowResolution'));
         throw new AuthmeError(exports.ErrorCode.CAMERA_NOT_SUPPORT, error);
@@ -1654,25 +2320,27 @@ const sdk_loading = () => ({
 });
 
 function startLoadingSDK(text) {
+  const loadingLottie = Storage.getItem(exports.STORAGE_KEY.LOADING_LOTTIE);
   const body = document.body;
   const loadingSDKOuter = document.createElement('div');
   const loadingSDKContent = document.createElement('div');
   loadingSDKOuter.classList.add('authme-loading-sdk-outer');
   loadingSDKContent.classList.add('authme-loading-sdk-content');
   loadingSDKOuter.appendChild(loadingSDKContent);
-  lottie__default["default"].loadAnimation({
+  Lottie__default["default"].loadAnimation({
     container: loadingSDKContent,
     renderer: 'svg',
     loop: true,
     autoplay: true,
-    name: 'tutorial',
-    animationData: sdk_loading()
+    name: 'init-sdk-loading',
+    animationData: loadingLottie ? loadingLottie : sdk_loading()
   });
   body === null || body === void 0 ? void 0 : body.appendChild(loadingSDKOuter);
 }
 function stopLoadingSDK() {
   const body = document.body;
   const loadingSDKOuter = document.querySelector('.authme-loading-sdk-outer');
+  Lottie__default["default"].destroy('init-sdk-loading');
   if (loadingSDKOuter) {
     body === null || body === void 0 ? void 0 : body.removeChild(loadingSDKOuter);
   }
@@ -1713,15 +2381,46 @@ function RGBToLottieColor(color) {
   return color.map(c => c / 255);
 }
 
+const QUEUE_LENGTH = 10;
+const requstQueue = [];
+function pushRequest(request) {
+  if (requstQueue.length > QUEUE_LENGTH - 1) {
+    requstQueue.shift();
+  }
+  requstQueue.push(request);
+}
+function clearRequest() {
+  requstQueue.splice(0, requstQueue.length);
+}
+function backgroundRequest(request) {
+  const requestPromise = request();
+  requestPromise.catch(err => {
+    if (err._code === exports.ErrorCode.NETWORK_ERROR) {
+      pushRequest(request);
+    }
+  });
+}
+window.ononline = () => {
+  const tasks = [...requstQueue];
+  clearRequest();
+  tasks.forEach(request => {
+    backgroundRequest(request);
+  });
+};
+
 var name = "@authme/util";
-var version$1 = "2.3.1-rc.3";
+var version$1 = "2.4.6";
 var peerDependencies = {
 	"core-js": "^3.6.0"
 };
+var devDependencies = {
+	"@types/file-saver": "^2.0.5"
+};
 var packageInfo = {
 	name: name,
 	version: version$1,
-	peerDependencies: peerDependencies
+	peerDependencies: peerDependencies,
+	devDependencies: devDependencies
 };
 
 var _a;
@@ -1737,21 +2436,28 @@ exports.UintArrayToBlob = UintArrayToBlob;
 exports.asyncOnLineShowErrorMessage = asyncOnLineShowErrorMessage;
 exports.asyncShowErrorMessage = asyncShowErrorMessage;
 exports.asyncShowPopup = asyncShowPopup;
+exports.backgroundRequest = backgroundRequest;
 exports.checkOnlineStatus = checkOnlineStatus;
 exports.clearCanvas = clearCanvas;
 exports.colorStringToRGB = colorStringToRGB;
 exports.colorToRGB = colorToRGB;
+exports.combineResult = combineResult;
 exports.cropByRatio = cropByRatio;
 exports.dataURItoBlob = dataURItoBlob;
 exports.debugLog = debugLog;
+exports.debugTools = debugTools;
+exports.decodeToken = decodeToken;
 exports.getCanvasSize = getCanvasSize;
 exports.getCssVariable = getCssVariable;
+exports.getDeviceInfo = getDeviceInfo;
 exports.getImageData = getImageData;
+exports.getSystemInfo = getSystemInfo;
 exports.getUserAgent = getUserAgent;
 exports.hexToRGB = hexToRGB;
 exports.hideElement = hideElement;
 exports.hideErrorMessage = hideErrorMessage;
 exports.hidePopup = hidePopup;
+exports.isIphone14proOrProMax = isIphone14proOrProMax;
 exports.isMobile = isMobile;
 exports.isMobileOrTablet = isMobileOrTablet;
 exports.requestCamera = requestCamera;
@@ -1759,11 +2465,15 @@ exports.resize = resize;
 exports.retryPromiseWithCondition = retryPromiseWithCondition;
 exports.showElement = showElement;
 exports.showErrorMessage = showErrorMessage;
+exports.showErrorMessageEventName = showErrorMessageEventName;
 exports.showPopup = showPopup;
+exports.splitResult = splitResult;
 exports.startLoadingSDK = startLoadingSDK;
 exports.startSpinner = startSpinner;
 exports.stopLoadingSDK = stopLoadingSDK;
 exports.stopSpinner = stopSpinner;
+exports.switchCamera = switchCamera;
+exports.useState = useState;
 exports.version = version;
 exports.videoConstraintsFactory = videoConstraintsFactory;
 exports.waitTime = waitTime;