@neofaceid/web-sdk 1.28.0 → 1.28.1

package/dist/index.d.ts

@@ -195,7 +195,7 @@ declare interface BiometricRegistrationCallbacks {
     onError(code: string, message: string): void;
 }
 
-export declare function BiometricRegistrationModal({ personData, applicationToken, onClose, onSuccess, onPhotosCaptured, onError, }: BiometricRegistrationModalProps): JSX_2.Element;
+export declare function BiometricRegistrationModal({ personData, applicationToken, onClose, onSuccess, onPhotosCaptured, onError, onCannotGesture, }: BiometricRegistrationModalProps): JSX_2.Element;
 
 declare interface BiometricRegistrationModalProps {
     personData?: {
@@ -211,6 +211,13 @@ declare interface BiometricRegistrationModalProps {
     onPhotosCaptured?: (photos: Blob[]) => void;
     onError: (error: string) => void;
     useRealApi?: boolean;
+    /**
+     * NEO-410 · US14.3 — callback disparado pelo botão "Não consigo fazer esse movimento",
+     * visível desde o PRIMEIRO desafio. O consumidor decide o que fazer (abrir fallback
+     * próprio, pedir vivacidade passiva ao backend, cair para email/senha). Se ausente,
+     * o clique fecha o modal via `onClose`.
+     */
+    onCannotGesture?: () => void;
 }
 
 declare interface BiometricRegistrationResult {
@@ -532,12 +539,17 @@ export declare enum ErrorType {
     CONSENT_DENIED = "ConsentDeniedError"
 }
 
-export declare function FaceCaptureModal({ accessToken, onClose, onSuccess }: FaceCaptureModalProps): JSX_2.Element;
+export declare function FaceCaptureModal({ accessToken, onClose, onSuccess, onCannotGesture, }: FaceCaptureModalProps): JSX_2.Element;
 
 declare interface FaceCaptureModalProps {
     accessToken: string;
     onClose: () => void;
     onSuccess: (result: RecognitionResult) => void;
+    /**
+     * NEO-410 · US14.3 — callback do botão "Não consigo fazer esse movimento",
+     * visível desde o PRIMEIRO desafio. Ausente = clique fecha o modal.
+     */
+    onCannotGesture?: () => void;
 }
 
 /**
@@ -1361,6 +1373,8 @@ export declare const simpleIdentification: (documentType: string, documentNumber
 
 export declare function start(applicationToken: string, callbacks: Callbacks, options?: {
     appName?: string;
+    /** NEO-410 · US14.3 — botão "Não consigo fazer esse movimento" visível desde o 1º desafio. */
+    onCannotGesture?: () => void;
 }): void;
 
 /**
@@ -1384,6 +1398,8 @@ export declare function startBiometricRegistration(personData: {
 }, applicationToken: string, callbacks: BiometricRegistrationCallbacks, options?: {
     useRealApi?: boolean;
     appName?: string;
+    /** NEO-410 · US14.3 — botão "Não consigo fazer esse movimento" visível desde o 1º desafio. */
+    onCannotGesture?: () => void;
 }): void;
 
 /**
@@ -1415,6 +1431,8 @@ export declare function startLivenessCapture(applicationToken: string, callbacks
     onCancel?(): void;
 }, options?: {
     appName?: string;
+    /** NEO-410 · US14.3 — botão "Não consigo fazer esse movimento" visível desde o 1º desafio. */
+    onCannotGesture?: () => void;
 }): void;
 
 /**
@@ -1494,7 +1512,7 @@ export declare const validateToken: (applicationToken: string) => Promise<boolea
  * MINOR: Incrementado quando adicionamos funcionalidades mantendo compatibilidade
  * PATCH: Incrementado quando corrigimos bugs mantendo compatibilidade
  */
-export declare const VERSION = "1.28.0";
+export declare const VERSION = "1.28.1";
 
 /**
  * Executa `fn(sessionId)`. Se o servidor devolver 410 (sessão consumida/expirada),

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

@@ -6101,7 +6101,12 @@ const keyframes = `
     100% { transform: translate(-50%, -50%) rotate(360deg); }
   }
 `;
-function FaceCaptureModal({ accessToken, onClose, onSuccess }) {
+function FaceCaptureModal({
+  accessToken,
+  onClose,
+  onSuccess,
+  onCannotGesture
+}) {
   const videoRef = useRef(null);
   const canvasRef = useRef(null);
   const streamRef = useRef(null);
@@ -6246,8 +6251,39 @@ function FaceCaptureModal({ accessToken, onClose, onSuccess }) {
       /* @__PURE__ */ jsx("video", { ref: videoRef, style: styles.video, autoPlay: true, playsInline: true, muted: true }),
       /* @__PURE__ */ jsx("canvas", { ref: canvasRef, style: styles.canvas }),
       /* @__PURE__ */ jsx("div", { style: styles.guide }),
-      state.status === "ready" && !faceDetected && /* @__PURE__ */ jsx("div", { style: styles.message, children: "Centralize seu rosto no círculo" }),
-      state.status === "capturing" && /* @__PURE__ */ jsx("div", { style: styles.message, children: "Por favor, pisque os olhos" }),
+      state.status === "ready" && !faceDetected && /* @__PURE__ */ jsx("div", { style: styles.message, "aria-live": "assertive", children: "Centralize seu rosto no círculo" }),
+      state.status === "capturing" && /* @__PURE__ */ jsx("div", { style: styles.message, "aria-live": "assertive", children: "Por favor, pisque os olhos" }),
+      (state.status === "ready" || state.status === "capturing") && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "neofaceid-face-cannot-gesture",
+          onClick: () => {
+            if (onCannotGesture) onCannotGesture();
+            else onClose();
+          },
+          "aria-label": "Não consigo fazer esse movimento — buscar alternativa",
+          style: {
+            position: "absolute",
+            bottom: 100,
+            left: "50%",
+            transform: "translateX(-50%)",
+            minHeight: 44,
+            minWidth: 44,
+            padding: "10px 20px",
+            background: "transparent",
+            border: "1px solid rgba(255, 255, 255, 0.32)",
+            borderRadius: 22,
+            color: "rgba(255, 255, 255, 0.9)",
+            fontSize: 14,
+            fontWeight: 500,
+            fontFamily: "inherit",
+            cursor: "pointer",
+            zIndex: 10
+          },
+          children: "Não consigo fazer esse movimento"
+        }
+      ),
       state.status === "uploading" && /* @__PURE__ */ jsx("div", { style: styles.spinner }),
       state.status === "success" && /* @__PURE__ */ jsx("div", { style: styles.message, children: "Autenticado!" }),
       state.status === "error" && /* @__PURE__ */ jsx("div", { style: styles.message, children: state.message }),
@@ -6694,7 +6730,8 @@ function BiometricRegistrationModal({
   onClose,
   onSuccess,
   onPhotosCaptured,
-  onError
+  onError,
+  onCannotGesture
 }) {
   const videoRef = useRef(null);
   const canvasRef = useRef(null);
@@ -7236,9 +7273,22 @@ function BiometricRegistrationModal({
         }
       ) }),
       /* @__PURE__ */ jsxs("div", { className: "instruction-box", children: [
-        /* @__PURE__ */ jsx("p", { className: "instruction-text", children: livenessInstructions[state.step] }),
+        /* @__PURE__ */ jsx("p", { className: "instruction-text", "aria-live": "assertive", children: livenessInstructions[state.step] }),
         stepProgress > 0 && /* @__PURE__ */ jsx("div", { className: "progress-bar", children: /* @__PURE__ */ jsx("div", { className: "progress-fill", style: { width: `${stepProgress}%` } }) })
       ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "cannot-gesture-button",
+          onClick: () => {
+            if (onCannotGesture) onCannotGesture();
+            else onClose();
+          },
+          "aria-label": "Não consigo fazer esse movimento — buscar alternativa",
+          children: "Não consigo fazer esse movimento"
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "branding-small", children: [
         /* @__PURE__ */ jsx(
           "span",
@@ -7811,6 +7861,31 @@ function BiometricRegistrationModal({
           transition: width 0.05s linear;
         }
 
+        /* NEO-410 · US14.3 — botão "Não consigo fazer esse movimento" */
+        .cannot-gesture-button {
+          margin-top: 16px;
+          min-height: 44px;
+          min-width: 44px;
+          padding: 10px 20px;
+          background: transparent;
+          border: 1px solid rgba(255, 255, 255, 0.28);
+          border-radius: 22px;
+          color: rgba(255, 255, 255, 0.85);
+          font-size: 14px;
+          font-weight: 500;
+          font-family: inherit;
+          cursor: pointer;
+          transition: background 120ms ease-out, border-color 120ms ease-out;
+        }
+        .cannot-gesture-button:hover {
+          background: rgba(255, 255, 255, 0.08);
+          border-color: rgba(255, 255, 255, 0.42);
+        }
+        .cannot-gesture-button:focus-visible {
+          outline: 2px solid #0059C4;
+          outline-offset: 2px;
+        }
+
         .branding-small {
           position: absolute;
           bottom: 24px;
@@ -10565,7 +10640,7 @@ const biometricDetection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   initializeBiometricDetection,
   isAdvancedDetectionAvailable
 }, Symbol.toStringTag, { value: "Module" }));
-const VERSION = "1.28.0";
+const VERSION = "1.28.1";
 const RELEASE_DATE = "2026-09-01";
 let cachedSession = null;
 function getCachedCaptureSession() {
@@ -12561,7 +12636,8 @@ function start(applicationToken, callbacks, options) {
             email: result.data.faceId,
             documentId: result.data.faceId
           });
-        }
+        },
+        onCannotGesture: options == null ? void 0 : options.onCannotGesture
       });
       const root = createRoot(container);
       root.render(modalElement);
@@ -12603,7 +12679,8 @@ function startBiometricRegistration(personData, applicationToken, callbacks, opt
         onError: (error) => {
           cleanup();
           callbacks.onError("BIOMETRIC_REGISTRATION_ERROR", error);
-        }
+        },
+        onCannotGesture: options == null ? void 0 : options.onCannotGesture
       });
       rootRef = createRoot(container);
       rootRef.render(modalElement);
@@ -12650,7 +12727,8 @@ function startLivenessCapture(applicationToken, callbacks, options) {
         onError: (error) => {
           cleanup();
           callbacks.onError("LIVENESS_CAPTURE_ERROR", error);
-        }
+        },
+        onCannotGesture: options == null ? void 0 : options.onCannotGesture
       });
       rootRef = createRoot(container);
       rootRef.render(modalElement);