@neofaceid/web-sdk 1.19.0 → 1.21.0

package/dist/neoface-id-sdk.es.js

@@ -3436,8 +3436,10 @@ const CALIBRATION = {
   // Evita rosto "colado" na câmera
   CENTER_X_THRESHOLD: 0.15,
   // Rosto deve estar centralizado (desvio max 15%)
-  CENTER_Y_THRESHOLD: 0.2
+  CENTER_Y_THRESHOLD: 0.2,
   // Rosto deve estar centralizado verticalmente
+  STEP_TIMEOUT: 2e4
+  // 20 segundos para realizar cada movimento
 };
 function BiometricRegistrationModal({
   personData,
@@ -3455,6 +3457,7 @@ function BiometricRegistrationModal({
   const isCapturingRef = useRef(false);
   const currentStepRef = useRef("center");
   const watchdogTimerRef = useRef(null);
+  const stepTimeoutTimerRef = useRef(null);
   const detectionStartedRef = useRef(false);
   const captureStateRef = useRef(null);
   const [state, dispatch] = useReducer(modalReducer, initialState);
@@ -3482,6 +3485,18 @@ function BiometricRegistrationModal({
         currentStepIndex: state.currentStepIndex,
         capturedPhotos: state.capturedPhotos
       };
+      if (stepTimeoutTimerRef.current) {
+        clearTimeout(stepTimeoutTimerRef.current);
+      }
+      if (state.step !== "complete") {
+        stepTimeoutTimerRef.current = window.setTimeout(() => {
+          dispatch({
+            type: "ERROR",
+            message: "Tempo limite atingido para o movimento. Por favor, tente novamente em um ambiente bem iluminado.",
+            retryable: true
+          });
+        }, CALIBRATION.STEP_TIMEOUT);
+      }
     }
   }, [
     state.status,
@@ -3627,6 +3642,10 @@ function BiometricRegistrationModal({
         clearInterval(progressIntervalRef.current);
         progressIntervalRef.current = null;
       }
+      if (stepTimeoutTimerRef.current) {
+        clearTimeout(stepTimeoutTimerRef.current);
+        stepTimeoutTimerRef.current = null;
+      }
     };
   }, []);
   useEffect(() => {
@@ -3740,8 +3759,10 @@ function BiometricRegistrationModal({
         const detection = await faceapi.detectSingleFace(
           videoRef.current,
           new faceapi.TinyFaceDetectorOptions({
-            inputSize: 160,
-            scoreThreshold: 0.4
+            inputSize: 224,
+            // Aumentado para detectar rostos menores/mais distantes
+            scoreThreshold: 0.35
+            // Ligeiramente mais sensível
           })
         ).withFaceLandmarks();
         if (!isRunning) return;
@@ -3940,40 +3961,25 @@ function BiometricRegistrationModal({
     const stepProgress = state.stepProgress;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "liveness-container", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "progress-indicator", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "progress-text", children: progress }) }),
-      faceDetected && faceDistance !== "ok" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `face-badge ${faceDistance === "not-centered" ? "warning" : "error"}`, children: [
+      faceDetected && faceDistance !== "ok" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `status-badge ${faceDistance === "not-centered" ? "warning" : "error"}`, children: [
         faceDistance === "too-far" && "Aproxime-se mais",
-        faceDistance === "too-close" && "Rosto muito perto",
+        faceDistance === "too-close" && "Afaste-se um pouco",
         faceDistance === "not-centered" && "Centralize seu rosto"
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "video-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "video-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
-          className: `video-circle ${faceDetected ? "face-detected" : ""} ${stepProgress > 0 ? "capturing" : ""}`,
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "video",
-              {
-                ref: videoRef,
-                className: `video-feed ${cameraReady ? "ready" : ""}`,
-                autoPlay: true,
-                muted: true,
-                playsInline: true
-              }
-            ),
-            faceDetected && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "face-badge", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "path",
-                {
-                  d: "M5 10 L8 13 L15 6",
-                  stroke: "currentColor",
-                  strokeWidth: "2.5",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Rosto detectado" })
-            ] })
-          ]
+          className: `video-circle ${faceDetected && faceDistance === "ok" ? "face-detected" : ""} ${stepProgress > 0 ? "capturing" : ""}`,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "video",
+            {
+              ref: videoRef,
+              className: `video-feed ${cameraReady ? "ready" : ""}`,
+              autoPlay: true,
+              muted: true,
+              playsInline: true
+            }
+          )
         }
       ) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "instruction-box", children: [
@@ -4458,11 +4464,14 @@ function BiometricRegistrationModal({
         }
 
         .face-badge {
+          display: none; /* Removido por ser redundante com o oval verde */
+        }
+
+        .status-badge {
           position: absolute;
-          top: 20px;
+          top: 72px; /* Logo abaixo do progress-indicator */
           left: 50%;
           transform: translateX(-50%);
-          background: rgba(16, 185, 129, 0.95);
           backdrop-filter: blur(10px);
           border-radius: 20px;
           padding: 8px 16px;
@@ -4473,22 +4482,30 @@ function BiometricRegistrationModal({
           font-size: 13px;
           font-weight: 600;
           border: 1px solid rgba(255, 255, 255, 0.3);
-          box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
+          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
           animation: slideDown 0.3s ease-out;
+          z-index: 10;
+          white-space: nowrap;
         }
 
-        .face-badge.warning {
+        .status-badge.info {
+          background: rgba(255, 255, 255, 0.15);
+          color: white;
+          border-color: rgba(255, 255, 255, 0.1);
+        }
+
+        .status-badge.warning {
           background: rgba(251, 191, 36, 0.95);
-          border: 1px solid rgba(255, 255, 255, 0.3);
-          box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3);
           color: #78350f;
+          border-color: rgba(0, 0, 0, 0.1);
+          box-shadow: 0 4px 15px rgba(251, 191, 36, 0.2);
         }
 
-        .face-badge.error {
+        .status-badge.error {
           background: rgba(239, 68, 68, 0.95);
-          border: 1px solid rgba(255, 255, 255, 0.3);
-          box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
           color: white;
+          border-color: rgba(255, 255, 255, 0.2);
+          box-shadow: 0 4px 15px rgba(239, 68, 68, 0.2);
         }
 
         .instruction-box {
@@ -6885,7 +6902,7 @@ const biometricDetection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   initializeBiometricDetection,
   isAdvancedDetectionAvailable
 }, Symbol.toStringTag, { value: "Module" }));
-const VERSION = "1.19.0";
+const VERSION = "1.21.0";
 const RELEASE_DATE = "2026-03-13";
 class OnboardingCaptureModal {
   constructor(options) {