@neofaceid/web-sdk 1.41.1 → 1.42.1

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

@@ -4311,9 +4311,16 @@ function refine(fn, _params = {}) {
 function superRefine(fn) {
   return /* @__PURE__ */ _superRefine(fn);
 }
+const AuthMethodSchema = _enum(["face", "password"]);
 object({
   success: boolean(),
   accessToken: string().optional(),
+  /**
+   * Só chega quando `application.can_issue_user_tokens` está ligado no core.
+   * Sessões longas (o console) dependem dele; fluxos curtos podem ignorá-lo.
+   */
+  refreshToken: string().optional(),
+  method: AuthMethodSchema.optional(),
   alias: string().optional(),
   user: object({
     id: string(),
@@ -4547,6 +4554,10 @@ const ENVIRONMENT_URLS = {
   sandbox: "https://sandbox-core.neofaceid.com",
   production: "https://core.neofaceid.com.br"
 };
+const DEFAULT_AUTO_FALLBACK = {
+  toPhone: false,
+  toPassword: true
+};
 const DEFAULT_LOCALE = "pt-BR";
 const DEFAULT_RADIUS = 16;
 const DEFAULT_THEME = "light";
@@ -4563,13 +4574,31 @@ function makeDefaultConfig() {
     theme: DEFAULT_THEME,
     locale: DEFAULT_LOCALE,
     resolvedTheme: null,
-    consent: { ...DEFAULT_CONSENT }
+    consent: { ...DEFAULT_CONSENT },
+    autoFallback: { ...DEFAULT_AUTO_FALLBACK }
   };
 }
 let globalConfig = makeDefaultConfig();
 let consentWarningShown = false;
 function init(options = {}) {
-  const { environment, baseUrl, applicationToken, appName, accent, radius, theme, locale, consent } = options;
+  const {
+    environment,
+    baseUrl,
+    applicationToken,
+    appName,
+    accent,
+    radius,
+    theme,
+    locale,
+    consent,
+    autoFallback
+  } = options;
+  if (autoFallback) {
+    globalConfig.autoFallback = {
+      toPhone: autoFallback.toPhone ?? DEFAULT_AUTO_FALLBACK.toPhone,
+      toPassword: autoFallback.toPassword ?? DEFAULT_AUTO_FALLBACK.toPassword
+    };
+  }
   if (consent) {
     globalConfig.consent = consent;
   } else {
@@ -4667,6 +4696,9 @@ function getAppName() {
 function getAccent() {
   return globalConfig.accent;
 }
+function getAutoFallback() {
+  return { ...globalConfig.autoFallback };
+}
 function getRadius() {
   return globalConfig.radius;
 }
@@ -5132,6 +5164,9 @@ const loginWithBiometric = async (image, applicationToken) => {
     return {
       success: true,
       accessToken: data.accessToken || data.access_token || "",
+      // Só vem quando `can_issue_user_tokens` está ligado na aplicação.
+      refreshToken: data.refreshToken || data.refresh_token || void 0,
+      method: "face",
       alias: data.alias,
       user: {
         id: ((_a2 = data.user) == null ? void 0 : _a2.id) || "",
@@ -5618,6 +5653,8 @@ const loginWithEmail = async (email2, password, applicationToken) => {
       success: true,
       // Compatível com diferentes formatos de resposta do backend
       accessToken: data.access_token || data.access,
+      refreshToken: data.refresh_token || data.refresh || void 0,
+      method: "password",
       alias: data.user && data.user.alias || data.alias,
       user: {
         id: data.user && data.user.id || "",
@@ -5640,6 +5677,98 @@ const loginWithEmail = async (email2, password, applicationToken) => {
     throw new NeoFaceError("Unknown error occurred", ErrorType.NETWORK);
   }
 };
+const requestDeviceEnrollmentToken = async (userAccessToken, applicationToken) => {
+  var _a2, _b, _c;
+  if (!userAccessToken) {
+    throw new NeoFaceError(
+      "Inscrição de aparelho exige um usuário autenticado (access token ausente).",
+      ErrorType.INVALID_TOKEN
+    );
+  }
+  const controller = createTimeoutController();
+  try {
+    const response = await fetch(`${getApiBaseUrl()}/api/v1/devices/enrollment-token/`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-App-Token": applicationToken,
+        Authorization: `Bearer ${userAccessToken}`
+      },
+      signal: controller.signal
+    });
+    if (!response.ok) {
+      if (response.status === 401 || response.status === 403) {
+        throw new NeoFaceError(
+          "Não foi possível inscrever o aparelho: sessão expirada ou conta sem permissão. Faça login novamente.",
+          ErrorType.INVALID_TOKEN
+        );
+      }
+      throw new NeoFaceError(`API Error ${response.status}`, ErrorType.API_ERROR);
+    }
+    const data = await response.json();
+    const token = data.token ?? ((_a2 = data.data) == null ? void 0 : _a2.token);
+    if (!token) {
+      throw new NeoFaceError("Resposta sem token de inscrição", ErrorType.API_ERROR);
+    }
+    return {
+      token,
+      expiresIn: data.expires_in ?? ((_b = data.data) == null ? void 0 : _b.expires_in) ?? 300,
+      purpose: data.purpose ?? ((_c = data.data) == null ? void 0 : _c.purpose) ?? "device-enrollment"
+    };
+  } catch (error) {
+    if (error instanceof NeoFaceError) throw error;
+    if (error instanceof Error) {
+      if (error.name === "AbortError") {
+        throw new NeoFaceError("Request timed out", ErrorType.NETWORK);
+      }
+      throw new NeoFaceError(error.message, ErrorType.NETWORK);
+    }
+    throw new NeoFaceError("Unknown error occurred", ErrorType.NETWORK);
+  }
+};
+const refreshSession = async (refreshToken, applicationToken) => {
+  const controller = createTimeoutController();
+  try {
+    const response = await fetch(`${getApiBaseUrl()}/api/v1/token/refresh/`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-App-Token": applicationToken
+      },
+      body: JSON.stringify({ refresh: refreshToken }),
+      signal: controller.signal
+    });
+    if (!response.ok) {
+      if (response.status === 401 || response.status === 403) {
+        throw new NeoFaceError(
+          "Sessão expirada — faça login novamente",
+          ErrorType.INVALID_TOKEN
+        );
+      }
+      throw new NeoFaceError(`API Error ${response.status}`, ErrorType.API_ERROR);
+    }
+    const data = await response.json();
+    const access = data.access ?? data.access_token;
+    if (!access) {
+      throw new NeoFaceError("Resposta de refresh sem access token", ErrorType.API_ERROR);
+    }
+    return {
+      accessToken: access,
+      // Com rotação ligada o core devolve refresh novo. Se algum ambiente
+      // estiver sem rotação, o refresh atual segue valendo.
+      refreshToken: data.refresh ?? data.refresh_token ?? refreshToken
+    };
+  } catch (error) {
+    if (error instanceof NeoFaceError) throw error;
+    if (error instanceof Error) {
+      if (error.name === "AbortError") {
+        throw new NeoFaceError("Request timed out", ErrorType.NETWORK);
+      }
+      throw new NeoFaceError(error.message, ErrorType.NETWORK);
+    }
+    throw new NeoFaceError("Unknown error occurred", ErrorType.NETWORK);
+  }
+};
 const identifyPerson = async (image, applicationToken) => {
   var _a2, _b, _c, _d;
   ensureSecureContext();
@@ -5952,7 +6081,7 @@ const recordFaceVideo = async (options = {}) => {
   });
 };
 const pollTaskStatus = async (taskId, applicationToken, options = {}) => {
-  var _a2, _b, _c, _d, _e, _f;
+  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const { maxAttempts = 60, intervalMs = 1e3, onStatusChange } = options;
   let attempts = 0;
   while (attempts < maxAttempts) {
@@ -5984,6 +6113,10 @@ const pollTaskStatus = async (taskId, applicationToken, options = {}) => {
       if (status === "revoked") {
         throw new NeoFaceError("Task was cancelled", ErrorType.RECOGNITION_FAILED);
       }
+      if (data.success === false) {
+        const reason = ((_h = (_g = data.data) == null ? void 0 : _g.result) == null ? void 0 : _h.message) || ((_i = data.data) == null ? void 0 : _i.error) || ((_j = data.data) == null ? void 0 : _j.message) || data.message || "Task failed";
+        throw new NeoFaceError(reason, ErrorType.RECOGNITION_FAILED);
+      }
       await new Promise((resolve) => setTimeout(resolve, intervalMs));
     } catch (error) {
       if (error instanceof NeoFaceError) {
@@ -6242,11 +6375,13 @@ const api = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   recognizeBiometric,
   recognizeByPurpose,
   recordFaceVideo,
+  refreshSession,
   registerApplication,
   registerBiometric,
   registerDocumentByImage,
   registerPersonWithBiometric,
   registerPersonWithoutFace,
+  requestDeviceEnrollmentToken,
   requestPasswordReset,
   simpleIdentification,
   startProofOfLife,
@@ -8732,8 +8867,8 @@ function BiometricRegistrationModal({
     /* @__PURE__ */ jsx("canvas", { ref: canvasRef })
   ] });
 }
-const VERSION = "1.41.1";
-const RELEASE_DATE = "2026-09-10";
+const VERSION = "1.42.1";
+const RELEASE_DATE = "2026-09-13";
 const CONSENT_TRAIL_STORAGE_KEY = "neoface_consent_trail_v1";
 const CONSENT_TRAIL_MAX_LIMIT = 100;
 async function hashString(inputStr) {
@@ -8810,8 +8945,6 @@ const COPY = {
     bullet1Body: "Você vê a imagem o tempo todo e pode encerrar quando quiser.",
     bullet2Title: "Pediremos dois movimentos simples",
     bullet2Body: "Virar o rosto ou piscar — é assim que sabemos que há alguém ali.",
-    bullet3Title: "A imagem não fica guardada",
-    bullet3Body: "Ela é usada para a verificação e descartada em seguida.",
     primary: "Começar verificação"
   },
   registration: {
@@ -8821,11 +8954,26 @@ const COPY = {
     bullet1Body: "Você vê a imagem o tempo todo e pode encerrar quando quiser.",
     bullet2Title: "Pediremos dois movimentos simples",
     bullet2Body: "Virar o rosto ou piscar — é assim que sabemos que há alguém ali.",
-    bullet3Title: "Guardamos um vetor matemático do seu rosto",
-    bullet3Body: "Não a foto. A imagem é descartada.",
     primary: "Começar cadastro"
   }
 };
+const plural = (n) => n === 1 ? "dia" : "dias";
+function terceiroMarcador(flow, retentionDays) {
+  const prazoDeclarado = Number.isFinite(retentionDays) && retentionDays > 0;
+  if (flow === "registration") {
+    return {
+      title: "Guardamos um vetor matemático do seu rosto",
+      body: prazoDeclarado ? `Não a foto. A imagem fica guardada por até ${retentionDays} ${plural(retentionDays)} e é apagada no fim desse prazo.` : "Não a foto. O prazo de guarda da imagem está na política de privacidade."
+    };
+  }
+  return prazoDeclarado ? {
+    title: `A imagem fica guardada por até ${retentionDays} ${plural(retentionDays)}`,
+    body: "Ela é usada para a verificação e apagada no fim desse prazo."
+  } : {
+    title: "A imagem é tratada conforme a política de privacidade",
+    body: "Ela é usada para a verificação; o prazo de guarda está descrito lá."
+  };
+}
 const IconCamera = () => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -8890,6 +9038,8 @@ function ConsentModalComponent({
   onDecline
 }) {
   const copy = COPY[flow];
+  const marcador3 = terceiroMarcador(flow, retentionDays);
+  const prazoDeclarado = Number.isFinite(retentionDays) && retentionDays > 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("style", { children: `
         @keyframes neofaceidConsentFadeIn { from { opacity: 0 } to { opacity: 1 } }
@@ -9066,23 +9216,19 @@ function ConsentModalComponent({
         /* @__PURE__ */ jsxs("div", { className: "neofaceid-consent-bullet", children: [
           /* @__PURE__ */ jsx("div", { className: "neofaceid-consent-bullet-icon", children: /* @__PURE__ */ jsx(IconShield, {}) }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("p", { className: "neofaceid-consent-bullet-title", children: copy.bullet3Title }),
-            /* @__PURE__ */ jsx("p", { className: "neofaceid-consent-bullet-body", children: copy.bullet3Body })
+            /* @__PURE__ */ jsx("p", { className: "neofaceid-consent-bullet-title", children: marcador3.title }),
+            /* @__PURE__ */ jsx("p", { className: "neofaceid-consent-bullet-body", children: marcador3.body })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(
         "a",
         {
           href: privacyPolicyUrl,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "neofaceid-consent-link",
-          children: [
-            "Ver política de privacidade (retenção de até ",
-            retentionDays,
-            " dias)"
-          ]
+          children: prazoDeclarado ? `Ver política de privacidade (retenção de até ${retentionDays} ${plural(retentionDays)})` : "Ver política de privacidade"
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: "neofaceid-consent-actions", children: [
@@ -9178,112 +9324,808 @@ const DEFAULT_CONSENT_INFO = {
   privacyPolicyUrl: DEFAULT_PRIVACY_URL,
   retentionDays: DEFAULT_RETENTION_DAYS
 };
-function getHaloStyles(state) {
-  switch (state) {
-    case "centered":
-      return {
-        borderColor: "#0E9F6E",
-        boxShadow: "0 0 0 4px rgba(14, 159, 110, 0.8), 0 0 45px rgba(14, 159, 110, 0.45)",
-        svgStroke: "#0E9F6E",
-        badgeBg: "rgba(14, 159, 110, 0.95)",
-        badgeColor: "#FFFFFF"
-      };
-    case "too-far":
-    case "too-close":
-    case "off-center":
-      return {
-        borderColor: "#F59E0B",
-        boxShadow: "0 0 0 4px rgba(245, 158, 11, 0.7), 0 0 35px rgba(245, 158, 11, 0.35)",
-        svgStroke: "#F59E0B",
-        badgeBg: "rgba(245, 158, 11, 0.95)",
-        badgeColor: "#1F2937"
-      };
-    case "searching":
-    default:
-      return {
-        borderColor: "rgba(156, 163, 175, 0.5)",
-        boxShadow: "0 0 0 4px rgba(156, 163, 175, 0.3), 0 0 20px rgba(156, 163, 175, 0.15)",
-        svgStroke: "#9CA3AF",
-        badgeBg: "rgba(55, 65, 81, 0.9)",
-        badgeColor: "#FFFFFF"
-      };
-  }
-}
-function CameraOvalGuide({
-  stream,
-  faceState,
-  instruction,
-  className = "",
-  style = {}
+function Sheet({
+  open,
+  onDismiss,
+  dismissOnOverlay = true,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  className,
+  style
 }) {
-  const videoRef = useRef(null);
   useEffect(() => {
-    const videoEl = videoRef.current;
-    if (!videoEl) return;
-    if (stream) {
-      videoEl.srcObject = stream;
-      videoEl.play().catch(() => {
-      });
-    } else {
-      videoEl.srcObject = null;
-    }
-    return () => {
-      if (stream) {
-        stream.getTracks().forEach((track) => track.stop());
-      }
-      if (videoEl) {
-        videoEl.srcObject = null;
-      }
-    };
-  }, [stream]);
-  const halo = getHaloStyles(faceState);
-  return /* @__PURE__ */ jsxs(
+    injectThemeStyles();
+  }, []);
+  if (!open) return null;
+  const handleOverlay = () => {
+    if (dismissOnOverlay && onDismiss) onDismiss();
+  };
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      className: `neofaceid-camera-oval-guide-container ${className}`,
+      className: "neofaceid-root",
+      role: "presentation",
       style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 10001,
         display: "flex",
-        flexDirection: "column",
         alignItems: "center",
         justifyContent: "center",
-        position: "relative",
-        width: "100%",
-        maxHeight: "100%",
-        padding: "16px",
-        boxSizing: "border-box",
-        ...style
+        padding: 20,
+        background: `var(${CSS_VAR.overlay})`,
+        backdropFilter: "blur(3px)",
+        WebkitBackdropFilter: "blur(3px)"
       },
-      children: [
-        /* @__PURE__ */ jsx("style", { children: `
-        .neofaceid-oval-frame {
-          width: 320px;
-          height: 400px;
-          border-radius: 50%;
-          overflow: hidden;
-          position: relative;
-          background: #000000;
-          transition: box-shadow 0.3s ease, border-color 0.3s ease;
+      onClick: handleOverlay,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledBy,
+          className,
+          onClick: (e) => e.stopPropagation(),
+          style: {
+            background: `var(${CSS_VAR.surface})`,
+            color: `var(${CSS_VAR.text})`,
+            borderRadius: `var(${CSS_VAR.radius}, 16px)`,
+            padding: 28,
+            maxWidth: 440,
+            width: "100%",
+            boxShadow: "0 1px 3px rgba(10,19,32,.08)",
+            boxSizing: "border-box",
+            ...style
+          },
+          children
         }
-
-        .neofaceid-oval-video {
-          width: 100%;
-          height: 100%;
-          object-fit: cover;
-          transform: scaleX(-1);
-          display: block;
+      )
+    }
+  );
+}
+const NON_TERMINAL_STATUSES = /* @__PURE__ */ new Set(["connected", "heartbeat", "processing"]);
+const DEFAULT_TIMEOUT_MS = 31e4;
+const DEFAULT_MAX_RECONNECTS = 5;
+const RECONNECT_BASE_DELAY_MS = 500;
+const RECONNECT_MAX_DELAY_MS = 8e3;
+function delay(ms, signal) {
+  return new Promise((resolve) => {
+    const id = setTimeout(resolve, ms);
+    signal == null ? void 0 : signal.addEventListener(
+      "abort",
+      () => {
+        clearTimeout(id);
+        resolve();
+      },
+      { once: true }
+    );
+  });
+}
+async function consumeSseStream(options) {
+  const {
+    requestTicket,
+    buildUrl,
+    classify,
+    timeoutMs = DEFAULT_TIMEOUT_MS,
+    maxReconnects = DEFAULT_MAX_RECONNECTS,
+    signal,
+    eventSourceFactory,
+    onProgress
+  } = options;
+  const makeEventSource = eventSourceFactory ?? ((url) => {
+    const Ctor = globalThis.EventSource;
+    if (!Ctor) {
+      throw new NeoFaceError(
+        "EventSource indisponível neste ambiente",
+        ErrorType.INITIALIZATION_ERROR
+      );
+    }
+    return new Ctor(url);
+  });
+  const startedAt = Date.now();
+  let reconnects = 0;
+  for (; ; ) {
+    if (signal == null ? void 0 : signal.aborted) {
+      throw new NeoFaceError("Fluxo cancelado", ErrorType.UNKNOWN);
+    }
+    const remaining = timeoutMs - (Date.now() - startedAt);
+    if (remaining <= 0) {
+      throw new NeoFaceError("Tempo esgotado aguardando resposta", ErrorType.NETWORK);
+    }
+    const ticket = await requestTicket();
+    const outcome = await new Promise((resolve, reject) => {
+      let source;
+      try {
+        source = makeEventSource(buildUrl(ticket));
+      } catch (err) {
+        reject(err);
+        return;
+      }
+      let settled = false;
+      let timerId;
+      let onAbort;
+      const cleanup = () => {
+        if (timerId !== void 0) clearTimeout(timerId);
+        if (onAbort) signal == null ? void 0 : signal.removeEventListener("abort", onAbort);
+        source.close();
+      };
+      timerId = setTimeout(() => {
+        if (settled) return;
+        settled = true;
+        cleanup();
+        reject(new NeoFaceError("Tempo esgotado aguardando resposta", ErrorType.NETWORK));
+      }, remaining);
+      onAbort = () => {
+        if (settled) return;
+        settled = true;
+        cleanup();
+        reject(new NeoFaceError("Fluxo cancelado", ErrorType.UNKNOWN));
+      };
+      signal == null ? void 0 : signal.addEventListener("abort", onAbort, { once: true });
+      source.onmessage = (event) => {
+        if (settled) return;
+        let frame;
+        try {
+          frame = JSON.parse(event.data);
+        } catch {
+          return;
         }
-
-        .neofaceid-oval-svg-overlay {
-          position: absolute;
-          inset: 0;
-          width: 100%;
-          height: 100%;
-          pointer-events: none;
-          z-index: 2;
+        if (frame.status && NON_TERMINAL_STATUSES.has(frame.status)) {
+          if (onProgress) onProgress(frame);
+          return;
         }
-
-        .neofaceid-oval-instruction-badge {
-          margin-top: 20px;
+        const verdict = classify(frame);
+        if (verdict.kind === "pending") {
+          if (onProgress) onProgress(frame);
+          return;
+        }
+        settled = true;
+        cleanup();
+        resolve({ type: "settled", verdict });
+      };
+      source.onerror = () => {
+        if (settled) return;
+        settled = true;
+        cleanup();
+        resolve({ type: "transport" });
+      };
+    });
+    if (outcome.type === "settled") {
+      const { verdict } = outcome;
+      if (verdict.kind === "resolve") return verdict.value;
+      throw verdict.error;
+    }
+    reconnects += 1;
+    if (reconnects > maxReconnects) {
+      throw new NeoFaceError(
+        `Conexão perdida após ${maxReconnects} tentativas de reconexão`,
+        ErrorType.NETWORK
+      );
+    }
+    const backoff = Math.min(
+      RECONNECT_BASE_DELAY_MS * 2 ** (reconnects - 1),
+      RECONNECT_MAX_DELAY_MS
+    );
+    await delay(backoff, signal);
+  }
+}
+const BASE_STYLE = {
+  minHeight: 44,
+  minWidth: 44,
+  padding: "12px 20px",
+  borderRadius: 16,
+  border: "none",
+  fontSize: 15,
+  fontWeight: 600,
+  fontFamily: "inherit",
+  cursor: "pointer",
+  transition: "background 120ms ease-out",
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: 8
+};
+const Button = forwardRef(
+  ({ variant = "primary", style, type = "button", ...rest }, ref) => {
+    const variantStyle = variant === "primary" ? {
+      background: `var(${CSS_VAR.action})`,
+      color: `var(${CSS_VAR.actionText})`
+    } : variant === "secondary" ? {
+      background: `var(${CSS_VAR.surfaceMuted})`,
+      color: `var(${CSS_VAR.text})`
+    } : {
+      background: "transparent",
+      color: `var(${CSS_VAR.textMuted})`
+    };
+    return (
+      // eslint-disable-next-line react/button-has-type
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref,
+          type,
+          ...rest,
+          style: { ...BASE_STYLE, ...variantStyle, ...style }
+        }
+      )
+    );
+  }
+);
+Button.displayName = "Button";
+function StatusPill({ tone, children, icon, className }) {
+  const palette = SEMANTIC[tone];
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 6,
+        padding: "4px 10px",
+        borderRadius: 9999,
+        background: palette.bg,
+        color: palette.fg,
+        fontSize: 13,
+        fontWeight: 600,
+        fontFamily: "inherit",
+        lineHeight: 1.3
+      },
+      children: [
+        icon,
+        children
+      ]
+    }
+  );
+}
+const STYLE_ID$2 = "neofaceid-awaiting-push-styles";
+const CSS$1 = `
+.neofaceid-root .nfid-push {
+  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px;
+  padding: 8px 8px 4px;
+}
+.neofaceid-root .nfid-push h2 {
+  margin: 6px 0 0; font-size: 20px; font-weight: 700; color: var(--nfid-text); line-height: 1.25;
+  letter-spacing: -0.015em;
+}
+.neofaceid-root .nfid-push p {
+  margin: 0; font-size: 14px; color: var(--nfid-text-muted); line-height: 1.5;
+}
+.neofaceid-root .nfid-push-phone-icon {
+  width: 56px; height: 56px; color: var(--nfid-action);
+}
+.neofaceid-root .nfid-push-code {
+  display: flex; flex-direction: column; align-items: center; gap: 6px;
+  margin-top: 14px; padding: 16px 28px;
+  background: var(--nfid-surface-muted); border-radius: 16px; width: 100%;
+}
+.neofaceid-root .nfid-push-code-label {
+  font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;
+  color: var(--nfid-text-subtle);
+}
+.neofaceid-root .nfid-push-code-value {
+  font-size: 52px; font-weight: 800; line-height: 1; letter-spacing: 0.08em;
+  color: var(--nfid-text); font-variant-numeric: tabular-nums;
+}
+.neofaceid-root .nfid-push-countdown {
+  font-size: 13px; color: var(--nfid-text-muted); font-variant-numeric: tabular-nums;
+  margin-top: 12px;
+}
+.neofaceid-root .nfid-push-actions {
+  display: flex; flex-direction: column; gap: 10px; width: 100%; margin-top: 16px;
+}
+.neofaceid-root .nfid-push-footer {
+  display: flex; justify-content: center; margin-top: 16px; padding-top: 12px;
+  border-top: 1px solid var(--nfid-line);
+  width: 100%;
+}
+.neofaceid-root .nfid-push-pulse {
+  animation: nfidPushPulse 1.8s ease-in-out infinite;
+}
+@keyframes nfidPushPulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.45; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .neofaceid-root .nfid-push-pulse { animation: none; }
+}
+`;
+function formatRemaining(seconds) {
+  const safe = Math.max(0, seconds);
+  const mm = Math.floor(safe / 60);
+  const ss = safe % 60;
+  return `${mm}:${String(ss).padStart(2, "0")}`;
+}
+function AwaitingPushView({
+  appName,
+  numericCode,
+  remainingSeconds,
+  onCancel
+}) {
+  useEffect(() => {
+    injectThemeStyles();
+    injectScopedStyles(STYLE_ID$2, CSS$1);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "nfid-push", role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx(StatusPill, { tone: "attention", children: "Aguardando confirmação" }),
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        className: "nfid-push-phone-icon nfid-push-pulse",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.75",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3" }),
+          /* @__PURE__ */ jsx("path", { d: "M11 18h2" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("h2", { children: "Confirme no seu celular" }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      "Enviamos um pedido de confirmação para o seu aparelho. Abra o NeoFaceID Push e confirme com o seu rosto para continuar no ",
+      appName,
+      "."
+    ] }),
+    numericCode && /* @__PURE__ */ jsxs("div", { className: "nfid-push-code", children: [
+      /* @__PURE__ */ jsx("span", { className: "nfid-push-code-label", children: "Digite este número no celular" }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "nfid-push-code-value",
+          "aria-label": `Código de confirmação: ${numericCode.split("").join(" ")}`,
+          children: numericCode
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "nfid-push-countdown", children: [
+      "Expira em ",
+      formatRemaining(remainingSeconds)
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "nfid-push-actions", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onCancel, children: "Cancelar" }) }),
+    /* @__PURE__ */ jsx("div", { className: "nfid-push-footer", children: /* @__PURE__ */ jsx(BrandFooter, {}) })
+  ] });
+}
+function PushExpiredView({ onFallback, onCancel }) {
+  useEffect(() => {
+    injectThemeStyles();
+    injectScopedStyles(STYLE_ID$2, CSS$1);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "nfid-push", role: "alert", "aria-live": "assertive", children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        className: "nfid-push-phone-icon",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.75",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        style: { color: "var(--nfid-text-muted)" },
+        children: [
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+          /* @__PURE__ */ jsx("path", { d: "M12 7v5l3 2" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("h2", { children: "O tempo esgotou" }),
+    /* @__PURE__ */ jsx("p", { children: "Não recebemos a confirmação do seu celular a tempo." }),
+    /* @__PURE__ */ jsx("div", { className: "nfid-push-actions", children: onFallback ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onFallback, children: "Entrar de outro jeito" }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onCancel, children: "Agora não" })
+    ] }) : /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onCancel, children: "Entendi" }) }),
+    /* @__PURE__ */ jsx("div", { className: "nfid-push-footer", children: /* @__PURE__ */ jsx(BrandFooter, {}) })
+  ] });
+}
+function PushDeniedView({ appName, onCancel }) {
+  useEffect(() => {
+    injectThemeStyles();
+    injectScopedStyles(STYLE_ID$2, CSS$1);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "nfid-push", role: "alert", "aria-live": "assertive", children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        className: "nfid-push-phone-icon",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.75",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        style: { color: "#D64545" },
+        children: [
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+          /* @__PURE__ */ jsx("path", { d: "M15 9l-6 6M9 9l6 6" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("h2", { children: "Confirmação recusada" }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      "O pedido foi recusado no celular. Se não foi você, procure o suporte do ",
+      appName,
+      "."
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "nfid-push-actions", children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onCancel, children: "Entendi" }) }),
+    /* @__PURE__ */ jsx("div", { className: "nfid-push-footer", children: /* @__PURE__ */ jsx(BrandFooter, {}) })
+  ] });
+}
+const CONTAINER_ID = "neofaceid-push-approval-container";
+function classifyAuthorizationFrame(frame) {
+  var _a2, _b;
+  switch (frame.status) {
+    case "approved":
+    case "success":
+      return { kind: "resolve", value: { status: "approved", data: frame.data ?? {} } };
+    case "denied":
+      return {
+        kind: "resolve",
+        value: { status: "denied", reason: ((_a2 = frame.data) == null ? void 0 : _a2.reason) ?? frame.message }
+      };
+    case "expired":
+      return { kind: "resolve", value: { status: "expired" } };
+    case "failed":
+    case "error":
+      return {
+        kind: "reject",
+        error: new NeoFaceError(
+          frame.message ?? ((_b = frame.data) == null ? void 0 : _b.message) ?? "Falha na confirmação",
+          ErrorType.API_ERROR
+        )
+      };
+    default:
+      return { kind: "pending" };
+  }
+}
+function PushApprovalModal({
+  requestId,
+  applicationToken,
+  expiresIn,
+  numericCode,
+  appName,
+  onFallback,
+  onSettle
+}) {
+  const headerAppName = appName ?? getAppName() ?? "sua aplicação";
+  const [remaining, setRemaining] = useState(expiresIn);
+  const [phase, setPhase] = useState({ kind: "waiting" });
+  useEffect(() => {
+    if (phase.kind !== "waiting") return void 0;
+    const id = setInterval(() => {
+      setRemaining((r) => r > 0 ? r - 1 : 0);
+    }, 1e3);
+    return () => clearInterval(id);
+  }, [phase.kind]);
+  useEffect(() => {
+    const controller = new AbortController();
+    let done = false;
+    const base = getBaseUrl();
+    const ticketUrl = `${base}/api/v1/authorization/events/${encodeURIComponent(requestId)}/ticket/`;
+    consumeSseStream({
+      signal: controller.signal,
+      timeoutMs: (expiresIn + 30) * 1e3,
+      requestTicket: async () => {
+        var _a2;
+        const res = await fetch(ticketUrl, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", "X-App-Token": applicationToken }
+        });
+        if (!res.ok) {
+          throw new NeoFaceError(
+            `Falha ao abrir canal de confirmação: ${res.status}`,
+            res.status === 401 || res.status === 403 ? ErrorType.INVALID_TOKEN : ErrorType.NETWORK
+          );
+        }
+        const body = await res.json();
+        const ticket = ((_a2 = body == null ? void 0 : body.data) == null ? void 0 : _a2.ticket) ?? (body == null ? void 0 : body.ticket);
+        if (!ticket) {
+          throw new NeoFaceError("Canal de confirmação sem ticket", ErrorType.API_ERROR);
+        }
+        return ticket;
+      },
+      buildUrl: (ticket) => `${base}/api/v1/authorization/events/${encodeURIComponent(requestId)}/?ticket=${encodeURIComponent(ticket)}`,
+      classify: classifyAuthorizationFrame
+    }).then((outcome) => {
+      if (done) return;
+      done = true;
+      if (outcome.status === "denied") {
+        setPhase({ kind: "denied" });
+        return;
+      }
+      if (outcome.status === "expired") {
+        setPhase({ kind: "expired" });
+        return;
+      }
+      onSettle(outcome);
+    }).catch(() => {
+      if (done || controller.signal.aborted) return;
+      done = true;
+      setPhase({ kind: "expired" });
+    });
+    return () => {
+      done = true;
+      controller.abort();
+    };
+  }, [requestId]);
+  if (phase.kind === "denied") {
+    return /* @__PURE__ */ jsx(Sheet, { open: true, dismissOnOverlay: false, ariaLabel: "Confirmação recusada", children: /* @__PURE__ */ jsx(PushDeniedView, { appName: headerAppName, onCancel: () => onSettle({ status: "denied" }) }) });
+  }
+  if (phase.kind === "expired") {
+    return /* @__PURE__ */ jsx(Sheet, { open: true, dismissOnOverlay: false, ariaLabel: "Tempo esgotado", children: /* @__PURE__ */ jsx(
+      PushExpiredView,
+      {
+        onFallback: onFallback ? () => {
+          onFallback();
+          onSettle({ status: "expired" });
+        } : void 0,
+        onCancel: () => onSettle({ status: "expired" })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(Sheet, { open: true, dismissOnOverlay: false, ariaLabel: "Aguardando confirmação no celular", children: /* @__PURE__ */ jsx(
+    AwaitingPushView,
+    {
+      appName: headerAppName,
+      numericCode,
+      remainingSeconds: remaining,
+      onCancel: () => onSettle({ status: "cancelled" })
+    }
+  ) });
+}
+function awaitPushApproval(options) {
+  return new Promise((resolve) => {
+    const container = document.createElement("div");
+    container.id = CONTAINER_ID;
+    document.body.appendChild(container);
+    const root = createRoot(container);
+    const settle = (outcome) => {
+      root.unmount();
+      if (document.body.contains(container)) document.body.removeChild(container);
+      resolve(outcome);
+    };
+    root.render(/* @__PURE__ */ jsx(PushApprovalModal, { ...options, onSettle: settle }));
+  });
+}
+function evaluateFacePosition(box, videoWidth, videoHeight) {
+  if (!box || !videoWidth || !videoHeight) {
+    return {
+      faceState: "searching",
+      instruction: "Centralize o rosto"
+    };
+  }
+  const faceCenterX = box.x + box.width / 2;
+  const faceCenterY = box.y + box.height / 2;
+  const frameCenterX = videoWidth / 2;
+  const frameCenterY = videoHeight / 2;
+  const offsetX = Math.abs(faceCenterX - frameCenterX) / videoWidth;
+  const offsetY = Math.abs(faceCenterY - frameCenterY) / videoHeight;
+  const faceArea = box.width * box.height;
+  const frameArea = videoWidth * videoHeight;
+  const faceAreaRatio = faceArea / frameArea;
+  if (faceAreaRatio < 0.08) {
+    return {
+      faceState: "too-far",
+      instruction: "Aproxime-se"
+    };
+  }
+  if (faceAreaRatio > 0.45) {
+    return {
+      faceState: "too-close",
+      instruction: "Afaste-se"
+    };
+  }
+  if (offsetX > 0.18 || offsetY > 0.18) {
+    return {
+      faceState: "off-center",
+      instruction: "Centralize o rosto"
+    };
+  }
+  return {
+    faceState: "centered",
+    instruction: "Perfeito, mantenha"
+  };
+}
+function showCameraOvalGuideModal(initialOptions = {}) {
+  const overlayDiv = document.createElement("div");
+  overlayDiv.className = "neofaceid-camera-oval-guide-overlay-root";
+  Object.assign(overlayDiv.style, {
+    position: "fixed",
+    top: "0",
+    left: "0",
+    width: "100vw",
+    height: "100vh",
+    backgroundColor: "rgba(0, 0, 0, 0.85)",
+    backdropFilter: "blur(8px)",
+    zIndex: "99999",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center"
+  });
+  document.body.appendChild(overlayDiv);
+  let root = createRoot(overlayDiv);
+  let currentStream = initialOptions.stream || null;
+  let currentFaceState = initialOptions.faceState || "searching";
+  let currentInstruction = initialOptions.instruction || "Centralize o rosto";
+  const renderModal = (stream, faceState, instruction) => {
+    if (!root) return;
+    root.render(
+      /* @__PURE__ */ jsxs("div", { style: { position: "relative", width: "100%", height: "100%", display: "flex", alignItems: "center", justifyContent: "center" }, children: [
+        initialOptions.onCancel && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => {
+              var _a2;
+              handle.close();
+              (_a2 = initialOptions.onCancel) == null ? void 0 : _a2.call(initialOptions);
+            },
+            style: {
+              position: "absolute",
+              top: "20px",
+              right: "20px",
+              background: "rgba(255, 255, 255, 0.2)",
+              border: "none",
+              color: "#fff",
+              fontSize: "24px",
+              width: "40px",
+              height: "40px",
+              borderRadius: "50%",
+              cursor: "pointer",
+              zIndex: 10,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            "aria-label": "Cancelar",
+            children: "✕"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CameraOvalGuide,
+          {
+            stream,
+            faceState,
+            instruction
+          }
+        )
+      ] })
+    );
+  };
+  renderModal(currentStream, currentFaceState, currentInstruction);
+  const handle = {
+    update: (stream, faceState, instruction) => {
+      currentStream = stream;
+      currentFaceState = faceState;
+      currentInstruction = instruction;
+      renderModal(stream, faceState, instruction);
+    },
+    close: () => {
+      if (root) {
+        root.unmount();
+        root = null;
+      }
+      if (overlayDiv.parentElement) {
+        overlayDiv.parentElement.removeChild(overlayDiv);
+      }
+    }
+  };
+  return handle;
+}
+function getHaloStyles(state) {
+  switch (state) {
+    case "centered":
+      return {
+        borderColor: "#0E9F6E",
+        boxShadow: "0 0 0 4px rgba(14, 159, 110, 0.8), 0 0 45px rgba(14, 159, 110, 0.45)",
+        svgStroke: "#0E9F6E",
+        badgeBg: "rgba(14, 159, 110, 0.95)",
+        badgeColor: "#FFFFFF"
+      };
+    case "too-far":
+    case "too-close":
+    case "off-center":
+      return {
+        borderColor: "#F59E0B",
+        boxShadow: "0 0 0 4px rgba(245, 158, 11, 0.7), 0 0 35px rgba(245, 158, 11, 0.35)",
+        svgStroke: "#F59E0B",
+        badgeBg: "rgba(245, 158, 11, 0.95)",
+        badgeColor: "#1F2937"
+      };
+    case "searching":
+    default:
+      return {
+        borderColor: "rgba(156, 163, 175, 0.5)",
+        boxShadow: "0 0 0 4px rgba(156, 163, 175, 0.3), 0 0 20px rgba(156, 163, 175, 0.15)",
+        svgStroke: "#9CA3AF",
+        badgeBg: "rgba(55, 65, 81, 0.9)",
+        badgeColor: "#FFFFFF"
+      };
+  }
+}
+function CameraOvalGuide({
+  stream,
+  faceState,
+  instruction,
+  className = "",
+  style = {}
+}) {
+  const videoRef = useRef(null);
+  useEffect(() => {
+    const videoEl = videoRef.current;
+    if (!videoEl) return;
+    if (stream) {
+      videoEl.srcObject = stream;
+      videoEl.play().catch(() => {
+      });
+    } else {
+      videoEl.srcObject = null;
+    }
+    return () => {
+      if (stream) {
+        stream.getTracks().forEach((track) => track.stop());
+      }
+      if (videoEl) {
+        videoEl.srcObject = null;
+      }
+    };
+  }, [stream]);
+  const halo = getHaloStyles(faceState);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `neofaceid-camera-oval-guide-container ${className}`,
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        position: "relative",
+        width: "100%",
+        maxHeight: "100%",
+        padding: "16px",
+        boxSizing: "border-box",
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx("style", { children: `
+        .neofaceid-oval-frame {
+          width: 320px;
+          height: 400px;
+          border-radius: 50%;
+          overflow: hidden;
+          position: relative;
+          background: #000000;
+          transition: box-shadow 0.3s ease, border-color 0.3s ease;
+        }
+
+        .neofaceid-oval-video {
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+          transform: scaleX(-1);
+          display: block;
+        }
+
+        .neofaceid-oval-svg-overlay {
+          position: absolute;
+          inset: 0;
+          width: 100%;
+          height: 100%;
+          pointer-events: none;
+          z-index: 2;
+        }
+
+        .neofaceid-oval-instruction-badge {
+          margin-top: 20px;
           padding: 10px 20px;
           border-radius: 20px;
           font-size: 15px;
@@ -10789,7 +11631,6 @@ const CAMERA_READY_DELAY = 200;
 const CAMERA_STABILITY_DELAY = 100;
 const FACE_DETECTION_TIME = 5e3;
 const DETECTION_INTERVAL = 100;
-const SUCCESS_DELAY = 200;
 let modelsLoaded = false;
 let modelsLoading = null;
 async function preloadFaceDetectionModels() {
@@ -10946,14 +11787,13 @@ async function captureFaceSilently() {
     });
   });
 }
-async function detectFaceQuickly(video, maxTime = FACE_DETECTION_TIME, interval = DETECTION_INTERVAL, overlay) {
+async function detectFaceWithPosition(video, stream, guideModal, maxTime = FACE_DETECTION_TIME, interval = DETECTION_INTERVAL) {
   return new Promise((resolve) => {
     let attempts = 0;
     const maxAttempts = Math.ceil(maxTime / interval);
     let timeoutId = null;
     let isResolved = false;
-    let overlayShowingWaiting = false;
-    const ATTEMPTS_BEFORE_WAITING = Math.ceil(3e3 / interval);
+    let centeredDurationMs = 0;
     const finish = (success) => {
       if (isResolved) return;
       isResolved = true;
@@ -10964,11 +11804,7 @@ async function detectFaceQuickly(video, maxTime = FACE_DETECTION_TIME, interval
       if (isResolved) return;
       attempts++;
       if (!modelsLoaded) {
-        if (overlay && !overlayShowingWaiting && attempts >= ATTEMPTS_BEFORE_WAITING) {
-          overlay.updateStatus("waiting-for-face");
-          overlayShowingWaiting = true;
-          console.log("⏳ Models not loaded - waiting for face...");
-        }
+        guideModal.update(stream, "searching", "Carregando modelos de detecção...");
         if (attempts >= maxAttempts) {
           finish(false);
           return;
@@ -10981,33 +11817,29 @@ async function detectFaceQuickly(video, maxTime = FACE_DETECTION_TIME, interval
           video,
           new faceapi.TinyFaceDetectorOptions({ inputSize: 160, scoreThreshold: 0.3 })
         );
-        if (detection) {
-          if (overlay && overlayShowingWaiting) {
-            overlay.updateStatus("detecting");
-            overlayShowingWaiting = false;
-            console.log("👤 Face appeared");
+        const { faceState, instruction } = evaluateFacePosition(
+          detection ? detection.box : null,
+          video.videoWidth,
+          video.videoHeight
+        );
+        guideModal.update(stream, faceState, instruction);
+        if (faceState === "centered") {
+          centeredDurationMs += interval;
+          if (centeredDurationMs >= 1e3) {
+            console.log("✅ Rosto mantido centralizado por 1s consecutivo");
+            finish(true);
+            return;
           }
-          console.log("✅ Face detected!");
-          finish(true);
-          return;
-        }
-        if (overlay && !overlayShowingWaiting && attempts >= ATTEMPTS_BEFORE_WAITING) {
-          overlay.updateStatus("waiting-for-face");
-          overlayShowingWaiting = true;
-          console.log("⏳ Waiting for face...");
+        } else {
+          centeredDurationMs = 0;
         }
         if (attempts >= maxAttempts) {
-          console.warn("⏱️ Face detection timeout - no face found");
           finish(false);
           return;
         }
         timeoutId = window.setTimeout(checkFace, interval);
       } catch (error) {
-        console.error("❌ Face detection error:", error);
-        if (overlay && !overlayShowingWaiting && attempts >= ATTEMPTS_BEFORE_WAITING) {
-          overlay.updateStatus("waiting-for-face");
-          overlayShowingWaiting = true;
-        }
+        console.error("❌ Erro na detecção facial:", error);
         if (attempts >= maxAttempts) {
           finish(false);
           return;
@@ -11017,19 +11849,19 @@ async function detectFaceQuickly(video, maxTime = FACE_DETECTION_TIME, interval
     };
     window.setTimeout(() => {
       if (!isResolved) {
-        console.warn("⏱️ Face detection safety timeout reached");
         finish(false);
       }
     }, maxTime + 500);
     checkFace();
   });
 }
-async function attemptLogin(applicationToken, overlay, fastMode = false, isRetry = false) {
-  if (!isRetry) {
-    overlay.updateStatus("preparing");
-  } else {
-    overlay.updateStatus("detecting");
-  }
+async function attemptLogin(applicationToken, fastMode = false, isRetry = false, onCancel) {
+  const guideModal = showCameraOvalGuideModal({
+    stream: null,
+    faceState: "searching",
+    instruction: "Iniciando câmera...",
+    onCancel
+  });
   const video = document.createElement("video");
   video.style.position = "fixed";
   video.style.top = "-9999px";
@@ -11060,6 +11892,7 @@ async function attemptLogin(applicationToken, overlay, fastMode = false, isRetry
       });
     }
     video.srcObject = stream;
+    guideModal.update(stream, "searching", "Centralize o rosto");
     await new Promise((resolve) => {
       if (video.readyState >= 1) {
         resolve();
@@ -11088,18 +11921,19 @@ async function attemptLogin(applicationToken, overlay, fastMode = false, isRetry
         checkSize();
       }
     });
-    overlay.updateStatus("detecting");
     await new Promise((resolve) => setTimeout(resolve, CAMERA_STABILITY_DELAY));
     let faceDetected = true;
     if (!fastMode) {
-      faceDetected = await detectFaceQuickly(
+      faceDetected = await detectFaceWithPosition(
         video,
+        stream,
+        guideModal,
         FACE_DETECTION_TIME,
-        DETECTION_INTERVAL,
-        overlay
+        DETECTION_INTERVAL
       );
     }
     if (!faceDetected) {
+      guideModal.close();
       if (stream) {
         stream.getTracks().forEach((track) => track.stop());
       }
@@ -11107,16 +11941,17 @@ async function attemptLogin(applicationToken, overlay, fastMode = false, isRetry
         video.parentElement.removeChild(video);
       }
       throw new NeoFaceError(
-        "Nenhum rosto detectado. Por favor, posicione seu rosto na frente da câmera e tente novamente.",
+        "Nenhum rosto centralizado detectado. Por favor, tente novamente.",
         ErrorType.VALIDATION_ERROR
       );
     }
-    overlay.updateStatus("capturing");
+    guideModal.update(stream, "centered", "Capturando imagem...");
     const canvas = document.createElement("canvas");
     canvas.width = video.videoWidth;
     canvas.height = video.videoHeight;
     const ctx = canvas.getContext("2d");
     if (!ctx) {
+      guideModal.close();
       if (stream) {
         stream.getTracks().forEach((track) => track.stop());
       }
@@ -11126,12 +11961,6 @@ async function attemptLogin(applicationToken, overlay, fastMode = false, isRetry
       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) => {
@@ -11146,13 +11975,21 @@ async function attemptLogin(applicationToken, overlay, fastMode = false, isRetry
         0.85
       );
     });
-    overlay.updateStatus("verifying");
+    guideModal.update(stream, "centered", "Verificando com o servidor...");
     const result = await loginWithBiometric(imageBlob, applicationToken);
+    guideModal.close();
+    if (stream) {
+      stream.getTracks().forEach((track) => track.stop());
+    }
+    if (video.parentElement) {
+      video.parentElement.removeChild(video);
+    }
     if (!result.success) {
       throw new NeoFaceError("Login falhou", ErrorType.LOGIN_FAILED);
     }
     return result;
   } catch (error) {
+    guideModal.close();
     if (stream) {
       stream.getTracks().forEach((track) => track.stop());
     }
@@ -11177,7 +12014,6 @@ async function executeBiometricLoginFlow(options) {
     onCancel,
     fastMode = false
   } = options;
-  const overlay = new BiometricStatusOverlay();
   const fallbackPrompt = new FallbackPrompt();
   let attempts = 0;
   let lastError;
@@ -11185,34 +12021,26 @@ async function executeBiometricLoginFlow(options) {
     preloadFaceDetectionModels().catch(() => {
     });
   }
-  overlay.show("preparing");
   const tryLogin = async () => {
     try {
       attempts++;
-      const result = await attemptLogin(applicationToken, overlay, fastMode, attempts > 1);
-      overlay.updateStatus("success");
-      setTimeout(() => {
-        overlay.close();
-        onSuccess(result);
-      }, SUCCESS_DELAY);
+      const result = await attemptLogin(applicationToken, fastMode, attempts > 1, onCancel);
+      onSuccess(result);
     } 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$1) {
         setTimeout(() => {
           tryLogin();
         }, RETRY_DELAY);
       } else {
         setTimeout(() => {
-          overlay.close();
           fallbackPrompt.show(
             lastError,
             () => {
               attempts = 0;
-              overlay.show("preparing");
               setTimeout(() => tryLogin(), RETRY_DELAY);
             },
             () => {
@@ -11234,9 +12062,7 @@ async function executeBiometricLoginFlow(options) {
       }
     }
   };
-  {
-    tryLogin();
-  }
+  tryLogin();
 }
 const biometricLoginFlow = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -11245,6 +12071,25 @@ const biometricLoginFlow = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   preloadFaceDetectionModels
 }, Symbol.toStringTag, { value: "Module" }));
 const CONSENT_DENIED_MESSAGE$1 = "Consentimento recusado pelo usuário.";
+function openPasswordFallback(options) {
+  if (!getAutoFallback().toPassword) {
+    options.onError(
+      new NeoFaceError(
+        "Biometria não reconhecida e a queda automática para senha está desligada.",
+        ErrorType.LOGIN_FAILED
+      )
+    );
+    return;
+  }
+  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."
+  };
+  new EmailPasswordModal(fallbackOptions).open();
+}
 async function startFaceLogin(options) {
   const consentAccepted = await requestConsent({
     appName: options.appName,
@@ -11259,17 +12104,7 @@ async function startFaceLogin(options) {
       applicationToken: options.applicationToken,
       onSuccess: options.onSuccess,
       onError: options.onError,
-      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();
-      }),
+      onFallbackRequest: options.onFallbackRequest || (() => openPasswordFallback(options)),
       onCancel: options.onCancel
     });
   } catch (error) {
@@ -12438,15 +13273,23 @@ const authorizeOperation = async (applicationToken, cpf, options) => {
         resolve();
       };
     });
+    const guideModal = showCameraOvalGuideModal({
+      stream,
+      faceState: "centered",
+      instruction: PHOTO_INSTRUCTIONS[0]
+    });
     const canvas = document.createElement("canvas");
     canvas.width = video.videoWidth;
     canvas.height = video.videoHeight;
     const ctx = canvas.getContext("2d");
     if (!ctx) {
+      guideModal.close();
+      stream.getTracks().forEach((track) => track.stop());
       throw new NeoFaceError("Failed to get canvas context", ErrorType.CAPTURE_ERROR);
     }
     for (let i = 0; i < TOTAL_PHOTOS; i++) {
       const instruction = PHOTO_INSTRUCTIONS[i];
+      guideModal.update(stream, "centered", instruction);
       if (options == null ? void 0 : options.onProgress) {
         options.onProgress(i + 1, TOTAL_PHOTOS, instruction);
       }
@@ -12472,6 +13315,7 @@ const authorizeOperation = async (applicationToken, cpf, options) => {
         options.onPhotoTaken(i + 1, blob);
       }
     }
+    guideModal.close();
     stream.getTracks().forEach((track) => track.stop());
     const lastPhoto = capturedPhotos[TOTAL_PHOTOS - 1];
     const sessionData = {
@@ -12519,110 +13363,6 @@ const authorizeOperation = async (applicationToken, cpf, options) => {
     throw new NeoFaceError("Unknown error during authorization", ErrorType.UNKNOWN);
   }
 };
-function Sheet({
-  open,
-  onDismiss,
-  dismissOnOverlay = true,
-  ariaLabel,
-  ariaLabelledBy,
-  children,
-  className,
-  style
-}) {
-  useEffect(() => {
-    injectThemeStyles();
-  }, []);
-  if (!open) return null;
-  const handleOverlay = () => {
-    if (dismissOnOverlay && onDismiss) onDismiss();
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "neofaceid-root",
-      role: "presentation",
-      style: {
-        position: "fixed",
-        inset: 0,
-        zIndex: 10001,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: 20,
-        background: `var(${CSS_VAR.overlay})`,
-        backdropFilter: "blur(3px)",
-        WebkitBackdropFilter: "blur(3px)"
-      },
-      onClick: handleOverlay,
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-label": ariaLabel,
-          "aria-labelledby": ariaLabelledBy,
-          className,
-          onClick: (e) => e.stopPropagation(),
-          style: {
-            background: `var(${CSS_VAR.surface})`,
-            color: `var(${CSS_VAR.text})`,
-            borderRadius: `var(${CSS_VAR.radius}, 16px)`,
-            padding: 28,
-            maxWidth: 440,
-            width: "100%",
-            boxShadow: "0 1px 3px rgba(10,19,32,.08)",
-            boxSizing: "border-box",
-            ...style
-          },
-          children
-        }
-      )
-    }
-  );
-}
-const BASE_STYLE = {
-  minHeight: 44,
-  minWidth: 44,
-  padding: "12px 20px",
-  borderRadius: 16,
-  border: "none",
-  fontSize: 15,
-  fontWeight: 600,
-  fontFamily: "inherit",
-  cursor: "pointer",
-  transition: "background 120ms ease-out",
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  gap: 8
-};
-const Button = forwardRef(
-  ({ variant = "primary", style, type = "button", ...rest }, ref) => {
-    const variantStyle = variant === "primary" ? {
-      background: `var(${CSS_VAR.action})`,
-      color: `var(${CSS_VAR.actionText})`
-    } : variant === "secondary" ? {
-      background: `var(${CSS_VAR.surfaceMuted})`,
-      color: `var(${CSS_VAR.text})`
-    } : {
-      background: "transparent",
-      color: `var(${CSS_VAR.textMuted})`
-    };
-    return (
-      // eslint-disable-next-line react/button-has-type
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          ref,
-          type,
-          ...rest,
-          style: { ...BASE_STYLE, ...variantStyle, ...style }
-        }
-      )
-    );
-  }
-);
-Button.displayName = "Button";
 function FocusFrame({
   size = 96,
   color,
@@ -12850,32 +13590,6 @@ function pointsFor(g) {
       return ["24 24", "24 24", "24 24"];
   }
 }
-function StatusPill({ tone, children, icon, className }) {
-  const palette = SEMANTIC[tone];
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className,
-      style: {
-        display: "inline-flex",
-        alignItems: "center",
-        gap: 6,
-        padding: "4px 10px",
-        borderRadius: 9999,
-        background: palette.bg,
-        color: palette.fg,
-        fontSize: 13,
-        fontWeight: 600,
-        fontFamily: "inherit",
-        lineHeight: 1.3
-      },
-      children: [
-        icon,
-        children
-      ]
-    }
-  );
-}
 const DEFAULT = {
   title: "Não deu certo desta vez",
   hint: "Tente se posicionar em um ambiente mais estável.",
@@ -14646,15 +15360,18 @@ export {
   VERSION,
   authorize,
   authorizeOperation,
+  awaitPushApproval,
   checkUserExistence,
   clearConsentTrail,
   completeOnboarding,
   completeOnboardingWithData,
   confirmPasswordReset,
+  consumeSseStream,
   detectBiometricType,
   getAccent,
   getAppName,
   getApplicationToken,
+  getAutoFallback,
   getBaseUrl,
   getCachedCaptureSession,
   getConfig,
@@ -14679,10 +15396,12 @@ export {
   recognizeBiometric,
   recognizeByPurpose,
   recordConsent,
+  refreshSession,
   registerBiometric,
   registerPersonWithBiometric,
   registerPersonWithoutFace,
   requestConsent,
+  requestDeviceEnrollmentToken,
   requestLivenessChallenge,
   requestLivenessChallengeWithSession,
   requestPasswordReset,