@authme/identity-verification 2.8.32 → 2.8.34

package/index.cjs

@@ -30707,7 +30707,7 @@ function makeStyleTag(styleSetting) {
     `;
   return newStyle;
 }
-function renderCardRotateAnimate(container) {
+function renderCardRotateAnimate(container, directionTextPanel = null, setAnimationFrameState) {
   let animateStop = true;
   let stopTimeout = null;
   let currentDirection = null;
@@ -30727,6 +30727,10 @@ function renderCardRotateAnimate(container) {
   frontArrowSvg.style.zIndex = `var(--authme-layers-2-z-index)`;
   cardSvg.appendChild(cardMainGroup);
   div.appendChild(cardSvg);
+  // Append directionTextPanel to div.arrow if provided
+  if (directionTextPanel) {
+    div.appendChild(directionTextPanel);
+  }
   cardSvg.style.display = 'none';
   frontArrowSvg.style.display = 'none';
   backArrowSvg.style.display = 'none';
@@ -30745,6 +30749,10 @@ function renderCardRotateAnimate(container) {
         clearTimeout(stopTimeout);
         stopTimeout = null;
       }
+      // 手動調用狀態清理回調，確保在動畫中斷時也能重置 ocrSendFrameAnimation
+      if (setAnimationFrameState) {
+        setAnimationFrameState(false);
+      }
       fadeAnimate('out');
       return new Promise(resolve => {
         setTimeout(() => {
@@ -31063,9 +31071,8 @@ function renderCardRotateAnimate(container) {
       }, roundAnimateDuration);
     });
   }
-  function fadeAnimate(inOrOut, directionTextPanel = null) {
+  function fadeAnimate(inOrOut) {
     div.style.opacity = inOrOut === 'in' ? '0.8' : '0';
-    if (directionTextPanel) directionTextPanel.style.display = inOrOut === 'in' ? 'flex' : 'none';
     return new Promise(resolve => {
       setTimeout(() => {
         resolve(true);
@@ -31074,15 +31081,23 @@ function renderCardRotateAnimate(container) {
   }
   function rotateCard(direction, beforeAnimate = () => {
     return;
-  }, directionTextPanel = null, stopOn = -1) {
+  }, stopOn = -1) {
     return __awaiter(this, void 0, void 0, function* () {
       // console.log('rotateCard', direction);
       animateStop = false;
+      // 停止送圖（動畫開始）
+      if (setAnimationFrameState) {
+        setAnimationFrameState(true);
+      }
       stopTimeout = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
         if (animateStop) return;
-        yield fadeAnimate('out', directionTextPanel);
+        yield fadeAnimate('out');
         setTimeout(() => {
           resetAnimateStatus();
+          // 恢復送圖（動畫結束）
+          if (setAnimationFrameState) {
+            setAnimationFrameState(false);
+          }
         }, fadeDuration);
         beforeAnimate();
       }), stopOn === -1 ? roundAnimateDuration * 2 : stopOn);
@@ -31091,7 +31106,7 @@ function renderCardRotateAnimate(container) {
       cardSvg.style.display = 'block';
       frontArrowSvg.style.display = 'block';
       backArrowSvg.style.display = 'block';
-      yield fadeAnimate('in', directionTextPanel);
+      yield fadeAnimate('in');
       function _rotateCard(direction) {
         return __awaiter(this, void 0, void 0, function* () {
           switch (direction) {
@@ -32610,14 +32625,13 @@ function startOCR(config) {
     function startAntiFraud(type, cardType) {
       const animateInterval = 2 * util.TIME_UNIT.SECOND;
       const nextAnimateInterval = 6 * util.TIME_UNIT.SECOND;
-      let eStage = null;
       let needDeformationCount = 0;
       setStatusEvent$1(core.StatusEvent.TWID);
       setStatusView(core.StatusView.Init);
       if (type !== idRecognition.EAuthMeCardClass.TWN_IDCard_Front || !config.ocrConfig.needAntiFraud) {
         return rxjs.of(true);
       }
-      const applyTextByResult = result => {
+      const applyTextByResult = result => __awaiter(this, void 0, void 0, function* () {
         if (!uiComponentOCRMask.setCardBorderColor) return;
         uiComponentOCR.statusText.classList.add('non-empty');
         switch (result.eStatus) {
@@ -32705,13 +32719,11 @@ function startOCR(config) {
             break;
           case idRecognition.EAuthMeIDCardAntiFraudStatus.StagePass:
             uiComponentOCR.statusText.textContent = translateService.translate('sdk.general.verify.error.stagePass');
-            stopAnimate();
             previosAntiFraudAnimateTime = Date.now();
             uiComponentOCRMask.setCardBorderColor('pass');
-            // Add 2 second delay before moving to next stage
-            setTimeout(() => {
-              console.log('Stage pass delay completed, ready for next direction');
-            }, 2000);
+            // Block execution for 2 seconds to show StagePass state
+            yield new Promise(resolve => setTimeout(resolve, 2000));
+            stopAnimate();
             break;
           case idRecognition.EAuthMeIDCardAntiFraudStatus.Pass:
             uiComponentOCRMask.setCardBorderColor('pass');
@@ -32739,8 +32751,12 @@ function startOCR(config) {
           uiComponentOCR.statusText.textContent = '';
           uiComponentOCR.statusText.classList.remove('non-empty');
         }
-      };
-      const antiFraudStart$ = rxjs.of(true).pipe(rxjs.switchMap(() => util.checkOnlineStatus(translateService.translate('sdk.general.error.alert.offline'), translateService.translate('sdk.general.error.retry'))), rxjs.switchMap(() => canvasSizeInfo$), rxjs.switchMap(canvasSizeInfo => rxjs.from(config.setFrameSize(canvasSizeInfo.canvasWidth, canvasSizeInfo.canvasHeight)).pipe(rxjs.switchMap(() => config.antiFraudStart(getCardBorderPoint(), uiComponentOCRMask.setBorderType, uiComponentOCRMask.setCardBorderColor, uiComponentOCRMask.setBorderSuccess, uiComponentOCR.scanAnimationContainer, uiComponentOCR.successContainer, uiComponentOCRMask.frameImage, uiComponentOCRMask.frameText, facingMode)), rxjs.tap(() => __awaiter(this, void 0, void 0, function* () {
+      });
+      const antiFraudStart$ = rxjs.of(true).pipe(rxjs.switchMap(() => util.checkOnlineStatus(translateService.translate('sdk.general.error.alert.offline'), translateService.translate('sdk.general.error.retry'))), rxjs.switchMap(() => canvasSizeInfo$), rxjs.switchMap(canvasSizeInfo => rxjs.from(config.setFrameSize(canvasSizeInfo.canvasWidth, canvasSizeInfo.canvasHeight)).pipe(rxjs.switchMap(() => {
+        // 動畫開始時停止送圖
+        ocrSendFrameAnimation = true;
+        return config.antiFraudStart(getCardBorderPoint(), uiComponentOCRMask.setBorderType, uiComponentOCRMask.setCardBorderColor, uiComponentOCRMask.setBorderSuccess, uiComponentOCR.scanAnimationContainer, uiComponentOCR.successContainer, uiComponentOCRMask.frameImage, uiComponentOCRMask.frameText, facingMode);
+      }), rxjs.tap(() => __awaiter(this, void 0, void 0, function* () {
         setStatusView(core.StatusView.Aligning);
         if (buttonDisable$) {
           const cardMatchROI = config.getCardMatchROI ? yield config.getCardMatchROI() : undefined;
@@ -32750,12 +32766,22 @@ function startOCR(config) {
           countDownTime = new Date().getTime() + ocrEngineConfig.expiredIn * util.TIME_UNIT.SECOND;
           sdkFlowTimeout = makeSDKFlowTimeout(ocrEngineConfig.expiredIn);
         }
-      })), sendFrame(canvasSizeInfo, uiComponentOCR.image, uiComponentBasic.video, config.onAntiFraudFrame, ocrEngineConfig.fraudMaxFps, false, 'jpg', undefined), rxjs.map(x => x.result), rxjs.tap(x => {
-        applyTextByResult(x);
+      })),
+      // 反欺詐完成後恢復送圖
+      rxjs.tap(() => {
+        ocrSendFrameAnimation = false;
+      }), sendFrame(canvasSizeInfo, uiComponentOCR.image, uiComponentBasic.video, config.onAntiFraudFrame, ocrEngineConfig.fraudMaxFps, false, 'jpg', undefined,
+      // 使用 sendFrame 內建的 flags 機制來控制動畫時的送圖
+      {
+        get animating() {
+          return ocrSendFrameAnimation;
+        }
+      }), rxjs.map(x => x.result), rxjs.concatMap(x => __awaiter(this, void 0, void 0, function* () {
+        yield applyTextByResult(x);
         cardRotateByStage(x.eStage);
         if (isTutorialFinish) {
-          cardRotateTextProcess(x.eStage, eStage != x.eStage);
-          eStage = x.eStage;
+          // 文字更新移到 cardRotateAnimationProcess 中，確保與動畫同步
+          x.eStage;
         }
         if (x.eStage !== currentAntiFraudStage) {
           needDeformationCount = 0;
@@ -32765,7 +32791,8 @@ function startOCR(config) {
           // if (config.ocrConfig.disableTutorial) {
           util.stopSpinner();
         }
-      }),
+        return x;
+      })),
       // ocrEngineConfig.expiredIn
       //   ? timeout(ocrEngineConfig.expiredIn * TIME_UNIT.SECOND)
       //   : tap(),
@@ -32778,7 +32805,11 @@ function startOCR(config) {
       rxjs.takeWhile(x => x.eStatus !== idRecognition.EAuthMeIDCardAntiFraudStatus.Pass,
       // &&
       // x.eStatus !== EAuthMeIDCardAntiFraudStatus.Failed,
-      true))), rxjs.shareReplay(1));
+      true),
+      // 確保在任何情況下（成功、失敗、取消）都重置 flag
+      rxjs.finalize(() => {
+        ocrSendFrameAnimation = false;
+      }))), rxjs.shareReplay(1));
       const handleSuccess$ = antiFraudStart$.pipe(rxjs.filter(x => x.eStatus === idRecognition.EAuthMeIDCardAntiFraudStatus.Pass || x.eStatus === idRecognition.EAuthMeIDCardAntiFraudStatus.Failed), rxjs.take(1), rxjs.tap(() => {
         util.hidePopup();
         clearAllFraudLottie();
@@ -32984,11 +33015,14 @@ function startOCR(config) {
               util.showElement(uiComponentOCR.scanAnimationContainer);
               return rxjs.of(true);
             }
-          }), rxjs.map(confirmResp => confirmResp));
+          }), rxjs.map(confirmResp => confirmResp),
+          // 確保在任何情況下（成功、失敗、取消）都重置 flag
+          rxjs.finalize(() => {
+            ocrSendFrameAnimation = false;
+          }));
         }));
       };
       uiComponentOCRMask.setCardBorderColor(null);
-      let ocrSendFrameAnimation = false;
       const handleOcrSendFrame = (canvasSizeInfo, canvas, video, frameCallback, fps, bas64Format, imageType, cardType, type) => source$ => {
         let received = true;
         const ctx = canvas.getContext('2d', {
@@ -33086,6 +33120,7 @@ function startOCR(config) {
       };
       return recognition(false);
     }
+    let ocrSendFrameAnimation = false;
     function createFlowByType(type, cardType, cardTypeConfig) {
       return rxjs.of(true).pipe(rxjs.tap(() => {
         currentType('set', {
@@ -33213,7 +33248,10 @@ function startOCR(config) {
           })),
           container: uiComponentBasic.videoContainer
         });
-        const rotateUI = renderCardRotateAnimate(uiComponentOCR.arrowAnimationContainer);
+        const rotateUI = renderCardRotateAnimate(uiComponentOCR.arrowAnimationContainer, uiComponentOCR.directionTextPanel, isAnimating => {
+          // 動畫開始時停止送圖，動畫結束時恢復送圖
+          ocrSendFrameAnimation = isAnimating;
+        });
         rotateCard = rotateUI.rotateCard;
         getIsRotateCardAnimating = rotateUI.getIsRotateCardAnimating;
         stopAnimate = rotateUI.stopAnimate;
@@ -33762,26 +33800,30 @@ function startOCR(config) {
       }
     }
     function cardRotateAnimationProcess(stage) {
+      // 在動畫開始前更新文字，確保文字與動畫同步
+      if (isTutorialFinish) {
+        cardRotateTextProcess(stage, true);
+      }
       switch (stage) {
         case idRecognition.EAuthMeIDCardAntiFraudStage.Left:
           rotateCard(facingMode === 'front' ? 'right' : 'left', () => {
             previosAntiFraudAnimateTime = Date.now();
-          }, uiComponentOCR.directionTextPanel);
+          });
           break;
         case idRecognition.EAuthMeIDCardAntiFraudStage.Right:
           rotateCard(facingMode === 'front' ? 'left' : 'right', () => {
             previosAntiFraudAnimateTime = Date.now();
-          }, uiComponentOCR.directionTextPanel);
+          });
           break;
         case idRecognition.EAuthMeIDCardAntiFraudStage.Up:
           rotateCard('up', () => {
             previosAntiFraudAnimateTime = Date.now();
-          }, uiComponentOCR.directionTextPanel);
+          });
           break;
         case idRecognition.EAuthMeIDCardAntiFraudStage.Down:
           rotateCard('down', () => {
             previosAntiFraudAnimateTime = Date.now();
-          }, uiComponentOCR.directionTextPanel);
+          });
           break;
       }
     }
@@ -37247,8 +37289,8 @@ class AuthmeIdentityVerification extends engine.AuthmeFunctionModule {
 }
 
 var name = "authme/sdk";
-var version$1 = "2.8.32";
-var date = "2025-11-07T03:04:15+0000";
+var version$1 = "2.8.34";
+var date = "2025-11-24T03:00:21+0000";
 var packageInfo = {
 	name: name,
 	version: version$1,

package/index.js

@@ -30699,7 +30699,7 @@ function makeStyleTag(styleSetting) {
     `;
   return newStyle;
 }
-function renderCardRotateAnimate(container) {
+function renderCardRotateAnimate(container, directionTextPanel = null, setAnimationFrameState) {
   let animateStop = true;
   let stopTimeout = null;
   let currentDirection = null;
@@ -30719,6 +30719,10 @@ function renderCardRotateAnimate(container) {
   frontArrowSvg.style.zIndex = `var(--authme-layers-2-z-index)`;
   cardSvg.appendChild(cardMainGroup);
   div.appendChild(cardSvg);
+  // Append directionTextPanel to div.arrow if provided
+  if (directionTextPanel) {
+    div.appendChild(directionTextPanel);
+  }
   cardSvg.style.display = 'none';
   frontArrowSvg.style.display = 'none';
   backArrowSvg.style.display = 'none';
@@ -30737,6 +30741,10 @@ function renderCardRotateAnimate(container) {
         clearTimeout(stopTimeout);
         stopTimeout = null;
       }
+      // 手動調用狀態清理回調，確保在動畫中斷時也能重置 ocrSendFrameAnimation
+      if (setAnimationFrameState) {
+        setAnimationFrameState(false);
+      }
       fadeAnimate('out');
       return new Promise(resolve => {
         setTimeout(() => {
@@ -31055,9 +31063,8 @@ function renderCardRotateAnimate(container) {
       }, roundAnimateDuration);
     });
   }
-  function fadeAnimate(inOrOut, directionTextPanel = null) {
+  function fadeAnimate(inOrOut) {
     div.style.opacity = inOrOut === 'in' ? '0.8' : '0';
-    if (directionTextPanel) directionTextPanel.style.display = inOrOut === 'in' ? 'flex' : 'none';
     return new Promise(resolve => {
       setTimeout(() => {
         resolve(true);
@@ -31066,15 +31073,23 @@ function renderCardRotateAnimate(container) {
   }
   function rotateCard(direction, beforeAnimate = () => {
     return;
-  }, directionTextPanel = null, stopOn = -1) {
+  }, stopOn = -1) {
     return __awaiter(this, void 0, void 0, function* () {
       // console.log('rotateCard', direction);
       animateStop = false;
+      // 停止送圖（動畫開始）
+      if (setAnimationFrameState) {
+        setAnimationFrameState(true);
+      }
       stopTimeout = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
         if (animateStop) return;
-        yield fadeAnimate('out', directionTextPanel);
+        yield fadeAnimate('out');
         setTimeout(() => {
           resetAnimateStatus();
+          // 恢復送圖（動畫結束）
+          if (setAnimationFrameState) {
+            setAnimationFrameState(false);
+          }
         }, fadeDuration);
         beforeAnimate();
       }), stopOn === -1 ? roundAnimateDuration * 2 : stopOn);
@@ -31083,7 +31098,7 @@ function renderCardRotateAnimate(container) {
       cardSvg.style.display = 'block';
       frontArrowSvg.style.display = 'block';
       backArrowSvg.style.display = 'block';
-      yield fadeAnimate('in', directionTextPanel);
+      yield fadeAnimate('in');
       function _rotateCard(direction) {
         return __awaiter(this, void 0, void 0, function* () {
           switch (direction) {
@@ -32602,14 +32617,13 @@ function startOCR(config) {
     function startAntiFraud(type, cardType) {
       const animateInterval = 2 * TIME_UNIT.SECOND;
       const nextAnimateInterval = 6 * TIME_UNIT.SECOND;
-      let eStage = null;
       let needDeformationCount = 0;
       setStatusEvent$1(StatusEvent.TWID);
       setStatusView(StatusView.Init);
       if (type !== EAuthMeCardClass.TWN_IDCard_Front || !config.ocrConfig.needAntiFraud) {
         return of(true);
       }
-      const applyTextByResult = result => {
+      const applyTextByResult = result => __awaiter(this, void 0, void 0, function* () {
         if (!uiComponentOCRMask.setCardBorderColor) return;
         uiComponentOCR.statusText.classList.add('non-empty');
         switch (result.eStatus) {
@@ -32697,13 +32711,11 @@ function startOCR(config) {
             break;
           case EAuthMeIDCardAntiFraudStatus.StagePass:
             uiComponentOCR.statusText.textContent = translateService.translate('sdk.general.verify.error.stagePass');
-            stopAnimate();
             previosAntiFraudAnimateTime = Date.now();
             uiComponentOCRMask.setCardBorderColor('pass');
-            // Add 2 second delay before moving to next stage
-            setTimeout(() => {
-              console.log('Stage pass delay completed, ready for next direction');
-            }, 2000);
+            // Block execution for 2 seconds to show StagePass state
+            yield new Promise(resolve => setTimeout(resolve, 2000));
+            stopAnimate();
             break;
           case EAuthMeIDCardAntiFraudStatus.Pass:
             uiComponentOCRMask.setCardBorderColor('pass');
@@ -32731,8 +32743,12 @@ function startOCR(config) {
           uiComponentOCR.statusText.textContent = '';
           uiComponentOCR.statusText.classList.remove('non-empty');
         }
-      };
-      const antiFraudStart$ = of(true).pipe(switchMap(() => checkOnlineStatus(translateService.translate('sdk.general.error.alert.offline'), translateService.translate('sdk.general.error.retry'))), switchMap(() => canvasSizeInfo$), switchMap(canvasSizeInfo => from(config.setFrameSize(canvasSizeInfo.canvasWidth, canvasSizeInfo.canvasHeight)).pipe(switchMap(() => config.antiFraudStart(getCardBorderPoint(), uiComponentOCRMask.setBorderType, uiComponentOCRMask.setCardBorderColor, uiComponentOCRMask.setBorderSuccess, uiComponentOCR.scanAnimationContainer, uiComponentOCR.successContainer, uiComponentOCRMask.frameImage, uiComponentOCRMask.frameText, facingMode)), tap(() => __awaiter(this, void 0, void 0, function* () {
+      });
+      const antiFraudStart$ = of(true).pipe(switchMap(() => checkOnlineStatus(translateService.translate('sdk.general.error.alert.offline'), translateService.translate('sdk.general.error.retry'))), switchMap(() => canvasSizeInfo$), switchMap(canvasSizeInfo => from(config.setFrameSize(canvasSizeInfo.canvasWidth, canvasSizeInfo.canvasHeight)).pipe(switchMap(() => {
+        // 動畫開始時停止送圖
+        ocrSendFrameAnimation = true;
+        return config.antiFraudStart(getCardBorderPoint(), uiComponentOCRMask.setBorderType, uiComponentOCRMask.setCardBorderColor, uiComponentOCRMask.setBorderSuccess, uiComponentOCR.scanAnimationContainer, uiComponentOCR.successContainer, uiComponentOCRMask.frameImage, uiComponentOCRMask.frameText, facingMode);
+      }), tap(() => __awaiter(this, void 0, void 0, function* () {
         setStatusView(StatusView.Aligning);
         if (buttonDisable$) {
           const cardMatchROI = config.getCardMatchROI ? yield config.getCardMatchROI() : undefined;
@@ -32742,12 +32758,22 @@ function startOCR(config) {
           countDownTime = new Date().getTime() + ocrEngineConfig.expiredIn * TIME_UNIT.SECOND;
           sdkFlowTimeout = makeSDKFlowTimeout(ocrEngineConfig.expiredIn);
         }
-      })), sendFrame(canvasSizeInfo, uiComponentOCR.image, uiComponentBasic.video, config.onAntiFraudFrame, ocrEngineConfig.fraudMaxFps, false, 'jpg', undefined), map(x => x.result), tap(x => {
-        applyTextByResult(x);
+      })),
+      // 反欺詐完成後恢復送圖
+      tap(() => {
+        ocrSendFrameAnimation = false;
+      }), sendFrame(canvasSizeInfo, uiComponentOCR.image, uiComponentBasic.video, config.onAntiFraudFrame, ocrEngineConfig.fraudMaxFps, false, 'jpg', undefined,
+      // 使用 sendFrame 內建的 flags 機制來控制動畫時的送圖
+      {
+        get animating() {
+          return ocrSendFrameAnimation;
+        }
+      }), map(x => x.result), concatMap(x => __awaiter(this, void 0, void 0, function* () {
+        yield applyTextByResult(x);
         cardRotateByStage(x.eStage);
         if (isTutorialFinish) {
-          cardRotateTextProcess(x.eStage, eStage != x.eStage);
-          eStage = x.eStage;
+          // 文字更新移到 cardRotateAnimationProcess 中，確保與動畫同步
+          x.eStage;
         }
         if (x.eStage !== currentAntiFraudStage) {
           needDeformationCount = 0;
@@ -32757,7 +32783,8 @@ function startOCR(config) {
           // if (config.ocrConfig.disableTutorial) {
           stopSpinner();
         }
-      }),
+        return x;
+      })),
       // ocrEngineConfig.expiredIn
       //   ? timeout(ocrEngineConfig.expiredIn * TIME_UNIT.SECOND)
       //   : tap(),
@@ -32770,7 +32797,11 @@ function startOCR(config) {
       takeWhile$1(x => x.eStatus !== EAuthMeIDCardAntiFraudStatus.Pass,
       // &&
       // x.eStatus !== EAuthMeIDCardAntiFraudStatus.Failed,
-      true))), shareReplay(1));
+      true),
+      // 確保在任何情況下（成功、失敗、取消）都重置 flag
+      finalize(() => {
+        ocrSendFrameAnimation = false;
+      }))), shareReplay(1));
       const handleSuccess$ = antiFraudStart$.pipe(filter(x => x.eStatus === EAuthMeIDCardAntiFraudStatus.Pass || x.eStatus === EAuthMeIDCardAntiFraudStatus.Failed), take(1), tap(() => {
         hidePopup();
         clearAllFraudLottie();
@@ -32976,11 +33007,14 @@ function startOCR(config) {
               showElement(uiComponentOCR.scanAnimationContainer);
               return of(true);
             }
-          }), map(confirmResp => confirmResp));
+          }), map(confirmResp => confirmResp),
+          // 確保在任何情況下（成功、失敗、取消）都重置 flag
+          finalize(() => {
+            ocrSendFrameAnimation = false;
+          }));
         }));
       };
       uiComponentOCRMask.setCardBorderColor(null);
-      let ocrSendFrameAnimation = false;
       const handleOcrSendFrame = (canvasSizeInfo, canvas, video, frameCallback, fps, bas64Format, imageType, cardType, type) => source$ => {
         let received = true;
         const ctx = canvas.getContext('2d', {
@@ -33078,6 +33112,7 @@ function startOCR(config) {
       };
       return recognition(false);
     }
+    let ocrSendFrameAnimation = false;
     function createFlowByType(type, cardType, cardTypeConfig) {
       return of(true).pipe(tap(() => {
         currentType('set', {
@@ -33205,7 +33240,10 @@ function startOCR(config) {
           })),
           container: uiComponentBasic.videoContainer
         });
-        const rotateUI = renderCardRotateAnimate(uiComponentOCR.arrowAnimationContainer);
+        const rotateUI = renderCardRotateAnimate(uiComponentOCR.arrowAnimationContainer, uiComponentOCR.directionTextPanel, isAnimating => {
+          // 動畫開始時停止送圖，動畫結束時恢復送圖
+          ocrSendFrameAnimation = isAnimating;
+        });
         rotateCard = rotateUI.rotateCard;
         getIsRotateCardAnimating = rotateUI.getIsRotateCardAnimating;
         stopAnimate = rotateUI.stopAnimate;
@@ -33754,26 +33792,30 @@ function startOCR(config) {
       }
     }
     function cardRotateAnimationProcess(stage) {
+      // 在動畫開始前更新文字，確保文字與動畫同步
+      if (isTutorialFinish) {
+        cardRotateTextProcess(stage, true);
+      }
       switch (stage) {
         case EAuthMeIDCardAntiFraudStage.Left:
           rotateCard(facingMode === 'front' ? 'right' : 'left', () => {
             previosAntiFraudAnimateTime = Date.now();
-          }, uiComponentOCR.directionTextPanel);
+          });
           break;
         case EAuthMeIDCardAntiFraudStage.Right:
           rotateCard(facingMode === 'front' ? 'left' : 'right', () => {
             previosAntiFraudAnimateTime = Date.now();
-          }, uiComponentOCR.directionTextPanel);
+          });
           break;
         case EAuthMeIDCardAntiFraudStage.Up:
           rotateCard('up', () => {
             previosAntiFraudAnimateTime = Date.now();
-          }, uiComponentOCR.directionTextPanel);
+          });
           break;
         case EAuthMeIDCardAntiFraudStage.Down:
           rotateCard('down', () => {
             previosAntiFraudAnimateTime = Date.now();
-          }, uiComponentOCR.directionTextPanel);
+          });
           break;
       }
     }
@@ -37239,8 +37281,8 @@ class AuthmeIdentityVerification extends AuthmeFunctionModule {
 }
 
 var name = "authme/sdk";
-var version$1 = "2.8.32";
-var date = "2025-11-07T03:04:15+0000";
+var version$1 = "2.8.34";
+var date = "2025-11-24T03:00:21+0000";
 var packageInfo = {
 	name: name,
 	version: version$1,

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@authme/identity-verification",
-  "version": "2.8.32",
+  "version": "2.8.34",
   "peerDependencies": {
     "core-js": "^3.6.0",
     "lottie-web": "^5.9.2",
     "rxjs": "^7.4.0",
-    "@authme/core": "2.8.32",
-    "@authme/engine": "2.8.32",
-    "@authme/id-recognition": "2.8.32",
-    "@authme/liveness": "2.8.32",
-    "@authme/util": "2.8.32"
+    "@authme/core": "2.8.34",
+    "@authme/engine": "2.8.34",
+    "@authme/id-recognition": "2.8.34",
+    "@authme/liveness": "2.8.34",
+    "@authme/util": "2.8.34"
   },
   "module": "./index.js",
   "main": "./index.cjs",

package/src/lib/ui/ocr.animate.d.ts

@@ -1,7 +1,7 @@
 declare type direction = 'left' | 'right' | 'up' | 'down';
-export declare function renderCardRotateAnimate(container: HTMLElement): {
+export declare function renderCardRotateAnimate(container: HTMLElement, directionTextPanel?: HTMLElement | null, setAnimationFrameState?: (isAnimating: boolean) => void): {
     stopAnimate: () => Promise<unknown>;
-    rotateCard: (direction: direction, beforeAnimate?: () => void, directionTextPanel?: HTMLElement | null, stopOn?: number) => Promise<void>;
+    rotateCard: (direction: direction, beforeAnimate?: () => void, stopOn?: number) => Promise<void>;
     getIsRotateCardAnimating: () => boolean;
 };
 export {};