@authme/util 2.4.10 → 2.4.11

package/index.cjs

@@ -21,12 +21,10 @@ 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.typed-array.uint32-array.js');
-require('core-js/modules/es.array.includes.js');
-require('core-js/modules/es.string.includes.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.array.includes.js');
+require('core-js/modules/es.string.includes.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');
@@ -35,7 +33,6 @@ require('core-js/modules/es.symbol.description.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var jwt_decode__default = /*#__PURE__*/_interopDefaultLegacy(jwt_decode);
-var JSZip__default = /*#__PURE__*/_interopDefaultLegacy(JSZip);
 var Lottie__default = /*#__PURE__*/_interopDefaultLegacy(Lottie);
 
 const GLOBAL_KEY = '_AuthmeConfig';
@@ -483,44 +480,6 @@ 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__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
-  };
-}
-
-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);
@@ -542,49 +501,35 @@ function generateUniqueId(length = 32) {
   }
   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';
+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) {
   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;
+    if (!config.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({
+    const newDebugLog = Object.assign({
+      time: now.getTime(),
       dateTime: now.toLocaleString(),
       roundId: currentRoundId,
       type: currentType !== null && currentType !== void 0 ? currentType : undefined
-    }, _logParams), {
-      time: now.getTime(),
-      _id: generateUniqueId()
-    });
+    }, _logParams);
     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) => {
@@ -608,209 +553,28 @@ function debugTools() {
       });
     });
   }
-  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;
+      if (!config.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()
-      });
+      if (!config.debugMode) return;
+      downloadObjectAsJson(debugLogs, `debugLog${new Date().getTime().toString()}`);
     },
     functionLogging,
     nextDebugRound: type => {
-      if (!debugMode) return;
+      if (!config.debugMode) return;
       currentRoundId = generateUniqueId(8);
       if (type) currentType = type;
     },
     modifyDebugType: type => {
-      if (!debugMode) return;
+      if (!config.debugMode) return;
       currentType = type;
-    },
-    pushNewDebugImage,
-    setTimeDuration: setTimeDuration,
-    saveDebugImage
+    }
   };
 }
 
@@ -1003,9 +767,8 @@ function showErrorMessage(text, showRetryBtn, callback, buttonText, _titleText)
       errorMessagePanel.appendChild(retryText);
       if (callback) {
         retryText.addEventListener('click', e => {
-          callback(e, {
-            hideErrorMessage
-          });
+          target.removeChild(errorMessagePanel);
+          callback(e);
         });
       }
     }
@@ -1068,12 +831,13 @@ function asyncShowErrorMessage(text, showRetryBtn, options) {
 function asyncOnLineShowErrorMessage(text, showRetryBtn) {
   return __awaiter(this, void 0, void 0, function* () {
     return new Promise((res, rej) => {
-      showErrorMessage(text, showRetryBtn, (_, tools) => {
+      const callback = () => {
         if (window.navigator.onLine) {
           res(true);
-          tools === null || tools === void 0 ? void 0 : tools.hideErrorMessage();
+          hideErrorMessage();
         }
-      });
+      };
+      showErrorMessage(text, showRetryBtn, callback);
     });
   });
 }
@@ -1141,8 +905,6 @@ 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) => {
@@ -1402,15 +1164,6 @@ 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);
@@ -2406,46 +2159,15 @@ 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.4.10";
+var version$1 = "2.4.11";
 var peerDependencies = {
 	"core-js": "^3.6.0"
 };
-var devDependencies = {
-	"@types/file-saver": "^2.0.5"
-};
 var packageInfo = {
 	name: name,
 	version: version$1,
-	peerDependencies: peerDependencies,
-	devDependencies: devDependencies
+	peerDependencies: peerDependencies
 };
 
 var _a;
@@ -2461,7 +2183,6 @@ exports.UintArrayToBlob = UintArrayToBlob;
 exports.asyncOnLineShowErrorMessage = asyncOnLineShowErrorMessage;
 exports.asyncShowErrorMessage = asyncShowErrorMessage;
 exports.asyncShowPopup = asyncShowPopup;
-exports.backgroundRequest = backgroundRequest;
 exports.checkOnlineStatus = checkOnlineStatus;
 exports.clearCanvas = clearCanvas;
 exports.colorStringToRGB = colorStringToRGB;

package/index.js

@@ -17,12 +17,10 @@ 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 '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.array.includes.js';
+import 'core-js/modules/es.string.includes.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';
@@ -473,44 +471,6 @@ 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);
@@ -532,49 +492,35 @@ function generateUniqueId(length = 32) {
   }
   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';
+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) {
   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;
+    if (!config.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({
+    const newDebugLog = Object.assign({
+      time: now.getTime(),
       dateTime: now.toLocaleString(),
       roundId: currentRoundId,
       type: currentType !== null && currentType !== void 0 ? currentType : undefined
-    }, _logParams), {
-      time: now.getTime(),
-      _id: generateUniqueId()
-    });
+    }, _logParams);
     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) => {
@@ -598,209 +544,28 @@ function debugTools() {
       });
     });
   }
-  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;
+      if (!config.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()
-      });
+      if (!config.debugMode) return;
+      downloadObjectAsJson(debugLogs, `debugLog${new Date().getTime().toString()}`);
     },
     functionLogging,
     nextDebugRound: type => {
-      if (!debugMode) return;
+      if (!config.debugMode) return;
       currentRoundId = generateUniqueId(8);
       if (type) currentType = type;
     },
     modifyDebugType: type => {
-      if (!debugMode) return;
+      if (!config.debugMode) return;
       currentType = type;
-    },
-    pushNewDebugImage,
-    setTimeDuration: setTimeDuration,
-    saveDebugImage
+    }
   };
 }
 
@@ -993,9 +758,8 @@ function showErrorMessage(text, showRetryBtn, callback, buttonText, _titleText)
       errorMessagePanel.appendChild(retryText);
       if (callback) {
         retryText.addEventListener('click', e => {
-          callback(e, {
-            hideErrorMessage
-          });
+          target.removeChild(errorMessagePanel);
+          callback(e);
         });
       }
     }
@@ -1058,12 +822,13 @@ function asyncShowErrorMessage(text, showRetryBtn, options) {
 function asyncOnLineShowErrorMessage(text, showRetryBtn) {
   return __awaiter(this, void 0, void 0, function* () {
     return new Promise((res, rej) => {
-      showErrorMessage(text, showRetryBtn, (_, tools) => {
+      const callback = () => {
         if (window.navigator.onLine) {
           res(true);
-          tools === null || tools === void 0 ? void 0 : tools.hideErrorMessage();
+          hideErrorMessage();
         }
-      });
+      };
+      showErrorMessage(text, showRetryBtn, callback);
     });
   });
 }
@@ -1131,8 +896,6 @@ 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) => {
@@ -1392,15 +1155,6 @@ function requestCamera({
         showMessage(translate('camera.error.notFound'));
         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('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(ErrorCode.CAMERA_NOT_SUPPORT, error);
-      }
       if (isOverconstrainedError(error)) {
         showMessage(translate('camera.error.lowResolution'));
         throw new AuthmeError(ErrorCode.CAMERA_NOT_SUPPORT, error);
@@ -2396,46 +2150,15 @@ 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 === ErrorCode.NETWORK_ERROR) {
-      pushRequest(request);
-    }
-  });
-}
-window.ononline = () => {
-  const tasks = [...requstQueue];
-  clearRequest();
-  tasks.forEach(request => {
-    backgroundRequest(request);
-  });
-};
-
 var name = "@authme/util";
-var version$1 = "2.4.10";
+var version$1 = "2.4.11";
 var peerDependencies = {
 	"core-js": "^3.6.0"
 };
-var devDependencies = {
-	"@types/file-saver": "^2.0.5"
-};
 var packageInfo = {
 	name: name,
 	version: version$1,
-	peerDependencies: peerDependencies,
-	devDependencies: devDependencies
+	peerDependencies: peerDependencies
 };
 
 var _a;
@@ -2444,4 +2167,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, 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, 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, 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 };

package/package.json

@@ -1,17 +1,12 @@
 {
   "name": "@authme/util",
-  "version": "2.4.10",
+  "version": "2.4.11",
   "peerDependencies": {
     "core-js": "^3.6.0",
     "jwt-decode": "3.1.2",
     "rxjs": "7.5.7",
-    "file-saver": "2.0.5",
-    "jszip": "3.10.1",
     "lottie-web": "5.9.6"
   },
-  "devDependencies": {
-    "@types/file-saver": "^2.0.5"
-  },
   "module": "./index.js",
   "main": "./index.cjs",
   "type": "module",

package/src/index.d.ts

@@ -1,4 +1,3 @@
 export * from './lib/shared-util';
 export * from './ui';
-export * from './lib/background-request-process';
 export { version } from './lib/version';

package/src/lib/authme-log.d.ts

@@ -1,34 +1,22 @@
-export declare enum RUN_FUNCTION_NAME {
-    RECOGNITION = "service.recognition",
-    ANTI_FARUD_RECOGNITION = "antiFraudInstance.recognition",
-    API_REQUEST = "api.request"
-}
-interface GetDebugImageParams<T> {
-    data: Uint8ClampedArray;
-    type?: T;
-    getDebugImageData: (data: Uint8ClampedArray | Uint8Array) => Promise<Uint8Array>;
-    result: any;
-    width: number;
-    height: number;
-}
 export declare function debugLog(message?: any, ...others: any[]): void;
 export interface DebugLog<T> {
+    image?: string;
+    resultOcrImg?: string;
     result?: any;
     report?: any;
     status?: 'recognition' | 'confirm' | 'run-start' | 'run-end' | 'run-error';
-    runFunction?: RUN_FUNCTION_NAME;
+    runFunction?: string;
     roundId?: string;
-    _id: string;
     type?: T;
-    time: number;
+    time?: number;
     dateTime?: string;
     message?: any;
     isAntiFraud?: boolean;
 }
-export declare function debugTools<T>(): {
+export declare function debugTools<T>(config: {
     debugMode: boolean;
-    debugModeUI: boolean;
-    pushNewDebugLog: (logParams: Partial<DebugLog<T>>) => DebugLog<T> | undefined;
+}): {
+    pushNewDebugLog: (logParams: DebugLog<T>) => void;
     getDebugLogs: () => DebugLog<T>[];
     getDebugLogsLength: () => number;
     modifyDeubgLog: (index: number, logParams: Partial<DebugLog<T>>) => void;
@@ -36,12 +24,4 @@ export declare function debugTools<T>(): {
     functionLogging: <P>(func: () => Promise<P>, logParams?: Partial<DebugLog<T>>) => Promise<P>;
     nextDebugRound: (type?: T) => void;
     modifyDebugType: (type: T) => void;
-    pushNewDebugImage: (image: Blob, log: Partial<DebugLog<T>>, options?: {
-        prefix?: string;
-    }) => void;
-    setTimeDuration: (behavior: string) => {
-        end: () => void;
-    };
-    saveDebugImage: ({ getDebugImageData, data, width, height, result, type, }: GetDebugImageParams<T>) => Promise<void>;
 };
-export {};

package/src/ui/error-message.d.ts

@@ -1,15 +1,12 @@
-export declare type ShowErrorMessageHandler = (text: string, showRetryBtn?: boolean, callback?: CallBackType, buttonText?: string, titleText?: string) => void;
-export declare type CallBackType = (e: Event, tools?: {
-    hideErrorMessage: () => void;
-}) => void;
-export declare function showErrorMessage(text: string, showRetryBtn?: boolean, callback?: CallBackType, buttonText?: string, _titleText?: string): Promise<void>;
-export declare function showErrorMessageEventName(text: string, showRetryBtn?: boolean, callback?: CallBackType, buttonText?: string, titleText?: string): Promise<void>;
+export declare function showErrorMessage(text: string, showRetryBtn?: boolean, callback?: (e: Event) => void, buttonText?: string, _titleText?: string): Promise<void>;
+export declare function showErrorMessageEventName(text: string, showRetryBtn?: boolean, callback?: (e: Event) => void, buttonText?: string, titleText?: string): Promise<void>;
 export declare function hideErrorMessage(): void;
 export declare function asyncShowErrorMessage(text: string, showRetryBtn?: boolean, options?: {
-    callback?: CallBackType;
+    callback?: (e: Event) => void;
     buttonText?: string;
     titleText?: string;
-    showErrorMessageHandler?: ShowErrorMessageHandler;
+    errorTextHandler?: (text: Error) => string;
+    showErrorMessageHandler?: (text: string) => void;
 }): Promise<boolean>;
 export declare function asyncOnLineShowErrorMessage(text: string, showRetryBtn?: boolean): Promise<boolean>;
 export declare function checkOnlineStatus(msg: string): Promise<void>;

package/src/lib/background-request-process.d.ts

@@ -1 +0,0 @@
-export declare function backgroundRequest<T = unknown>(request: () => Promise<T>): void;

package/src/lib/file-saver.d.ts

@@ -1,11 +0,0 @@
-interface FileItem {
-    name: string;
-    file: Blob;
-}
-export declare function fileSaverService(): {
-    pushFile: (file: FileItem) => void;
-    saveFiles: (fileName: string, json?: {
-        [key: string]: any;
-    }) => Promise<void>;
-};
-export {};