@authme/util 2.4.11 → 2.7.1

package/index.js

@@ -7,20 +7,22 @@ import 'core-js/modules/es.typed-array.sort.js';
 import 'core-js/modules/es.typed-array.to-locale-string.js';
 import 'core-js/modules/es.promise.js';
 import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.number.parse-int.js';
 import jwt_decode from 'jwt-decode';
-import 'core-js/modules/es.string.match.js';
-import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/web.url-search-params.js';
 import 'core-js/modules/es.string.search.js';
 import 'core-js/modules/es.typed-array.uint32-array.js';
-import Lottie from 'lottie-web';
-import 'core-js/modules/es.array.sort.js';
 import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.string.includes.js';
+import { saveAs } from 'file-saver';
+import JSZip from 'jszip';
+import Lottie from 'lottie-web';
+import 'core-js/modules/es.array.sort.js';
 import 'core-js/modules/es.parse-int.js';
 import 'core-js/modules/es.string.trim.js';
 import 'core-js/modules/es.string.starts-with.js';
@@ -290,6 +292,7 @@ function getOsVersion(userAgent) {
 
 class State {
   constructor(initialValue = null) {
+    this._effects = [];
     this._value = initialValue;
   }
   getValue() {
@@ -297,10 +300,22 @@ class State {
   }
   setValue(newValue) {
     this._value = newValue;
+    this._runEffects(newValue);
+  }
+  addEffect(effect) {
+    this._effects.push(effect);
+  }
+  _runEffects(value) {
+    for (const effect of this._effects) {
+      effect(value);
+    }
   }
 }
-function useState(initialValue = null, subscription) {
+function useState(initialValue = null, subscription, effects = []) {
   const state = new State(initialValue);
+  for (const effect of effects) {
+    state.addEffect(effect);
+  }
   function getValue() {
     return state.getValue();
   }
@@ -376,9 +391,6 @@ function retryPromiseWithCondition(promiseFactory, conditionFactory) {
     }
   });
 }
-function getUserAgent() {
-  return `platform: ${navigator === null || navigator === void 0 ? void 0 : navigator.platform}`;
-}
 function isMobileOrTablet() {
   return function (a) {
     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.maxTouchPoints && navigator.maxTouchPoints > 2);
@@ -389,6 +401,25 @@ 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);
 }
+function osVersion() {
+  let version = '';
+  const android = navigator.userAgent.match(/Android\s+([\d\\.]+)/i);
+  if (android) {
+    version = android[0];
+  }
+  const ios = navigator.userAgent.match(/OS\s+([\d\\_]+)/i);
+  if (ios) {
+    version = ios[0].replace('OS ', 'iOS');
+  }
+  const win = navigator.userAgent.match(/Windows NT (\d+\.\d+)/);
+  if (win) {
+    version = win[0];
+  }
+  if (!version) {
+    version = navigator.platform;
+  }
+  return version;
+}
 function splitResult(result) {
   if (result.address) {
     const originAddress = result.address;
@@ -471,6 +502,44 @@ const isIphone14proOrProMax = () => {
   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();
+      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'
+      });
+      saveAs(content, `${fileName}.zip`);
+      popAllFiles();
+    });
+  }
+  return {
+    pushFile,
+    saveFiles
+  };
+}
+
+const {
+  saveFiles,
+  pushFile
+} = fileSaverService();
+var RUN_FUNCTION_NAME;
+(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";
+})(RUN_FUNCTION_NAME || (RUN_FUNCTION_NAME = {}));
 function debugLog(message, ...others) {
   if (new URLSearchParams(location.search).get('authme-debug') === 'true') {
     console.log(message, ...others);
@@ -492,35 +561,49 @@ function generateUniqueId(length = 32) {
   }
   return result;
 }
-function downloadObjectAsJson(exportObj, exportName) {
-  const dataStr = `data:application/octet-stream;headers=Content-Disposition%3A%20attachment%3B%20filename=${exportName}.json,${encodeURIComponent(JSON.stringify(exportObj, null, 4))}`;
-  //'data:text/json;charset=utf-8,' +
-  const downloadAnchorNode = document.createElement('a');
-  downloadAnchorNode.setAttribute('href', dataStr);
-  downloadAnchorNode.setAttribute('download', exportName + '.json');
-  document.body.appendChild(downloadAnchorNode); // required for firefox
-  downloadAnchorNode.click();
-  downloadAnchorNode.remove();
-}
-function debugTools(config) {
+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 (!config.debugMode) return;
+    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({
-      time: now.getTime(),
+    const newDebugLog = Object.assign(Object.assign({
       dateTime: now.toLocaleString(),
       roundId: currentRoundId,
       type: currentType !== null && currentType !== void 0 ? currentType : undefined
-    }, _logParams);
+    }, _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 = [RUN_FUNCTION_NAME.ANTI_FARUD_RECOGNITION, 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) => {
@@ -544,28 +627,209 @@ function debugTools(config) {
       });
     });
   }
+  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 (!config.debugMode) return;
+      if (!debugMode) return;
       debugLogs[index] = Object.assign(Object.assign({}, debugLogs[index]), logParams);
     },
     downloadDebugLogs: () => {
-      if (!config.debugMode) return;
-      downloadObjectAsJson(debugLogs, `debugLog${new Date().getTime().toString()}`);
+      if (!debugMode) return;
+      saveFiles(`debugLog${new Date().getTime().toString()}`, {
+        info: logInfo,
+        logs: debugLogs,
+        functionRunTime: functionRunTime()
+      });
     },
     functionLogging,
     nextDebugRound: type => {
-      if (!config.debugMode) return;
+      if (!debugMode) return;
       currentRoundId = generateUniqueId(8);
       if (type) currentType = type;
     },
     modifyDebugType: type => {
-      if (!config.debugMode) return;
+      if (!debugMode) return;
       currentType = type;
-    }
+    },
+    pushNewDebugImage,
+    setTimeDuration: setTimeDuration,
+    saveDebugImage
   };
 }
 
@@ -758,8 +1022,9 @@ function showErrorMessage(text, showRetryBtn, callback, buttonText, _titleText)
       errorMessagePanel.appendChild(retryText);
       if (callback) {
         retryText.addEventListener('click', e => {
-          target.removeChild(errorMessagePanel);
-          callback(e);
+          callback(e, {
+            hideErrorMessage
+          });
         });
       }
     }
@@ -819,23 +1084,22 @@ function asyncShowErrorMessage(text, showRetryBtn, options) {
     });
   });
 }
-function asyncOnLineShowErrorMessage(text, showRetryBtn) {
+function asyncOnLineShowErrorMessage(text, buttonText, 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);
+      }, buttonText);
     });
   });
 }
-function checkOnlineStatus(msg) {
+function checkOnlineStatus(msg, buttonText) {
   return __awaiter(this, void 0, void 0, function* () {
     if (!window.navigator.onLine) {
-      yield asyncOnLineShowErrorMessage(msg, true);
+      yield asyncOnLineShowErrorMessage(msg, buttonText, true);
     }
   });
 }
@@ -896,6 +1160,8 @@ 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) => {
@@ -986,22 +1252,27 @@ function switchCamera(deviceId, video) {
       }
       const constraints = {
         video: {
-          // 推測依然需要使用 width & height 的限制條件，
-          // 否則即使是高解析度相機，也有可能拿到低解析度的圖片。(待驗證)
-          width: {
-            min: 1280,
-            ideal: 1920,
-            max: 1920
-          },
-          height: {
-            min: 720,
-            ideal: 1080,
-            max: 1080
-          },
+          width: {},
+          height: {},
           focusMode: 'auto',
           deviceId: deviceId
         }
       };
+      const constraint = localStorage.getItem('camera_constraint');
+      if (!constraint) {
+        // 推測依然需要使用 width & height 的限制條件，
+        // 否則即使是高解析度相機，也有可能拿到低解析度的圖片。(待驗證)
+        constraints.video.width = {
+          min: 1280,
+          ideal: 1920,
+          max: 1920
+        };
+        constraints.video.height = {
+          min: 720,
+          ideal: 1080,
+          max: 1080
+        };
+      }
       stream = yield navigator.mediaDevices.getUserMedia(constraints);
       video.srcObject = stream;
       yield video.play();
@@ -1016,7 +1287,6 @@ function switchCamera(deviceId, video) {
   });
 }
 function _requestCamera(video, facingMode) {
-  var _a;
   return __awaiter(this, void 0, void 0, function* () {
     if (!('mediaDevices' in navigator)) {
       throw BROWSER_CAMERA_ERRORS.NOT_SUPPORT;
@@ -1035,7 +1305,7 @@ function _requestCamera(video, facingMode) {
     // 輪詢取得攝影機 解析度等資訊
     const videoDevices = (yield navigator.mediaDevices.enumerateDevices()).filter(device => device.kind === 'videoinput');
     const deviceMetas = yield arrayFromAsync(asyncMap(device => __awaiter(this, void 0, void 0, function* () {
-      var _b, _c, _d, _e;
+      var _a, _b, _c, _d;
       const stream = yield navigator.mediaDevices.getUserMedia({
         video: {
           deviceId: {
@@ -1043,10 +1313,10 @@ function _requestCamera(video, facingMode) {
           }
         }
       });
-      const track = (_b = stream.getVideoTracks()) === null || _b === void 0 ? void 0 : _b[0];
-      const capabilities = ((_c = track === null || track === void 0 ? void 0 : track.getCapabilities) !== null && _c !== void 0 ? _c : () => undefined).bind(track)(); // firefox 沒有 getCapabilities 可以用。
-      const widthMax = (_d = capabilities === null || capabilities === void 0 ? void 0 : capabilities.width) === null || _d === void 0 ? void 0 : _d.max;
-      const heightMax = (_e = capabilities === null || capabilities === void 0 ? void 0 : capabilities.height) === null || _e === void 0 ? void 0 : _e.max;
+      const track = (_a = stream.getVideoTracks()) === null || _a === void 0 ? void 0 : _a[0];
+      const capabilities = ((_b = track === null || track === void 0 ? void 0 : track.getCapabilities) !== null && _b !== void 0 ? _b : () => undefined).bind(track)(); // firefox 沒有 getCapabilities 可以用。
+      const widthMax = (_c = capabilities === null || capabilities === void 0 ? void 0 : capabilities.width) === null || _c === void 0 ? void 0 : _c.max;
+      const heightMax = (_d = capabilities === null || capabilities === void 0 ? void 0 : capabilities.height) === null || _d === void 0 ? void 0 : _d.max;
       const resolution = widthMax && heightMax ? widthMax * heightMax : 0;
       const facingModeFromLabel = inferFacingModeFromLabel(device === null || device === void 0 ? void 0 : device.label);
       const facingModeFromapabilities = inferFacingModeFromCapabilities(capabilities);
@@ -1065,7 +1335,7 @@ function _requestCamera(video, facingMode) {
         capabilities
       };
     }), videoDevices));
-    const firstDevice = (_a = deviceMetas.sort((a, b) => {
+    const devices = deviceMetas.sort((a, b) => {
       // 若是 Samsung 手機且模式為後鏡頭，則優先使用Label為 camera2 0 的鏡頭
       let samsungCondition = 0;
       if (isSamsung && facingMode === 'back') {
@@ -1084,7 +1354,9 @@ function _requestCamera(video, facingMode) {
       }
       const resolutionCondition = b.meta.resolution - a.meta.resolution;
       return samsungCondition || cameraFacingCondition || resolutionCondition;
-    })) === null || _a === void 0 ? void 0 : _a[0];
+    });
+    const cameraIndex = window.localStorage.getItem('camera') || '0';
+    const firstDevice = devices[parseInt(cameraIndex, 10)];
     const deviceId = firstDevice.device.deviceId;
     if (!deviceId) {
       throw BROWSER_CAMERA_ERRORS.NO_CAMERA;
@@ -1108,9 +1380,6 @@ function isOverconstrainedError(error) {
   }
   return 'constraint' in error;
 }
-function sleep(ms) {
-  return new Promise(resolve => setTimeout(resolve, ms));
-}
 function requestCamera({
   video,
   facingMode,
@@ -1119,44 +1388,31 @@ function requestCamera({
 }) {
   return __awaiter(this, void 0, void 0, function* () {
     try {
-      let perm = yield navigator.permissions.query({
-        name: 'camera'
-      });
-      if (perm.state == 'prompt') {
-        for (let i = 0; i < 5; ++i) {
-          try {
-            //for ios 17.4.1 hack, if you call getUserMedia too early will only get not allowed.
-            yield sleep(1000);
-            return yield _requestCamera(video, facingMode);
-          } catch (error) {
-            if ((error === null || error === void 0 ? void 0 : error.name) === BROWSER_CAMERA_ERRORS.NOT_ALLOWED_ERROR) {
-              perm = yield navigator.permissions.query({
-                name: 'camera'
-              });
-            } else {
-              throw error;
-            }
-          }
-        }
-        return yield _requestCamera(video, facingMode);
-      } else {
-        return yield _requestCamera(video, facingMode);
-      }
+      return yield _requestCamera(video, facingMode);
     } catch (error) {
       if (error === BROWSER_CAMERA_ERRORS.NOT_SUPPORT) {
-        showMessage(translate('camera.error.notFound'));
+        showMessage(translate('sdk.general.error.cameraNotFound.title'));
         throw new AuthmeError(ErrorCode.CAMERA_NOT_SUPPORT, 'Browser not support WebRTC, or https required.');
       }
       if (error === BROWSER_CAMERA_ERRORS.NO_CAMERA) {
-        showMessage(translate('camera.error.notFound'));
+        showMessage(translate('sdk.general.error.cameraNotFound.content'));
         throw new AuthmeError(ErrorCode.CAMERA_NOT_SUPPORT, 'camera not found');
       }
       if ((error === null || error === void 0 ? void 0 : error.name) === BROWSER_CAMERA_ERRORS.NOT_ALLOWED_ERROR || (error === null || error === void 0 ? void 0 : error.name) === BROWSER_CAMERA_ERRORS.NOT_FOUND_ERROR) {
-        showMessage(translate('camera.error.notFound'));
+        showMessage(translate('sdk.general.error.cameraNotFound.content'));
+        throw new AuthmeError(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('sdk.general.error.cameraNotFound.content'));
+        /* 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(ErrorCode.CAMERA_NOT_SUPPORT, error);
       }
       if (isOverconstrainedError(error)) {
-        showMessage(translate('camera.error.lowResolution'));
+        showMessage(translate('sdk.general.error.cameraLowResolution'));
         throw new AuthmeError(ErrorCode.CAMERA_NOT_SUPPORT, error);
       }
       throw error;
@@ -2150,15 +2406,40 @@ function RGBToLottieColor(color) {
   return color.map(c => c / 255);
 }
 
-var name = "@authme/util";
-var version$1 = "2.4.11";
-var peerDependencies = {
-	"core-js": "^3.6.0"
+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 === ErrorCode.NETWORK_ERROR) {
+      pushRequest(request);
+    }
+  });
+}
+window.ononline = () => {
+  const tasks = [...requstQueue];
+  clearRequest();
+  tasks.forEach(request => {
+    backgroundRequest(request);
+  });
 };
+
+var name = "authme/sdk";
+var version$1 = "2.7.1";
+var date = "2024-09-06T02:00:28+0000";
 var packageInfo = {
 	name: name,
 	version: version$1,
-	peerDependencies: peerDependencies
+	date: date
 };
 
 var _a;
@@ -2167,4 +2448,4 @@ const version = packageInfo.version;
 (_a = (_b = window)[_c = Symbol.for('authme-sdk')]) !== null && _a !== void 0 ? _a : _b[_c] = {};
 window[Symbol.for('authme-sdk')][packageInfo.name] = version;
 
-export { AuthmeError, ErrorCode, Icon, RGBToLottieColor, STORAGE_KEY, Storage, TIME_UNIT, UintArrayToBlob, asyncOnLineShowErrorMessage, asyncShowErrorMessage, asyncShowPopup, checkOnlineStatus, clearCanvas, colorStringToRGB, colorToRGB, combineResult, cropByRatio, dataURItoBlob, debugLog, debugTools, decodeToken, getCanvasSize, getCssVariable, getDeviceInfo, getImageData, getSystemInfo, getUserAgent, hexToRGB, hideElement, hideErrorMessage, hidePopup, isIphone14proOrProMax, isMobile, isMobileOrTablet, requestCamera, resize, retryPromiseWithCondition, showElement, showErrorMessage, showErrorMessageEventName, showPopup, splitResult, startLoadingSDK, startSpinner, stopLoadingSDK, stopSpinner, switchCamera, useState, version, videoConstraintsFactory, waitTime };
+export { AuthmeError, ErrorCode, Icon, RGBToLottieColor, RUN_FUNCTION_NAME, STORAGE_KEY, Storage, TIME_UNIT, UintArrayToBlob, asyncOnLineShowErrorMessage, asyncShowErrorMessage, asyncShowPopup, backgroundRequest, checkOnlineStatus, clearCanvas, colorStringToRGB, colorToRGB, combineResult, cropByRatio, dataURItoBlob, debugLog, debugTools, decodeToken, getCanvasSize, getCssVariable, getDeviceInfo, getImageData, getSystemInfo, hexToRGB, hideElement, hideErrorMessage, hidePopup, isIphone14proOrProMax, isMobile, isMobileOrTablet, osVersion, requestCamera, resize, retryPromiseWithCondition, showElement, showErrorMessage, showErrorMessageEventName, showPopup, splitResult, startLoadingSDK, startSpinner, stopLoadingSDK, stopSpinner, switchCamera, useState, version, videoConstraintsFactory, waitTime };