@authme/identity-verification 2.4.8 → 2.4.11

package/index.js

@@ -3,11 +3,11 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.string.includes.js';
-import { getTranslateInstance, EventListenerService, TrackingEvent, generateStatus, StatusDescription, StatusView, StatusAction, AuthmeError, ErrorCode, Feature, StatusEvent, setRequestLoggingFunc, setAccessToken } from '@authme/core';
-import { EAuthMeFASServiceStatus, EAuthMeIDCardAntiFraudStage as EAuthMeIDCardAntiFraudStage$1, EAuthMeCardClass as EAuthMeCardClass$1, AuthmeFunctionModule, MlEngine, EngineModule, EAuthMeEngineReturnCode } from '@authme/engine';
-import { IdRecognitionCardType, CountryCode, EAuthMeCardClass, mapCardtypeToAuthmeClass, cardTypeTitle, cardTypeConfirmTitle, getRecognitionColumnOrder, EAuthMeIDCardAntiFraudStage, EAuthMeIDCardAntiFraudStatus, EAuthMeCardOCRStatus, EAuthMeMRZServiceStatus, saveExtraDoc, MRZService, init, initScanDocument, twoWayAuthmeCardClassMap, uploadFrameBase64, ResourceImageType, finishScanDocument, CardOCR, IdCardAntiFraudService, recognitionEncrypt, RecognitionFileType, getCardSubTypes, confirmScan } from '@authme/id-recognition';
-import { getCssVariable, RGBToLottieColor, colorToRGB, Icon, useState, clearCanvas, getImageData, hidePopup, showPopup, waitTime, TIME_UNIT, AuthmeError as AuthmeError$1, ErrorCode as ErrorCode$1, requestCamera, showElement, asyncOnLineShowErrorMessage, getCanvasSize, startSpinner, stopSpinner, showErrorMessage, hideElement, isIphone14proOrProMax, cropByRatio, checkOnlineStatus, asyncShowErrorMessage, switchCamera, UintArrayToBlob, asyncShowPopup, retryPromiseWithCondition, hideErrorMessage, dataURItoBlob, backgroundRequest, debugTools, showErrorMessageEventName, RUN_FUNCTION_NAME, Storage, STORAGE_KEY, splitResult, combineResult, startLoadingSDK, stopLoadingSDK } from '@authme/util';
-import { mergeMap, animationFrames, filter, tap, map, from, catchError, EMPTY, merge, fromEvent, of, concatAll, takeUntil, Subject, defer, switchMap, throttleTime, take, concatMap, throwError, finalize, shareReplay, switchMapTo, firstValueFrom, takeWhile, mapTo, race } from 'rxjs';
+import { getTranslateInstance, EventListenerService, TrackingEvent, generateStatus, StatusDescription, StatusView, StatusAction, AuthmeError, ErrorCode, Feature, StatusEvent, debugLog, setRequestLoggingFunc, setAccessToken } from '@authme/core';
+import { EAuthMeFASServiceStatus, EAuthMeIDCardAntiFraudStage as EAuthMeIDCardAntiFraudStage$1, AuthmeFunctionModule, MlEngine, EngineModule, EAuthMeEngineReturnCode } from '@authme/engine';
+import { IdRecognitionCardType, CountryCode, EAuthMeCardClass, getRecognitionColumnOrder, EAuthMeIDCardAntiFraudStage, EAuthMeIDCardAntiFraudStatus, EAuthMeCardOCRStatus, EAuthMeMRZServiceStatus, saveExtraDoc, MRZService, init, initScanDocument, twoWayAuthmeCardClassMap, uploadFrameBase64, ResourceImageType, finishScanDocument, CardOCR, IdCardAntiFraudService, recognitionEncrypt, RecognitionFileType, getCardSubTypes, confirmScan } from '@authme/id-recognition';
+import { getCssVariable, RGBToLottieColor, colorToRGB, Icon, useState, clearCanvas, getImageData, hidePopup, showPopup, waitTime, TIME_UNIT, AuthmeError as AuthmeError$1, ErrorCode as ErrorCode$1, requestCamera, showElement, asyncOnLineShowErrorMessage, getCanvasSize, startSpinner, stopSpinner, showErrorMessage, hideElement, isIphone14proOrProMax, cropByRatio, checkOnlineStatus, asyncShowErrorMessage, switchCamera, UintArrayToBlob, asyncShowPopup, retryPromiseWithCondition, hideErrorMessage, dataURItoBlob, debugTools, showErrorMessageEventName, Storage, STORAGE_KEY, splitResult, combineResult, startLoadingSDK, stopLoadingSDK } from '@authme/util';
+import { mergeMap, animationFrames, filter, tap, map, from, catchError, EMPTY, merge, fromEvent, of, concatAll, takeUntil, Subject, defer, switchMap, throttleTime, concatMap, combineLatest, take, throwError, finalize, shareReplay, switchMapTo, firstValueFrom, takeWhile, mapTo, race } from 'rxjs';
 import 'core-js/modules/es.regexp.to-string.js';
 import { FasRecognitionResult, EAuthMeFASServiceStage, FasService, LivenessAPI, EAuthMeMouthStatus, LivenessResultStatus } from '@authme/liveness';
 import 'core-js/modules/es.parse-float.js';
@@ -18,8 +18,6 @@ import lottie from 'lottie-web';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.array.sort.js';
 import 'core-js/modules/es.parse-int.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.object.from-entries.js';
 import 'core-js/modules/es.array-buffer.slice.js';
 import 'core-js/modules/es.typed-array.uint8-array.js';
@@ -27,6 +25,9 @@ import 'core-js/modules/es.typed-array.fill.js';
 import 'core-js/modules/es.typed-array.set.js';
 import 'core-js/modules/es.typed-array.sort.js';
 import 'core-js/modules/es.typed-array.to-locale-string.js';
+import 'core-js/modules/web.url-search-params.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.search.js';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -80,9 +81,6 @@ const defaultExtraDocumentConfig = {
   icon: DEFAULT_ICON_URI,
   headerMode: 1,
   requestInfoHandler: () => ({}),
-  showCloseButton: true,
-  continue: true,
-  border: undefined,
   extraText: {
     title: 'extra.title"',
     frontSide: 'extra.frontSide"',
@@ -103,7 +101,7 @@ const defaultIdRecognitionConfig = {
   type: IdRecognitionCardType.IDCard,
   country: CountryCode.TWN,
   needConfirm: true,
-  needAntiFraud: false,
+  needAntiFraud: true,
   needOCR: true,
   displayResultPage: false,
   showStatement: true,
@@ -114,13 +112,11 @@ const defaultIdRecognitionConfig = {
   hotfixIphone14proCameraBlur: true,
   uploadFullFrame: true,
   disablePassportConfirm: false,
-  antiFraudIMetalTagValidCountTh: false,
-  cardTypes: []
+  antiFraudIMetalTagValidCountTh: false
 };
 
 function setCorrectViewHeight() {
-  // 用 window.innerHeight 在 iOS chrome 會有延遲的問題。
-  const windowsVH = window.document.documentElement.clientHeight / 100;
+  const windowsVH = window.innerHeight / 100;
   document.documentElement.style.setProperty('--authMe-vh', windowsVH + 'px');
 }
 setCorrectViewHeight();
@@ -7075,7 +7071,7 @@ const card_ud = () => ({
 });
 
 const success = () => {
-  const authmeScannerSuccess = getCssVariable('--authme__upload_success', 'authme-container');
+  const authmeScannerSuccess = getCssVariable('--authme-scanner-success', 'authme-container');
   const lottieColor = authmeScannerSuccess ? RGBToLottieColor(colorToRGB(authmeScannerSuccess)) : [];
   return {
     v: '5.7.4',
@@ -8620,8 +8616,8 @@ const arrow_down = () => {
 };
 
 const scan = () => {
-  const authmeScannning = getCssVariable('--authme__scanning', 'authme-container');
-  const lottieColor = authmeScannning ? RGBToLottieColor(colorToRGB(authmeScannning)) : [];
+  const authmeScannerSuccess = getCssVariable('--authme-scanner-scanning', 'authme-container');
+  const lottieColor = authmeScannerSuccess ? RGBToLottieColor(colorToRGB(authmeScannerSuccess)) : [];
   const [r, g, b] = lottieColor.map(c => parseFloat(c.toFixed(3)));
   const lottieGradient = [0, r, g, b, 0.5, r, g, b, 1, r, g, b, 0, 0.03, 0.5, 0.515, 1, 1];
   return {
@@ -23671,10 +23667,10 @@ const limitFPS = fps => {
     return delta > interval;
   }));
 };
-const sendFrame = (canvasSizeInfo, canvas, video, frameCallback, fps, bas64Format, imageType, cardType, flags, type) => source$ => {
+const sendFrame = (canvasSizeInfo, canvas, video, frameCallback, fps, bas64Format, imageType, flags, type) => source$ => {
   let received = true;
   const ctx = canvas.getContext('2d');
-  return source$.pipe(mergeMap(() => animationFrames().pipe(limitFPS(fps), filter(() => received && !(flags === null || flags === void 0 ? void 0 : flags.animating)), tap(() => received = false), tap(() => clearCanvas(canvas)), map(() => getImageData(canvas, ctx, video, canvasSizeInfo, bas64Format, imageType)), mergeMap(imageData => from(frameCallback(imageData.data, imageData.base64, cardType, type)).pipe(catchError(e => {
+  return source$.pipe(mergeMap(() => animationFrames().pipe(limitFPS(fps), filter(() => received && !(flags === null || flags === void 0 ? void 0 : flags.animating)), tap(() => received = false), tap(() => clearCanvas(canvas)), map(() => getImageData(canvas, ctx, video, canvasSizeInfo, bas64Format, imageType)), mergeMap(imageData => from(frameCallback(imageData.data, imageData.base64, type)).pipe(catchError(e => {
     // send to fast, ignore
     if (e instanceof AuthmeError && e.code === ErrorCode.RECOGNITION_NOT_AVAILABLE) {
       return EMPTY;
@@ -23793,39 +23789,9 @@ function startLiveness(config) {
   // 不能使用 from 替代 defer 的原因:
   //   不能假設流程開始就馬上觸發 config.init，活體前可能會有介紹頁，
   //   需要等到介紹頁完成後，才開始執行 config.init (engine init 流程)。
-  const init$ = defer(() => config.init()).pipe(tap(config => livenessConfig = config), catchError(error => __awaiter(this, void 0, void 0, function* () {
-    var _a, _b, _c, _d, _e, _f;
-    const EVENT_NAME_ERROR_CODE = 7;
-    const INIT_RESPONSE_ERROR_MESSAGE__LivenessInavailable = 'Liveness Inavailable';
-    const INIT_RESPONSE_ERROR_MESSAGE__NotAllowedNewEvent = 'Not allowed new event';
-    const SHOW_ERROR_MESSAGE_INTERVAL = 3000;
-    // 針對 event name 沒有開啟 liveness 的相關處理
-    if (((_c = (_b = (_a = error.cause) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.responseContent) === null || _c === void 0 ? void 0 : _c.code) === EVENT_NAME_ERROR_CODE) {
-      let throwError = new AuthmeError(ErrorCode.EVENT_NAME_WRONG, error.cause);
-      let errorMessage = undefined;
-      switch ((_f = (_e = (_d = error.cause) === null || _d === void 0 ? void 0 : _d.meta) === null || _e === void 0 ? void 0 : _e.responseContent) === null || _f === void 0 ? void 0 : _f.message) {
-        case INIT_RESPONSE_ERROR_MESSAGE__LivenessInavailable:
-          errorMessage = 'eventName.invalid.functionNotEnabled';
-          throwError = new AuthmeError(ErrorCode.EVENT_NAME_WRONG, INIT_RESPONSE_ERROR_MESSAGE__LivenessInavailable);
-          break;
-        case INIT_RESPONSE_ERROR_MESSAGE__NotAllowedNewEvent:
-          errorMessage = 'eventName.invalid.notAllowedNewEvent';
-          throwError = new AuthmeError(ErrorCode.EVENT_NAME_WRONG, INIT_RESPONSE_ERROR_MESSAGE__NotAllowedNewEvent);
-          break;
-      }
-      if (errorMessage) {
-        yield asyncOnLineShowErrorMessage(translateService.translate(errorMessage), false);
-      } else {
-        const defaultErrorMessage = `${translateService.translate('eventName.invalid.promptTitle')} : ${translateService.translate('eventName.invalid.promptText')}`;
-        yield asyncOnLineShowErrorMessage(defaultErrorMessage, false);
-      }
-      yield waitTime(SHOW_ERROR_MESSAGE_INTERVAL);
-      throw throwError;
-    }
-    throw error;
-  })));
+  const init$ = defer(() => config.init()).pipe(tap(config => livenessConfig = config));
   const applyTextByResult = result => {
-    // debugLog('fas-response', result);
+    debugLog('fas-response', result);
     sendStatusDescription$2(fasRecognitionResultMapping(result.eStatus));
     switch (result.eStatus) {
       case FasRecognitionResult.NoFace:
@@ -23916,14 +23882,7 @@ function startLiveness(config) {
       headerSubtitle.textContent = translateService.translate(config.livenessConfig.subtitle);
     }
     setCorrectViewHeight();
-  }),
-  /**
-   * 如果採用 concatMap(() => combineLatest([requestCamera$, init$])) 的方式非同步執行，
-   * 會導致在 init$ 拋出錯誤時 camera 還沒請求完畢， reset 沒辦法正確 stop 所有的 stream。
-   */
-  switchMap(() => init$), switchMap(() => requestCamera$),
-  // 原實作 concatMap(() => combineLatest([requestCamera$, init$])),
-  tap(() => {
+  }), concatMap(() => combineLatest([requestCamera$, init$])), tap(() => {
     engineInited = true;
   }), switchMap(() => from(waitTime(1)).pipe(tap(() => videoContainer.style.zIndex = '101'))), switchMap(() => from(getCanvasSize(video))), switchMap(canvasSizeInfo => from(config.onStart(canvasSizeInfo)).pipe(
   /*
@@ -23969,7 +23928,7 @@ function startLiveness(config) {
       titleTextPanel,
       statusTextPanel
     });
-  })).pipe(sendFrame(canvasSizeInfo, canvas, video, config.onFrame, livenessConfig.fasMaxFps, true, 'all', undefined, frameFlags), tap(({
+  })).pipe(sendFrame(canvasSizeInfo, canvas, video, config.onFrame, livenessConfig.fasMaxFps, true, 'all', frameFlags), tap(({
     result
   }) => applyTextByResult(result)), filter(({
     result
@@ -24098,11 +24057,10 @@ function startLiveness(config) {
         video.srcObject.getTracks().forEach(stream => stream.stop());
       } catch (error) {
         // no video, ignore
-      } finally {
-        video.srcObject = null;
       }
       eventListenerService$2.stop();
       container.remove();
+      video.srcObject = null;
       unsubscribe$.next();
       unsubscribe$.complete();
       if (engineInited) {
@@ -24363,15 +24321,8 @@ function renderConfirmUI({
   })]), _render('div', elem => {
     elem.classList.add('data-confirm');
   }, [_render('div', elem => {
-    const keyMapping = {
-      [IdRecognitionCardType.IDCard]: 'idCard',
-      [IdRecognitionCardType.DriverLicense]: 'driverLicense',
-      [IdRecognitionCardType.HealthCard]: 'healthCard',
-      [IdRecognitionCardType.ResidentCard]: 'residentCard',
-      [IdRecognitionCardType.Passport]: 'passport'
-    };
     elem.classList.add('data-type');
-    elem.textContent = translate(cardType ? `confirm.${keyMapping[cardType]}` : '');
+    elem.textContent = translate(cardType !== null && cardType !== void 0 ? cardType : '');
   }), _render('div', elem => {
     elem.classList.add('data');
   }, items.columns.map(column => _render('div', elem => {
@@ -24476,13 +24427,11 @@ const renderOCRMask = params => {
   const _cardPoints = params.mirrored ? mirrorPoints(cardPoints) : cardPoints;
   // 創建SVG元素
   const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-  svg.setAttribute('id', 'authme-mask-svg');
   svg.setAttribute('width', '100%');
   svg.setAttribute('height', '100%');
   svg.style.position = 'absolute';
   svg.style.top = '0';
   svg.style.left = '0';
-  svg.style.boxShadow = 'rgba(0, 0, 0, 0.65) 0 0 0 2000px';
   // 創建遮罩
   const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
   const mask = document.createElementNS('http://www.w3.org/2000/svg', 'mask');
@@ -24493,7 +24442,6 @@ const renderOCRMask = params => {
   rect.setAttribute('fill', 'white');
   mask.appendChild(rect);
   const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-  path.setAttribute('id', 'authme-mask-path');
   path.setAttribute('fill', 'black');
   mask.appendChild(path);
   defs.appendChild(mask);
@@ -24512,6 +24460,8 @@ const renderOCRMask = params => {
   svg.appendChild(pathOfFrame);
   // 添加SVG到容器
   container.appendChild(svg);
+  const windowWidth = window.innerWidth;
+  const windowHeight = window.innerHeight;
   const radius = 10;
   const setCardPoints = (_newCardPoints, mirrored = false) => {
     const newCardPoints = mirrored ? mirrorPoints(_newCardPoints) : _newCardPoints;
@@ -24521,8 +24471,6 @@ const renderOCRMask = params => {
     }, index) => {
       var _a, _b;
       const command = index === 0 ? 'M' : 'L'; // 第一個點用'M'，其餘的點用'L'
-      const windowWidth = container.offsetWidth;
-      const windowHeight = container.offsetHeight;
       const previosPoint = (_a = newCardPoints[index - 1]) !== null && _a !== void 0 ? _a : newCardPoints[newCardPoints.length - 1];
       const nextPoint = (_b = newCardPoints[index + 1]) !== null && _b !== void 0 ? _b : newCardPoints[0];
       const _x1 = windowWidth * previosPoint.x;
@@ -24555,8 +24503,6 @@ const renderOCRMask = params => {
       const lineRotio = 2;
       const previosPoint = (_a = newCardPoints[index - 1]) !== null && _a !== void 0 ? _a : newCardPoints[newCardPoints.length - 1];
       const nextPoint = (_b = newCardPoints[index + 1]) !== null && _b !== void 0 ? _b : newCardPoints[0];
-      const windowWidth = container.offsetWidth;
-      const windowHeight = container.offsetHeight;
       const _x1 = windowWidth * previosPoint.x;
       const _y1 = windowHeight * previosPoint.y;
       const _x2 = windowWidth * x;
@@ -24589,7 +24535,7 @@ const renderOCRMask = params => {
         color = 'var(--authme-scanner-error-color)';
         break;
       case 'pass':
-        color = 'var(--authme-scanning_color)';
+        color = 'var(--authme-scanner-pass-color)';
         break;
       default:
         color = '#fff';
@@ -25000,7 +24946,7 @@ function renderCardRotateAnimate(container) {
     });
   }
   function fadeAnimate(inOrOut) {
-    container.style.opacity = inOrOut === 'in' ? '0.8' : '0';
+    container.style.opacity = inOrOut === 'in' ? '1' : '0';
     return new Promise(resolve => {
       setTimeout(() => {
         resolve(true);
@@ -25093,7 +25039,7 @@ function startOCR(config) {
   initEvenTrackingStatus(config.ocrConfig);
   const getCardBorderPoint = () => {
     if (cardSizeInfo.width === 0 || cardSizeInfo.height === 0) {
-      setCardSize(mapCardtypeToAuthmeClass(config.cardTypes[0]));
+      setCardSize(config.acceptTypes[0]);
     }
     const windowCenterX = window.innerWidth / 2;
     const windowCenterY = window.innerHeight / 2;
@@ -25147,7 +25093,6 @@ function startOCR(config) {
     })),
     container: videoContainer
   });
-  setHintTextLocale();
   const {
     rotateCard,
     getIsRotateCardAnimating,
@@ -25316,7 +25261,7 @@ function startOCR(config) {
       if (ocrEngineConfig.expiredIn && !sdkFlowTimeout) {
         sdkFlowTimeout = makeSDKFlowTimeout(ocrEngineConfig.expiredIn);
       }
-    })), sendFrame(canvasSizeInfo, image, video, config.onAntiFraudFrame, ocrEngineConfig.fraudMaxFps, false, 'jpg', undefined), map(x => x.result), tap(x => {
+    })), sendFrame(canvasSizeInfo, image, video, config.onAntiFraudFrame, ocrEngineConfig.fraudMaxFps, false, 'jpg'), map(x => x.result), tap(x => {
       applyTextByResult(x);
       cardRotateByStage(x.eStage);
       cardRotateTextProcess(x.eStage);
@@ -25364,7 +25309,7 @@ function startOCR(config) {
     // workaround?: 將animation$作為停止。
     return merge(handleSuccess$).pipe(take(1));
   }
-  function startOCR(type, cardType) {
+  function startOCR(type) {
     if (!config.ocrConfig.needOCR && type === EAuthMeCardClass.TWN_IDCard_Front) {
       return of(true);
     }
@@ -25374,7 +25319,6 @@ function startOCR(config) {
         x,
         y
       })));
-      setHintTextLocale();
     }
     const applyTextByResult = result => {
       statusText.classList.add('non-empty');
@@ -25427,7 +25371,7 @@ function startOCR(config) {
         showCameraSwitchButton(deviceMetas);
       }
     };
-    const init = retry => canvasSizeInfo$.pipe(take(1), switchMap(canvasSizeInfo => from(config.setFrameSize(canvasSizeInfo.canvasWidth, canvasSizeInfo.canvasHeight)).pipe(switchMap(() => checkOnlineStatus(translateService.translate('network.error.offline'))), switchMap(() => config.ocrStart(getCardBorderPoint(), type, cardType, retry)), tap(() => {
+    const init = retry => canvasSizeInfo$.pipe(take(1), switchMap(canvasSizeInfo => from(config.setFrameSize(canvasSizeInfo.canvasWidth, canvasSizeInfo.canvasHeight)).pipe(switchMap(() => checkOnlineStatus(translateService.translate('network.error.offline'))), switchMap(() => config.ocrStart(getCardBorderPoint(), type, retry)), tap(() => {
       stopSpinner();
       showElement(scanAnimationContainer);
       scanAnimationContainer.style.width = `${cardSizeInfo.width + scanPadding}px`;
@@ -25441,7 +25385,7 @@ function startOCR(config) {
       if (ocrEngineConfig.expiredIn && !sdkFlowTimeout) {
         sdkFlowTimeout = makeSDKFlowTimeout(ocrEngineConfig.expiredIn);
       }
-    }), switchMap(canvasSizeInfo => of(canvasSizeInfo).pipe(sendFrame(canvasSizeInfo, image, video, config.recognition, 30, false, 'jpg', cardType, undefined, type), tap(x => applyTextByResult(x.result)), filter(({
+    }), switchMap(canvasSizeInfo => of(canvasSizeInfo).pipe(sendFrame(canvasSizeInfo, image, video, config.recognition, 30, false, 'jpg', undefined, type), tap(x => applyTextByResult(x.result)), filter(({
       result
     }) => result.eStatus === EAuthMeCardOCRStatus.Pass || result.eStatus === EAuthMeMRZServiceStatus.Success),
     // ocrEngineConfig.expiredIn
@@ -25464,21 +25408,21 @@ function startOCR(config) {
       result
     }) => from(type === EAuthMeCardClass.Passport && config.ocrConfig.disablePassportConfirm ? of(false) : checkConfirmImage(result.imageData, result.iWidth, result.iHeight)).pipe(switchMap(needRetry => {
       startSpinner(translateService.translate('verify.uploading'));
-      return needRetry ? of(true) : from(config.confirmImage(type, cardType)).pipe(tap(() => sendStatusAction$1(StatusAction.Uploading)), map(confirmResp => !confirmResp));
+      return needRetry ? of(true) : from(config.confirmImage(type)).pipe(tap(() => sendStatusAction$1(StatusAction.Uploading)), map(confirmResp => !confirmResp));
     }), tap(() => {
       hideElement(confirmImageContainer);
       showVideoElement();
     }), switchMap(needRetry => needRetry ? recognition(true) : of(true)))))));
     return recognition(false);
   }
-  function createFlowByType(type, cardType) {
+  function createFlowByType(type) {
     return of(true).pipe(tap(() => {
       setStatusEvent$1(cardClassMapping(type));
-      setUIByType(type, cardType);
+      setUIByType(type);
     }), switchMap(() => startAntiFraud(type)), tap(() => {
       setStatusEvent$1(cardClassMapping(type));
-      setUIByType(type, cardType);
-    }), switchMap(() => startOCR(type, cardType)));
+      setUIByType(type);
+    }), switchMap(() => startOCR(type)));
   }
   function main() {
     const flags = {
@@ -25493,8 +25437,8 @@ function startOCR(config) {
     } else {
       startSpinner(translateService.translate('general.loading'));
     }
-    const flow$ = config.cardTypes.map(x => createFlowByType(mapCardtypeToAuthmeClass(x), x)).reduce((prev, cur) => prev.pipe(switchMap(() => cur)), canvasSizeInfo$.pipe(take(1), tap(() => {
-      setUIByType(mapCardtypeToAuthmeClass(config.cardTypes[0]), config.cardTypes[0]);
+    const flow$ = config.acceptTypes.map(x => createFlowByType(x)).reduce((prev, cur) => prev.pipe(switchMap(() => cur)), canvasSizeInfo$.pipe(take(1), tap(() => {
+      setUIByType(config.acceptTypes[0]);
     }), switchMap(canvasSizeInfo => from(config.init(canvasSizeInfo.canvasWidth, canvasSizeInfo.canvasHeight)).pipe(tap(x => ocrEngineConfig = x), tap(() => __awaiter(this, void 0, void 0, function* () {
       if (config.ocrConfig.needAntiFraud) return;
       stopSpinner();
@@ -25639,13 +25583,13 @@ function startOCR(config) {
   function setTopText(title) {
     titleText.textContent = title;
   }
-  function setUIByType(type, cardType) {
-    setTextByType(type, cardType);
+  function setUIByType(type) {
+    setTextByType(type);
     setHeaderByType(type);
     setCardSize(type);
   }
-  function setTextByType(type, cardType) {
-    var _a, _b, _c;
+  function setTextByType(type) {
+    var _a, _b;
     const _typeMap = {
       EAuthMeCardClass_Passport: 'verify.passportFrontSide',
       EAuthMeCardClass_TWN_IDCard_Front: 'verify.idCardFrontSide',
@@ -25658,12 +25602,7 @@ function startOCR(config) {
       EAuthMeCardClass_TWN_VehiclesLicense_Front: 'verify.vehiclesLicenseFrontSide'
     };
     const typeMap = _typeMap;
-    let titleKey = typeMap[`${type}`];
-    if (typeMap[`${type}`] == null) {
-      titleText.textContent = translateService.translate((_a = typeMap[`${type}`]) !== null && _a !== void 0 ? _a : 'verify.unexpected');
-      titleKey = (_b = cardTypeTitle(cardType !== null && cardType !== void 0 ? cardType : '')) !== null && _b !== void 0 ? _b : '';
-    }
-    titleText.textContent = translateService.translate(titleKey !== null && titleKey !== void 0 ? titleKey : 'verify.unexpected');
+    titleText.textContent = translateService.translate((_a = typeMap[`${type}`]) !== null && _a !== void 0 ? _a : 'verify.unexpected');
     statusText.textContent = '';
     statusText.classList.remove('non-empty');
     hintText.textContent = type.includes('Back') ? translateService.translate('verify.backSide') : translateService.translate('verify.frontSide');
@@ -25679,11 +25618,7 @@ function startOCR(config) {
       EAuthMeCardClass_TWN_VehiclesLicense_Front: 'verify.confirmVehiclesLicenseFrontSide'
     };
     const typeConfirmTextMap = _typeConfirmTextMap;
-    let titleConfirmKey = typeConfirmTextMap[type];
-    if (titleConfirmKey == null) {
-      titleConfirmKey = (_c = cardTypeConfirmTitle(cardType !== null && cardType !== void 0 ? cardType : '')) !== null && _c !== void 0 ? _c : '';
-    }
-    imageTypeText.textContent = translateService.translate(titleConfirmKey !== null && titleConfirmKey !== void 0 ? titleConfirmKey : 'verify.confirm.unexpected');
+    imageTypeText.textContent = translateService.translate((_b = typeConfirmTextMap[type]) !== null && _b !== void 0 ? _b : 'verify.confirm.unexpected');
   }
   function setHeaderByType(type) {
     const typeMap = {
@@ -25810,7 +25745,6 @@ function startOCR(config) {
       if (!cardMatchROI) throw new AuthmeError(ErrorCode.SDK_INTERNAL_ERROR, 'getCardMatchROI is null');
       setCardBorderColor('error');
       setCardPoints(cardMatchROI, facingMode === 'front');
-      setHintTextLocale();
       currentAntiFraudStage = stage;
       if (isTutorialFinish && !getIsRotateCardAnimating() || mandatoryRotate) {
         yield stopAnimate();
@@ -25864,27 +25798,17 @@ function startOCR(config) {
         video.srcObject.getTracks().forEach(stream => stream.stop());
       } catch (error) {
         // no video, ignore
-      } finally {
-        video.srcObject = null;
       }
       yield config.onDestroy();
       if (sdkFlowTimeout) clearTimeout(sdkFlowTimeout);
       eventListenerService$1.stop();
       hidePopup();
+      video.srcObject = null;
       container.remove();
       unsubscribe$.next();
       unsubscribe$.complete();
     });
   }
-  function setHintTextLocale() {
-    var _a;
-    const TITLE_TOP_RANGE = 40;
-    const ORIGINAL_TITLE_CLIENT_HEIGHT = window.getComputedStyle(titleText).getPropertyValue('line-height');
-    const titleClientHight = parseInt(ORIGINAL_TITLE_CLIENT_HEIGHT.replace('px', ''));
-    const maskRect = (_a = document.querySelector('#authme-mask-svg path')) === null || _a === void 0 ? void 0 : _a.getClientRects();
-    if (!maskRect || (maskRect === null || maskRect === void 0 ? void 0 : maskRect.length) <= 0) return;
-    titleTextPanel.style.top = `${maskRect[0].top - TITLE_TOP_RANGE - titleClientHight}px`;
-  }
   return main();
 }
 
@@ -25980,8 +25904,7 @@ const renderExtraUI = config => {
     endBtn,
     completeBtn,
     continueBtn,
-    image,
-    cardborderContainer
+    image
   };
 };
 
@@ -26003,8 +25926,7 @@ function startExtra(config) {
   } = renderBasicUI({
     headerIcon: config.extraConfig.icon,
     headerMode: config.extraConfig.headerMode,
-    showPictureButton: true,
-    showCloseButton: config.extraConfig.showCloseButton
+    showPictureButton: true
   });
   const {
     titleTextPanel,
@@ -26014,50 +25936,38 @@ function startExtra(config) {
     completeBtn,
     endBtn,
     continueBtn,
-    image,
-    cardborderContainer
+    image
   } = renderExtraUI({
     videoContainer,
     container
   });
-  if (config.extraConfig.border == 'none') {
-    hideElement(cardborderContainer);
-  } else {
-    showElement(cardborderContainer);
-  }
   const canvas = document.createElement('canvas');
   // Register Event
-  const requestCamera$ = of(true).pipe(tap(() => {
+  of(true).pipe(tap(() => {
     startSpinner(translateService.translate('general.loading'));
   }), switchMap(() => from(requestCamera({
     video,
     facingMode: 'back',
     translate: key => translateService.translate(key),
     showMessage: message => alert(message)
-  })).pipe(catchError(() => {
-    reset();
-    throw new AuthmeError(ErrorCode.CAMERA_NOT_SUPPORT);
+  })).pipe(catchError(error => {
+    if (error instanceof OverconstrainedError) {
+      alert(translateService.translate('camera.error.notFound'));
+    } else {
+      alert(translateService.translate('camera.error.notFound'));
+    }
+    return throwError(() => new AuthmeError(ErrorCode.CAMERA_NOT_SUPPORT));
   }))), tap(() => {
     stopSpinner();
     showElement(videoContainer);
-  }));
+  })).subscribe();
   fromEvent(window, 'offline').pipe(switchMap(() => asyncOnLineShowErrorMessage(translateService.translate('network.error.offline'), true)), takeUntil(unsubscribe$)).subscribe();
   fromEvent(window, 'resize').pipe(throttleTime(100), switchMap(() => getCanvasSize(video)), takeUntil(unsubscribe$)).subscribe();
   fromEvent(closeIcon, 'click').pipe(switchMap(() => reset()), takeUntil(unsubscribe$)).subscribe();
   fromEvent(pictureIcon, 'click').pipe(switchMap(() => getCanvasSize(video)), switchMap(canvasSizeInfo => from(checkConfirmImage(canvasSizeInfo)).pipe(switchMap(needRetry => needRetry ? of(true) : from(config.confirmImage(canvasSizeInfo.canvasWidth, canvasSizeInfo.canvasHeight, imageData, canvas)).pipe(map(confirmResp => !confirmResp))), tap(() => {
-    if (config.extraConfig.border == 'none') {
-      hideElement(cardborderContainer);
-    } else {
-      showElement(cardborderContainer);
-    }
     showVideoElement();
     hideElement(confirmImageContainer);
-  }))), switchMap(needRetry => needRetry ? of(true) : config.extraConfig.continue === false ? reset() : from(takeOtherImage()).pipe(switchMap(needContinue => needContinue ? of(true) : of(false)), tap(() => {
-    if (config.extraConfig.border == 'none') {
-      hideElement(cardborderContainer);
-    } else {
-      showElement(cardborderContainer);
-    }
+  }))), switchMap(needRetry => needRetry ? of(true) : from(takeOtherImage()).pipe(switchMap(needContinue => needContinue ? of(true) : of(false)), tap(() => {
     showVideoElement();
     hideElement(checkOtherImageContainer);
   }), switchMap(needContinue => needContinue ? of(true) : reset()))), takeUntil(unsubscribe$)).subscribe();
@@ -26073,7 +25983,7 @@ function startExtra(config) {
       message: new AuthmeError(ErrorCode.USER_CANCEL).message,
       data: {}
     })), takeUntil(unsubscribe$));
-    return requestCamera$.pipe(switchMap(() => cancel$)).pipe(take(1));
+    return merge(cancel$).pipe(take(1));
   }
   return main();
   function showVideoElement(isShow = true) {
@@ -26120,10 +26030,9 @@ function startExtra(config) {
         video.srcObject.getTracks().forEach(stream => stream.stop());
       } catch (error) {
         // no video, ignore
-      } finally {
-        video.srcObject = null;
       }
       yield config.onDestroy();
+      video.srcObject = null;
       document.body.removeChild(container);
       unsubscribe$.next();
       unsubscribe$.complete();
@@ -26681,7 +26590,7 @@ class MRZModule {
             var _a, _b;
             frameWidth = width;
             frameHeight = height;
-            const resp = yield SendRequestWithRetry$1(() => init(config.type, config.country, config.needConfirm, config.cardTypes));
+            const resp = yield SendRequestWithRetry$1(() => init(config.type, config.country, config.needConfirm));
             pubKey = resp.parameters.pubKey;
             scanId = resp.scanId;
             uploadFullFrame = (_b = (_a = resp.parameters.fraud) === null || _a === void 0 ? void 0 : _a.collectAllFrames) !== null && _b !== void 0 ? _b : config.uploadFullFrame;
@@ -26694,7 +26603,7 @@ class MRZModule {
               expiredIn: resp.expiredIn
             });
           }),
-          ocrStart: (points, type, cardType, retry = false) => __awaiter(this, void 0, void 0, function* () {
+          ocrStart: (points, type, retry = false) => __awaiter(this, void 0, void 0, function* () {
             yield this.mrzService.init();
             yield this.mrzService.setFrameSize(frameWidth, frameHeight);
             yield this.mrzService.setMaskPosition(points.map(([x, y]) => [Number(x.toFixed(2)), Number(y.toFixed(2))]));
@@ -26743,7 +26652,7 @@ class MRZModule {
               const image = UintArrayToBlob(frameWidth, frameHeight, data, virtualCanvas);
               const requestImg = yield encryptImageBase64(image);
               // downloadImage(image, `${frameIndex}-${docInfos[type as EAuthMeCardClass].docId}-${new Date().getTime().toString()}.jpg`)
-              backgroundRequest(() => uploadFrameBase64(docInfos[EAuthMeCardClass.Passport].docId, requestImg, frameIndex++));
+              yield SendRequestWithRetry$1(() => uploadFrameBase64(docInfos[EAuthMeCardClass.Passport].docId, requestImg, frameIndex++));
             }
             const tField = latestTField;
             if (!tField) {
@@ -26767,7 +26676,6 @@ class MRZModule {
               return false;
             }
           }),
-          cardTypes: config.cardTypes,
           antiFraudStart: () => __awaiter(this, void 0, void 0, function* () {
             throw 'MRZ Fraud Not Supported.';
           }),
@@ -26808,7 +26716,6 @@ class MRZModule {
   }
 }
 
-const F_IMAGE_BLUE_TH = 'fImageBlurTh';
 const DEFAULT_ANTI_FRAUD_TIMEOUT = 40;
 function unionMerge(a, b) {
   const entries = Object.entries(a).concat(Object.entries(b));
@@ -26822,6 +26729,25 @@ function unionMerge(a, b) {
   }
   return result;
 }
+function blobToBase64(image) {
+  return new Promise((resolve, reject) => {
+    // Use FileReader to convert Blob to base64
+    const reader = new FileReader();
+    reader.onloadend = function () {
+      if (reader.result) {
+        // Strip off the data URL prefix to get just the base64-encoded bytes
+        const base64String = reader.result.split(',')[1];
+        resolve(base64String);
+      } else {
+        reject(new Error('Failed to convert Blob to base64'));
+      }
+    };
+    reader.onerror = function (error) {
+      reject(error);
+    };
+    reader.readAsDataURL(image);
+  });
+}
 function SendRequestWithRetry(promiseFactory, options = {}) {
   return retryPromiseWithCondition(promiseFactory, e => __awaiter(this, void 0, void 0, function* () {
     var _a, _b, _c;
@@ -26989,7 +26915,7 @@ class OCRModule {
       yield this.antiFraudInstance.destroy();
     });
   }
-  run(config, cardTypes) {
+  run(config, acceptTypes) {
     return __awaiter(this, void 0, void 0, function* () {
       let scanId = '';
       let frameHeight = 0;
@@ -26999,22 +26925,21 @@ class OCRModule {
       let frameIndex = 0;
       let uploadFullFrame = false;
       let fraudTimeout = DEFAULT_ANTI_FRAUD_TIMEOUT;
+      const debugMode = new URLSearchParams(location.search).get('authme-debug') === 'true';
       const {
+        pushNewDebugLog,
         getDebugLogsLength,
         modifyDeubgLog,
         downloadDebugLogs,
         functionLogging,
-        nextDebugRound,
-        pushNewDebugImage,
-        setTimeDuration,
-        saveDebugImage,
+        nextDebugRound
+      } = debugTools({
         debugMode
-      } = debugTools();
+      });
+      const antiFraudStageList = rendomGetAntiFraudStage();
       if (debugMode) {
         setRequestLoggingFunc(functionLogging);
       }
-      const durationTime = setTimeDuration('ocr_flow');
-      const antiFraudStageList = rendomGetAntiFraudStage();
       const virtualCanvas = document.createElement('canvas');
       const docInfos = {};
       const encryptImageBase64 = blob => __awaiter(this, void 0, void 0, function* () {
@@ -27040,9 +26965,7 @@ class OCRModule {
             var _a, _b, _c, _d;
             frameWidth = width;
             frameHeight = height;
-            const resp = yield SendRequestWithRetry(() => {
-              return init(config.type, config.country, config.needConfirm, config.cardTypes);
-            }, {
+            const resp = yield SendRequestWithRetry(() => init(config.type, config.country, config.needConfirm), {
               onErrorHandler(e) {
                 var _a, _b, _c;
                 const _error = e;
@@ -27087,39 +27010,25 @@ class OCRModule {
               expiredIn: resp.expiredIn
             });
           }),
-          ocrStart: (points, type, cardType, retry = false) => __awaiter(this, void 0, void 0, function* () {
-            const _service = type === EAuthMeCardClass$1.TWN_ResidentCard_Back // workaround: resident card need MRZ, refactor later.
+          ocrStart: (points, type, retry = false) => __awaiter(this, void 0, void 0, function* () {
+            const _service = type === EAuthMeCardClass.TWN_ResidentCard_Back // workaround: resident card need MRZ, refactor later.
             ? this.residentCardMrzService : this.ocrService;
             yield _service.init();
             yield _service.setFrameSize(frameWidth, frameHeight);
             yield _service.setMaskPosition(points.map(([x, y]) => [Number(x.toFixed(2)), Number(y.toFixed(2))]));
-            _service instanceof CardOCR ? yield _service.setType(type) : null;
-            const newParams = {};
-            const oldParams = yield this.ocrService.getParams();
-            newParams[F_IMAGE_BLUE_TH] = 750;
-            newParams['fCardMatchTh'] = 0.5;
-            yield this.ocrService.setParams(Object.assign(Object.assign({}, oldParams), newParams));
-            if (cardTypes.map(mapCardtypeToAuthmeClass).filter(n => n == EAuthMeCardClass$1.Unknown).length > 0) {
-              this.ocrService.setOption({
-                key: 'ignore_card_type_checking',
-                value: 'enable'
-              });
-            } else {
-              this.ocrService.setOption({
-                key: 'ignore_card_type_checking',
-                value: 'disable'
-              });
-            }
+            _service instanceof CardOCR ? yield _service.setType(type, {
+              fCardMatchTh: 0.7
+            }) : null;
             yield _service.startSession();
             if (retry) {
-              docInfos[cardType].ocrImg = null;
-              docInfos[cardType].ocrOriginImg = null;
+              docInfos[type].ocrImg = null;
+              docInfos[type].ocrOriginImg = null;
             } else {
-              const resp = yield SendRequestWithRetry(() => initScanDocument(scanId, cardType));
-              if (docInfos[cardType]) {
-                docInfos[cardType].docId = resp.scanDocumentId;
+              const resp = yield SendRequestWithRetry(() => initScanDocument(scanId, twoWayAuthmeCardClassMap.toServer(type)));
+              if (docInfos[type]) {
+                docInfos[type].docId = resp.scanDocumentId;
               } else {
-                docInfos[cardType] = {
+                docInfos[type] = {
                   docId: resp.scanDocumentId,
                   ocrImg: null,
                   ocrOriginImg: null,
@@ -27130,17 +27039,15 @@ class OCRModule {
             }
             return true;
           }),
-          cardTypes,
-          acceptTypes: cardTypes.map(mapCardtypeToAuthmeClass),
-          recognition: (data, _base64, cardType, type) => __awaiter(this, void 0, void 0, function* () {
-            const durationTimeRecognition = setTimeDuration(`ocr_recognition_${type}`);
+          acceptTypes,
+          recognition: (data, _base64, type) => __awaiter(this, void 0, void 0, function* () {
             nextDebugRound(type);
-            const _service = type === EAuthMeCardClass$1.TWN_ResidentCard_Back // workaround: resident card need MRZ, refactor later.
+            const _service = type === EAuthMeCardClass.TWN_ResidentCard_Back // workaround: resident card need MRZ, refactor later.
             ? this.residentCardMrzService : this.ocrService;
             const result = yield functionLogging(() => __awaiter(this, void 0, void 0, function* () {
               return yield _service.recognition(data);
             }), {
-              runFunction: RUN_FUNCTION_NAME.RECOGNITION
+              runFunction: 'service.recognition'
             });
             if (this.canvas) {
               const debugData = yield _service === null || _service === void 0 ? void 0 : _service.getDebugImageData(data);
@@ -27152,28 +27059,15 @@ class OCRModule {
               imgData.data.set(debugData);
               ctx.putImageData(imgData, 0, 0);
             }
-            saveDebugImage({
-              data,
-              type,
-              getDebugImageData: _service === null || _service === void 0 ? void 0 : _service.getDebugImageData.bind(_service),
-              result,
-              width: frameWidth,
-              height: frameHeight
-            });
             const ocrOriginImg = UintArrayToBlob(frameWidth, frameHeight, data, virtualCanvas);
-            // console.log("cardType:" + cardType + ":" + docInfos[cardType ?? ""]);
-            const eClass = cardType !== null && cardType !== void 0 ? cardType : '';
-            if (result.eStatus === EAuthMeCardOCRStatus.Pass && result.imageData && !!docInfos[eClass].docId) {
+            if (result.eStatus === EAuthMeCardOCRStatus.Pass && result.imageData && !!docInfos[result.info.cardClass.eClass].docId) {
               const resultOcrImg = UintArrayToBlob(result.iWidth, result.iHeight, result === null || result === void 0 ? void 0 : result.imageData, virtualCanvas);
-              docInfos[eClass].ocrImg = resultOcrImg;
-              docInfos[eClass].ocrOriginImg = ocrOriginImg;
+              docInfos[result.info.cardClass.eClass].ocrImg = resultOcrImg;
+              docInfos[result.info.cardClass.eClass].ocrOriginImg = ocrOriginImg;
               yield _service.stop();
-              pushNewDebugImage(ocrOriginImg, {
-                result: result,
-                status: 'confirm',
-                type: type
-              });
-              pushNewDebugImage(resultOcrImg, {
+              pushNewDebugLog({
+                image: yield blobToBase64(ocrOriginImg),
+                resultOcrImg: yield blobToBase64(resultOcrImg),
                 result: result,
                 status: 'confirm',
                 type: type
@@ -27183,17 +27077,17 @@ class OCRModule {
               const requestImg = yield encryptImageBase64(image);
               // downloadImage(image, `${frameIndex}-${docInfos[type as EAuthMeCardClass].docId}-${new Date().getTime().toString()}.jpg`)
               frameIndex++;
-              backgroundRequest(() => uploadFrameBase64(docInfos[cardType !== null && cardType !== void 0 ? cardType : ''].docId, requestImg, frameIndex));
-              pushNewDebugImage(ocrOriginImg, {
+              yield uploadFrameBase64(docInfos[type].docId, requestImg, frameIndex);
+              pushNewDebugLog({
+                image: yield blobToBase64(ocrOriginImg),
                 result: result,
                 status: 'recognition',
                 type: type
               });
             }
-            durationTimeRecognition.end();
             return result;
           }),
-          confirmImage: (type, cardType) => __awaiter(this, void 0, void 0, function* () {
+          confirmImage: type => __awaiter(this, void 0, void 0, function* () {
             // 將二進位圖片進行加密，目前不需要使用，不確定未來是否需要，先註解
             // const encryptImage = async (blob: Blob): Promise<Blob> => {
             // const imageArrayBuffer = await blobToArrayBuffer(blob);
@@ -27204,13 +27098,13 @@ class OCRModule {
             // );
             // return base64ToBlob(resultEncrypt);
             // };
-            const docId = docInfos[cardType].docId;
+            const docId = docInfos[type].docId;
             if (docId) {
-              const needFraudOption = config.needAntiFraud && type === EAuthMeCardClass$1.TWN_IDCard_Front;
-              const ocrOriginImg = docInfos[cardType].ocrOriginImg;
+              const needFraudOption = config.needAntiFraud && type === EAuthMeCardClass.TWN_IDCard_Front;
+              const ocrOriginImg = docInfos[type].ocrOriginImg;
               const requestImg = yield encryptImageBase64(ocrOriginImg);
               const report = yield this.ocrService.getReport();
-              docInfos[cardType].docId = '';
+              docInfos[type].docId = '';
               modifyDeubgLog(getDebugLogsLength() - 1, {
                 report: report
               });
@@ -27218,25 +27112,22 @@ class OCRModule {
               yield SendRequestWithRetry(() => uploadFrameBase64(docId, requestImg, frameIndex, ResourceImageType.Recognition, report));
               frameIndex = 0;
               try {
-                const ocrImg = docInfos[cardType].ocrImg;
+                const ocrImg = docInfos[type].ocrImg;
                 const _requestImg = yield encryptImageBase64(ocrImg);
                 const resp = yield SendRequestWithRetry(() => recognitionEncrypt(docId, _requestImg, report, RecognitionFileType.FlatImage));
                 if (resp.retry) {
                   yield asyncShowPopup(translateService.translate('verify.error.blur'), translateService.translate('verify.error.blurDescribe'), true);
                   throw 'recognition failed';
                 }
-                result = unionMerge(result, resp && resp.details || {});
+                result = unionMerge(result, resp.details);
                 yield SendRequestWithRetry(() => finishScanDocument(docId, resp.details, needFraudOption ? this.fraudResult : null));
-                delete docInfos[cardType];
+                delete docInfos[type];
                 return true;
               } catch (error) {
-                console.log('confirmImage fail,retrying ');
-                console.error(error);
-                docInfos[cardType].docId = docId;
+                docInfos[type].docId = docId;
                 return false;
               }
             } else {
-              console.error('didnt find docid , retry ');
               return false;
             }
           }),
@@ -27251,19 +27142,18 @@ class OCRModule {
             yield this.antiFraudInstance.setParams(Object.assign(Object.assign({}, oldParams), newParams));
             yield this.antiFraudInstance.setStage(antiFraudStageList);
             yield this.antiFraudInstance.startSession();
-            const twnidCardFront = EAuthMeCardClass$1.TWN_IDCard_Front;
-            docInfos[twnidCardFront] = {
+            docInfos[EAuthMeCardClass.TWN_IDCard_Front] = {
               docId: '',
               ocrImg: null,
               ocrOriginImg: null,
               fraudOriginImg: null,
               fraudResult: false
             };
-            const resp = yield SendRequestWithRetry(() => initScanDocument(scanId, twoWayAuthmeCardClassMap.toServer(twnidCardFront)));
-            if (docInfos[twnidCardFront]) {
-              docInfos[twnidCardFront].docId = resp.scanDocumentId;
+            const resp = yield SendRequestWithRetry(() => initScanDocument(scanId, twoWayAuthmeCardClassMap.toServer(EAuthMeCardClass.TWN_IDCard_Front)));
+            if (docInfos[EAuthMeCardClass.TWN_IDCard_Front]) {
+              docInfos[EAuthMeCardClass.TWN_IDCard_Front].docId = resp.scanDocumentId;
             } else {
-              docInfos[twnidCardFront] = {
+              docInfos[EAuthMeCardClass.TWN_IDCard_Front] = {
                 docId: resp.scanDocumentId,
                 ocrImg: null,
                 ocrOriginImg: null,
@@ -27274,14 +27164,14 @@ class OCRModule {
             return true;
           }),
           onAntiFraudFrame: data => __awaiter(this, void 0, void 0, function* () {
-            var _e, _f;
-            const type = EAuthMeCardClass$1.TWN_IDCard_Front;
+            var _e;
+            const type = EAuthMeCardClass.TWN_IDCard_Front;
             nextDebugRound(type);
             const antiFraudRecogitionResult = yield functionLogging(() => __awaiter(this, void 0, void 0, function* () {
-              var _g;
-              return yield (_g = this.antiFraudInstance) === null || _g === void 0 ? void 0 : _g.recognition(data);
+              var _f;
+              return yield (_f = this.antiFraudInstance) === null || _f === void 0 ? void 0 : _f.recognition(data);
             }), {
-              runFunction: RUN_FUNCTION_NAME.ANTI_FARUD_RECOGNITION,
+              runFunction: 'antiFraudInstance.recognition',
               isAntiFraud: true
             });
             if (!antiFraudRecogitionResult) {
@@ -27297,14 +27187,6 @@ class OCRModule {
               imgData.data.set(debugData);
               ctx.putImageData(imgData, 0, 0);
             }
-            saveDebugImage({
-              data,
-              type,
-              getDebugImageData: (_f = this.antiFraudInstance) === null || _f === void 0 ? void 0 : _f.getDebugImageData.bind(this.antiFraudInstance),
-              result,
-              width: frameWidth,
-              height: frameHeight
-            });
             const fraudOriginImg = UintArrayToBlob(frameWidth, frameHeight, data, virtualCanvas);
             if (antiFraudRecogitionResult.eStatus === EAuthMeIDCardAntiFraudStatus.Pass || antiFraudRecogitionResult.eStatus === EAuthMeIDCardAntiFraudStatus.Failed) {
               docInfos[type].fraudOriginImg = fraudOriginImg;
@@ -27314,7 +27196,8 @@ class OCRModule {
               const docId = docInfos[type].docId;
               const requestImg = yield encryptImageBase64(ocrImg);
               const report = yield this.antiFraudInstance.getReport();
-              pushNewDebugImage(fraudOriginImg, {
+              pushNewDebugLog({
+                image: yield blobToBase64(fraudOriginImg),
                 result: result,
                 status: 'confirm',
                 type: type,
@@ -27326,17 +27209,18 @@ class OCRModule {
               frameIndex = 0;
               yield this.antiFraudInstance.destroy();
             } else if (uploadFullFrame) {
-              const _type = EAuthMeCardClass$1.TWN_IDCard_Front;
+              const _type = EAuthMeCardClass.TWN_IDCard_Front;
               const docId = docInfos[_type].docId;
               const requestImg = yield encryptImageBase64(fraudOriginImg);
-              pushNewDebugImage(fraudOriginImg, {
+              pushNewDebugLog({
+                image: yield blobToBase64(fraudOriginImg),
                 result: result,
                 status: 'recognition',
                 type: _type,
                 isAntiFraud: true
               });
               frameIndex++;
-              backgroundRequest(() => uploadFrameBase64(docId, requestImg, frameIndex, ResourceImageType.Fraud));
+              yield uploadFrameBase64(docId, requestImg, frameIndex, ResourceImageType.Fraud);
             }
             return antiFraudRecogitionResult;
           }),
@@ -27344,30 +27228,30 @@ class OCRModule {
             return antiFraudStageList;
           },
           setFrameSize: (width, height, points) => __awaiter(this, void 0, void 0, function* () {
-            var _h, _j, _k, _l;
+            var _g, _h, _j, _k;
             frameWidth = width;
             frameHeight = height;
-            yield (_h = this.ocrService) === null || _h === void 0 ? void 0 : _h.setFrameSize(width, height);
-            yield (_j = this.antiFraudInstance) === null || _j === void 0 ? void 0 : _j.setFrameSize(width, height);
+            yield (_g = this.ocrService) === null || _g === void 0 ? void 0 : _g.setFrameSize(width, height);
+            yield (_h = this.antiFraudInstance) === null || _h === void 0 ? void 0 : _h.setFrameSize(width, height);
             if (config.type === IdRecognitionCardType.ResidentCard) {
               // workaround: resident card need MRZ, refactor later.
-              yield (_k = this.residentCardMrzService) === null || _k === void 0 ? void 0 : _k.setFrameSize(width, height);
+              yield (_j = this.residentCardMrzService) === null || _j === void 0 ? void 0 : _j.setFrameSize(width, height);
             }
             if (points) {
-              yield (_l = this.ocrService) === null || _l === void 0 ? void 0 : _l.setMaskPosition(points.map(([x, y]) => [Number(x.toFixed(2)), Number(y.toFixed(2))]));
+              yield (_k = this.ocrService) === null || _k === void 0 ? void 0 : _k.setMaskPosition(points.map(([x, y]) => [Number(x.toFixed(2)), Number(y.toFixed(2))]));
             }
           }),
           onSuccess: () => __awaiter(this, void 0, void 0, function* () {
-            var _m, _o, _p;
-            durationTime.end();
+            var _l, _m, _o;
             const ocrIdcardResultFormat = Storage.getItem(STORAGE_KEY['OCR_IDCARD_RESULT_FORMAT']);
-            (_m = this.antiFraudInstance) === null || _m === void 0 ? void 0 : _m.destroy();
-            (_o = this.ocrService) === null || _o === void 0 ? void 0 : _o.destroy();
+            (_l = this.antiFraudInstance) === null || _l === void 0 ? void 0 : _l.destroy();
+            (_m = this.ocrService) === null || _m === void 0 ? void 0 : _m.destroy();
             // workaround: resident card need MRZ, refactor later.
-            (_p = this.residentCardMrzService) === null || _p === void 0 ? void 0 : _p.destroy();
+            (_o = this.residentCardMrzService) === null || _o === void 0 ? void 0 : _o.destroy();
             if (config.type === IdRecognitionCardType.IDCard && ocrIdcardResultFormat === 'splitDateAndAddress') {
               result = splitResult(result);
             }
+            downloadDebugLogs();
             yield waitTime(1000);
             return {
               scanId: scanId,
@@ -27375,21 +27259,18 @@ class OCRModule {
             };
           }),
           onDestroy: () => __awaiter(this, void 0, void 0, function* () {
-            var _q, _r;
-            durationTime.end();
-            yield (_q = this.ocrService) === null || _q === void 0 ? void 0 : _q.destroy();
-            yield (_r = this.antiFraudInstance) === null || _r === void 0 ? void 0 : _r.destroy();
+            var _p, _q;
+            yield (_p = this.ocrService) === null || _p === void 0 ? void 0 : _p.destroy();
+            yield (_q = this.antiFraudInstance) === null || _q === void 0 ? void 0 : _q.destroy();
           }),
           getCardMatchROI: () => __awaiter(this, void 0, void 0, function* () {
             return yield this.antiFraudInstance.getCardMatchROI();
           })
         }), eventNameWrong$.pipe(tap(() => {
           throw new AuthmeError(ErrorCode.EVENT_NAME_WRONG);
-        }))).pipe(tap(downloadDebugLogs)));
+        }))));
       } catch (error) {
-        console.error(error);
         const catchedError = error instanceof AuthmeError ? error : new AuthmeError(ErrorCode.SDK_INTERNAL_ERROR, error);
-        downloadDebugLogs();
         return {
           isSuccess: false,
           code: `${catchedError.code}`,
@@ -27420,8 +27301,7 @@ function renderCardTypeAndCountryConfig(config) {
   setStatusEvent(StatusEvent.SelectCardTypeAndCountry);
   setStatusView$1(StatusView.Select);
   sendStatusAction(StatusAction.Show);
-  const allCardTypes = Object.values(IdRecognitionCardType);
-  config.supportCardTypes(config.defaultCountry);
+  const cardTypes = config.supportCardTypes(CountryCode.TWN);
   const translate = key => getTranslateInstance().translate(key);
   const extraInfoWeapMap = new WeakMap();
   const componentElem = _render('div', elem => elem.classList.add('authme-select-container'), [_render('div', elem => elem.classList.add('menu-header'), [_render('div', elem => elem.classList.add('menu-header-left'), [_render('i', elem => elem.classList.add('menu-header-back'))]), _render('div', elem => elem.classList.add('menu-header-title'), [_render('div', elem => {
@@ -27437,10 +27317,8 @@ function renderCardTypeAndCountryConfig(config) {
   })])]), _render('div', elem => elem.classList.add('card-type-select'), [_render('label', elem => {
     elem.classList.add('card-type-select-label');
     elem.innerText = translate('verify.menu.card.type');
-  }), ...allCardTypes.map(cardType => _render('div', elem => {
+  }), ...cardTypes.map(cardType => _render('div', elem => {
     elem.classList.add('card-out-frame');
-    elem.classList.add('card-frame');
-    elem.classList.add('card-frame-' + cardType.toLowerCase());
     extraInfoWeapMap.set(elem, {
       cardType
     });
@@ -27470,21 +27348,14 @@ function renderCardTypeAndCountryConfig(config) {
     const countryList = config.supportCountries;
     const dropdownCountryList = componentElem.querySelector('.authme-select-container .dropdown-country-list');
     removeAllChild(dropdownCountryList);
-    const frames = document.querySelectorAll('.card-frame');
-    for (let i = 0; i < frames.length; i++) {
-      frames[i].style.display = 'none';
-    }
-    const cardtypes = config.supportCardTypes(currentCountry);
-    cardtypes.forEach(cardType => {
-      const node = componentElem.querySelector('.card-frame-' + cardType.toLowerCase());
-      node.style.display = '';
-    });
     countryList.filter(country => country !== currentCountry).forEach(country => {
       const countryElem = _render('div', elem => {
         elem.classList.add('dropdown-country-list-item');
         extraInfoWeapMap.set(elem, {
           country
         });
+      }, [_render('div', elem => {
+        elem.classList.add('dropdown-country-list-item-frame');
         elem.addEventListener('click', event => {
           event.stopPropagation();
           setCurrentCountry(country);
@@ -27492,8 +27363,6 @@ function renderCardTypeAndCountryConfig(config) {
             country
           });
         });
-      }, [_render('div', elem => {
-        elem.classList.add('dropdown-country-list-item-frame');
       }, [_render('div', elem => {
         elem.classList.add('dropdown-country-list-item-text');
         elem.innerText = translate(`verify.menu.country.${country}`);
@@ -27543,15 +27412,6 @@ function renderCardTypeAndCountryConfig(config) {
   return new Promise((resolve, reject) => {
     const cardTypeElems = [].slice.call(componentElem.querySelectorAll('.authme-select-container .card-out-frame'));
     const confirmBtn = componentElem.querySelector('.authme-select-container .menu-content-footer .footer-confirm-button');
-    const frames = componentElem.querySelectorAll('.card-frame');
-    for (let i = 0; i < frames.length; i++) {
-      frames[i].style.display = 'none';
-    }
-    const cardtypes = config.supportCardTypes(config.defaultCountry);
-    cardtypes.forEach(cardType => {
-      const node = componentElem.querySelector('.card-frame-' + cardType.toLowerCase());
-      node.style.display = '';
-    });
     initCountrySelectDropdown();
     cardTypeElems.map(cardTypeElem => {
       cardTypeElem.addEventListener('click', () => {
@@ -27631,7 +27491,6 @@ class AuthmeIdentityVerification extends AuthmeFunctionModule {
     });
     var _a, _b, _c, _d, _e, _f;
     return __awaiter(this, void 0, void 0, function* () {
-      if (!config.token) throw new AuthmeError(ErrorCode.INVALID_AUTH_ERROR, 'token is required');
       try {
         yield _super.init.call(this, config);
         config = Object.assign(Object.assign({}, defaultIdentityVerificationConfig), config);
@@ -27690,7 +27549,7 @@ class AuthmeIdentityVerification extends AuthmeFunctionModule {
   getCardTypeAndCountry(userConfig) {
     var _a, _b;
     return __awaiter(this, void 0, void 0, function* () {
-      const defaultCountries = [CountryCode.TWN, CountryCode.JPN, CountryCode.ZAF, CountryCode.USA, CountryCode.CHN, CountryCode.PHL, CountryCode.GBR, CountryCode.KOR, CountryCode.HKG, CountryCode.FRA, CountryCode.ESP, CountryCode.MEX, CountryCode.ITA, CountryCode.IND, CountryCode.COL, CountryCode.RUS, CountryCode.DEU, CountryCode.TUR, CountryCode.CAN, CountryCode.AUS];
+      const defaultCountries = [CountryCode.TWN];
       const defaultCountry = userConfig.defaultCountry !== undefined && defaultCountries.includes(userConfig.defaultCountry) ? userConfig.defaultCountry : defaultCountries[0];
       return renderCardTypeAndCountryConfig({
         supportCountries: (_a = userConfig.supportCountries) !== null && _a !== void 0 ? _a : defaultCountries,
@@ -27723,15 +27582,8 @@ class AuthmeIdentityVerification extends AuthmeFunctionModule {
         };
       }
       const config = Object.assign(Object.assign({}, defaultIdRecognitionConfig), userConfig);
-      let cardSubTypes = [];
-      if (config.cardTypes.length > 0) {
-        cardSubTypes = config.cardTypes.map(mapCardtypeToAuthmeClass);
-      } else {
-        cardSubTypes = getCardSubTypes(config.type, config.country);
-        const defaultCardTypes = cardSubTypes.map(c => twoWayAuthmeCardClassMap.toServer(c));
-        config.cardTypes = defaultCardTypes;
-      }
-      return config.type === IdRecognitionCardType.Passport ? this.mrzModule.run(config, cardSubTypes) : this.ocrModule.run(config, config.cardTypes);
+      const acceptTypes = getCardSubTypes(config.type, config.country);
+      return config.type === IdRecognitionCardType.Passport ? this.mrzModule.run(config, acceptTypes) : this.ocrModule.run(config, acceptTypes);
     });
   }
   confirmOCRResult(data) {
@@ -27782,13 +27634,17 @@ class AuthmeIdentityVerification extends AuthmeFunctionModule {
   }
 }
 
-var name = "authme/sdk";
-var version$1 = "2.4.8";
-var date = "2023-12-20T07:24:47+0000";
+var name = "@authme/identity-verification";
+var version$1 = "2.4.11";
+var peerDependencies = {
+	"core-js": "^3.6.0",
+	"lottie-web": "^5.9.2",
+	rxjs: "^7.4.0"
+};
 var packageInfo = {
 	name: name,
 	version: version$1,
-	date: date
+	peerDependencies: peerDependencies
 };
 
 var _a;