@authme/util 2.4.2 → 2.4.4-rc.7

package/index.cjs

@@ -20,6 +20,7 @@ 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.typed-array.uint32-array.js');
 var Lottie = require('lottie-web');
 require('core-js/modules/es.array.sort.js');
 require('core-js/modules/es.array.includes.js');
@@ -185,6 +186,7 @@ exports.ErrorCode = void 0;
   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) {
@@ -483,6 +485,98 @@ function debugLog(message, ...others) {
     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 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 = [];
+  let currentRoundId = generateUniqueId(8);
+  let currentType = null;
+  function pushNewDebugLog(logParams) {
+    var _a;
+    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({
+      time: now.getTime(),
+      dateTime: now.toLocaleString(),
+      roundId: currentRoundId,
+      type: currentType !== null && currentType !== void 0 ? currentType : undefined
+    }, _logParams);
+    debugLogs.push(newDebugLog);
+  }
+  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);
+      });
+    });
+  }
+  return {
+    pushNewDebugLog,
+    getDebugLogs: () => debugLogs,
+    getDebugLogsLength: () => debugLogs.length,
+    modifyDeubgLog: (index, logParams) => {
+      if (!config.debugMode) return;
+      debugLogs[index] = Object.assign(Object.assign({}, debugLogs[index]), logParams);
+    },
+    downloadDebugLogs: () => {
+      if (!config.debugMode) return;
+      downloadObjectAsJson(debugLogs, `debugLog${new Date().getTime().toString()}`);
+    },
+    functionLogging,
+    nextDebugRound: type => {
+      if (!config.debugMode) return;
+      currentRoundId = generateUniqueId(8);
+      if (type) currentType = type;
+    },
+    modifyDebugType: type => {
+      if (!config.debugMode) return;
+      currentType = type;
+    }
+  };
+}
 
 exports.TIME_UNIT = void 0;
 (function (TIME_UNIT) {
@@ -587,7 +681,7 @@ 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) {
@@ -611,6 +705,9 @@ function startSpinner(text) {
       loadingSDKText.textContent = text;
       loadingSDKContent.appendChild(loadingSDKText);
     }
+    if (backgroundOpaque) {
+      loadingSDKOuter.classList.add('authme-loading-sdk-outer--opaque');
+    }
     return;
   }
   const spinnerOuter = document.createElement('div');
@@ -624,6 +721,9 @@ function startSpinner(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() {
@@ -644,7 +744,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) {
@@ -663,7 +763,39 @@ 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 => {
+          target.removeChild(errorMessagePanel);
+          callback(e);
+        });
+      }
+    }
+    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 => {
@@ -682,14 +814,17 @@ 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);
     });
   });
 }
@@ -771,6 +906,7 @@ var BROWSER_CAMERA_ERRORS;
   BROWSER_CAMERA_ERRORS["NOT_ALLOWED_ERROR"] = "NotAllowedError";
   BROWSER_CAMERA_ERRORS["NOT_FOUND_ERROR"] = "NotFoundError";
 })(BROWSER_CAMERA_ERRORS || (BROWSER_CAMERA_ERRORS = {}));
+let stream;
 const videoConstraintsFactory = (isPC, facingMode) => {
   return isPC ? {
     video: {
@@ -851,6 +987,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* () {
@@ -925,39 +1098,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) {
@@ -969,6 +1117,9 @@ function isOverconstrainedError(error) {
   }
   return 'constraint' in error;
 }
+function sleep(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
 function requestCamera({
   video,
   facingMode,
@@ -977,7 +1128,29 @@ function requestCamera({
 }) {
   return __awaiter(this, void 0, void 0, function* () {
     try {
-      return yield _requestCamera(video, facingMode);
+      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);
+      }
     } catch (error) {
       if (error === BROWSER_CAMERA_ERRORS.NOT_SUPPORT) {
         showMessage(translate('camera.error.notFound'));
@@ -1987,7 +2160,7 @@ function RGBToLottieColor(color) {
 }
 
 var name = "@authme/util";
-var version$1 = "2.4.2";
+var version$1 = "2.4.4-rc.7";
 var peerDependencies = {
 	"core-js": "^3.6.0"
 };
@@ -2018,6 +2191,7 @@ exports.combineResult = combineResult;
 exports.cropByRatio = cropByRatio;
 exports.dataURItoBlob = dataURItoBlob;
 exports.debugLog = debugLog;
+exports.debugTools = debugTools;
 exports.decodeToken = decodeToken;
 exports.getCanvasSize = getCanvasSize;
 exports.getCssVariable = getCssVariable;
@@ -2037,12 +2211,14 @@ 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;

package/index.js

@@ -16,6 +16,7 @@ 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';
@@ -176,6 +177,7 @@ var ErrorCode;
   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";
 })(ErrorCode || (ErrorCode = {}));
 
 function decodeToken(token) {
@@ -474,6 +476,98 @@ function debugLog(message, ...others) {
     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 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 = [];
+  let currentRoundId = generateUniqueId(8);
+  let currentType = null;
+  function pushNewDebugLog(logParams) {
+    var _a;
+    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({
+      time: now.getTime(),
+      dateTime: now.toLocaleString(),
+      roundId: currentRoundId,
+      type: currentType !== null && currentType !== void 0 ? currentType : undefined
+    }, _logParams);
+    debugLogs.push(newDebugLog);
+  }
+  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);
+      });
+    });
+  }
+  return {
+    pushNewDebugLog,
+    getDebugLogs: () => debugLogs,
+    getDebugLogsLength: () => debugLogs.length,
+    modifyDeubgLog: (index, logParams) => {
+      if (!config.debugMode) return;
+      debugLogs[index] = Object.assign(Object.assign({}, debugLogs[index]), logParams);
+    },
+    downloadDebugLogs: () => {
+      if (!config.debugMode) return;
+      downloadObjectAsJson(debugLogs, `debugLog${new Date().getTime().toString()}`);
+    },
+    functionLogging,
+    nextDebugRound: type => {
+      if (!config.debugMode) return;
+      currentRoundId = generateUniqueId(8);
+      if (type) currentType = type;
+    },
+    modifyDebugType: type => {
+      if (!config.debugMode) return;
+      currentType = type;
+    }
+  };
+}
 
 var TIME_UNIT;
 (function (TIME_UNIT) {
@@ -578,7 +672,7 @@ function cropByRatio(width, height, ratio) {
   };
 }
 
-function startSpinner(text) {
+function startSpinner(text, backgroundOpaque) {
   const loadingLottie = Storage.getItem(STORAGE_KEY.LOADING_LOTTIE);
   const body = document.querySelector('.authme-container');
   if (loadingLottie) {
@@ -602,6 +696,9 @@ function startSpinner(text) {
       loadingSDKText.textContent = text;
       loadingSDKContent.appendChild(loadingSDKText);
     }
+    if (backgroundOpaque) {
+      loadingSDKOuter.classList.add('authme-loading-sdk-outer--opaque');
+    }
     return;
   }
   const spinnerOuter = document.createElement('div');
@@ -615,6 +712,9 @@ function startSpinner(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() {
@@ -635,7 +735,7 @@ var Icon;
   Icon["PictureIcon"] = "data:image/png;base64,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";
 })(Icon || (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) {
@@ -654,7 +754,39 @@ 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 => {
+          target.removeChild(errorMessagePanel);
+          callback(e);
+        });
+      }
+    }
+    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 => {
@@ -673,14 +805,17 @@ 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);
     });
   });
 }
@@ -762,6 +897,7 @@ var BROWSER_CAMERA_ERRORS;
   BROWSER_CAMERA_ERRORS["NOT_ALLOWED_ERROR"] = "NotAllowedError";
   BROWSER_CAMERA_ERRORS["NOT_FOUND_ERROR"] = "NotFoundError";
 })(BROWSER_CAMERA_ERRORS || (BROWSER_CAMERA_ERRORS = {}));
+let stream;
 const videoConstraintsFactory = (isPC, facingMode) => {
   return isPC ? {
     video: {
@@ -842,6 +978,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(ErrorCode.CAMERA_NOT_SUPPORT, e);
+    }
+  });
+}
 function _requestCamera(video, facingMode) {
   var _a;
   return __awaiter(this, void 0, void 0, function* () {
@@ -916,39 +1089,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) {
@@ -960,6 +1108,9 @@ function isOverconstrainedError(error) {
   }
   return 'constraint' in error;
 }
+function sleep(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
 function requestCamera({
   video,
   facingMode,
@@ -968,7 +1119,29 @@ function requestCamera({
 }) {
   return __awaiter(this, void 0, void 0, function* () {
     try {
-      return yield _requestCamera(video, facingMode);
+      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);
+      }
     } catch (error) {
       if (error === BROWSER_CAMERA_ERRORS.NOT_SUPPORT) {
         showMessage(translate('camera.error.notFound'));
@@ -1978,7 +2151,7 @@ function RGBToLottieColor(color) {
 }
 
 var name = "@authme/util";
-var version$1 = "2.4.2";
+var version$1 = "2.4.4-rc.7";
 var peerDependencies = {
 	"core-js": "^3.6.0"
 };
@@ -1994,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, STORAGE_KEY, Storage, TIME_UNIT, UintArrayToBlob, asyncOnLineShowErrorMessage, asyncShowErrorMessage, asyncShowPopup, checkOnlineStatus, clearCanvas, colorStringToRGB, colorToRGB, combineResult, cropByRatio, dataURItoBlob, debugLog, decodeToken, getCanvasSize, getCssVariable, getDeviceInfo, getImageData, getSystemInfo, getUserAgent, hexToRGB, hideElement, hideErrorMessage, hidePopup, isIphone14proOrProMax, isMobile, isMobileOrTablet, requestCamera, resize, retryPromiseWithCondition, showElement, showErrorMessage, showPopup, splitResult, startLoadingSDK, startSpinner, stopLoadingSDK, stopSpinner, 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,6 +1,6 @@
 {
   "name": "@authme/util",
-  "version": "2.4.2",
+  "version": "2.4.4-rc.7",
   "peerDependencies": {
     "core-js": "^3.6.0",
     "jwt-decode": "3.1.2",

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

@@ -26,5 +26,6 @@ export declare enum ErrorCode {
     HTTP_ERROR_RESPONSE = 902,
     USER_CANCEL = 903,
     CAMERA_NOT_SUPPORT = 904,
-    SERVER_ERROR = 905
+    SERVER_ERROR = 905,
+    EVENT_NAME_WRONG = 906
 }

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

@@ -1 +1,27 @@
 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?: string;
+    roundId?: string;
+    type?: T;
+    time?: number;
+    dateTime?: string;
+    message?: any;
+    isAntiFraud?: boolean;
+}
+export declare function debugTools<T>(config: {
+    debugMode: boolean;
+}): {
+    pushNewDebugLog: (logParams: DebugLog<T>) => void;
+    getDebugLogs: () => DebugLog<T>[];
+    getDebugLogsLength: () => number;
+    modifyDeubgLog: (index: number, logParams: Partial<DebugLog<T>>) => void;
+    downloadDebugLogs: () => void;
+    functionLogging: <P>(func: () => Promise<P>, logParams?: Partial<DebugLog<T>>) => Promise<P>;
+    nextDebugRound: (type?: T) => void;
+    modifyDebugType: (type: T) => void;
+};

package/src/ui/camera.d.ts

@@ -1,3 +1,19 @@
+export interface DeviceMeta {
+    device: MediaDeviceInfo;
+    meta: {
+        resolution: number;
+        facingMode: 'front' | 'back';
+        facingModeFromLabel: 'back';
+        facingModeFromapabilities: 'front' | 'back';
+        capabilities: MediaTrackCapabilities;
+    };
+    capabilities: MediaTrackCapabilities;
+}
+declare type FacingMode = 'front' | 'back';
+interface RequestCamersResult {
+    facingMode: FacingMode;
+    deviceMetas: DeviceMeta[];
+}
 export declare const videoConstraintsFactory: (isPC: boolean, facingMode: 'user' | 'environment') => {
     video: {
         width: {
@@ -27,9 +43,11 @@ export declare const videoConstraintsFactory: (isPC: boolean, facingMode: 'user'
         facingMode: "user" | "environment";
     };
 };
+export declare function switchCamera(deviceId: string, video: HTMLVideoElement): Promise<void>;
 export declare function requestCamera({ video, facingMode, translate, showMessage, }: {
     video: HTMLVideoElement;
     facingMode: 'front' | 'back';
     translate: (key: string) => string;
     showMessage: (text: string) => void;
-}): Promise<'front' | 'back'>;
+}): Promise<RequestCamersResult>;
+export {};

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

@@ -1,5 +1,12 @@
-export declare function showErrorMessage(text: string, showRetryBtn?: boolean, callback?: (e: Event) => void): 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): Promise<boolean>;
+export declare function asyncShowErrorMessage(text: string, showRetryBtn?: boolean, options?: {
+    callback?: (e: Event) => void;
+    buttonText?: string;
+    titleText?: string;
+    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/ui/spinner.d.ts

@@ -1,2 +1,2 @@
-export declare function startSpinner(text?: string): void;
+export declare function startSpinner(text?: string, backgroundOpaque?: boolean): void;
 export declare function stopSpinner(): void;