@neofaceid/web-sdk 1.30.0 → 1.32.0

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

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import React, { useRef, useState, useCallback, useReducer, useEffect } from "react";
+import React, { useRef, useState, useCallback, useReducer, useEffect, forwardRef } from "react";
 import { createRoot } from "react-dom/client";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as faceapi from "face-api.js";
@@ -4362,6 +4362,12 @@ const INK = {
   900: "#111C2B",
   950: "#0A1320"
 };
+const SEMANTIC = {
+  success: { fg: "#046C4E", bg: "#E7F7F0", solid: "#0E9F6E" },
+  attention: { fg: "#6E5600", bg: "#FFF6D9", solid: "#F1BE00" },
+  critical: { fg: "#9B1C1C", bg: "#FDEAEA", solid: "#E02424" },
+  info: { fg: "#00449A", bg: "#EBF6FE", solid: "#0073F4" }
+};
 const LIGHT_TOKENS = {
   ground: INK[25],
   surface: "#FFFFFF",
@@ -4504,6 +4510,15 @@ function buildRootCss(theme) {
 .neofaceid-root :focus-visible {
   outline: 2px solid var(${CSS_VAR.focusRing});
   outline-offset: 2px;
+}
+@media (prefers-reduced-motion: reduce) {
+  .neofaceid-root,
+  .neofaceid-root * {
+    animation-duration: 0.001ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.001ms !important;
+    scroll-behavior: auto !important;
+  }
 }`;
 }
 function injectScopedStyles$1(id, css) {
@@ -8773,7 +8788,7 @@ class BiometricCaptureModal {
     try {
       await this.createModal();
       await this.initializeCamera();
-      this.startCountdown();
+      this.enableCaptureButton();
     } catch (error) {
       this.options.onError(
         new NeoFaceError(
@@ -8806,7 +8821,7 @@ class BiometricCaptureModal {
         <div class="neofaceid-modal-content">
           <div class="neofaceid-modal-header">
             <h2>${title}</h2>
-            <button class="neofaceid-close-btn" type="button">&times;</button>
+            <button class="neofaceid-close-btn" type="button" aria-label="Fechar">&times;</button>
           </div>
           <div class="neofaceid-modal-body">
             <p class="neofaceid-subtitle">${subtitle}</p>
@@ -8815,9 +8830,6 @@ class BiometricCaptureModal {
               <canvas class="neofaceid-canvas" style="display: none;"></canvas>
               <div class="neofaceid-overlay">
                 <div class="neofaceid-frame"></div>
-                <div class="neofaceid-countdown">
-                  <span class="neofaceid-countdown-number">${this.options.countdown || 3}</span>
-                </div>
               </div>
             </div>
             <div class="neofaceid-status">
@@ -8828,6 +8840,9 @@ class BiometricCaptureModal {
             <button class="neofaceid-cancel-btn" type="button">Cancelar</button>
             <button class="neofaceid-capture-btn" type="button" disabled>Capturar</button>
           </div>
+          <div class="neofaceid-seal-row">
+            <span class="neofaceid-seal">Protegido por NeoFaceID</span>
+          </div>
         </div>
       </div>
     `;
@@ -8864,42 +8879,24 @@ class BiometricCaptureModal {
     }
   }
   /**
-   * Inicia a contagem regressiva
+   * NEO-413 · US14.6 (item 18) — a contagem "3, 2, 1" foi removida.
+   * Agora habilita direto o botão "Capturar" assim que a câmera fica pronta.
+   * Vivacidade fica com o desafio `runLivenessChallenge` (NEO-408), servidor decide.
    */
-  startCountdown() {
+  enableCaptureButton() {
     if (!this.modal) return;
-    const countdownElement = this.modal.querySelector(".neofaceid-countdown-number");
     const captureBtn = this.modal.querySelector(".neofaceid-capture-btn");
     const statusText = this.modal.querySelector(".neofaceid-status-text");
-    let count = this.options.countdown || 3;
-    if (countdownElement) {
-      countdownElement.textContent = count.toString();
+    if (captureBtn) {
+      captureBtn.disabled = false;
+      captureBtn.textContent = "Capturar";
+    }
+    if (statusText) {
+      statusText.textContent = "Pronto para capturar";
+    }
+    if (this.options.mode === "auto") {
+      setTimeout(() => this.captureImage(), 300);
     }
-    this.countdownInterval = window.setInterval(() => {
-      count--;
-      if (countdownElement) {
-        countdownElement.textContent = count.toString();
-      }
-      if (count <= 0) {
-        if (this.countdownInterval) {
-          clearInterval(this.countdownInterval);
-          this.countdownInterval = null;
-        }
-        if (countdownElement) {
-          countdownElement.style.display = "none";
-        }
-        if (captureBtn) {
-          captureBtn.disabled = false;
-          captureBtn.textContent = "Capturar Agora";
-        }
-        if (statusText) {
-          statusText.textContent = "Pronto para capturar!";
-        }
-        if (this.options.mode === "auto") {
-          setTimeout(() => this.captureImage(), 500);
-        }
-      }
-    }, 1e3);
   }
   /**
    * Captura a imagem da câmera
@@ -9081,18 +9078,22 @@ class BiometricCaptureModal {
       .neofaceid-close-btn {
         background: none;
         border: none;
-        font-size: 28px;
+        font-size: 22px;
         cursor: pointer;
         color: #666;
         padding: 0;
-        width: 32px;
-        height: 32px;
+        min-width: 44px;
+        min-height: 44px;
         display: flex;
         align-items: center;
         justify-content: center;
-        border-radius: 50%;
+        border-radius: 22px;
         transition: background-color 0.2s;
       }
+      .neofaceid-close-btn:focus-visible {
+        outline: 2px solid var(--nfid-focus-ring);
+        outline-offset: 2px;
+      }
 
       .neofaceid-close-btn:hover {
         background-color: #f0f0f0;
@@ -9150,24 +9151,18 @@ class BiometricCaptureModal {
         animation: pulse 2s infinite;
       }
 
-      .neofaceid-countdown {
-        position: absolute;
-        top: 20px;
-        right: 20px;
-        background: rgba(0, 0, 0, 0.7);
-        color: white;
-        padding: 10px;
-        border-radius: 50%;
-        width: 50px;
-        height: 50px;
+      .neofaceid-seal-row {
         display: flex;
-        align-items: center;
         justify-content: center;
+        padding: 12px 20px 16px;
+        border-top: 1px solid var(--nfid-line, #E6ECF4);
       }
-
-      .neofaceid-countdown-number {
-        font-size: 24px;
-        font-weight: bold;
+      .neofaceid-seal {
+        font-size: 11px;
+        font-weight: 700;
+        letter-spacing: 0.09em;
+        text-transform: uppercase;
+        color: var(--nfid-text-subtle, #617489);
       }
 
       .neofaceid-status {
@@ -10070,7 +10065,7 @@ class EmailPasswordModal {
     }
   }
 }
-const MAX_ATTEMPTS = 2;
+const MAX_ATTEMPTS$1 = 2;
 const RETRY_DELAY = 500;
 const CAMERA_READY_DELAY = 200;
 const CAMERA_STABILITY_DELAY = 100;
@@ -10488,7 +10483,7 @@ async function executeBiometricLoginFlow(options) {
         ErrorType.UNKNOWN
       );
       overlay.updateStatus("error");
-      if (attempts < MAX_ATTEMPTS) {
+      if (attempts < MAX_ATTEMPTS$1) {
         setTimeout(() => {
           tryLogin();
         }, RETRY_DELAY);
@@ -10871,7 +10866,7 @@ const biometricDetection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   initializeBiometricDetection,
   isAdvancedDetectionAvailable
 }, Symbol.toStringTag, { value: "Module" }));
-const VERSION = "1.30.0";
+const VERSION = "1.32.0";
 const RELEASE_DATE = "2026-09-02";
 let cachedSession = null;
 function getCachedCaptureSession() {
@@ -11185,6 +11180,9 @@ class OnboardingCaptureModal {
           <button class="neofaceid-cancel-btn">Cancelar</button>
           <button class="neofaceid-capture-btn" disabled>Capturar</button>
         </div>
+        <div class="neofaceid-seal-row">
+          <span class="neofaceid-seal">Protegido por NeoFaceID</span>
+        </div>
       </div>
     `;
     injectThemeStyles();
@@ -11208,6 +11206,8 @@ class OnboardingCaptureModal {
       .neofaceid-root .neofaceid-cancel-btn { background: var(--nfid-surface-muted); color: var(--nfid-text-muted); border:none; border-radius:8px; padding:10px 18px; cursor:pointer; min-height: 44px; }
       .neofaceid-root .neofaceid-capture-btn { background: var(--nfid-action); color: var(--nfid-action-text); border:none; border-radius:8px; padding:10px 18px; cursor:pointer; min-height: 44px; }
       .neofaceid-root .neofaceid-capture-btn:disabled { background: var(--nfid-line); cursor:not-allowed; }
+      .neofaceid-root .neofaceid-seal-row { display:flex; justify-content:center; padding:12px 20px 14px; border-top: 1px solid var(--nfid-line); }
+      .neofaceid-root .neofaceid-seal { font-size:11px; font-weight:700; letter-spacing:0.09em; text-transform:uppercase; color: var(--nfid-text-subtle); }
     `
     );
     overlay.classList.add("neofaceid-root");
@@ -11828,6 +11828,924 @@ 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$1();
+  }, []);
+  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,
+  strokeWidth,
+  glow = false,
+  className,
+  style
+}) {
+  const stroke = strokeWidth ?? autoStroke(size);
+  const arm = size * 0.28;
+  const offset = stroke / 2;
+  const stops = [
+    { x: offset, y: offset, dx: 1, dy: 1 },
+    { x: size - offset, y: offset, dx: -1, dy: 1 },
+    { x: offset, y: size - offset, dx: 1, dy: -1 },
+    { x: size - offset, y: size - offset, dx: -1, dy: -1 }
+  ];
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: `0 0 ${size} ${size}`,
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      style: {
+        color: color ?? `var(${CSS_VAR.action})`,
+        filter: glow ? "drop-shadow(0 0 6px rgba(0,176,248,.5))" : void 0,
+        ...style
+      },
+      "aria-hidden": "true",
+      children: stops.map((c, i) => /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: `M ${c.x + c.dx * arm} ${c.y} L ${c.x} ${c.y} L ${c.x} ${c.y + c.dy * arm}`,
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: stroke,
+          strokeLinecap: "round"
+        },
+        i
+      ))
+    }
+  );
+}
+function autoStroke(size) {
+  if (size <= 24) return 2;
+  if (size <= 48) return 2.5;
+  return 3.4;
+}
+function ChallengeRing({
+  progress,
+  size = 268,
+  children,
+  className,
+  style
+}) {
+  const clamped = Math.max(0, Math.min(1, Number.isFinite(progress) ? progress : 0));
+  const stroke = 4.2;
+  const radius = size / 2 - stroke;
+  const circumference = 2 * Math.PI * radius;
+  const dashOffset = circumference * (1 - clamped);
+  const frameSize = size + 24;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        position: "relative",
+        width: frameSize,
+        height: frameSize,
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0 }, children: /* @__PURE__ */ jsx(FocusFrame, { size: frameSize, glow: true }) }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "relative",
+              width: size,
+              height: size,
+              borderRadius: "50%",
+              overflow: "hidden",
+              background: "linear-gradient(160deg, #274B6E, #0F2438, #05080F)"
+            },
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            width: size,
+            height: size,
+            viewBox: `0 0 ${size} ${size}`,
+            style: {
+              position: "absolute",
+              top: (frameSize - size) / 2,
+              left: (frameSize - size) / 2,
+              transform: "rotate(-90deg)",
+              pointerEvents: "none"
+            },
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "nfid-challenge-arc", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#00B0F8" }),
+                /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#0073F4" })
+              ] }) }),
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: size / 2,
+                  cy: size / 2,
+                  r: radius,
+                  stroke: "rgba(255,255,255,0.18)",
+                  strokeWidth: stroke,
+                  fill: "none"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: size / 2,
+                  cy: size / 2,
+                  r: radius,
+                  stroke: `var(${CSS_VAR.action}, url(#nfid-challenge-arc))`,
+                  strokeWidth: stroke,
+                  strokeLinecap: "round",
+                  strokeDasharray: circumference,
+                  strokeDashoffset: dashOffset,
+                  fill: "none",
+                  style: { transition: "stroke-dashoffset 200ms ease-out" }
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function ChallengeGlyph({
+  gesture,
+  size = 48,
+  color,
+  className,
+  style
+}) {
+  const stroke = 3.4;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 48 48",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      style: { color: color ?? `var(${CSS_VAR.action})`, ...style },
+      role: "img",
+      "aria-label": LABELS[gesture],
+      children: [
+        gesture === "blink" ? /* @__PURE__ */ jsx(BlinkGlyph, { stroke }) : /* @__PURE__ */ jsx(FaceGlyph, { stroke }),
+        gesture !== "blink" && gesture !== "center" && /* @__PURE__ */ jsx(Chevron, { gesture, stroke })
+      ]
+    }
+  );
+}
+const LABELS = {
+  center: "Centralize o rosto",
+  turn_right: "Vire o rosto para a direita",
+  turn_left: "Vire o rosto para a esquerda",
+  look_up: "Olhe para cima",
+  look_down: "Olhe para baixo",
+  blink: "Pisque os olhos",
+  move_closer: "Aproxime-se da câmera"
+};
+function FaceGlyph({ stroke }) {
+  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeWidth: stroke, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M14 20c0-5.5 4.5-10 10-10s10 4.5 10 10v4c0 5.5-4.5 10-10 10s-10-4.5-10-10v-4z" }),
+    /* @__PURE__ */ jsx("circle", { cx: "20", cy: "22", r: "1.2", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "28", cy: "22", r: "1.2", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("path", { d: "M21 28c1 1 2 1.5 3 1.5s2-.5 3-1.5" })
+  ] });
+}
+function BlinkGlyph({ stroke }) {
+  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeWidth: stroke, strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M8 24c4-4 8-6 16-6s12 2 16 6" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 26v3" }),
+    /* @__PURE__ */ jsx("path", { d: "M18 27v3.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M24 27.5v4" }),
+    /* @__PURE__ */ jsx("path", { d: "M30 27v3.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M36 26v3" })
+  ] });
+}
+function Chevron({ gesture, stroke }) {
+  const [start2, mid, end] = pointsFor(gesture);
+  return /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: `M ${start2} L ${mid} L ${end}`,
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: stroke,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  );
+}
+function pointsFor(g) {
+  switch (g) {
+    case "turn_right":
+      return ["40 18", "44 24", "40 30"];
+    case "turn_left":
+      return ["8 18", "4 24", "8 30"];
+    case "look_up":
+      return ["18 8", "24 4", "30 8"];
+    case "look_down":
+      return ["18 40", "24 44", "30 40"];
+    case "move_closer":
+      return ["18 40", "24 44", "30 40"];
+    default:
+      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.",
+  actions: [
+    "Segure o dispositivo firme",
+    "Fique de frente para uma luz suave"
+  ]
+};
+const MAP = {
+  LIVENESS_LOW: {
+    title: "Precisamos ver com mais nitidez",
+    hint: "A prova de vida veio abaixo do esperado.",
+    actions: [
+      "Faça o movimento com calma até o fim",
+      "Aproxime o rosto sem cortar as bordas"
+    ]
+  },
+  NO_FACE_DETECTED: {
+    title: "Não vi seu rosto",
+    hint: "A câmera não conseguiu identificar um rosto na moldura.",
+    actions: [
+      "Centralize o rosto no oval",
+      "Afaste-se um pouco se estiver muito próximo"
+    ]
+  },
+  LOW_LIGHT: {
+    title: "A luz está baixa demais",
+    hint: "Falta contraste para o algoritmo distinguir seu rosto.",
+    actions: [
+      "Fique de frente para uma janela ou lâmpada",
+      "Evite luz vindo por trás — deixa o rosto em sombra"
+    ]
+  },
+  LOOK_STRAIGHT: {
+    title: "Olhe direto para a câmera",
+    hint: "O rosto está um pouco de lado para reconhecimento facial.",
+    actions: [
+      "Fique de frente para a câmera",
+      "Mantenha o queixo paralelo ao chão"
+    ]
+  },
+  RECOGNITION_FAILED: {
+    title: "Não consegui confirmar",
+    hint: "A imagem não bate com o cadastro que temos.",
+    actions: [
+      "Retire óculos ou máscara temporariamente",
+      "Faça em um lugar mais iluminado"
+    ]
+  },
+  INVALID_TOKEN: {
+    title: "Sessão expirada",
+    hint: "A conexão com o serviço perdeu validade.",
+    actions: [
+      "Volte à tela anterior e tente novamente",
+      "Se persistir, entre em contato com o suporte"
+    ]
+  },
+  NETWORK: {
+    title: "A conexão está oscilando",
+    hint: "A imagem não chegou até nosso servidor.",
+    actions: [
+      "Verifique a rede do dispositivo",
+      "Repita a captura em alguns segundos"
+    ]
+  }
+};
+function copyForErrorCode(code) {
+  if (!code) return DEFAULT;
+  const key = code.toUpperCase();
+  return MAP[key] ?? DEFAULT;
+}
+function detectBrowser(ua = navigator.userAgent) {
+  const s = ua.toLowerCase();
+  if (s.includes("edg/")) return "edge";
+  if (s.includes("firefox")) return "firefox";
+  if (s.includes("chrome") && !s.includes("edg/")) return "chrome";
+  if (s.includes("safari") && !s.includes("chrome")) return "safari";
+  return "unknown";
+}
+const CAMERA_INSTRUCTIONS = {
+  chrome: "Clique no cadeado da barra de endereço → Configurações do site → Câmera → Permitir. Recarregue a página.",
+  edge: "Clique no cadeado da barra de endereço → Permissões do site → Câmera → Permitir. Recarregue a página.",
+  firefox: 'Clique no ícone da câmera bloqueada na barra de endereço e escolha "Permitir". Recarregue a página.',
+  safari: "Menu Safari → Configurações → Sites → Câmera → Permitir para este site. Recarregue a página.",
+  unknown: 'Abra as configurações do navegador, procure por "câmera" e permita o acesso para este site. Depois recarregue a página.'
+};
+function cameraInstructionFor(browser) {
+  return CAMERA_INSTRUCTIONS[browser];
+}
+function classifyMediaError(err) {
+  if (!err || typeof err !== "object") return "UNKNOWN";
+  const name = (err.name ?? "").toString();
+  if (name === "NotAllowedError" || name === "SecurityError") return "PERMISSION_DENIED";
+  if (name === "NotFoundError" || name === "OverconstrainedError") return "NO_CAMERA";
+  if (name === "NotReadableError" || name === "TrackStartError") return "IN_USE";
+  return "UNKNOWN";
+}
+const STYLE_ID$1 = "neofaceid-state-views-styles";
+const CSS = `
+.neofaceid-root .nfid-state {
+  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px;
+  padding: 8px 8px 4px;
+}
+.neofaceid-root .nfid-state 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-state p {
+  margin: 0; font-size: 14px; color: var(--nfid-text-muted); line-height: 1.5;
+}
+.neofaceid-root .nfid-state-actions {
+  display: flex; flex-direction: column; gap: 10px; width: 100%; margin-top: 12px;
+}
+.neofaceid-root .nfid-state-actions--row {
+  flex-direction: row; justify-content: center;
+}
+.neofaceid-root .nfid-state-icon-success {
+  width: 64px; height: 64px; color: #0E9F6E;
+  animation: nfidCelebrate 500ms cubic-bezier(.2,1.4,.4,1) both;
+}
+@keyframes nfidCelebrate {
+  0% { transform: scale(0.6); opacity: 0; }
+  60% { transform: scale(1.08); opacity: 1; }
+  100% { transform: scale(1); }
+}
+.neofaceid-root .nfid-state-warn-icon { width: 56px; height: 56px; color: #F1BE00; }
+.neofaceid-root .nfid-state-cameraoff-icon { width: 56px; height: 56px; color: var(--nfid-text-muted); }
+.neofaceid-root .nfid-state-hints {
+  display: flex; flex-direction: column; gap: 6px; margin-top: 8px; text-align: left; width: 100%;
+}
+.neofaceid-root .nfid-state-hint {
+  display: flex; gap: 8px; align-items: flex-start; font-size: 13px; color: var(--nfid-text);
+  padding: 8px 12px; background: var(--nfid-surface-muted); border-radius: 12px;
+}
+.neofaceid-root .nfid-state-hint::before { content: "•"; color: var(--nfid-action); font-weight: 700; }
+.neofaceid-root .nfid-state-attempt {
+  font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;
+  color: var(--nfid-text-subtle);
+}
+.neofaceid-root .nfid-state-techcode {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 11px; color: var(--nfid-text-subtle); margin-top: 8px;
+}
+`;
+function useStateStyles() {
+  useEffect(() => {
+    injectThemeStyles$1();
+    injectScopedStyles$1(STYLE_ID$1, CSS);
+  }, []);
+}
+function AuthorizeSuccess({ appName, onContinue }) {
+  useStateStyles();
+  return /* @__PURE__ */ jsxs("div", { className: "nfid-state", role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        className: "nfid-state-icon-success",
+        viewBox: "0 0 64 64",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "4",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx("circle", { cx: "32", cy: "32", r: "28" }),
+          /* @__PURE__ */ jsx("path", { d: "M20 33 L28 41 L44 24" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("h2", { children: "Identidade confirmada" }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      "Você já pode continuar no ",
+      appName,
+      "."
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "nfid-state-actions", children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onContinue, children: "Continuar" }) })
+  ] });
+}
+function formatHms(d) {
+  const hh = String(d.getHours()).padStart(2, "0");
+  const mm = String(d.getMinutes()).padStart(2, "0");
+  const ss = String(d.getSeconds()).padStart(2, "0");
+  return `${hh}:${mm}:${ss}`;
+}
+function AuthorizeFailure({
+  errorCode,
+  attempt,
+  maxAttempts,
+  timestamp,
+  onRetry,
+  onFallback
+}) {
+  useStateStyles();
+  const copy = copyForErrorCode(errorCode);
+  const stamp = timestamp ?? /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ jsxs("div", { className: "nfid-state", role: "alert", "aria-live": "assertive", children: [
+    /* @__PURE__ */ jsxs(StatusPill, { tone: "attention", children: [
+      "Tentativa ",
+      attempt,
+      " de ",
+      maxAttempts
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        className: "nfid-state-warn-icon",
+        viewBox: "0 0 64 64",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "3",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx("path", { d: "M32 8 L58 54 H6 Z" }),
+          /* @__PURE__ */ jsx("path", { d: "M32 26 V38" }),
+          /* @__PURE__ */ jsx("circle", { cx: "32", cy: "45", r: "2", fill: "currentColor" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("h2", { children: copy.title }),
+    /* @__PURE__ */ jsx("p", { children: copy.hint }),
+    /* @__PURE__ */ jsxs("div", { className: "nfid-state-hints", "aria-label": "O que fazer", children: [
+      /* @__PURE__ */ jsx("div", { className: "nfid-state-hint", children: copy.actions[0] }),
+      /* @__PURE__ */ jsx("div", { className: "nfid-state-hint", children: copy.actions[1] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nfid-state-actions", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onRetry, children: "Tentar de novo" }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onFallback, children: "Verificar de outro jeito" })
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "nfid-state-techcode", children: [
+      (errorCode ?? "UNKNOWN").toUpperCase(),
+      " · ",
+      formatHms(stamp)
+    ] })
+  ] });
+}
+function AuthorizePermissionDenied({
+  browser,
+  onFallback,
+  onCancel
+}) {
+  useStateStyles();
+  const detected = browser ?? detectBrowser();
+  const instruction = cameraInstructionFor(detected);
+  return /* @__PURE__ */ jsxs("div", { className: "nfid-state", role: "alert", "aria-live": "assertive", children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        className: "nfid-state-cameraoff-icon",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.75",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx("path", { d: "m3 3 18 18" }),
+          /* @__PURE__ */ jsx("path", { d: "M20.66 15.34A2 2 0 0 0 22 13.5V7.5a2 2 0 0 0-3.13-1.65L15 8.5" }),
+          /* @__PURE__ */ jsx("path", { d: "M9 6H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("h2", { children: "Câmera bloqueada" }),
+    /* @__PURE__ */ jsx("p", { children: "Precisamos da câmera para confirmar que é você." }),
+    /* @__PURE__ */ jsx("p", { style: { marginTop: 8 }, children: instruction }),
+    /* @__PURE__ */ jsxs("div", { className: "nfid-state-actions", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onFallback, children: "Verificar de outro jeito" }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onCancel, children: "Agora não" })
+    ] })
+  ] });
+}
+const STYLE_ID = "neofaceid-authorize-styles";
+const GESTURE_TO_GLYPH = {
+  center: "center",
+  turn_right: "turn_right",
+  turn_left: "turn_left",
+  look_up: "look_up",
+  look_down: "look_down",
+  blink: "blink",
+  move_closer: "move_closer",
+  smile: "blink",
+  open_mouth: "blink"
+};
+const GESTURE_TO_INSTRUCTION = {
+  center: "Centralize seu rosto no oval",
+  turn_right: "Vire lentamente o rosto para a direita",
+  turn_left: "Vire lentamente o rosto para a esquerda",
+  look_up: "Olhe para cima",
+  look_down: "Olhe para baixo",
+  blink: "Pisque os olhos",
+  move_closer: "Aproxime-se da câmera",
+  smile: "Sorria para a câmera",
+  open_mouth: "Abra a boca"
+};
+function formatCurrency(amount, locale) {
+  try {
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: "BRL"
+    }).format(amount);
+  } catch {
+    return `R$ ${amount.toFixed(2)}`;
+  }
+}
+const MAX_ATTEMPTS = 3;
+function AuthorizeModalComponent({
+  applicationToken,
+  appName,
+  amount,
+  onChallengeStart,
+  onChallengeComplete,
+  onSuccess,
+  onError,
+  onCancel,
+  onClose
+}) {
+  const videoRef = useRef(null);
+  const [progress, setProgress] = useState(0);
+  const [currentGesture, setCurrentGesture] = useState(null);
+  const [phase, setPhase] = useState("preparing");
+  const [attempt, setAttempt] = useState(1);
+  const [failureCode, setFailureCode] = useState(void 0);
+  const [failureAt, setFailureAt] = useState(void 0);
+  const [runCounter, setRunCounter] = useState(0);
+  const cancelRef = useRef(false);
+  const locale = getLocale();
+  const headerAppName = appName ?? getAppName() ?? "sua aplicação";
+  const headerAmount = typeof amount === "number" && Number.isFinite(amount) ? formatCurrency(amount, locale) : null;
+  useEffect(() => {
+    injectThemeStyles$1();
+    injectScopedStyles$1(
+      STYLE_ID,
+      `
+      .neofaceid-root .nfid-authorize-header { display: flex; flex-direction: column; gap: 4px; margin-bottom: 16px; }
+      .neofaceid-root .nfid-authorize-appname { font-size: 15px; font-weight: 700; color: var(--nfid-text); line-height: 1.2; }
+      .neofaceid-root .nfid-authorize-amount { font-size: 13px; color: var(--nfid-text-muted); }
+      .neofaceid-root .nfid-authorize-brand { font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--nfid-text-subtle); }
+      .neofaceid-root .nfid-authorize-video { width: 100%; height: 100%; object-fit: cover; transform: scaleX(-1); }
+      .neofaceid-root .nfid-authorize-instruction { margin: 20px 0 0; font-size: 17px; font-weight: 600; color: var(--nfid-text); text-align: center; line-height: 1.3; }
+      .neofaceid-root .nfid-authorize-support { margin: 6px 0 0; font-size: 13px; color: var(--nfid-text-muted); text-align: center; }
+      .neofaceid-root .nfid-authorize-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; align-items: center; }
+      .neofaceid-root .nfid-authorize-footer { display: flex; justify-content: center; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--nfid-line); }
+      .neofaceid-root .nfid-authorize-seal { font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--nfid-text-subtle); }
+      .neofaceid-root .nfid-authorize-close {
+        position: absolute; top: 8px; right: 8px;
+        min-width: 44px; min-height: 44px;
+        background: transparent; border: none;
+        display: inline-flex; align-items: center; justify-content: center;
+        color: var(--nfid-text-muted); cursor: pointer; border-radius: 22px;
+      }
+      .neofaceid-root .nfid-authorize-close:hover { background: var(--nfid-surface-muted); }
+      .neofaceid-root .nfid-authorize-close:focus-visible { outline: 2px solid var(--nfid-focus-ring); outline-offset: 2px; }
+      @media (prefers-reduced-motion: reduce) {
+        .neofaceid-root svg circle { transition: none !important; }
+      }
+      `
+    );
+  }, []);
+  useEffect(() => {
+    let stream = null;
+    cancelRef.current = false;
+    setPhase("preparing");
+    setProgress(0);
+    setCurrentGesture(null);
+    async function run() {
+      try {
+        try {
+          stream = await navigator.mediaDevices.getUserMedia({
+            video: { facingMode: "user", width: { ideal: 1280 }, height: { ideal: 720 } }
+          });
+        } catch (mediaErr) {
+          const kind = classifyMediaError(mediaErr);
+          if (kind === "PERMISSION_DENIED") {
+            setPhase("permission-denied");
+            return;
+          }
+          throw new NeoFaceError(
+            kind === "NO_CAMERA" ? "Câmera não encontrada" : kind === "IN_USE" ? "Câmera em uso por outro app" : "Falha ao acessar a câmera",
+            ErrorType.CAMERA_ERROR
+          );
+        }
+        if (videoRef.current) {
+          videoRef.current.srcObject = stream;
+          videoRef.current.play().catch(() => {
+          });
+        }
+        setPhase("challenging");
+        const result = await runLivenessChallenge({
+          applicationToken,
+          purpose: "authorization",
+          collectFramesForGesture: async (gesture, index, total) => {
+            if (cancelRef.current) throw new NeoFaceError("Cancelado", ErrorType.UNKNOWN);
+            setCurrentGesture(gesture);
+            setProgress(0);
+            if (onChallengeStart) onChallengeStart(gesture, index, total);
+            await progressiveHold(setProgress);
+            if (onChallengeComplete) onChallengeComplete(gesture, index, total);
+            const frame = await captureFrame(videoRef.current);
+            return frame ? [frame] : [];
+          }
+        });
+        if (stream) stream.getTracks().forEach((t) => t.stop());
+        stream = null;
+        if (result.success === false || result.liveness_passed === false) {
+          setFailureCode("LIVENESS_LOW");
+          setFailureAt(/* @__PURE__ */ new Date());
+          setPhase("failure");
+          return;
+        }
+        setPhase("success");
+        if (onSuccess) onSuccess(result);
+      } catch (err) {
+        if (cancelRef.current) return;
+        const nfe = err instanceof NeoFaceError ? err : new NeoFaceError(err instanceof Error ? err.message : "Falha", ErrorType.UNKNOWN);
+        setFailureCode(nfe.type);
+        setFailureAt(/* @__PURE__ */ new Date());
+        setPhase("failure");
+        if (onError) onError(nfe);
+      } finally {
+        if (stream) stream.getTracks().forEach((t) => t.stop());
+      }
+    }
+    run();
+    return () => {
+      cancelRef.current = true;
+      if (stream) stream.getTracks().forEach((t) => t.stop());
+    };
+  }, [runCounter]);
+  const handleClose = () => {
+    cancelRef.current = true;
+    if (onCancel) onCancel();
+    onClose();
+  };
+  const handleRetry = () => {
+    if (attempt >= MAX_ATTEMPTS) {
+      handleClose();
+      return;
+    }
+    setAttempt((a) => a + 1);
+    setFailureCode(void 0);
+    setFailureAt(void 0);
+    setRunCounter((c) => c + 1);
+  };
+  const handleFallback = () => {
+    cancelRef.current = true;
+    if (onError) {
+      onError(
+        new NeoFaceError(
+          "Fluxo alternativo solicitado pelo usuário",
+          ErrorType.CONSENT_DENIED
+        )
+      );
+    }
+    onClose();
+  };
+  const gestureKey = currentGesture ? GESTURE_TO_GLYPH[currentGesture.gesture_key] ?? "center" : "center";
+  const instruction = currentGesture ? GESTURE_TO_INSTRUCTION[currentGesture.gesture_key] ?? "Siga a instrução" : "Preparando a câmera…";
+  if (phase === "success") {
+    return /* @__PURE__ */ jsx(Sheet, { open: true, dismissOnOverlay: false, ariaLabel: "Identidade confirmada", children: /* @__PURE__ */ jsx(AuthorizeSuccess, { appName: headerAppName, onContinue: onClose }) });
+  }
+  if (phase === "permission-denied") {
+    return /* @__PURE__ */ jsx(Sheet, { open: true, dismissOnOverlay: false, ariaLabel: "Câmera bloqueada", children: /* @__PURE__ */ jsx(AuthorizePermissionDenied, { onFallback: handleFallback, onCancel: handleClose }) });
+  }
+  if (phase === "failure") {
+    return /* @__PURE__ */ jsx(Sheet, { open: true, dismissOnOverlay: false, ariaLabel: "Não foi possível confirmar", children: /* @__PURE__ */ jsx(
+      AuthorizeFailure,
+      {
+        errorCode: failureCode,
+        attempt,
+        maxAttempts: MAX_ATTEMPTS,
+        timestamp: failureAt,
+        onRetry: handleRetry,
+        onFallback: handleFallback
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(Sheet, { open: true, onDismiss: void 0, dismissOnOverlay: false, ariaLabel: "Autorização por biometria", children: /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "nfid-authorize-close",
+        onClick: handleClose,
+        "aria-label": "Cancelar autorização",
+        children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "nfid-authorize-header", children: [
+      /* @__PURE__ */ jsx("span", { className: "nfid-authorize-appname", children: headerAppName }),
+      headerAmount && /* @__PURE__ */ jsxs("span", { className: "nfid-authorize-amount", children: [
+        "Autorizando ",
+        headerAmount
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "nfid-authorize-brand", children: "NeoFaceID" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(ChallengeRing, { progress, size: 220, children: /* @__PURE__ */ jsx("video", { ref: videoRef, className: "nfid-authorize-video", autoPlay: true, muted: true, playsInline: true }) }) }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", gap: 12, marginTop: 16 }, children: [
+      /* @__PURE__ */ jsx(ChallengeGlyph, { gesture: gestureKey, size: 40 }),
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "nfid-authorize-instruction",
+          "aria-live": "assertive",
+          style: { margin: 0 },
+          children: instruction
+        }
+      )
+    ] }),
+    phase === "preparing" && /* @__PURE__ */ jsx("p", { className: "nfid-authorize-support", children: "Ligando sua câmera…" }),
+    /* @__PURE__ */ jsx("div", { className: "nfid-authorize-actions", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: handleClose, children: "Não consigo fazer esse movimento" }) }),
+    /* @__PURE__ */ jsx("div", { className: "nfid-authorize-footer", children: /* @__PURE__ */ jsx("span", { className: "nfid-authorize-seal", children: "Protegido por NeoFaceID" }) })
+  ] }) });
+}
+async function progressiveHold(setter) {
+  const total = 1500;
+  const start2 = Date.now();
+  return new Promise((resolve) => {
+    const tick = () => {
+      const elapsed = Date.now() - start2;
+      const p = Math.min(1, elapsed / total);
+      setter(p);
+      if (elapsed >= total) resolve();
+      else setTimeout(tick, 50);
+    };
+    tick();
+  });
+}
+async function captureFrame(video) {
+  if (!video || video.videoWidth === 0) return null;
+  const canvas = document.createElement("canvas");
+  canvas.width = video.videoWidth;
+  canvas.height = video.videoHeight;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return null;
+  ctx.drawImage(video, 0, 0);
+  return canvas.toDataURL("image/jpeg", 0.85);
+}
+async function authorize(options) {
+  const consentAccepted = await requestConsent({
+    appName: options.appName,
+    flow: "verification"
+  });
+  if (!consentAccepted) {
+    if (options.onError) {
+      options.onError(new NeoFaceError("Consentimento recusado", ErrorType.CONSENT_DENIED));
+    }
+    return;
+  }
+  const container = document.createElement("div");
+  container.id = "neofaceid-authorize-container";
+  document.body.appendChild(container);
+  const root = createRoot(container);
+  const cleanup = () => {
+    root.unmount();
+    if (document.body.contains(container)) document.body.removeChild(container);
+  };
+  root.render(/* @__PURE__ */ jsx(AuthorizeModalComponent, { ...options, onClose: cleanup }));
+}
 const DOCUMENT_INFO = {
   RG: {
     name: "Documento de Identidade (RG / CIN / CPF)",
@@ -12986,6 +13904,7 @@ export {
   NeoFaceID,
   RELEASE_DATE,
   VERSION,
+  authorize,
   authorizeOperation,
   biometricLogin,
   biometricLoginWithFallback,