@authme/identity-verification 2.8.30 → 2.8.32

package/index.cjs

@@ -29151,11 +29151,12 @@ const renderLivenessUI = config => {
   if (uiThemeConfig.isStatementEnabled) {
     config.videoContainer.appendChild(statementContainer);
   }
-  util.uiThemeText(titleText, uiThemeConfig.titleThree, '3vh');
+  util.uiThemeText(titleText, uiThemeConfig.titleThree, '8vh');
   util.uiThemeHint(statusText, uiThemeConfig.hint, '15vh');
   // Set init text
   titleText.textContent = translateService.translate('sdk.liveness.detection.step');
   statusText.textContent = translateService.translate('sdk.general.verify.error.noFace');
+  faceMask.classList.add('error');
   return {
     statusText,
     faceMask,
@@ -29613,7 +29614,7 @@ function startLiveness(config) {
       switch (result.eStatus) {
         case liveness.FasRecognitionResult.NoFace:
           uiComponentLiveness.statusText.textContent = translateService.translate('sdk.general.verify.error.noFace');
-          setBorderStatus(null);
+          setBorderStatus('error');
           break;
         case liveness.FasRecognitionResult.FaceNotAtCenter:
           uiComponentLiveness.statusText.textContent = translateService.translate('sdk.general.verify.error.faceNotAtCenter');
@@ -30139,13 +30140,14 @@ const renderOCRUI = config => {
   successContainer.appendChild(successBlockDom);
   const arrowAnimationContainer = document.createElement('div');
   arrowAnimationContainer.classList.add('arrow_container');
+  arrowAnimationContainer.appendChild(directionTextPanel);
   config.videoContainer.appendChild(titleTextPanel);
   // if (config.showStatement) {
   if (uiThemeConfig.isStatementEnabled) {
     config.videoContainer.appendChild(statementContainer);
   }
   config.videoContainer.appendChild(statusTextPanel);
-  config.videoContainer.appendChild(directionTextPanel);
+  // config.videoContainer.appendChild(directionTextPanel);
   config.videoContainer.appendChild(scanAnimationContainer);
   config.videoContainer.appendChild(successContainer);
   config.videoContainer.appendChild(arrowAnimationContainer);
@@ -31061,8 +31063,9 @@ function renderCardRotateAnimate(container) {
       }, roundAnimateDuration);
     });
   }
-  function fadeAnimate(inOrOut) {
+  function fadeAnimate(inOrOut, directionTextPanel = null) {
     div.style.opacity = inOrOut === 'in' ? '0.8' : '0';
+    if (directionTextPanel) directionTextPanel.style.display = inOrOut === 'in' ? 'flex' : 'none';
     return new Promise(resolve => {
       setTimeout(() => {
         resolve(true);
@@ -31071,13 +31074,13 @@ function renderCardRotateAnimate(container) {
   }
   function rotateCard(direction, beforeAnimate = () => {
     return;
-  }, stopOn = -1) {
+  }, directionTextPanel = null, stopOn = -1) {
     return __awaiter(this, void 0, void 0, function* () {
       // console.log('rotateCard', direction);
       animateStop = false;
       stopTimeout = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
         if (animateStop) return;
-        yield fadeAnimate('out');
+        yield fadeAnimate('out', directionTextPanel);
         setTimeout(() => {
           resetAnimateStatus();
         }, fadeDuration);
@@ -31088,7 +31091,7 @@ function renderCardRotateAnimate(container) {
       cardSvg.style.display = 'block';
       frontArrowSvg.style.display = 'block';
       backArrowSvg.style.display = 'block';
-      yield fadeAnimate('in');
+      yield fadeAnimate('in', directionTextPanel);
       function _rotateCard(direction) {
         return __awaiter(this, void 0, void 0, function* () {
           switch (direction) {
@@ -33708,7 +33711,6 @@ function startOCR(config) {
       // Helper function to set up direction display
       const setupDirectionDisplay = (direction, translationKey, iconOnRight = false) => {
         const arrow = createDirectionArrow(direction);
-        console.log(`DEBUG: Created ${direction} arrow SVG:`, arrow);
         uiComponentOCR.directionIcon.appendChild(arrow);
         // Set text
         uiComponentOCR.directionText.textContent = translateService.translate(translationKey);
@@ -33722,14 +33724,6 @@ function startOCR(config) {
           uiComponentOCR.directionTextPanel.appendChild(uiComponentOCR.directionIcon);
           uiComponentOCR.directionTextPanel.appendChild(uiComponentOCR.directionText);
         }
-        if (showDirection) {
-          uiComponentOCR.directionTextPanel.style.display = 'flex';
-          // Set timer to hide panel after 2 seconds (for any direction)
-          setTimeout(() => {
-            uiComponentOCR.directionTextPanel.style.display = 'none';
-          }, 2000);
-        }
-        // Set top text
         setTopText(translateService.translate('sdk.guard.verify.guide.idCardFlip'));
       };
       // Create direction arrow using embedded SVG content
@@ -33772,22 +33766,22 @@ function startOCR(config) {
         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;
       }
     }
@@ -37253,8 +37247,8 @@ class AuthmeIdentityVerification extends engine.AuthmeFunctionModule {
 }
 
 var name = "authme/sdk";
-var version$1 = "2.8.30";
-var date = "2025-10-30T10:27:17+0000";
+var version$1 = "2.8.32";
+var date = "2025-11-07T03:04:15+0000";
 var packageInfo = {
 	name: name,
 	version: version$1,

package/index.js

@@ -29143,11 +29143,12 @@ const renderLivenessUI = config => {
   if (uiThemeConfig.isStatementEnabled) {
     config.videoContainer.appendChild(statementContainer);
   }
-  uiThemeText(titleText, uiThemeConfig.titleThree, '3vh');
+  uiThemeText(titleText, uiThemeConfig.titleThree, '8vh');
   uiThemeHint(statusText, uiThemeConfig.hint, '15vh');
   // Set init text
   titleText.textContent = translateService.translate('sdk.liveness.detection.step');
   statusText.textContent = translateService.translate('sdk.general.verify.error.noFace');
+  faceMask.classList.add('error');
   return {
     statusText,
     faceMask,
@@ -29605,7 +29606,7 @@ function startLiveness(config) {
       switch (result.eStatus) {
         case FasRecognitionResult.NoFace:
           uiComponentLiveness.statusText.textContent = translateService.translate('sdk.general.verify.error.noFace');
-          setBorderStatus(null);
+          setBorderStatus('error');
           break;
         case FasRecognitionResult.FaceNotAtCenter:
           uiComponentLiveness.statusText.textContent = translateService.translate('sdk.general.verify.error.faceNotAtCenter');
@@ -30131,13 +30132,14 @@ const renderOCRUI = config => {
   successContainer.appendChild(successBlockDom);
   const arrowAnimationContainer = document.createElement('div');
   arrowAnimationContainer.classList.add('arrow_container');
+  arrowAnimationContainer.appendChild(directionTextPanel);
   config.videoContainer.appendChild(titleTextPanel);
   // if (config.showStatement) {
   if (uiThemeConfig.isStatementEnabled) {
     config.videoContainer.appendChild(statementContainer);
   }
   config.videoContainer.appendChild(statusTextPanel);
-  config.videoContainer.appendChild(directionTextPanel);
+  // config.videoContainer.appendChild(directionTextPanel);
   config.videoContainer.appendChild(scanAnimationContainer);
   config.videoContainer.appendChild(successContainer);
   config.videoContainer.appendChild(arrowAnimationContainer);
@@ -31053,8 +31055,9 @@ function renderCardRotateAnimate(container) {
       }, roundAnimateDuration);
     });
   }
-  function fadeAnimate(inOrOut) {
+  function fadeAnimate(inOrOut, directionTextPanel = null) {
     div.style.opacity = inOrOut === 'in' ? '0.8' : '0';
+    if (directionTextPanel) directionTextPanel.style.display = inOrOut === 'in' ? 'flex' : 'none';
     return new Promise(resolve => {
       setTimeout(() => {
         resolve(true);
@@ -31063,13 +31066,13 @@ function renderCardRotateAnimate(container) {
   }
   function rotateCard(direction, beforeAnimate = () => {
     return;
-  }, stopOn = -1) {
+  }, directionTextPanel = null, stopOn = -1) {
     return __awaiter(this, void 0, void 0, function* () {
       // console.log('rotateCard', direction);
       animateStop = false;
       stopTimeout = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
         if (animateStop) return;
-        yield fadeAnimate('out');
+        yield fadeAnimate('out', directionTextPanel);
         setTimeout(() => {
           resetAnimateStatus();
         }, fadeDuration);
@@ -31080,7 +31083,7 @@ function renderCardRotateAnimate(container) {
       cardSvg.style.display = 'block';
       frontArrowSvg.style.display = 'block';
       backArrowSvg.style.display = 'block';
-      yield fadeAnimate('in');
+      yield fadeAnimate('in', directionTextPanel);
       function _rotateCard(direction) {
         return __awaiter(this, void 0, void 0, function* () {
           switch (direction) {
@@ -33700,7 +33703,6 @@ function startOCR(config) {
       // Helper function to set up direction display
       const setupDirectionDisplay = (direction, translationKey, iconOnRight = false) => {
         const arrow = createDirectionArrow(direction);
-        console.log(`DEBUG: Created ${direction} arrow SVG:`, arrow);
         uiComponentOCR.directionIcon.appendChild(arrow);
         // Set text
         uiComponentOCR.directionText.textContent = translateService.translate(translationKey);
@@ -33714,14 +33716,6 @@ function startOCR(config) {
           uiComponentOCR.directionTextPanel.appendChild(uiComponentOCR.directionIcon);
           uiComponentOCR.directionTextPanel.appendChild(uiComponentOCR.directionText);
         }
-        if (showDirection) {
-          uiComponentOCR.directionTextPanel.style.display = 'flex';
-          // Set timer to hide panel after 2 seconds (for any direction)
-          setTimeout(() => {
-            uiComponentOCR.directionTextPanel.style.display = 'none';
-          }, 2000);
-        }
-        // Set top text
         setTopText(translateService.translate('sdk.guard.verify.guide.idCardFlip'));
       };
       // Create direction arrow using embedded SVG content
@@ -33764,22 +33758,22 @@ function startOCR(config) {
         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;
       }
     }
@@ -37245,8 +37239,8 @@ class AuthmeIdentityVerification extends AuthmeFunctionModule {
 }
 
 var name = "authme/sdk";
-var version$1 = "2.8.30";
-var date = "2025-10-30T10:27:17+0000";
+var version$1 = "2.8.32";
+var date = "2025-11-07T03:04:15+0000";
 var packageInfo = {
 	name: name,
 	version: version$1,

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@authme/identity-verification",
-  "version": "2.8.30",
+  "version": "2.8.32",
   "peerDependencies": {
     "core-js": "^3.6.0",
     "lottie-web": "^5.9.2",
     "rxjs": "^7.4.0",
-    "@authme/core": "2.8.30",
-    "@authme/engine": "2.8.30",
-    "@authme/id-recognition": "2.8.30",
-    "@authme/liveness": "2.8.30",
-    "@authme/util": "2.8.30"
+    "@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"
   },
   "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): {
     stopAnimate: () => Promise<unknown>;
-    rotateCard: (direction: direction, beforeAnimate?: () => void, stopOn?: number) => Promise<void>;
+    rotateCard: (direction: direction, beforeAnimate?: () => void, directionTextPanel?: HTMLElement | null, stopOn?: number) => Promise<void>;
     getIsRotateCardAnimating: () => boolean;
 };
 export {};