@neofaceid/web-sdk 1.3.0 → 1.4.2

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

@@ -4,6 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
+var _a;
 import require$$0$1, { useRef, useState, useCallback, useReducer, useEffect } from "react";
 import require$$0 from "react-dom";
 import * as faceapi from "face-api.js";
@@ -1006,7 +1007,7 @@ const useCamera = () => {
   };
   const startCamera = useCallback(
     async (constraints) => {
-      var _a;
+      var _a2;
       console.log("🎬 [useCamera] startCamera chamado", {
         hasExistingStream: !!streamRef.current,
         isInitializing: isInitializingRef.current
@@ -1048,7 +1049,7 @@ const useCamera = () => {
           console.log("📋 [useCamera] Detalhes do erro:", {
             name: error.name,
             message: error.message,
-            stack: (_a = error.stack) == null ? void 0 : _a.substring(0, 200)
+            stack: (_a2 = error.stack) == null ? void 0 : _a2.substring(0, 200)
           });
           if (error.name === "NotAllowedError" || error.name === "PermissionDeniedError") {
             throw new CameraPermissionDenied(
@@ -1135,10 +1136,11 @@ class NeoFaceError extends Error {
     this.type = type;
   }
 }
-const API_BASE_URL = "https://core.neofaceid.com.br";
+const API_BASE_URL = ((_a = { "BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": false }) == null ? void 0 : _a.VITE_API_BASE_URL) || "http://localhost:8000";
 const REQUEST_TIMEOUT = 1e4;
 const ensureSecureContext = () => {
-  if (!window.isSecureContext) {
+  const isLocalhost = window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" || window.location.hostname === "";
+  if (!window.isSecureContext && !isLocalhost) {
     throw new NeoFaceError(
       "Secure context (HTTPS) is required for this operation",
       ErrorType.NETWORK
@@ -1184,7 +1186,7 @@ const validateToken = async (applicationToken) => {
   ensureSecureContext();
   const controller = createTimeoutController();
   try {
-    const response = await fetch(`${API_BASE_URL}/api/v1/external/auth/validate-token/`, {
+    const response = await fetch(`${API_BASE_URL}/api/v1/auth/application/validate_token/`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -1239,6 +1241,41 @@ const getOnboardingDetails = async (applicationToken, onboardingToken) => {
     throw new NeoFaceError("Erro desconhecido", ErrorType.NETWORK_ERROR);
   }
 };
+const validateOnboardingToken = async (applicationToken, onboardingToken) => {
+  ensureSecureContext();
+  const controller = createTimeoutController();
+  try {
+    const response = await fetch(`${API_BASE_URL}/api/v1/onboardings/${encodeURIComponent(onboardingToken)}/`, {
+      method: "GET",
+      headers: {
+        "X-App-Token": applicationToken
+      },
+      signal: controller.signal
+    });
+    if (!response.ok) {
+      if (response.status === 401 || response.status === 403) {
+        throw new NeoFaceError("Token de aplicação inválido ou expirado", ErrorType.INVALID_TOKEN);
+      }
+      if (response.status === 404) {
+        return false;
+      }
+      throw new NeoFaceError(`Falha ao validar token (${response.status})`, ErrorType.NETWORK);
+    }
+    const data = await response.json();
+    return (data == null ? void 0 : data.is_valid) === true;
+  } catch (error) {
+    if (error instanceof Error) {
+      if (error.name === "AbortError") {
+        throw new NeoFaceError("Tempo de requisição excedido", ErrorType.NETWORK);
+      }
+      if (error instanceof NeoFaceError) {
+        throw error;
+      }
+      throw new NeoFaceError(error.message, ErrorType.NETWORK);
+    }
+    throw new NeoFaceError("Erro desconhecido", ErrorType.NETWORK_ERROR);
+  }
+};
 const completeOnboarding = async (applicationToken, onboardingToken, faceImage, documentImage) => {
   ensureSecureContext();
   const controller = createTimeoutController();
@@ -1290,6 +1327,82 @@ const completeOnboarding = async (applicationToken, onboardingToken, faceImage,
     throw new NeoFaceError("Erro desconhecido", ErrorType.NETWORK_ERROR);
   }
 };
+const completeOnboardingWithData = async (applicationToken, onboardingToken, personData, personImages, documentImage) => {
+  ensureSecureContext();
+  if (!personImages || personImages.length === 0) {
+    throw new NeoFaceError("Pelo menos uma imagem da pessoa é obrigatória", ErrorType.VALIDATION_ERROR);
+  }
+  const controller = createTimeoutController();
+  try {
+    const compressedPersonImages = await Promise.all(
+      personImages.map((img) => compressImage(img))
+    );
+    const compressedDocument = await compressImage(documentImage);
+    const formData = new FormData();
+    compressedPersonImages.forEach((img, index) => {
+      formData.append("person_images", img, `person_${index + 1}.jpg`);
+    });
+    formData.append("document_image", compressedDocument, "document.jpg");
+    if (personData.name) {
+      formData.append("name", personData.name);
+    }
+    if (personData.birth_date) {
+      formData.append("birth_date", personData.birth_date);
+    }
+    if (personData.cpf) {
+      formData.append("cpf", personData.cpf);
+    }
+    if (personData.cnpj) {
+      formData.append("cnpj", personData.cnpj);
+    }
+    if (personData.email) {
+      formData.append("email", personData.email);
+    }
+    const response = await fetch(
+      `${API_BASE_URL}/api/v1/onboardings/${encodeURIComponent(onboardingToken)}/complete`,
+      {
+        method: "POST",
+        headers: {
+          "X-App-Token": applicationToken
+        },
+        body: formData,
+        signal: controller.signal
+      }
+    );
+    const data = await response.json();
+    if (!response.ok) {
+      if (response.status === 401 || response.status === 403) {
+        throw new NeoFaceError("Token de aplicação inválido ou expirado", ErrorType.INVALID_TOKEN);
+      }
+      if (response.status === 404) {
+        throw new NeoFaceError("Link de onboarding não encontrado", ErrorType.NOT_FOUND);
+      }
+      throw new NeoFaceError((data == null ? void 0 : data.error) || (data == null ? void 0 : data.message) || "Falha ao concluir onboarding", ErrorType.NETWORK);
+    }
+    return {
+      success: !!data.success,
+      message: data.message || "Onboarding concluído com sucesso",
+      person_id: data.person_id,
+      identity_data_id: data.identity_data_id,
+      confidence_score: data.confidence_score,
+      processing_time: data.processing_time,
+      liveness_passed: data.liveness_passed,
+      document_verified: data.document_verified,
+      person_created: data.person_created
+    };
+  } catch (error) {
+    if (error instanceof Error) {
+      if (error.name === "AbortError") {
+        throw new NeoFaceError("Tempo de requisição excedido", ErrorType.NETWORK);
+      }
+      if (error instanceof NeoFaceError) {
+        throw error;
+      }
+      throw new NeoFaceError(error.message, ErrorType.NETWORK);
+    }
+    throw new NeoFaceError("Erro desconhecido", ErrorType.NETWORK_ERROR);
+  }
+};
 const recognize = async (image, applicationToken) => {
   ensureSecureContext();
   const controller = createTimeoutController();
@@ -1332,8 +1445,8 @@ const recognize = async (image, applicationToken) => {
     throw new NeoFaceError("Unknown error occurred", ErrorType.NETWORK_ERROR);
   }
 };
-const loginWithBiometric = async (image, applicationToken) => {
-  var _a, _b, _c, _d, _e;
+const loginWithBiometric$1 = async (image, applicationToken) => {
+  var _a2, _b, _c, _d, _e;
   ensureSecureContext();
   const controller = createTimeoutController();
   const compressedImage = await compressImage(image);
@@ -1363,7 +1476,7 @@ const loginWithBiometric = async (image, applicationToken) => {
       accessToken: data.accessToken,
       alias: data.alias,
       user: {
-        id: ((_a = data.user) == null ? void 0 : _a.id) || "",
+        id: ((_a2 = data.user) == null ? void 0 : _a2.id) || "",
         email: ((_b = data.user) == null ? void 0 : _b.email) || "",
         role: ((_c = data.user) == null ? void 0 : _c.role) || "",
         validated: ((_d = data.user) == null ? void 0 : _d.validated) || false,
@@ -1576,6 +1689,7 @@ const registerPersonWithoutFace = async (personData, applicationToken) => {
   }
 };
 const registerPersonWithBiometric = async (personData, facePhotos, applicationToken) => {
+  var _a2, _b, _c, _d, _e, _f, _g, _h;
   ensureSecureContext();
   if (!facePhotos || facePhotos.length === 0) {
     throw new NeoFaceError("At least one face photo is required for biometric registration", ErrorType.VALIDATION_ERROR);
@@ -1622,29 +1736,56 @@ const registerPersonWithBiometric = async (personData, facePhotos, applicationTo
       }
       try {
         const errorData = await response.json();
+        if (errorData.errors) {
+          const errorMessages = Object.entries(errorData.errors).map(([field, messages]) => {
+            const fieldName = field === "password" ? "senha" : field === "password_confirm" ? "confirmação de senha" : field;
+            const messageList = Array.isArray(messages) ? messages.join(", ") : String(messages);
+            return `${fieldName}: ${messageList}`;
+          }).join("; ");
+          throw new NeoFaceError(`Erro de validação: ${errorMessages}`, ErrorType.VALIDATION_ERROR);
+        }
         if (errorData.error === "fraud_detected") {
           throw new NeoFaceError("Fraud detected in biometric images. Registration blocked.", ErrorType.VALIDATION_ERROR);
         }
-        if (errorData.error === "user_exists") {
+        if (errorData.error === "user_exists" || errorData.error_code === "ALREADY_EXISTS") {
           throw new NeoFaceError("User with this email already exists", ErrorType.VALIDATION_ERROR);
         }
         if (errorData.error === "person_exists") {
           throw new NeoFaceError("Person with this CPF already exists", ErrorType.VALIDATION_ERROR);
         }
-        throw new NeoFaceError(errorData.message || `Server returned status ${response.status}`, ErrorType.NETWORK);
+        const errorMessage = errorData.message || errorData.error || `Server returned status ${response.status}`;
+        throw new NeoFaceError(errorMessage, ErrorType.VALIDATION_ERROR);
       } catch (parseError) {
+        if (parseError instanceof NeoFaceError) {
+          throw parseError;
+        }
         throw new NeoFaceError(`Server returned status ${response.status}`, ErrorType.NETWORK);
       }
     }
     const data = await response.json();
+    if (response.status === 202 && ((_a2 = data.data) == null ? void 0 : _a2.task_id)) {
+      return {
+        success: data.success,
+        message: data.message || "Registration is being processed. You will receive an email when completed.",
+        task_id: data.data.task_id,
+        status: data.data.status || "processing",
+        person_id: void 0,
+        user_id: void 0,
+        person_validated: void 0,
+        face_processing: void 0,
+        onboarding_link: void 0
+      };
+    }
     return {
       success: data.success,
       message: data.message,
-      person_id: data.person_id,
-      user_id: data.user_id,
-      person_validated: data.person_validated,
-      face_processing: data.face_processing,
-      onboarding_link: data.onboarding_link
+      person_id: ((_b = data.data) == null ? void 0 : _b.person_id) || data.person_id,
+      user_id: ((_c = data.data) == null ? void 0 : _c.user_id) || data.user_id,
+      person_validated: ((_d = data.data) == null ? void 0 : _d.person_validated) || data.person_validated,
+      face_processing: ((_e = data.data) == null ? void 0 : _e.face_processing) || data.face_processing,
+      onboarding_link: ((_f = data.data) == null ? void 0 : _f.onboarding_link) || data.onboarding_link,
+      task_id: (_g = data.data) == null ? void 0 : _g.task_id,
+      status: (_h = data.data) == null ? void 0 : _h.status
     };
   } catch (error) {
     if (error instanceof Error) {
@@ -1706,7 +1847,7 @@ const loginWithEmail = async (email, password, applicationToken) => {
   }
 };
 const identifyPerson = async (image, applicationToken) => {
-  var _a, _b;
+  var _a2, _b;
   ensureSecureContext();
   const controller = createTimeoutController();
   const compressedImage = await compressImage(image);
@@ -1742,7 +1883,7 @@ const identifyPerson = async (image, applicationToken) => {
     if (!data.success) {
       throw new NeoFaceError(data.message || "Person identification failed", ErrorType.RECOGNITION_FAILED);
     }
-    const personName = ((_a = data.person) == null ? void 0 : _a.name) || "";
+    const personName = ((_a2 = data.person) == null ? void 0 : _a2.name) || "";
     const birthDateStr = (_b = data.person) == null ? void 0 : _b.birth_date;
     if (!personName) {
       throw new NeoFaceError("Person name not found in response", ErrorType.PERSON_NOT_FOUND);
@@ -2018,8 +2159,8 @@ function FaceCaptureModal({ accessToken, onClose, onSuccess }) {
       canvasRef.current.height = videoRef.current.videoHeight;
       context.drawImage(videoRef.current, 0, 0, canvasRef.current.width, canvasRef.current.height);
       const blob = await new Promise((resolve, reject) => {
-        var _a;
-        (_a = canvasRef.current) == null ? void 0 : _a.toBlob(
+        var _a2;
+        (_a2 = canvasRef.current) == null ? void 0 : _a2.toBlob(
           (b) => {
             if (b)
               resolve(b);
@@ -2156,8 +2297,8 @@ function BiometricRegistrationModal({
   onClose,
   onSuccess,
   onError,
-  useRealApi = false
-  // 🚀 Por padrão, modo simulado
+  useRealApi = true
+  // Sempre usa API real em produção
 }) {
   const videoRef = useRef(null);
   const canvasRef = useRef(null);
@@ -2419,8 +2560,8 @@ function BiometricRegistrationModal({
       }
     };
     const startTimer = setTimeout(() => {
-      var _a;
-      if (isRunning && ((_a = videoRef.current) == null ? void 0 : _a.readyState) === 4) {
+      var _a2;
+      if (isRunning && ((_a2 = videoRef.current) == null ? void 0 : _a2.readyState) === 4) {
         detectFace2();
       }
     }, 1e3);
@@ -2481,60 +2622,19 @@ function BiometricRegistrationModal({
   };
   const processRegistration = async (photos) => {
     try {
-      if (useRealApi) {
-        console.log("🚀 Fazendo requisição REAL ao backend de produção...");
-        const result2 = await registerPersonWithBiometric(personData, photos, applicationToken);
-        const adaptedResult = {
-          success: result2.success,
-          message: result2.message,
-          person_id: result2.person_id,
-          user_id: result2.user_id,
-          person_validated: result2.person_validated,
-          face_processing: result2.face_processing,
-          onboarding_link: result2.onboarding_link
-        };
-        dispatch({ type: "SUCCESS" });
-        onSuccess(adaptedResult);
-        return;
-      }
-      console.log("🎭 Usando modo SIMULADO para testes...");
-      const facePhotosBase64 = await Promise.all(
-        photos.map(async (photo) => {
-          return new Promise((resolve, reject) => {
-            const reader = new FileReader();
-            reader.onload = () => {
-              const result2 = reader.result;
-              resolve(result2);
-            };
-            reader.onerror = reject;
-            reader.readAsDataURL(photo);
-          });
-        })
-      );
-      await new Promise((resolve) => setTimeout(resolve, 2e3));
-      const result = {
-        success: true,
-        message: "Registro biométrico realizado com sucesso",
-        person_id: "test-person-123",
-        user_id: "test-user-456",
-        person_validated: true,
-        face_processing: {
-          total_photos_captured: photos.length,
-          photo_sizes: photos.map((p, i) => ({
-            photo_index: i + 1,
-            size_kb: Math.round(p.size / 1024)
-          })),
-          // Mostra apenas preview dos primeiros 50 caracteres de cada foto em base64
-          photos_preview: facePhotosBase64.map((b64, i) => ({
-            photo_index: i + 1,
-            format: "data:image/jpeg;base64,...",
-            preview: b64.substring(0, 50) + "...",
-            full_length: b64.length
-          }))
-        }
+      console.log("🚀 Fazendo requisição ao backend...");
+      const result = await registerPersonWithBiometric(personData, photos, applicationToken);
+      const adaptedResult = {
+        success: result.success,
+        message: result.message,
+        person_id: result.person_id,
+        user_id: result.user_id,
+        person_validated: result.person_validated,
+        face_processing: result.face_processing,
+        onboarding_link: result.onboarding_link
       };
       dispatch({ type: "SUCCESS" });
-      onSuccess(result);
+      onSuccess(adaptedResult);
     } catch (error) {
       const errorMessage = error instanceof Error ? error.message : "Erro desconhecido";
       dispatch({ type: "ERROR", message: errorMessage });
@@ -3216,7 +3316,7 @@ function BiometricRegistrationModal({
     /* @__PURE__ */ jsxRuntimeExports.jsx("canvas", { ref: canvasRef })
   ] });
 }
-class BiometricCaptureModal {
+let BiometricCaptureModal$1 = class BiometricCaptureModal2 {
   constructor(options) {
     __publicField(this, "modal", null);
     __publicField(this, "video", null);
@@ -3418,21 +3518,21 @@ class BiometricCaptureModal {
     const cancelBtn = this.modal.querySelector(".neofaceid-cancel-btn");
     const captureBtn = this.modal.querySelector(".neofaceid-capture-btn");
     closeBtn == null ? void 0 : closeBtn.addEventListener("click", () => {
-      var _a, _b;
+      var _a2, _b;
       this.close();
-      (_b = (_a = this.options).onCancel) == null ? void 0 : _b.call(_a);
+      (_b = (_a2 = this.options).onCancel) == null ? void 0 : _b.call(_a2);
     });
     cancelBtn == null ? void 0 : cancelBtn.addEventListener("click", () => {
-      var _a, _b;
+      var _a2, _b;
       this.close();
-      (_b = (_a = this.options).onCancel) == null ? void 0 : _b.call(_a);
+      (_b = (_a2 = this.options).onCancel) == null ? void 0 : _b.call(_a2);
     });
     captureBtn == null ? void 0 : captureBtn.addEventListener("click", () => {
       this.captureImage();
     });
     this.modal.addEventListener("click", (e) => {
-      var _a, _b, _c;
-      if (e.target === ((_a = this.modal) == null ? void 0 : _a.querySelector(".neofaceid-modal-overlay"))) {
+      var _a2, _b, _c;
+      if (e.target === ((_a2 = this.modal) == null ? void 0 : _a2.querySelector(".neofaceid-modal-overlay"))) {
         this.close();
         (_c = (_b = this.options).onCancel) == null ? void 0 : _c.call(_b);
       }
@@ -3715,52 +3815,837 @@ class BiometricCaptureModal {
     `;
     document.head.appendChild(style);
   }
+};
+function BiometricStatusOverlayComponent({ status, onClose }) {
+  const [isVisible, setIsVisible] = useState(true);
+  useEffect(() => {
+    if (status === "success") {
+      const timer = setTimeout(() => {
+        setIsVisible(false);
+        setTimeout(() => {
+          onClose == null ? void 0 : onClose();
+        }, 300);
+      }, 800);
+      return () => clearTimeout(timer);
+    }
+  }, [status, onClose]);
+  if (!isVisible)
+    return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("style", { children: `
+        @keyframes fadeIn {
+          from { opacity: 0; transform: scale(0.9); }
+          to { opacity: 1; transform: scale(1); }
+        }
+
+        @keyframes fadeOut {
+          from { opacity: 1; transform: scale(1); }
+          to { opacity: 0; transform: scale(0.9); }
+        }
+
+        @keyframes pulse {
+          0%, 100% { 
+            transform: scale(1);
+            opacity: 1;
+          }
+          50% { 
+            transform: scale(1.1);
+            opacity: 0.9;
+          }
+        }
+
+        @keyframes spin {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+
+        @keyframes checkmark {
+          0% {
+            stroke-dashoffset: 100;
+            opacity: 0;
+          }
+          50% {
+            opacity: 1;
+          }
+          100% {
+            stroke-dashoffset: 0;
+            opacity: 1;
+          }
+        }
+
+        @keyframes 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 scaleIn {
+          0% {
+            transform: scale(0);
+            opacity: 0;
+          }
+          50% {
+            transform: scale(1.1);
+          }
+          100% {
+            transform: scale(1);
+            opacity: 1;
+          }
+        }
+
+        .neofaceid-overlay-container {
+          position: fixed;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          z-index: 10000;
+          pointer-events: none;
+          animation: fadeIn 0.3s ease-out;
+        }
+
+        .neofaceid-overlay-container.fade-out {
+          animation: fadeOut 0.3s ease-out;
+        }
+
+        .neofaceid-overlay-content {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          gap: 24px;
+          pointer-events: auto;
+        }
+
+        .neofaceid-logo-wrapper {
+          position: relative;
+          width: 120px;
+          height: 120px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+
+        .neofaceid-logo {
+          width: 80px;
+          height: 80px;
+          object-fit: contain;
+          filter: drop-shadow(0 4px 12px rgba(124, 58, 237, 0.3));
+        }
+
+        .neofaceid-logo.pulsing {
+          animation: pulse 2s ease-in-out infinite;
+        }
+
+        .neofaceid-status-icon {
+          position: absolute;
+          inset: 0;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+
+        .neofaceid-success-icon {
+          width: 60px;
+          height: 60px;
+          color: #10b981;
+          animation: scaleIn 0.6s ease-out;
+        }
+
+        .neofaceid-success-icon svg circle {
+          stroke-dasharray: 100;
+          stroke-dashoffset: 100;
+          animation: checkmark 0.6s ease-out 0.2s forwards;
+        }
+
+        .neofaceid-error-icon {
+          width: 60px;
+          height: 60px;
+          color: #ef4444;
+          animation: errorShake 0.5s ease-out, scaleIn 0.4s ease-out;
+        }
+
+        /* Responsive */
+        @media (max-width: 640px) {
+          .neofaceid-logo-wrapper {
+            width: 100px;
+            height: 100px;
+          }
+
+          .neofaceid-logo {
+            width: 70px;
+            height: 70px;
+          }
+        }
+      ` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `neofaceid-overlay-container ${!isVisible ? "fade-out" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "neofaceid-overlay-content", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "neofaceid-logo-wrapper", children: [
+      (status === "preparing" || status === "verifying") && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "img",
+        {
+          src: "/public/logo-icone-no-backgorund.png",
+          alt: "NeoFaceId",
+          className: `neofaceid-logo ${status === "verifying" ? "pulsing" : ""}`,
+          onError: (e) => {
+            var _a2;
+            const img = e.target;
+            img.style.display = "none";
+            const fallback = document.createElement("div");
+            fallback.innerHTML = `
+                      <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <circle cx="40" cy="40" r="35" fill="#7c3aed" opacity="0.2"/>
+                        <path d="M40 20 L40 60 M20 40 L60 40" stroke="#7c3aed" stroke-width="4" stroke-linecap="round"/>
+                      </svg>
+                    `;
+            fallback.style.cssText = "width: 80px; height: 80px; display: flex; align-items: center; justify-content: center;";
+            (_a2 = img.parentElement) == null ? void 0 : _a2.appendChild(fallback);
+          }
+        }
+      ) }),
+      status === "success" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "neofaceid-status-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "svg",
+        {
+          className: "neofaceid-success-icon",
+          viewBox: "0 0 60 60",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "circle",
+              {
+                cx: "30",
+                cy: "30",
+                r: "28",
+                stroke: "currentColor",
+                strokeWidth: "3",
+                fill: "none"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "path",
+              {
+                d: "M15 30 L25 40 L45 20",
+                stroke: "currentColor",
+                strokeWidth: "3",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                fill: "none"
+              }
+            )
+          ]
+        }
+      ) }),
+      status === "error" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "neofaceid-status-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "svg",
+        {
+          className: "neofaceid-error-icon",
+          viewBox: "0 0 60 60",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "circle",
+              {
+                cx: "30",
+                cy: "30",
+                r: "28",
+                stroke: "currentColor",
+                strokeWidth: "3",
+                fill: "none"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "path",
+              {
+                d: "M20 20 L40 40 M40 20 L20 40",
+                stroke: "currentColor",
+                strokeWidth: "3",
+                strokeLinecap: "round"
+              }
+            )
+          ]
+        }
+      ) })
+    ] }) }) })
+  ] });
 }
-class EmailPasswordModal {
-  constructor(options) {
-    __publicField(this, "options");
-    __publicField(this, "modalElement", null);
-    this.options = options;
+class BiometricStatusOverlay {
+  constructor() {
+    __publicField(this, "container", null);
+    __publicField(this, "root", null);
+    __publicField(this, "currentStatus", "preparing");
   }
   /**
-   * Abre o modal de login com email e senha.
+   * Cria e exibe o overlay
    */
-  async open() {
-    this.createModal();
-    document.body.appendChild(this.modalElement);
+  show(status = "preparing") {
+    if (this.container) {
+      this.updateStatus(status);
+      return;
+    }
+    this.container = document.createElement("div");
+    this.container.id = "neofaceid-status-overlay";
+    document.body.appendChild(this.container);
+    this.root = createRoot(this.container);
+    this.currentStatus = status;
+    this.render();
   }
   /**
-   * Fecha o modal.
+   * Atualiza o status do overlay
    */
-  close() {
-    if (this.modalElement) {
-      document.body.removeChild(this.modalElement);
-      this.modalElement = null;
+  updateStatus(status) {
+    this.currentStatus = status;
+    if (this.root) {
+      this.render();
     }
-    if (this.options.onCancel) {
-      this.options.onCancel();
+  }
+  /**
+   * Fecha e remove o overlay
+   */
+  close() {
+    if (this.container) {
+      if (this.root) {
+        this.root.render(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            BiometricStatusOverlayComponent,
+            {
+              status: this.currentStatus,
+              onClose: () => {
+                if (this.container && document.body.contains(this.container)) {
+                  document.body.removeChild(this.container);
+                }
+                this.container = null;
+                this.root = null;
+              }
+            }
+          )
+        );
+      }
+      setTimeout(() => {
+        if (this.container && document.body.contains(this.container)) {
+          document.body.removeChild(this.container);
+        }
+        this.container = null;
+        this.root = null;
+      }, 300);
     }
   }
-  createModal() {
-    this.modalElement = document.createElement("div");
-    this.modalElement.className = "neoface-modal";
-    this.modalElement.innerHTML = `
-      <div class="modal-content">
-        <h2>${this.options.title || "Login com Email e Senha"}</h2>
-        <p>${this.options.subtitle || "Informe seus dados para login."}</p>
-        <form id="email-password-form">
-          <input type="email" id="email" placeholder="Email" required />
-          <input type="password" id="password" placeholder="Senha" required />
-          <button type="submit">Entrar</button>
-        </form>
-        <button class="cancel-button">Cancelar</button>
-      </div>
+  /**
+   * Renderiza o componente
+   */
+  render() {
+    if (!this.root || !this.container)
+      return;
+    this.root.render(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(BiometricStatusOverlayComponent, { status: this.currentStatus, onClose: () => this.close() })
+    );
+  }
+}
+function FallbackPromptComponent({
+  error,
+  onRetry,
+  onCredentials,
+  onCancel
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("style", { children: `
+        @keyframes slideUp {
+          from {
+            opacity: 0;
+            transform: translateY(20px);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+
+        @keyframes fadeIn {
+          from { opacity: 0; }
+          to { opacity: 1; }
+        }
+
+        .neofaceid-fallback-overlay {
+          position: fixed;
+          inset: 0;
+          background: rgba(0, 0, 0, 0.6);
+          backdrop-filter: blur(8px);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          z-index: 10001;
+          padding: 20px;
+          animation: fadeIn 0.3s ease-out;
+        }
+
+        .neofaceid-fallback-prompt {
+          background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+          border-radius: 20px;
+          padding: 32px;
+          max-width: 400px;
+          width: 100%;
+          box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1);
+          animation: slideUp 0.4s ease-out;
+          text-align: center;
+        }
+
+        .neofaceid-fallback-icon {
+          width: 64px;
+          height: 64px;
+          margin: 0 auto 20px;
+          color: #ef4444;
+          animation: scaleIn 0.4s ease-out;
+        }
+
+        @keyframes scaleIn {
+          0% {
+            transform: scale(0);
+            opacity: 0;
+          }
+          50% {
+            transform: scale(1.1);
+          }
+          100% {
+            transform: scale(1);
+            opacity: 1;
+          }
+        }
+
+        .neofaceid-fallback-title {
+          font-size: 22px;
+          font-weight: 700;
+          color: white;
+          margin: 0 0 12px 0;
+        }
+
+        .neofaceid-fallback-message {
+          font-size: 15px;
+          color: rgba(255, 255, 255, 0.7);
+          margin: 0 0 28px 0;
+          line-height: 1.5;
+        }
+
+        .neofaceid-fallback-actions {
+          display: flex;
+          flex-direction: column;
+          gap: 12px;
+        }
+
+        .neofaceid-fallback-button {
+          padding: 14px 24px;
+          border-radius: 12px;
+          border: none;
+          font-size: 16px;
+          font-weight: 600;
+          cursor: pointer;
+          transition: all 0.2s;
+          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        }
+
+        .neofaceid-fallback-button-primary {
+          background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
+          color: white;
+          box-shadow: 0 4px 16px rgba(124, 58, 237, 0.3);
+        }
+
+        .neofaceid-fallback-button-primary:hover {
+          transform: translateY(-2px);
+          box-shadow: 0 8px 24px rgba(124, 58, 237, 0.4);
+        }
+
+        .neofaceid-fallback-button-primary:active {
+          transform: translateY(0);
+        }
+
+        .neofaceid-fallback-button-secondary {
+          background: rgba(255, 255, 255, 0.1);
+          color: white;
+          border: 1px solid rgba(255, 255, 255, 0.2);
+        }
+
+        .neofaceid-fallback-button-secondary:hover {
+          background: rgba(255, 255, 255, 0.15);
+          border-color: rgba(255, 255, 255, 0.3);
+        }
+
+        .neofaceid-fallback-button-ghost {
+          background: transparent;
+          color: rgba(255, 255, 255, 0.7);
+          padding: 10px;
+        }
+
+        .neofaceid-fallback-button-ghost:hover {
+          color: white;
+          background: rgba(255, 255, 255, 0.05);
+        }
+
+        @media (max-width: 640px) {
+          .neofaceid-fallback-prompt {
+            padding: 24px;
+            border-radius: 16px;
+          }
+
+          .neofaceid-fallback-title {
+            font-size: 20px;
+          }
+        }
+      ` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "neofaceid-fallback-overlay", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "neofaceid-fallback-prompt", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "neofaceid-fallback-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "32", cy: "32", r: "30", stroke: "currentColor", strokeWidth: "3", fill: "none" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "path",
+          {
+            d: "M20 20 L44 44 M44 20 L20 44",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round"
+          }
+        )
+      ] }) }),
+      /* @__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.jsxs("div", { className: "neofaceid-fallback-actions", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            className: "neofaceid-fallback-button neofaceid-fallback-button-primary",
+            onClick: onRetry,
+            children: "Tentar Novamente"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            className: "neofaceid-fallback-button neofaceid-fallback-button-secondary",
+            onClick: onCredentials,
+            children: "Entrar com Email e Senha"
+          }
+        ),
+        onCancel && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            className: "neofaceid-fallback-button neofaceid-fallback-button-ghost",
+            onClick: onCancel,
+            children: "Cancelar"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+class FallbackPrompt {
+  constructor() {
+    __publicField(this, "container", null);
+    __publicField(this, "root", null);
+  }
+  /**
+   * Exibe o prompt de fallback
+   */
+  show(error, onRetry, onCredentials, onCancel) {
+    if (this.container) {
+      return;
+    }
+    this.container = document.createElement("div");
+    this.container.id = "neofaceid-fallback-prompt";
+    document.body.appendChild(this.container);
+    this.root = createRoot(this.container);
+    this.render(error, onRetry, onCredentials, onCancel);
+  }
+  /**
+   * Fecha o prompt
+   */
+  close() {
+    if (this.container && document.body.contains(this.container)) {
+      if (this.root) {
+        this.root.unmount();
+      }
+      document.body.removeChild(this.container);
+      this.container = null;
+      this.root = null;
+    }
+  }
+  /**
+   * Renderiza o componente
+   */
+  render(error, onRetry, onCredentials, onCancel) {
+    if (!this.root || !this.container)
+      return;
+    this.root.render(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        FallbackPromptComponent,
+        {
+          error,
+          onRetry: () => {
+            this.close();
+            onRetry();
+          },
+          onCredentials: () => {
+            this.close();
+            onCredentials();
+          },
+          onCancel: () => {
+            this.close();
+            onCancel == null ? void 0 : onCancel();
+          }
+        }
+      )
+    );
+  }
+}
+class EmailPasswordModal {
+  constructor(options) {
+    __publicField(this, "options");
+    __publicField(this, "modalElement", null);
+    this.options = options;
+  }
+  /**
+   * Abre o modal de login com email e senha.
+   */
+  async open() {
+    this.createModal();
+    document.body.appendChild(this.modalElement);
+  }
+  /**
+   * Fecha o modal.
+   */
+  close() {
+    if (this.modalElement) {
+      document.body.removeChild(this.modalElement);
+      this.modalElement = null;
+    }
+    if (this.options.onCancel) {
+      this.options.onCancel();
+    }
+  }
+  createModal() {
+    this.addStyles();
+    this.modalElement = document.createElement("div");
+    this.modalElement.className = "neoface-email-password-modal";
+    this.modalElement.innerHTML = `
+      <div class="neoface-email-modal-overlay">
+        <div class="neoface-email-modal-content">
+          <h2>${this.options.title || "Login com Email e Senha"}</h2>
+          <p>${this.options.subtitle || "Informe seus dados para login."}</p>
+          <form id="email-password-form">
+            <input type="email" id="email" placeholder="Email" required />
+            <input type="password" id="password" placeholder="Senha" required />
+            <button type="submit" class="neoface-email-submit-btn">Entrar</button>
+          </form>
+          <button class="neoface-email-cancel-btn">Cancelar</button>
+          
+          <!-- Branding -->
+          <div class="neoface-email-branding">
+            <img src="/public/logo-icone-no-backgorund.png" alt="NeoFaceId" class="neoface-email-brand-logo" onerror="this.style.display='none'" />
+            <span>NeoFaceId by</span>
+            <span class="neoface-email-brand-name">OCTA</span>
+          </div>
+        </div>
+      </div>
     `;
     const form = this.modalElement.querySelector("#email-password-form");
     form.addEventListener("submit", this.handleSubmit.bind(this));
-    const cancelButton = this.modalElement.querySelector(".cancel-button");
+    const cancelButton = this.modalElement.querySelector(
+      ".neoface-email-cancel-btn"
+    );
     cancelButton.addEventListener("click", this.close.bind(this));
   }
+  addStyles() {
+    const styleId = "neoface-email-password-modal-styles";
+    const existingStyles = document.getElementById(styleId);
+    if (existingStyles) {
+      return;
+    }
+    const style = document.createElement("style");
+    style.id = styleId;
+    style.textContent = `
+      .neoface-email-password-modal {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 10002;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      }
+
+      .neoface-email-modal-overlay {
+        position: absolute;
+        inset: 0;
+        background: rgba(0, 0, 0, 0.6);
+        backdrop-filter: blur(8px);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 20px;
+        animation: fadeIn 0.3s ease-out;
+      }
+
+      @keyframes fadeIn {
+        from { opacity: 0; }
+        to { opacity: 1; }
+      }
+
+      @keyframes slideUp {
+        from {
+          opacity: 0;
+          transform: translateY(20px);
+        }
+        to {
+          opacity: 1;
+          transform: translateY(0);
+        }
+      }
+
+      .neoface-email-modal-content {
+        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+        border-radius: 20px;
+        padding: 32px;
+        max-width: 400px;
+        width: 100%;
+        box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1);
+        animation: slideUp 0.4s ease-out;
+      }
+
+      .neoface-email-modal-content h2 {
+        font-size: 24px;
+        font-weight: 700;
+        color: white;
+        margin: 0 0 12px 0;
+        text-align: center;
+      }
+
+      .neoface-email-modal-content p {
+        font-size: 15px;
+        color: rgba(255, 255, 255, 0.7);
+        margin: 0 0 24px 0;
+        text-align: center;
+        line-height: 1.5;
+      }
+
+      .neoface-email-modal-content form {
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+        margin-bottom: 16px;
+      }
+
+      .neoface-email-modal-content input {
+        width: 100%;
+        padding: 14px 16px;
+        border: 2px solid rgba(255, 255, 255, 0.2);
+        border-radius: 12px;
+        font-size: 15px;
+        background: rgba(255, 255, 255, 0.1);
+        color: white;
+        font-family: inherit;
+        transition: all 0.2s;
+        box-sizing: border-box;
+      }
+
+      .neoface-email-modal-content input::placeholder {
+        color: rgba(255, 255, 255, 0.5);
+      }
+
+      .neoface-email-modal-content input:focus {
+        outline: none;
+        border-color: #7c3aed;
+        box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2);
+        background: rgba(255, 255, 255, 0.15);
+      }
+
+      .neoface-email-submit-btn {
+        width: 100%;
+        padding: 14px 24px;
+        border-radius: 12px;
+        border: none;
+        background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
+        color: white;
+        font-size: 16px;
+        font-weight: 600;
+        cursor: pointer;
+        transition: all 0.2s;
+        box-shadow: 0 4px 16px rgba(124, 58, 237, 0.3);
+        font-family: inherit;
+      }
+
+      .neoface-email-submit-btn:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 8px 24px rgba(124, 58, 237, 0.4);
+      }
+
+      .neoface-email-submit-btn:active {
+        transform: translateY(0);
+      }
+
+      .neoface-email-submit-btn:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+        transform: none;
+      }
+
+      .neoface-email-cancel-btn {
+        width: 100%;
+        padding: 12px 24px;
+        border-radius: 12px;
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        background: transparent;
+        color: rgba(255, 255, 255, 0.7);
+        font-size: 15px;
+        font-weight: 600;
+        cursor: pointer;
+        transition: all 0.2s;
+        font-family: inherit;
+      }
+
+      .neoface-email-cancel-btn:hover {
+        background: rgba(255, 255, 255, 0.1);
+        color: white;
+        border-color: rgba(255, 255, 255, 0.3);
+      }
+
+      .neoface-email-branding {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        margin-top: 32px;
+        padding-top: 24px;
+        border-top: 1px solid rgba(255, 255, 255, 0.1);
+        font-size: 13px;
+        color: rgba(255, 255, 255, 0.5);
+      }
+
+      .neoface-email-brand-logo {
+        height: 20px;
+        width: auto;
+      }
+
+      .neoface-email-brand-name {
+        font-weight: 600;
+        font-family: 'SF Pro Display', -apple-system, system-ui, sans-serif;
+        color: #ffffff;
+        letter-spacing: 0.3px;
+      }
+
+      @media (max-width: 640px) {
+        .neoface-email-modal-content {
+          padding: 24px;
+          border-radius: 16px;
+        }
+
+        .neoface-email-modal-content h2 {
+          font-size: 20px;
+        }
+      }
+    `;
+    document.head.appendChild(style);
+  }
   async handleSubmit(event) {
     event.preventDefault();
     const emailInput = this.modalElement.querySelector("#email");
@@ -3768,7 +4653,9 @@ class EmailPasswordModal {
     const email = emailInput.value.trim();
     const password = passwordInput.value.trim();
     if (!email || !password) {
-      this.options.onError(new NeoFaceError("Email e senha são obrigatórios", ErrorType.VALIDATION_ERROR));
+      this.options.onError(
+        new NeoFaceError("Email e senha são obrigatórios", ErrorType.VALIDATION_ERROR)
+      );
       return;
     }
     try {
@@ -3780,6 +4667,230 @@ class EmailPasswordModal {
     }
   }
 }
+const MAX_ATTEMPTS = 3;
+const RETRY_DELAY = 500;
+async function detectFaceContinuously(video, minDetectionTime = 3e3, detectionInterval = 200) {
+  return new Promise((resolve) => {
+    let faceDetectedCount = 0;
+    let totalChecks = 0;
+    const requiredChecks = Math.ceil(minDetectionTime / detectionInterval);
+    const minSuccessRate = 0.6;
+    let timeoutId = null;
+    let isResolved = false;
+    const finish = (success) => {
+      if (isResolved)
+        return;
+      isResolved = true;
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+      resolve(success);
+    };
+    const checkFace = async () => {
+      if (isResolved)
+        return;
+      try {
+        const detection = await faceapi.detectSingleFace(
+          video,
+          new faceapi.TinyFaceDetectorOptions({ inputSize: 160, scoreThreshold: 0.4 })
+        );
+        totalChecks++;
+        if (detection) {
+          faceDetectedCount++;
+        }
+        if (totalChecks >= requiredChecks) {
+          const successRate = faceDetectedCount / totalChecks;
+          finish(successRate >= minSuccessRate);
+          return;
+        }
+        timeoutId = window.setTimeout(checkFace, detectionInterval);
+      } catch (error) {
+        totalChecks++;
+        if (totalChecks >= requiredChecks) {
+          const successRate = faceDetectedCount / totalChecks;
+          finish(successRate >= minSuccessRate);
+        } else {
+          timeoutId = window.setTimeout(checkFace, detectionInterval);
+        }
+      }
+    };
+    const safetyTimeout = window.setTimeout(() => {
+      if (!isResolved) {
+        const successRate = totalChecks > 0 ? faceDetectedCount / totalChecks : 0;
+        finish(successRate >= minSuccessRate);
+      }
+    }, minDetectionTime + 1e3);
+    timeoutId = window.setTimeout(() => {
+      checkFace();
+      clearTimeout(safetyTimeout);
+    }, detectionInterval);
+  });
+}
+async function attemptLogin(applicationToken, overlay) {
+  overlay.updateStatus("verifying");
+  const video = document.createElement("video");
+  video.style.position = "fixed";
+  video.style.top = "-9999px";
+  video.style.left = "-9999px";
+  video.style.width = "1px";
+  video.style.height = "1px";
+  video.style.opacity = "0";
+  video.setAttribute("autoplay", "");
+  video.setAttribute("muted", "");
+  video.setAttribute("playsinline", "");
+  document.body.appendChild(video);
+  let stream = null;
+  try {
+    stream = await navigator.mediaDevices.getUserMedia({
+      video: {
+        width: { ideal: 640 },
+        height: { ideal: 480 },
+        facingMode: "user"
+      },
+      audio: false
+    });
+    video.srcObject = stream;
+    await video.play();
+    await new Promise((resolve) => {
+      if (video.readyState >= 2) {
+        resolve(void 0);
+      } else {
+        video.onloadedmetadata = () => resolve(void 0);
+      }
+    });
+    await new Promise((resolve) => setTimeout(resolve, 500));
+    const faceDetected = await detectFaceContinuously(video, 3e3);
+    if (!faceDetected) {
+      if (stream) {
+        stream.getTracks().forEach((track) => track.stop());
+      }
+      if (video.parentElement) {
+        video.parentElement.removeChild(video);
+      }
+      throw new NeoFaceError("Rosto não detectado. Posicione seu rosto na frente da câmera.", ErrorType.VALIDATION_ERROR);
+    }
+    const canvas = document.createElement("canvas");
+    canvas.width = video.videoWidth;
+    canvas.height = video.videoHeight;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      if (stream) {
+        stream.getTracks().forEach((track) => track.stop());
+      }
+      if (video.parentElement) {
+        video.parentElement.removeChild(video);
+      }
+      throw new NeoFaceError("Erro ao capturar imagem", ErrorType.CAPTURE_ERROR);
+    }
+    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+    if (stream) {
+      stream.getTracks().forEach((track) => track.stop());
+    }
+    if (video.parentElement) {
+      video.parentElement.removeChild(video);
+    }
+    const imageBlob = await new Promise((resolve, reject) => {
+      canvas.toBlob(
+        (blob) => {
+          canvas.remove();
+          if (blob) {
+            resolve(blob);
+          } else {
+            reject(new Error("Failed to capture image"));
+          }
+        },
+        "image/jpeg",
+        0.85
+      );
+    });
+    const result = await loginWithBiometric$1(imageBlob, applicationToken);
+    if (!result.success) {
+      throw new NeoFaceError("Login falhou", ErrorType.LOGIN_FAILED);
+    }
+    return result;
+  } catch (error) {
+    if (stream) {
+      stream.getTracks().forEach((track) => track.stop());
+    }
+    if (video.parentElement) {
+      video.parentElement.removeChild(video);
+    }
+    if (error instanceof NeoFaceError) {
+      throw error;
+    }
+    throw new NeoFaceError(
+      error instanceof Error ? error.message : "Erro desconhecido",
+      ErrorType.UNKNOWN
+    );
+  }
+}
+async function executeBiometricLoginFlow(options) {
+  const { applicationToken, onSuccess, onError, onFallbackRequest, onCancel } = options;
+  const overlay = new BiometricStatusOverlay();
+  const fallbackPrompt = new FallbackPrompt();
+  let attempts = 0;
+  let lastError;
+  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)
+    ]);
+  } catch (error) {
+    console.warn("Face-api.js models not loaded, continuing without face detection");
+  }
+  overlay.show("preparing");
+  const tryLogin = async () => {
+    try {
+      attempts++;
+      const result = await attemptLogin(applicationToken, overlay);
+      overlay.updateStatus("success");
+      setTimeout(() => {
+        overlay.close();
+        onSuccess(result);
+      }, 800);
+    } catch (error) {
+      lastError = error instanceof NeoFaceError ? error : new NeoFaceError(
+        error instanceof Error ? error.message : "Erro desconhecido",
+        ErrorType.UNKNOWN
+      );
+      overlay.updateStatus("error");
+      if (attempts < MAX_ATTEMPTS) {
+        setTimeout(() => {
+          tryLogin();
+        }, RETRY_DELAY);
+      } else {
+        setTimeout(() => {
+          overlay.close();
+          fallbackPrompt.show(
+            lastError,
+            () => {
+              attempts = 0;
+              overlay.show("preparing");
+              setTimeout(() => tryLogin(), 500);
+            },
+            () => {
+              if (onFallbackRequest) {
+                onFallbackRequest();
+              } else {
+                onError(
+                  new NeoFaceError(
+                    "Por favor, use email e senha para fazer login",
+                    ErrorType.LOGIN_FAILED
+                  )
+                );
+              }
+            },
+            onCancel
+          );
+        }, 1e3);
+      }
+    }
+  };
+  setTimeout(() => {
+    tryLogin();
+  }, 300);
+}
 async function startFaceLogin(options) {
   try {
     const isValidToken = await validateToken(options.applicationToken);
@@ -3787,25 +4898,23 @@ async function startFaceLogin(options) {
       options.onError(new NeoFaceError("Token de aplicação inválido", ErrorType.INVALID_TOKEN));
       return;
     }
-    const captureOptions = {
-      mode: "face",
-      onSuccess: async (imageData, _detectedType) => {
-        try {
-          const imageBlob = await fetch(imageData).then((res) => res.blob());
-          const result = await loginWithBiometric(imageBlob, options.applicationToken);
-          options.onSuccess(result);
-        } catch (error) {
-          options.onError(error);
-        }
-      },
+    await executeBiometricLoginFlow({
+      applicationToken: options.applicationToken,
+      onSuccess: options.onSuccess,
       onError: options.onError,
-      onCancel: options.onCancel,
-      countdown: options.countdown,
-      title: options.title || "Login Facial",
-      subtitle: options.subtitle || "Posicione seu rosto dentro do quadro para fazer login."
-    };
-    const modal = new BiometricCaptureModal(captureOptions);
-    await modal.open();
+      onFallbackRequest: options.onFallbackRequest || (() => {
+        const fallbackOptions = {
+          applicationToken: options.applicationToken,
+          onSuccess: options.onSuccess,
+          onError: options.onError,
+          title: "Login Alternativo",
+          subtitle: "Biometria não reconhecida. Por favor, informe email e senha."
+        };
+        const modal = new EmailPasswordModal(fallbackOptions);
+        modal.open();
+      }),
+      onCancel: options.onCancel
+    });
   } catch (error) {
     options.onError(
       new NeoFaceError(
@@ -4109,8 +5218,8 @@ const biometricDetection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   initializeBiometricDetection,
   isAdvancedDetectionAvailable
 }, Symbol.toStringTag, { value: "Module" }));
-const VERSION = "1.3.0";
-const RELEASE_DATE = "2025-11-17";
+const VERSION = "1.4.2";
+const RELEASE_DATE = "2025-11-23";
 class OnboardingCaptureModal {
   constructor(options) {
     __publicField(this, "overlay", null);
@@ -4376,8 +5485,8 @@ function startBiometricRegistration(personData, applicationToken, callbacks, opt
     const modalElement = require$$0$1.createElement(BiometricRegistrationModal, {
       personData,
       applicationToken,
-      useRealApi: (options == null ? void 0 : options.useRealApi) || false,
-      // 🚀 Passa a flag para o modal
+      useRealApi: (options == null ? void 0 : options.useRealApi) ?? true,
+      // Sempre usa API real em produção
       onClose: cleanup,
       onSuccess: (result) => {
         cleanup();
@@ -4396,20 +5505,25 @@ function startBiometricRegistration(personData, applicationToken, callbacks, opt
   });
 }
 export {
-  BiometricCaptureModal,
+  BiometricCaptureModal$1 as BiometricCaptureModal,
   BiometricRegistrationModal,
+  BiometricStatusOverlay,
+  EmailPasswordModal,
   ErrorType,
   FaceCaptureModal,
+  FallbackPrompt,
   NeoFaceError,
   RELEASE_DATE,
   VERSION,
   biometricLogin,
   biometricLoginWithFallback,
+  completeOnboarding,
+  completeOnboardingWithData,
   detectBiometricType,
   identifyPerson,
   initializeBiometricDetection,
   isAdvancedDetectionAvailable,
-  loginWithBiometric,
+  loginWithBiometric$1 as loginWithBiometric,
   recognize,
   recognizeBiometric,
   recognizeByPurpose,
@@ -4422,6 +5536,7 @@ export {
   startFaceLogin,
   startHandLogin,
   startOnboarding,
+  validateOnboardingToken,
   validateToken
 };
 //# sourceMappingURL=neoface-id-sdk.es.js.map