@neofaceid/web-sdk 1.29.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";
@@ -4342,21 +4342,218 @@ object({
   task_id: string().optional(),
   status: string().optional()
 });
+const BLUE = {
+  400: "#00B0F8",
+  500: "#0091F6",
+  700: "#0059C4"
+};
+const GOLD = {
+  500: "#F1BE00"
+};
+const INK = {
+  25: "#F7F9FC",
+  50: "#F1F5FA",
+  100: "#E6ECF4",
+  300: "#AFBDCE",
+  400: "#8496AD",
+  500: "#617489",
+  600: "#48586B",
+  800: "#1E2B3C",
+  900: "#111C2B",
+  950: "#0A1320"
+};
+const LIGHT_TOKENS = {
+  ground: INK[25],
+  surface: "#FFFFFF",
+  surfaceMuted: INK[50],
+  line: INK[100],
+  text: INK[950],
+  textMuted: INK[600],
+  textSubtle: INK[500],
+  action: BLUE[700],
+  actionText: "#FFFFFF",
+  accent: GOLD[500],
+  overlay: "rgba(10,19,32,.55)",
+  focusRing: BLUE[700]
+};
+const DARK_TOKENS = {
+  ground: INK[950],
+  surface: INK[900],
+  surfaceMuted: INK[800],
+  line: "#22334D",
+  text: "#EEF3F9",
+  textMuted: INK[300],
+  textSubtle: INK[400],
+  action: BLUE[500],
+  actionText: "#FFFFFF",
+  accent: GOLD[500],
+  overlay: "rgba(10,19,32,.72)",
+  focusRing: BLUE[400]
+};
+function contrastRatio(hexA, hexB) {
+  const lumA = luminance(hexA);
+  const lumB = luminance(hexB);
+  const [hi, lo] = lumA > lumB ? [lumA, lumB] : [lumB, lumA];
+  return (hi + 0.05) / (lo + 0.05);
+}
+function luminance(hex) {
+  const [r, g, b] = parseHex(hex).map((v) => {
+    const s = v / 255;
+    return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+function parseHex(hex) {
+  let h = hex.trim().replace("#", "");
+  if (h.length === 3) h = h.split("").map((c) => c + c).join("");
+  if (!/^[0-9a-fA-F]{6}$/.test(h)) return [0, 0, 0];
+  return [
+    parseInt(h.slice(0, 2), 16),
+    parseInt(h.slice(2, 4), 16),
+    parseInt(h.slice(4, 6), 16)
+  ];
+}
+const ALLOWED_RADIUS = [8, 16, 24];
+function resolveTheme(options = {}) {
+  const mode = resolveMode(options.theme);
+  const tokens = mode === "dark" ? { ...DARK_TOKENS } : { ...LIGHT_TOKENS };
+  let radius = 16;
+  if (options.radius !== void 0) {
+    if (ALLOWED_RADIUS.includes(options.radius)) {
+      radius = options.radius;
+    } else {
+      console.warn(
+        `[NeoFaceID SDK] radius ${options.radius} inválido — permitidos: 8, 16, 24. Usando 16.`
+      );
+    }
+  }
+  let accent = tokens.action;
+  let accentFellBack = false;
+  if (options.accent) {
+    const ratio = contrastRatio(options.accent, "#FFFFFF");
+    if (ratio >= 4.5) {
+      accent = options.accent;
+    } else {
+      accentFellBack = true;
+      console.warn(
+        `[NeoFaceID SDK] accent ${options.accent} reprova AA vs branco (${ratio.toFixed(2)}:1). Usando ${BLUE[700]}.`
+      );
+      accent = BLUE[700];
+    }
+  }
+  return { mode, tokens: { ...tokens, action: accent }, radius, accent, accentFellBack };
+}
+function resolveMode(theme) {
+  if (theme === "dark") return "dark";
+  if (theme === "light") return "light";
+  if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
+    if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
+  }
+  return "light";
+}
+const CSS_VAR = {
+  ground: "--nfid-ground",
+  surface: "--nfid-surface",
+  surfaceMuted: "--nfid-surface-muted",
+  line: "--nfid-line",
+  text: "--nfid-text",
+  textMuted: "--nfid-text-muted",
+  textSubtle: "--nfid-text-subtle",
+  action: "--nfid-action",
+  actionText: "--nfid-action-text",
+  accent: "--nfid-accent",
+  overlay: "--nfid-overlay",
+  focusRing: "--nfid-focus-ring",
+  radius: "--nfid-radius"
+};
+const INJECTED_STYLE_ID = "neofaceid-focus-frame-tokens";
+function injectThemeStyles$1(options = {}) {
+  const resolved = resolveTheme(options);
+  if (typeof document === "undefined") return resolved;
+  const css = buildRootCss(resolved);
+  const existing = document.getElementById(INJECTED_STYLE_ID);
+  if (existing) {
+    if (existing.textContent !== css) existing.textContent = css;
+    return resolved;
+  }
+  const style = document.createElement("style");
+  style.id = INJECTED_STYLE_ID;
+  style.textContent = css;
+  document.head.appendChild(style);
+  return resolved;
+}
+function buildRootCss(theme) {
+  const t = theme.tokens;
+  return `.neofaceid-root {
+  ${CSS_VAR.ground}: ${t.ground};
+  ${CSS_VAR.surface}: ${t.surface};
+  ${CSS_VAR.surfaceMuted}: ${t.surfaceMuted};
+  ${CSS_VAR.line}: ${t.line};
+  ${CSS_VAR.text}: ${t.text};
+  ${CSS_VAR.textMuted}: ${t.textMuted};
+  ${CSS_VAR.textSubtle}: ${t.textSubtle};
+  ${CSS_VAR.action}: ${t.action};
+  ${CSS_VAR.actionText}: ${t.actionText};
+  ${CSS_VAR.accent}: ${t.accent};
+  ${CSS_VAR.overlay}: ${t.overlay};
+  ${CSS_VAR.focusRing}: ${t.focusRing};
+  ${CSS_VAR.radius}: ${theme.radius}px;
+  color: var(${CSS_VAR.text});
+  font-family: inherit;
+}
+.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) {
+  if (typeof document === "undefined") return;
+  const existing = document.getElementById(id);
+  if (existing) {
+    if (existing.textContent !== css) existing.textContent = css;
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = id;
+  style.textContent = css;
+  document.head.appendChild(style);
+}
 const __vite_import_meta_env__ = {};
 const ENVIRONMENT_URLS = {
   development: "http://localhost:8000",
   sandbox: "https://sandbox-core.neofaceid.com",
   production: "https://core.neofaceid.com.br"
 };
-let globalConfig = {
-  baseUrl: ENVIRONMENT_URLS.sandbox,
-  // Default para sandbox
-  applicationToken: null,
-  environment: "sandbox",
-  initialized: false
-};
+const DEFAULT_LOCALE = "pt-BR";
+const DEFAULT_RADIUS = 16;
+const DEFAULT_THEME = "light";
+const ALLOWED_RADII = [8, 16, 24];
+function makeDefaultConfig() {
+  return {
+    baseUrl: ENVIRONMENT_URLS.sandbox,
+    applicationToken: null,
+    environment: "sandbox",
+    initialized: false,
+    appName: null,
+    accent: null,
+    radius: DEFAULT_RADIUS,
+    theme: DEFAULT_THEME,
+    locale: DEFAULT_LOCALE,
+    resolvedTheme: null
+  };
+}
+let globalConfig = makeDefaultConfig();
 function init(options = {}) {
-  const { environment, baseUrl, applicationToken } = options;
+  const { environment, baseUrl, applicationToken, appName, accent, radius, theme, locale } = options;
   if (baseUrl) {
     globalConfig.baseUrl = baseUrl;
     globalConfig.environment = "custom";
@@ -4383,9 +4580,40 @@ function init(options = {}) {
       "[NeoFaceID SDK] applicationToken vazio em init() — 401 esperado em chamadas autenticadas."
     );
   }
+  if (appName && appName.trim()) {
+    globalConfig.appName = appName.trim();
+  } else if (appName !== void 0) {
+    console.warn(
+      '[NeoFaceID SDK] init({ appName }) vazio — modais cairão para o fallback "sua aplicação".'
+    );
+  }
+  if (radius !== void 0) {
+    if (ALLOWED_RADII.includes(radius)) {
+      globalConfig.radius = radius;
+    } else {
+      console.warn(
+        `[NeoFaceID SDK] radius ${radius} inválido em init() — permitidos: 8, 16, 24. Usando 16.`
+      );
+      globalConfig.radius = DEFAULT_RADIUS;
+    }
+  }
+  if (theme) globalConfig.theme = theme;
+  if (locale) globalConfig.locale = locale;
+  if (accent !== void 0) globalConfig.accent = accent;
+  const resolved = resolveTheme({
+    accent: globalConfig.accent ?? void 0,
+    radius: globalConfig.radius,
+    theme: globalConfig.theme
+  });
+  globalConfig.resolvedTheme = resolved;
+  injectThemeStyles$1({
+    accent: globalConfig.accent ?? void 0,
+    radius: globalConfig.radius,
+    theme: globalConfig.theme
+  });
   globalConfig.initialized = true;
   console.log(
-    `[NeoFaceID SDK] Inicializado - Ambiente: ${globalConfig.environment}, URL: ${globalConfig.baseUrl}`
+    `[NeoFaceID SDK] Inicializado — Ambiente: ${globalConfig.environment}, URL: ${globalConfig.baseUrl}, appName: ${globalConfig.appName ?? "(vazio)"}, theme: ${resolved.mode}, radius: ${globalConfig.radius}`
   );
 }
 function getBaseUrl() {
@@ -4406,6 +4634,25 @@ function isInitialized() {
 function getConfig() {
   return { ...globalConfig };
 }
+function getAppName() {
+  return globalConfig.appName;
+}
+function getAccent() {
+  return globalConfig.accent;
+}
+function getRadius() {
+  return globalConfig.radius;
+}
+function getTheme() {
+  return globalConfig.theme;
+}
+function getResolvedThemeMode() {
+  var _a2;
+  return ((_a2 = globalConfig.resolvedTheme) == null ? void 0 : _a2.mode) ?? (globalConfig.theme === "dark" ? "dark" : "light");
+}
+function getLocale() {
+  return globalConfig.locale;
+}
 const getApiBaseUrl = () => getBaseUrl();
 const REQUEST_TIMEOUT = 1e4;
 const ensureSecureContext = () => {
@@ -5897,251 +6144,75 @@ const identifyPersonAsync = async (image, applicationToken, options = {}) => {
       return { personFound: false };
     }
     await new Promise((resolve) => setTimeout(resolve, interval));
-  }
-  throw new NeoFaceError("Timed out waiting for identification", ErrorType.NETWORK_ERROR);
-};
-async function requestPasswordReset(email2, applicationToken) {
-  const baseUrl = getBaseUrl();
-  const response = await fetch(`${baseUrl}/api/v1/user/password/reset/request/`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      "X-App-Token": applicationToken
-    },
-    body: JSON.stringify({ email: email2 })
-  });
-  if (!response.ok) {
-    const errorData = await response.json();
-    throw new NeoFaceError(
-      errorData.message || "Erro ao solicitar recuperação de senha",
-      ErrorType.API_ERROR
-    );
-  }
-  return response.json();
-}
-async function confirmPasswordReset(token, new_password) {
-  const baseUrl = getBaseUrl();
-  const response = await fetch(`${baseUrl}/api/v1/user/password/reset/confirm/`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify({ token, new_password })
-  });
-  if (!response.ok) {
-    const errorData = await response.json();
-    throw new NeoFaceError(
-      errorData.error || errorData.message || "Erro ao redefinir senha",
-      ErrorType.API_ERROR
-    );
-  }
-  return response.json();
-}
-const api = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  checkUserExistence,
-  completeOnboarding,
-  completeOnboardingWithData,
-  confirmPasswordReset,
-  getOnboardingDetails,
-  getTaskStatus,
-  identifyPerson,
-  identifyPersonAsync,
-  loginWithBiometric,
-  loginWithEmail,
-  pollTaskStatus,
-  recognize,
-  recognizeBiometric,
-  recognizeByPurpose,
-  recordFaceVideo,
-  registerApplication,
-  registerBiometric,
-  registerDocumentByImage,
-  registerPersonWithBiometric,
-  registerPersonWithoutFace,
-  requestPasswordReset,
-  simpleIdentification,
-  startProofOfLife,
-  validateOnboardingToken,
-  validateToken,
-  videoToBase64
-}, Symbol.toStringTag, { value: "Module" }));
-const BLUE = {
-  400: "#00B0F8",
-  500: "#0091F6",
-  700: "#0059C4"
-};
-const GOLD = {
-  500: "#F1BE00"
-};
-const INK = {
-  25: "#F7F9FC",
-  50: "#F1F5FA",
-  100: "#E6ECF4",
-  300: "#AFBDCE",
-  400: "#8496AD",
-  500: "#617489",
-  600: "#48586B",
-  800: "#1E2B3C",
-  900: "#111C2B",
-  950: "#0A1320"
-};
-const LIGHT_TOKENS = {
-  ground: INK[25],
-  surface: "#FFFFFF",
-  surfaceMuted: INK[50],
-  line: INK[100],
-  text: INK[950],
-  textMuted: INK[600],
-  textSubtle: INK[500],
-  action: BLUE[700],
-  actionText: "#FFFFFF",
-  accent: GOLD[500],
-  overlay: "rgba(10,19,32,.55)",
-  focusRing: BLUE[700]
-};
-const DARK_TOKENS = {
-  ground: INK[950],
-  surface: INK[900],
-  surfaceMuted: INK[800],
-  line: "#22334D",
-  text: "#EEF3F9",
-  textMuted: INK[300],
-  textSubtle: INK[400],
-  action: BLUE[500],
-  actionText: "#FFFFFF",
-  accent: GOLD[500],
-  overlay: "rgba(10,19,32,.72)",
-  focusRing: BLUE[400]
-};
-function contrastRatio(hexA, hexB) {
-  const lumA = luminance(hexA);
-  const lumB = luminance(hexB);
-  const [hi, lo] = lumA > lumB ? [lumA, lumB] : [lumB, lumA];
-  return (hi + 0.05) / (lo + 0.05);
-}
-function luminance(hex) {
-  const [r, g, b] = parseHex(hex).map((v) => {
-    const s = v / 255;
-    return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
-  });
-  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-}
-function parseHex(hex) {
-  let h = hex.trim().replace("#", "");
-  if (h.length === 3) h = h.split("").map((c) => c + c).join("");
-  if (!/^[0-9a-fA-F]{6}$/.test(h)) return [0, 0, 0];
-  return [
-    parseInt(h.slice(0, 2), 16),
-    parseInt(h.slice(2, 4), 16),
-    parseInt(h.slice(4, 6), 16)
-  ];
-}
-const ALLOWED_RADIUS = [8, 16, 24];
-function resolveTheme(options = {}) {
-  const mode = resolveMode(options.theme);
-  const tokens = mode === "dark" ? { ...DARK_TOKENS } : { ...LIGHT_TOKENS };
-  let radius = 16;
-  if (options.radius !== void 0) {
-    if (ALLOWED_RADIUS.includes(options.radius)) {
-      radius = options.radius;
-    } else {
-      console.warn(
-        `[NeoFaceID SDK] radius ${options.radius} inválido — permitidos: 8, 16, 24. Usando 16.`
-      );
-    }
-  }
-  let accent = tokens.action;
-  let accentFellBack = false;
-  if (options.accent) {
-    const ratio = contrastRatio(options.accent, "#FFFFFF");
-    if (ratio >= 4.5) {
-      accent = options.accent;
-    } else {
-      accentFellBack = true;
-      console.warn(
-        `[NeoFaceID SDK] accent ${options.accent} reprova AA vs branco (${ratio.toFixed(2)}:1). Usando ${BLUE[700]}.`
-      );
-      accent = BLUE[700];
-    }
-  }
-  return { mode, tokens: { ...tokens, action: accent }, radius, accent, accentFellBack };
-}
-function resolveMode(theme) {
-  if (theme === "dark") return "dark";
-  if (theme === "light") return "light";
-  if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
-  }
-  return "light";
-}
-const CSS_VAR = {
-  ground: "--nfid-ground",
-  surface: "--nfid-surface",
-  surfaceMuted: "--nfid-surface-muted",
-  line: "--nfid-line",
-  text: "--nfid-text",
-  textMuted: "--nfid-text-muted",
-  textSubtle: "--nfid-text-subtle",
-  action: "--nfid-action",
-  actionText: "--nfid-action-text",
-  accent: "--nfid-accent",
-  overlay: "--nfid-overlay",
-  focusRing: "--nfid-focus-ring",
-  radius: "--nfid-radius"
+  }
+  throw new NeoFaceError("Timed out waiting for identification", ErrorType.NETWORK_ERROR);
 };
-const INJECTED_STYLE_ID = "neofaceid-focus-frame-tokens";
-function injectThemeStyles$1(options = {}) {
-  const resolved = resolveTheme(options);
-  if (typeof document === "undefined") return resolved;
-  const css = buildRootCss(resolved);
-  const existing = document.getElementById(INJECTED_STYLE_ID);
-  if (existing) {
-    if (existing.textContent !== css) existing.textContent = css;
-    return resolved;
+async function requestPasswordReset(email2, applicationToken) {
+  const baseUrl = getBaseUrl();
+  const response = await fetch(`${baseUrl}/api/v1/user/password/reset/request/`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      "X-App-Token": applicationToken
+    },
+    body: JSON.stringify({ email: email2 })
+  });
+  if (!response.ok) {
+    const errorData = await response.json();
+    throw new NeoFaceError(
+      errorData.message || "Erro ao solicitar recuperação de senha",
+      ErrorType.API_ERROR
+    );
   }
-  const style = document.createElement("style");
-  style.id = INJECTED_STYLE_ID;
-  style.textContent = css;
-  document.head.appendChild(style);
-  return resolved;
-}
-function buildRootCss(theme) {
-  const t = theme.tokens;
-  return `.neofaceid-root {
-  ${CSS_VAR.ground}: ${t.ground};
-  ${CSS_VAR.surface}: ${t.surface};
-  ${CSS_VAR.surfaceMuted}: ${t.surfaceMuted};
-  ${CSS_VAR.line}: ${t.line};
-  ${CSS_VAR.text}: ${t.text};
-  ${CSS_VAR.textMuted}: ${t.textMuted};
-  ${CSS_VAR.textSubtle}: ${t.textSubtle};
-  ${CSS_VAR.action}: ${t.action};
-  ${CSS_VAR.actionText}: ${t.actionText};
-  ${CSS_VAR.accent}: ${t.accent};
-  ${CSS_VAR.overlay}: ${t.overlay};
-  ${CSS_VAR.focusRing}: ${t.focusRing};
-  ${CSS_VAR.radius}: ${theme.radius}px;
-  color: var(${CSS_VAR.text});
-  font-family: inherit;
-}
-.neofaceid-root :focus-visible {
-  outline: 2px solid var(${CSS_VAR.focusRing});
-  outline-offset: 2px;
-}`;
+  return response.json();
 }
-function injectScopedStyles$1(id, css) {
-  if (typeof document === "undefined") return;
-  const existing = document.getElementById(id);
-  if (existing) {
-    if (existing.textContent !== css) existing.textContent = css;
-    return;
+async function confirmPasswordReset(token, new_password) {
+  const baseUrl = getBaseUrl();
+  const response = await fetch(`${baseUrl}/api/v1/user/password/reset/confirm/`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ token, new_password })
+  });
+  if (!response.ok) {
+    const errorData = await response.json();
+    throw new NeoFaceError(
+      errorData.error || errorData.message || "Erro ao redefinir senha",
+      ErrorType.API_ERROR
+    );
   }
-  const style = document.createElement("style");
-  style.id = id;
-  style.textContent = css;
-  document.head.appendChild(style);
+  return response.json();
 }
+const api = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  checkUserExistence,
+  completeOnboarding,
+  completeOnboardingWithData,
+  confirmPasswordReset,
+  getOnboardingDetails,
+  getTaskStatus,
+  identifyPerson,
+  identifyPersonAsync,
+  loginWithBiometric,
+  loginWithEmail,
+  pollTaskStatus,
+  recognize,
+  recognizeBiometric,
+  recognizeByPurpose,
+  recordFaceVideo,
+  registerApplication,
+  registerBiometric,
+  registerDocumentByImage,
+  registerPersonWithBiometric,
+  registerPersonWithoutFace,
+  requestPasswordReset,
+  simpleIdentification,
+  startProofOfLife,
+  validateOnboardingToken,
+  validateToken,
+  videoToBase64
+}, Symbol.toStringTag, { value: "Module" }));
 const modalReducer$1 = (state, action) => {
   switch (action.type) {
     case "PERMISSION_GRANTED":
@@ -8668,10 +8739,11 @@ class ConsentModal {
 }
 const DEFAULT_APP_NAME = "sua aplicação";
 function requestConsent(info = {}) {
-  const appName = info.appName ?? DEFAULT_APP_NAME;
-  if (!info.appName) {
+  const globalAppName = getAppName();
+  const appName = info.appName ?? globalAppName ?? DEFAULT_APP_NAME;
+  if (!info.appName && !globalAppName) {
     console.warn(
-      '[NeoFaceID SDK] requestConsent chamado sem appName — usando fallback "sua aplicação". Passe o nome do integrador via NeoFaceSDK.init({ appName }).'
+      '[NeoFaceID SDK] requestConsent sem appName — usando fallback "sua aplicação". Passe via NeoFaceSDK.init({ appName }) ou opts do caller.'
     );
   }
   const flow = info.flow ?? "verification";
@@ -8710,7 +8782,7 @@ class BiometricCaptureModal {
     try {
       await this.createModal();
       await this.initializeCamera();
-      this.startCountdown();
+      this.enableCaptureButton();
     } catch (error) {
       this.options.onError(
         new NeoFaceError(
@@ -8743,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>
@@ -8752,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">
@@ -8765,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>
     `;
@@ -8801,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
@@ -9018,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;
@@ -9087,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 {
@@ -10808,7 +10860,7 @@ const biometricDetection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   initializeBiometricDetection,
   isAdvancedDetectionAvailable
 }, Symbol.toStringTag, { value: "Module" }));
-const VERSION = "1.29.0";
+const VERSION = "1.31.0";
 const RELEASE_DATE = "2026-09-02";
 let cachedSession = null;
 function getCachedCaptureSession() {
@@ -11122,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();
@@ -11145,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");
@@ -11765,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)",
@@ -12923,6 +13526,7 @@ export {
   NeoFaceID,
   RELEASE_DATE,
   VERSION,
+  authorize,
   authorizeOperation,
   biometricLogin,
   biometricLoginWithFallback,
@@ -12931,11 +13535,17 @@ export {
   completeOnboardingWithData,
   confirmPasswordReset,
   detectBiometricType,
+  getAccent,
+  getAppName,
   getApplicationToken,
   getBaseUrl,
   getCachedCaptureSession,
   getConfig,
   getEnvironment,
+  getLocale,
+  getRadius,
+  getResolvedThemeMode,
+  getTheme,
   identifyPerson,
   identifyPersonAsync,
   init,