@neofaceid/web-sdk 1.30.0 → 1.31.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";
@@ -4504,6 +4504,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 +8782,7 @@ class BiometricCaptureModal {
     try {
       await this.createModal();
       await this.initializeCamera();
-      this.startCountdown();
+      this.enableCaptureButton();
     } catch (error) {
       this.options.onError(
         new NeoFaceError(
@@ -8806,7 +8815,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 +8824,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 +8834,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 +8873,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 +9072,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 +9145,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 {
@@ -10871,7 +10860,7 @@ const biometricDetection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   initializeBiometricDetection,
   isAdvancedDetectionAvailable
 }, Symbol.toStringTag, { value: "Module" }));
-const VERSION = "1.30.0";
+const VERSION = "1.31.0";
 const RELEASE_DATE = "2026-09-02";
 let cachedSession = null;
 function getCachedCaptureSession() {
@@ -11185,6 +11174,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 +11200,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 +11822,552 @@ 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"];
+  }
+}
+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)}`;
+  }
+}
+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 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;
+    async function run() {
+      try {
+        stream = await navigator.mediaDevices.getUserMedia({
+          video: { facingMode: "user", width: { ideal: 1280 }, height: { ideal: 720 } }
+        });
+        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] : [];
+          }
+        });
+        setPhase("done");
+        if (onSuccess) onSuccess(result);
+        onClose();
+      } catch (err) {
+        const nfe = err instanceof NeoFaceError ? err : new NeoFaceError(err instanceof Error ? err.message : "Falha", ErrorType.UNKNOWN);
+        if (onError) onError(nfe);
+        onClose();
+      } finally {
+        if (stream) stream.getTracks().forEach((t) => t.stop());
+      }
+    }
+    run();
+    return () => {
+      cancelRef.current = true;
+      if (stream) stream.getTracks().forEach((t) => t.stop());
+    };
+  }, []);
+  const handleClose = () => {
+    cancelRef.current = true;
+    if (onCancel) onCancel();
+    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…";
+  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 +13526,7 @@ export {
   NeoFaceID,
   RELEASE_DATE,
   VERSION,
+  authorize,
   authorizeOperation,
   biometricLogin,
   biometricLoginWithFallback,