@neofaceid/web-sdk 1.10.0 → 1.13.0

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

@@ -1124,7 +1124,7 @@ var ErrorType = /* @__PURE__ */ ((ErrorType2) => {
 class NeoFaceError extends Error {
   /**
    * Constrói um erro do SDK com mensagem e tipo categórico.
-   * @param message Mensagem descritiva do erro
+   * @param message Mensagem descritiva do erro (pode ser técnica)
    * @param type Tipo categórico do erro
    */
   constructor(message, type) {
@@ -1133,6 +1133,35 @@ class NeoFaceError extends Error {
     this.name = type;
     this.type = type;
   }
+  /**
+   * Retorna uma mensagem amigável para o usuário final, ocultando termos técnicos.
+   */
+  getFriendlyMessage() {
+    if (/[áéíóúãõç]/i.test(this.message)) {
+      return this.message;
+    }
+    switch (this.type) {
+      case "NetworkError":
+        if (this.message.includes("timeout")) return "A conexão demorou muito. Tente novamente.";
+        return "Não foi possível conectar ao servidor. Verifique sua internet.";
+      case "InvalidTokenError":
+        return "Falha na autenticação do aplicativo. Entre em contato com o suporte.";
+      case "CameraError":
+      case "NoCameraError":
+        return "Não conseguimos acessar sua câmera. Verifique as permissões do navegador.";
+      case "LoginFailedError":
+      case "RecognitionFailedError":
+        return "Não foi possível reconhecer seu rosto. Tente se posicionar em um local mais iluminado.";
+      case "ValidationError":
+        return "Dados inválidos ou rosto não detectado corretamente.";
+      case "ApiError":
+        if (this.message.includes("400")) return "Requisição inválida. Tente novamente.";
+        if (this.message.includes("500")) return "Ocorreu um erro interno no sistema. Tente mais tarde.";
+        return "O serviço encontrou um problema inesperado.";
+      default:
+        return "Ocorreu um erro inesperado. Por favor, tente novamente.";
+    }
+  }
 }
 const __vite_import_meta_env__ = {};
 const ENVIRONMENT_URLS = {
@@ -1291,15 +1320,18 @@ const validateToken = async (applicationToken) => {
       body: JSON.stringify({}),
       signal: controller.signal
     });
+    if (!response.ok) {
+      throw new NeoFaceError(`API Error ${response.status}`, ErrorType.INVALID_TOKEN);
+    }
     return response.ok;
   } catch (error) {
     if (error instanceof Error) {
       if (error.name === "AbortError") {
-        throw new NeoFaceError("Request timed out", ErrorType.NETWORK_ERROR);
+        throw new NeoFaceError("Request timeout", ErrorType.NETWORK_ERROR);
       }
       throw new NeoFaceError(error.message, ErrorType.NETWORK_ERROR);
     }
-    throw new NeoFaceError("Unknown error occurred", ErrorType.NETWORK_ERROR);
+    throw new NeoFaceError("Unknown error", ErrorType.NETWORK_ERROR);
   }
 };
 const getOnboardingDetails = async (applicationToken, onboardingToken) => {
@@ -1554,7 +1586,7 @@ const recognize = async (image, applicationToken) => {
     throw new NeoFaceError("Unknown error occurred", ErrorType.NETWORK_ERROR);
   }
 };
-const loginWithBiometric$1 = async (image, applicationToken) => {
+const loginWithBiometric = async (image, applicationToken) => {
   var _a, _b, _c, _d, _e;
   ensureSecureContext();
   const controller = createTimeoutController();
@@ -1578,9 +1610,12 @@ const loginWithBiometric$1 = async (image, applicationToken) => {
     });
     if (!response.ok) {
       if (response.status === 401 || response.status === 403) {
-        throw new NeoFaceError("Invalid or expired application token", ErrorType.INVALID_TOKEN);
+        throw new NeoFaceError("Invalid application token", ErrorType.INVALID_TOKEN);
       }
-      throw new NeoFaceError(`Server returned status ${response.status}`, ErrorType.NETWORK);
+      if (response.status >= 500) {
+        throw new NeoFaceError(`Server Error ${response.status}`, ErrorType.API_ERROR);
+      }
+      throw new NeoFaceError(`API Error ${response.status}`, ErrorType.API_ERROR);
     }
     const data = await response.json();
     if (!data.success) {
@@ -2003,9 +2038,9 @@ const loginWithEmail = async (email, password, applicationToken) => {
     });
     if (!response.ok) {
       if (response.status === 401 || response.status === 403) {
-        throw new NeoFaceError("Invalid credentials or application token", ErrorType.INVALID_TOKEN);
+        throw new NeoFaceError("Email ou senha inválidos", ErrorType.INVALID_TOKEN);
       }
-      throw new NeoFaceError(`Server returned status ${response.status}`, ErrorType.NETWORK);
+      throw new NeoFaceError(`API Error ${response.status}`, ErrorType.API_ERROR);
     }
     const data = await response.json();
     return {
@@ -2773,12 +2808,14 @@ const modalReducer = (state, action) => {
         };
       }
       return state;
+    case "CAMERA_LOADING":
+      return { status: "camera-loading" };
     case "START_PROCESSING":
       return { status: "processing" };
     case "SUCCESS":
       return { status: "success" };
     case "ERROR":
-      return { status: "error", message: action.message };
+      return { status: "error", message: action.message, retryable: action.retryable ?? true };
     case "RESET":
       return initialState;
     default:
@@ -2824,9 +2861,7 @@ function BiometricRegistrationModal({
   onClose,
   onSuccess,
   onPhotosCaptured,
-  onError,
-  useRealApi = true
-  // Sempre usa API real em produção
+  onError
 }) {
   const videoRef = useRef(null);
   const canvasRef = useRef(null);
@@ -2835,10 +2870,12 @@ function BiometricRegistrationModal({
   const progressIntervalRef = useRef(null);
   const isCapturingRef = useRef(false);
   const currentStepRef = useRef("center");
+  const watchdogTimerRef = useRef(null);
+  const detectionStartedRef = useRef(false);
   const captureStateRef = useRef(null);
   const [state, dispatch] = useReducer(modalReducer, initialState);
   const [faceDetected, setFaceDetected] = useState(false);
-  const [faceDistance, setFaceDistance] = useState("ok");
+  const [_faceDistance, setFaceDistance] = useState("ok");
   useEffect(() => {
     if (state.status === "liveness") {
       const newStep = state.step;
@@ -2954,20 +2991,66 @@ function BiometricRegistrationModal({
     const loadModels = async () => {
       try {
         const MODEL_URL = "https://cdn.jsdelivr.net/npm/@vladmandic/face-api/model";
-        await Promise.all([
-          faceapi.nets.tinyFaceDetector.loadFromUri(MODEL_URL),
-          faceapi.nets.faceLandmark68Net.loadFromUri(MODEL_URL)
+        const timeout = new Promise(
+          (_, reject) => setTimeout(() => reject(new Error("Timeout ao carregar modelos")), 1e4)
+        );
+        await Promise.race([
+          Promise.all([
+            faceapi.nets.tinyFaceDetector.loadFromUri(MODEL_URL),
+            faceapi.nets.faceLandmark68Net.loadFromUri(MODEL_URL)
+          ]),
+          timeout
         ]);
       } catch (error) {
-        dispatch({ type: "ERROR", message: "Erro ao carregar modelos de IA" });
+        dispatch({
+          type: "ERROR",
+          message: "Não foi possível carregar os modelos de IA. Verifique sua conexão e tente novamente.",
+          retryable: true
+        });
       }
     };
     loadModels();
   }, []);
+  useEffect(() => {
+    return () => {
+      if (streamRef.current) {
+        streamRef.current.getTracks().forEach((track) => {
+          track.stop();
+        });
+        streamRef.current = null;
+      }
+      if (videoRef.current) {
+        videoRef.current.srcObject = null;
+      }
+      if (watchdogTimerRef.current) {
+        clearTimeout(watchdogTimerRef.current);
+        watchdogTimerRef.current = null;
+      }
+      if (progressIntervalRef.current) {
+        clearInterval(progressIntervalRef.current);
+        progressIntervalRef.current = null;
+      }
+    };
+  }, []);
   useEffect(() => {
     let mounted = true;
     const initCamera = async () => {
       if (state.status !== "liveness" || streamRef.current) return;
+      detectionStartedRef.current = false;
+      if (watchdogTimerRef.current) {
+        clearTimeout(watchdogTimerRef.current);
+        watchdogTimerRef.current = null;
+      }
+      watchdogTimerRef.current = window.setTimeout(() => {
+        if (!mounted) return;
+        if (detectionStartedRef.current === false) {
+          dispatch({
+            type: "ERROR",
+            message: "A câmera não respondeu a tempo. Verifique se ela está disponível e tente novamente.",
+            retryable: true
+          });
+        }
+      }, 2e4);
       try {
         const stream = await navigator.mediaDevices.getUserMedia({
           video: {
@@ -2997,13 +3080,30 @@ function BiometricRegistrationModal({
         await video.play();
       } catch (error) {
         if (!mounted) return;
-        const errorMessage = error instanceof Error ? error.message : "Erro ao acessar câmera";
-        dispatch({ type: "ERROR", message: errorMessage });
+        if (watchdogTimerRef.current) {
+          clearTimeout(watchdogTimerRef.current);
+          watchdogTimerRef.current = null;
+        }
+        let errorMessage = error instanceof Error ? error.message : "Erro ao acessar câmera";
+        if (error instanceof DOMException) {
+          if (error.name === "NotAllowedError" || error.name === "PermissionDeniedError") {
+            errorMessage = "Permissão de câmera negada. Permita o acesso à câmera nas configurações do navegador e tente novamente.";
+          } else if (error.name === "NotFoundError" || error.name === "DevicesNotFoundError") {
+            errorMessage = "Nenhuma câmera encontrada. Conecte uma câmera e tente novamente.";
+          } else if (error.name === "NotReadableError") {
+            errorMessage = "A câmera está sendo usada por outro programa. Feche-o e tente novamente.";
+          }
+        }
+        dispatch({ type: "ERROR", message: errorMessage, retryable: true });
       }
     };
     initCamera();
     return () => {
       mounted = false;
+      if (watchdogTimerRef.current) {
+        clearTimeout(watchdogTimerRef.current);
+        watchdogTimerRef.current = null;
+      }
       if (streamRef.current) {
         streamRef.current.getTracks().forEach((track) => track.stop());
         streamRef.current = null;
@@ -3083,21 +3183,59 @@ function BiometricRegistrationModal({
         requestAnimationFrame(detectFace2);
       }
     };
-    const startTimer = setTimeout(() => {
-      var _a;
-      if (isRunning && ((_a = videoRef.current) == null ? void 0 : _a.readyState) === 4) {
-        detectFace2();
-      }
-    }, 1e3);
-    return () => {
-      isRunning = false;
-      clearTimeout(startTimer);
-      if (progressIntervalRef.current) {
-        clearInterval(progressIntervalRef.current);
-        progressIntervalRef.current = null;
-      }
-      holdStartTimeRef.current = null;
+    const startDetection = () => {
+      if (!isRunning || !videoRef.current) return;
+      detectionStartedRef.current = true;
+      if (watchdogTimerRef.current) {
+        clearTimeout(watchdogTimerRef.current);
+        watchdogTimerRef.current = null;
+      }
+      detectFace2();
     };
+    const video = videoRef.current;
+    if (video && video.readyState >= 2) {
+      const startTimer = setTimeout(startDetection, 200);
+      return () => {
+        isRunning = false;
+        clearTimeout(startTimer);
+        if (progressIntervalRef.current) {
+          clearInterval(progressIntervalRef.current);
+          progressIntervalRef.current = null;
+        }
+        holdStartTimeRef.current = null;
+      };
+    } else {
+      const onCanPlay = () => {
+        if (isRunning) startDetection();
+      };
+      let pollCount = 0;
+      const MAX_POLLS = 50;
+      const pollTimer = window.setInterval(() => {
+        pollCount++;
+        if (!isRunning) {
+          clearInterval(pollTimer);
+          return;
+        }
+        if (videoRef.current && videoRef.current.readyState >= 2) {
+          clearInterval(pollTimer);
+          videoRef.current.removeEventListener("canplay", onCanPlay);
+          startDetection();
+        } else if (pollCount >= MAX_POLLS) {
+          clearInterval(pollTimer);
+        }
+      }, 300);
+      video == null ? void 0 : video.addEventListener("canplay", onCanPlay, { once: true });
+      return () => {
+        isRunning = false;
+        clearInterval(pollTimer);
+        video == null ? void 0 : video.removeEventListener("canplay", onCanPlay);
+        if (progressIntervalRef.current) {
+          clearInterval(progressIntervalRef.current);
+          progressIntervalRef.current = null;
+        }
+        holdStartTimeRef.current = null;
+      };
+    }
   }, [state.status]);
   const capturePhoto = async () => {
     if (!videoRef.current || !canvasRef.current || isCapturingRef.current) {
@@ -3252,14 +3390,37 @@ function BiometricRegistrationModal({
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { children: "Não foi possível concluir" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { children: "Não foi possível processar" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: state.message }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "button-group", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "secondary-button", onClick: () => dispatch({ type: "RESET" }), children: "Tentar Novamente" }),
+        state.retryable && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "secondary-button", onClick: () => dispatch({ type: "RESET" }), children: "Tentar Novamente" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "ghost-button", onClick: onClose, children: "Cancelar" })
       ] })
     ] });
   };
+  const renderCameraLoading = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "processing-container", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "spinner-wrapper", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spinner" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spinner-ring" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { children: "Inicializando câmera" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Aguarde enquanto preparamos a câmera..." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "branding",
+        style: {
+          marginTop: "40px",
+          paddingTop: "24px",
+          borderTop: "1px solid rgba(255, 255, 255, 0.1)"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "NeoFaceId by" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "brand-name", children: "OCTA" })
+        ]
+      }
+    )
+  ] });
   const renderSuccess = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "result-container success", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "result-icon success-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "60", height: "60", viewBox: "0 0 60 60", fill: "none", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "30", cy: "30", r: "28", stroke: "currentColor", strokeWidth: "3" }),
@@ -3841,6 +4002,7 @@ function BiometricRegistrationModal({
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "modal-overlay", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "modal-content", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "close-button", onClick: onClose, children: "×" }),
       state.status === "liveness" && renderLivenessDetection(),
+      state.status === "camera-loading" && renderCameraLoading(),
       state.status === "processing" && renderProcessing(),
       state.status === "error" && renderError(),
       state.status === "success" && renderSuccess()
@@ -3848,7 +4010,7 @@ function BiometricRegistrationModal({
     /* @__PURE__ */ jsxRuntimeExports.jsx("canvas", { ref: canvasRef })
   ] });
 }
-let BiometricCaptureModal$1 = class BiometricCaptureModal2 {
+class BiometricCaptureModal {
   constructor(options) {
     __publicField(this, "modal", null);
     __publicField(this, "video", null);
@@ -4342,7 +4504,7 @@ let BiometricCaptureModal$1 = class BiometricCaptureModal2 {
     `;
     document.head.appendChild(style);
   }
-};
+}
 class BiometricStatusOverlay {
   constructor() {
     __publicField(this, "container", null);
@@ -4366,43 +4528,21 @@ class BiometricStatusOverlay {
           opacity: 1;
         }
         50% { 
-          transform: scale(1.1);
+          transform: scale(1.05);
           opacity: 0.9;
         }
       }
 
-      @keyframes neofaceid-checkmark {
-        0% {
-          stroke-dashoffset: 100;
-          opacity: 0;
-        }
-        50% {
-          opacity: 1;
-        }
-        100% {
-          stroke-dashoffset: 0;
-          opacity: 1;
-        }
+      @keyframes neofaceid-scaleIn {
+        0% { transform: scale(0); opacity: 0; }
+        50% { transform: scale(1.1); }
+        100% { transform: scale(1); opacity: 1; }
       }
 
       @keyframes neofaceid-errorShake {
-        0%, 100% { transform: translateX(0) scale(1); }
-        10%, 30%, 50%, 70%, 90% { transform: translateX(-4px) scale(1); }
-        20%, 40%, 60%, 80% { transform: translateX(4px) scale(1); }
-      }
-
-      @keyframes neofaceid-scaleIn {
-        0% {
-          transform: scale(0);
-          opacity: 0;
-        }
-        50% {
-          transform: scale(1.1);
-        }
-        100% {
-          transform: scale(1);
-          opacity: 1;
-        }
+        0%, 100% { transform: translateX(0); }
+        10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }
+        20%, 40%, 60%, 80% { transform: translateX(4px); }
       }
 
       .neofaceid-overlay-container {
@@ -4417,6 +4557,7 @@ class BiometricStatusOverlay {
         z-index: 10000;
         pointer-events: none;
         animation: neofaceid-fadeIn 0.3s ease-out;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
       }
 
       .neofaceid-overlay-container.fade-out {
@@ -4432,10 +4573,10 @@ class BiometricStatusOverlay {
         pointer-events: auto;
       }
 
-      .neofaceid-logo-wrapper {
+      .neofaceid-visual-wrapper {
         position: relative;
-        width: 120px;
-        height: 120px;
+        width: 100px;
+        height: 100px;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -4445,13 +4586,57 @@ class BiometricStatusOverlay {
         width: 80px;
         height: 80px;
         object-fit: contain;
+        transition: all 0.5s ease;
         filter: drop-shadow(0 4px 12px rgba(124, 58, 237, 0.3));
       }
 
+      /* Cores por estado */
+      .neofaceid-state-preparing .neofaceid-logo { filter: drop-shadow(0 0 15px rgba(124, 58, 237, 0.4)); }
+      .neofaceid-state-detecting .neofaceid-logo { filter: hue-rotate(180deg) drop-shadow(0 0 15px rgba(59, 130, 246, 0.6)); }
+      .neofaceid-state-capturing .neofaceid-logo { filter: hue-rotate(45deg) drop-shadow(0 0 15px rgba(245, 158, 11, 0.6)); }
+      .neofaceid-state-verifying .neofaceid-logo { filter: hue-rotate(90deg) drop-shadow(0 0 15px rgba(34, 197, 94, 0.6)); }
+
       .neofaceid-logo.pulsing {
         animation: neofaceid-pulse 2s ease-in-out infinite;
       }
 
+      @keyframes neofaceid-dots {
+        0%, 20% { opacity: 0; transform: translateY(0); }
+        50% { opacity: 1; transform: translateY(-2px); }
+        80%, 100% { opacity: 0; transform: translateY(0); }
+      }
+
+      .neofaceid-status-text {
+        font-size: 15px;
+        font-weight: 500;
+        color: #ffffff;
+        text-align: center;
+        padding: 10px 24px;
+        background: rgba(15, 23, 42, 0.8);
+        backdrop-filter: blur(8px);
+        border-radius: 100px;
+        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+        animation: neofaceid-fadeIn 0.3s ease-out;
+        display: flex;
+        align-items: center;
+        gap: 2px;
+      }
+
+      .neofaceid-dots {
+        display: inline-flex;
+        margin-left: 2px;
+      }
+
+      .neofaceid-dot {
+        animation: neofaceid-dots 1.5s infinite;
+        opacity: 0;
+      }
+
+      .neofaceid-dot:nth-child(2) { animation-delay: 0.2s; }
+      .neofaceid-dot:nth-child(3) { animation-delay: 0.4s; }
+
       .neofaceid-status-icon {
         position: absolute;
         inset: 0;
@@ -4461,42 +4646,50 @@ class BiometricStatusOverlay {
       }
 
       .neofaceid-success-icon {
-        width: 60px;
-        height: 60px;
+        width: 80px;
+        height: 80px;
         color: #10b981;
-        animation: neofaceid-scaleIn 0.6s ease-out;
+        animation: neofaceid-scaleIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
       }
 
       .neofaceid-error-icon {
-        width: 60px;
-        height: 60px;
+        width: 80px;
+        height: 80px;
         color: #ef4444;
-        animation: neofaceid-errorShake 0.5s ease-out, neofaceid-scaleIn 0.4s ease-out;
-      }
-
-      @media (max-width: 640px) {
-        .neofaceid-logo-wrapper {
-          width: 100px;
-          height: 100px;
-        }
-
-        .neofaceid-logo {
-          width: 70px;
-          height: 70px;
-        }
+        animation: neofaceid-errorShake 0.5s linear, neofaceid-scaleIn 0.4s ease-out;
       }
     `;
   }
+  getStatusText() {
+    switch (this.currentStatus) {
+      case "preparing":
+        return "Iniciando câmera";
+      case "detecting":
+        return "Posicione seu rosto";
+      case "capturing":
+        return "Capturando";
+      case "verifying":
+        return "Verificando identidade";
+      case "success":
+        return "Identificado!";
+      case "error":
+        return "Falha na identificação";
+      default:
+        return "";
+    }
+  }
   renderContent() {
-    const isPulsing = this.currentStatus === "verifying";
-    const showLogo = this.currentStatus === "preparing" || this.currentStatus === "verifying";
+    const isPulsing = ["detecting", "verifying"].includes(this.currentStatus);
+    const showLogo = !["success", "error"].includes(this.currentStatus);
     const showSuccess = this.currentStatus === "success";
     const showError = this.currentStatus === "error";
+    const statusText = this.getStatusText();
+    const showDots = ["preparing", "detecting", "capturing", "verifying"].includes(this.currentStatus);
     return `
       <style>${this.getStyles()}</style>
-      <div class="neofaceid-overlay-container">
+      <div class="neofaceid-overlay-container neofaceid-state-${this.currentStatus}">
         <div class="neofaceid-overlay-content">
-          <div class="neofaceid-logo-wrapper">
+          <div class="neofaceid-visual-wrapper">
             ${showLogo ? `
               <img
                 src="/logo-icone-no-background.png"
@@ -4524,13 +4717,22 @@ class BiometricStatusOverlay {
               </div>
             ` : ""}
           </div>
+          
+          ${statusText ? `
+            <div class="neofaceid-status-text">
+              ${statusText}${showDots ? `
+                <span class="neofaceid-dots">
+                  <span class="neofaceid-dot">.</span>
+                  <span class="neofaceid-dot">.</span>
+                  <span class="neofaceid-dot">.</span>
+                </span>
+              ` : ""}
+            </div>
+          ` : ""}
         </div>
       </div>
     `;
   }
-  /**
-   * Cria e exibe o overlay
-   */
   show(status = "preparing") {
     if (this.container) {
       this.updateStatus(status);
@@ -4542,18 +4744,12 @@ class BiometricStatusOverlay {
     this.container.innerHTML = this.renderContent();
     document.body.appendChild(this.container);
   }
-  /**
-   * Atualiza o status do overlay
-   */
   updateStatus(status) {
     this.currentStatus = status;
     if (this.container) {
       this.container.innerHTML = this.renderContent();
     }
   }
-  /**
-   * Fecha e remove o overlay
-   */
   close() {
     if (this.container) {
       const overlayElement = this.container.querySelector(".neofaceid-overlay-container");
@@ -4732,7 +4928,7 @@ function FallbackPromptComponent({
         )
       ] }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "neofaceid-fallback-title", children: "Não foi possível reconhecer" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "neofaceid-fallback-message", children: (error == null ? void 0 : error.message) || "Não conseguimos reconhecer sua face. Tente novamente ou use email e senha." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "neofaceid-fallback-message", children: (error == null ? void 0 : error.getFriendlyMessage()) || "Não conseguimos reconhecer sua face. Tente novamente ou use email e senha." }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "neofaceid-fallback-actions", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
@@ -5272,8 +5468,12 @@ async function detectFaceQuickly(video, maxTime = FACE_DETECTION_TIME, interval
     checkFace();
   });
 }
-async function attemptLogin(applicationToken, overlay, fastMode = false) {
-  overlay.updateStatus("verifying");
+async function attemptLogin(applicationToken, overlay, fastMode = false, isRetry = false) {
+  if (!isRetry) {
+    overlay.updateStatus("preparing");
+  } else {
+    overlay.updateStatus("detecting");
+  }
   const video = document.createElement("video");
   video.style.position = "fixed";
   video.style.top = "-9999px";
@@ -5304,6 +5504,7 @@ async function attemptLogin(applicationToken, overlay, fastMode = false) {
         video.onloadedmetadata = () => resolve(void 0);
       }
     });
+    overlay.updateStatus("detecting");
     await new Promise((resolve) => setTimeout(resolve, CAMERA_STABILITY_DELAY));
     let faceDetected = true;
     if (!fastMode) {
@@ -5318,6 +5519,7 @@ async function attemptLogin(applicationToken, overlay, fastMode = false) {
       }
       throw new NeoFaceError("Rosto não detectado. Posicione seu rosto na frente da câmera.", ErrorType.VALIDATION_ERROR);
     }
+    overlay.updateStatus("capturing");
     const canvas = document.createElement("canvas");
     canvas.width = video.videoWidth;
     canvas.height = video.videoHeight;
@@ -5352,7 +5554,8 @@ async function attemptLogin(applicationToken, overlay, fastMode = false) {
         0.85
       );
     });
-    const result = await loginWithBiometric$1(imageBlob, applicationToken);
+    overlay.updateStatus("verifying");
+    const result = await loginWithBiometric(imageBlob, applicationToken);
     if (!result.success) {
       throw new NeoFaceError("Login falhou", ErrorType.LOGIN_FAILED);
     }
@@ -5387,7 +5590,7 @@ async function executeBiometricLoginFlow(options) {
   const tryLogin = async () => {
     try {
       attempts++;
-      const result = await attemptLogin(applicationToken, overlay, fastMode);
+      const result = await attemptLogin(applicationToken, overlay, fastMode, attempts > 1);
       overlay.updateStatus("success");
       setTimeout(() => {
         overlay.close();
@@ -5768,8 +5971,8 @@ const biometricDetection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   initializeBiometricDetection,
   isAdvancedDetectionAvailable
 }, Symbol.toStringTag, { value: "Module" }));
-const VERSION = "1.10.0";
-const RELEASE_DATE = "2026-01-21";
+const VERSION = "1.13.0";
+const RELEASE_DATE = "2026-02-20";
 class OnboardingCaptureModal {
   constructor(options) {
     __publicField(this, "overlay", null);
@@ -5995,11 +6198,9 @@ class NeoFaceID {
    */
   constructor(config) {
     __publicField(this, "appToken");
-    __publicField(this, "baseUrl");
     __publicField(this, "signature");
     __publicField(this, "sessionData");
     this.appToken = config.appToken;
-    this.baseUrl = config.baseUrl || getBaseUrl();
     this.signature = config.signature;
     this.sessionData = config.sessionData;
     if (this.signature && !this.validateSignatureFormat(this.signature)) {
@@ -6088,7 +6289,7 @@ class NeoFaceID {
    * ```
    */
   async loginRecognition(options) {
-    const { biometricData, typeOfIdentification, purpose, confidenceThreshold = 0.8 } = options;
+    const { biometricData, purpose, confidenceThreshold = 0.8 } = options;
     const imageBlobs = Array.isArray(biometricData) ? biometricData : [biometricData];
     if (imageBlobs.length === 0) {
       throw new NeoFaceError(
@@ -7431,7 +7632,12 @@ function startBiometricRegistration(personData, applicationToken, callbacks, opt
   const container = document.createElement("div");
   container.id = "neoface-biometric-registration-container";
   document.body.appendChild(container);
+  let rootRef = null;
   const cleanup = () => {
+    if (rootRef) {
+      rootRef.unmount();
+      rootRef = null;
+    }
     if (document.body.contains(container)) {
       document.body.removeChild(container);
     }
@@ -7441,7 +7647,6 @@ function startBiometricRegistration(personData, applicationToken, callbacks, opt
       personData,
       applicationToken,
       useRealApi: (options == null ? void 0 : options.useRealApi) ?? true,
-      // Sempre usa API real em produção
       onClose: cleanup,
       onSuccess: (result) => {
         cleanup();
@@ -7452,8 +7657,8 @@ function startBiometricRegistration(personData, applicationToken, callbacks, opt
         callbacks.onError("BIOMETRIC_REGISTRATION_ERROR", error);
       }
     });
-    const root = clientExports.createRoot(container);
-    root.render(modalElement);
+    rootRef = clientExports.createRoot(container);
+    rootRef.render(modalElement);
   }).catch((error) => {
     cleanup();
     callbacks.onError("TOKEN_VALIDATION_ERROR", error.message || "Failed to validate token");
@@ -7463,16 +7668,29 @@ function startLivenessCapture(applicationToken, callbacks) {
   const container = document.createElement("div");
   container.id = "neoface-liveness-capture-container";
   document.body.appendChild(container);
+  let completed = false;
+  let rootRef = null;
   const cleanup = () => {
+    if (rootRef) {
+      rootRef.unmount();
+      rootRef = null;
+    }
     if (document.body.contains(container)) {
       document.body.removeChild(container);
     }
   };
+  const handleClose = () => {
+    cleanup();
+    if (!completed && callbacks.onCancel) {
+      callbacks.onCancel();
+    }
+  };
   validateToken(applicationToken).then(() => {
     const modalElement = React.createElement(BiometricRegistrationModal, {
       applicationToken,
-      onClose: cleanup,
+      onClose: handleClose,
       onPhotosCaptured: (photos) => {
+        completed = true;
         callbacks.onSuccess(photos);
       },
       onError: (error) => {
@@ -7480,15 +7698,15 @@ function startLivenessCapture(applicationToken, callbacks) {
         callbacks.onError("LIVENESS_CAPTURE_ERROR", error);
       }
     });
-    const root = clientExports.createRoot(container);
-    root.render(modalElement);
+    rootRef = clientExports.createRoot(container);
+    rootRef.render(modalElement);
   }).catch((error) => {
     cleanup();
     callbacks.onError("TOKEN_VALIDATION_ERROR", error.message || "Failed to validate token");
   });
 }
 export {
-  BiometricCaptureModal$1 as BiometricCaptureModal,
+  BiometricCaptureModal,
   BiometricRegistrationModal,
   BiometricStatusOverlay,
   DocumentCaptureModal,
@@ -7516,7 +7734,7 @@ export {
   initializeBiometricDetection,
   isAdvancedDetectionAvailable,
   isInitialized,
-  loginWithBiometric$1 as loginWithBiometric,
+  loginWithBiometric,
   loginWithEmail,
   preloadFaceDetectionModels,
   recognize,