@neofaceid/web-sdk 1.13.0 → 1.14.0

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

@@ -1841,11 +1841,13 @@ const registerPersonWithoutFace = async (personData, applicationToken, options)
       password_confirm: personData.password
     };
     if (documentFrontBase64) {
-      body.document_images = [{
-        front: documentFrontBase64,
-        back: documentBackBase64 || void 0,
-        type: (options == null ? void 0 : options.documentType) || "RG"
-      }];
+      body.document_images = [
+        {
+          front: documentFrontBase64,
+          back: documentBackBase64 || void 0,
+          type: (options == null ? void 0 : options.documentType) || "RG"
+        }
+      ];
     }
     const response = await fetch(`${getApiBaseUrl()}/api/v1/signup/donor/`, {
       method: "POST",
@@ -1935,11 +1937,13 @@ const registerPersonWithBiometric = async (personData, facePhotos, applicationTo
       face_photos: facePhotosBase64
     };
     if (documentFrontBase64) {
-      body.document_images = [{
-        front: documentFrontBase64,
-        back: documentBackBase64 || void 0,
-        type: (options == null ? void 0 : options.documentType) || "RG"
-      }];
+      body.document_images = [
+        {
+          front: documentFrontBase64,
+          back: documentBackBase64 || void 0,
+          type: (options == null ? void 0 : options.documentType) || "RG"
+        }
+      ];
     }
     const response = await fetch(`${getApiBaseUrl()}/api/v1/signup/donor/`, {
       method: "POST",
@@ -2288,13 +2292,30 @@ const registerApplication = async (jwtToken, consumerId, applicationData) => {
 };
 const recordFaceVideo = async (options = {}) => {
   ensureSecureContext();
-  const { durationMs = 3e3, mimeType = "video/webm", onProgress } = options;
+  const { durationMs = 3e3, onProgress } = options;
+  const getSupportedMimeType = () => {
+    const types = [
+      "video/mp4;codecs=avc1",
+      // iOS Safari (prioritário quando disponível)
+      "video/mp4",
+      // iOS Safari fallback
+      "video/webm;codecs=vp9",
+      // Chrome/Firefox
+      "video/webm;codecs=vp8",
+      // Chrome/Firefox fallback
+      "video/webm"
+      // Android Chrome
+    ];
+    for (const type of types) {
+      if (MediaRecorder.isTypeSupported(type)) return type;
+    }
+    return "";
+  };
   return new Promise(async (resolve, reject) => {
-    let stream = null;
-    let mediaRecorder = null;
+    let cameraStream = null;
     const chunks = [];
     try {
-      stream = await navigator.mediaDevices.getUserMedia({
+      cameraStream = await navigator.mediaDevices.getUserMedia({
         video: {
           facingMode: "user",
           width: { ideal: 640 },
@@ -2302,38 +2323,36 @@ const recordFaceVideo = async (options = {}) => {
         },
         audio: false
       });
-      let selectedMimeType = mimeType;
-      const mimeTypes = ["video/webm;codecs=vp9", "video/webm;codecs=vp8", "video/webm", "video/mp4"];
-      for (const type of mimeTypes) {
-        if (MediaRecorder.isTypeSupported(type)) {
-          selectedMimeType = type;
-          break;
-        }
-      }
-      mediaRecorder = new MediaRecorder(stream, {
-        mimeType: selectedMimeType,
-        videoBitsPerSecond: 1e6
-        // 1 Mbps
-      });
-      mediaRecorder.ondataavailable = (event) => {
+      const selectedMimeType = getSupportedMimeType();
+      let recorder;
+      try {
+        recorder = selectedMimeType ? new MediaRecorder(cameraStream, {
+          mimeType: selectedMimeType,
+          videoBitsPerSecond: 1e6
+        }) : new MediaRecorder(cameraStream, { videoBitsPerSecond: 1e6 });
+      } catch {
+        recorder = new MediaRecorder(cameraStream);
+      }
+      const finalMimeType = recorder.mimeType || selectedMimeType;
+      recorder.ondataavailable = (event) => {
         if (event.data.size > 0) {
           chunks.push(event.data);
         }
       };
-      mediaRecorder.onstop = () => {
-        if (stream) {
-          stream.getTracks().forEach((track) => track.stop());
+      recorder.onstop = () => {
+        if (cameraStream) {
+          cameraStream.getTracks().forEach((track) => track.stop());
         }
-        const videoBlob = new Blob(chunks, { type: selectedMimeType });
+        const videoBlob = new Blob(chunks, { type: finalMimeType });
         resolve(videoBlob);
       };
-      mediaRecorder.onerror = (event) => {
-        if (stream) {
-          stream.getTracks().forEach((track) => track.stop());
+      recorder.onerror = (event) => {
+        if (cameraStream) {
+          cameraStream.getTracks().forEach((track) => track.stop());
         }
         reject(new NeoFaceError(`Recording error: ${event}`, ErrorType.CAPTURE_ERROR));
       };
-      mediaRecorder.start(100);
+      recorder.start(100);
       if (onProgress) {
         const progressInterval = 100;
         let elapsed = 0;
@@ -2347,13 +2366,13 @@ const recordFaceVideo = async (options = {}) => {
         }, progressInterval);
       }
       setTimeout(() => {
-        if (mediaRecorder && mediaRecorder.state === "recording") {
-          mediaRecorder.stop();
+        if (recorder && recorder.state === "recording") {
+          recorder.stop();
         }
       }, durationMs);
     } catch (error) {
-      if (stream) {
-        stream.getTracks().forEach((track) => track.stop());
+      if (cameraStream) {
+        cameraStream.getTracks().forEach((track) => track.stop());
       }
       if (error instanceof Error) {
         if (error.name === "NotAllowedError") {
@@ -2483,6 +2502,68 @@ const videoToBase64 = async (videoBlob) => {
     reader.readAsDataURL(videoBlob);
   });
 };
+const blobToBase64 = (blob) => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.onload = () => {
+    const result = reader.result;
+    resolve(result.includes(",") ? result.split(",")[1] : result);
+  };
+  reader.onerror = () => reject(new NeoFaceError("Failed to convert image to base64", ErrorType.CAPTURE_ERROR));
+  reader.readAsDataURL(blob);
+});
+const registerDocumentByImage = async (personId, jwtToken, images) => {
+  var _a, _b;
+  ensureSecureContext();
+  if (!personId) {
+    throw new NeoFaceError("personId is required", ErrorType.VALIDATION_ERROR);
+  }
+  if (!jwtToken) {
+    throw new NeoFaceError("jwtToken is required", ErrorType.VALIDATION_ERROR);
+  }
+  if (!images || images.length === 0) {
+    throw new NeoFaceError("At least one document image is required", ErrorType.VALIDATION_ERROR);
+  }
+  const base64Images = await Promise.all(
+    images.map(async (img) => {
+      const compressed = await compressDocumentImage(img);
+      return blobToBase64(compressed);
+    })
+  );
+  const controller = createTimeoutController();
+  try {
+    const response = await fetch(`${getApiBaseUrl()}/api/v1/donors/${personId}/documents/`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${jwtToken}`
+      },
+      body: JSON.stringify({ document_images: base64Images }),
+      signal: controller.signal
+    });
+    const data = await response.json();
+    if (!response.ok) {
+      throw new NeoFaceError(
+        (data == null ? void 0 : data.message) || `API Error ${response.status}`,
+        ErrorType.NETWORK_ERROR
+      );
+    }
+    return {
+      success: true,
+      taskId: ((_a = data.data) == null ? void 0 : _a.task_id) ?? "",
+      status: ((_b = data.data) == null ? void 0 : _b.status) ?? "processing",
+      message: data.message ?? "Documents submitted for processing"
+    };
+  } catch (error) {
+    if (error instanceof NeoFaceError) throw error;
+    if (error instanceof Error) {
+      if (error.name === "AbortError") {
+        throw new NeoFaceError("Request timeout", ErrorType.NETWORK_ERROR);
+      }
+      throw new NeoFaceError(error.message, ErrorType.NETWORK_ERROR);
+    }
+    throw new NeoFaceError("Unknown error occurred", ErrorType.NETWORK_ERROR);
+  }
+};
 const modalReducer$1 = (state, action) => {
   switch (action.type) {
     case "PERMISSION_GRANTED":
@@ -5321,14 +5402,15 @@ async function captureFaceSilently() {
     video.style.width = "1px";
     video.style.height = "1px";
     video.style.opacity = "0";
+    video.muted = true;
+    video.playsInline = true;
     video.setAttribute("autoplay", "");
-    video.setAttribute("muted", "");
     video.setAttribute("playsinline", "");
     const canvas = document.createElement("canvas");
     canvas.style.display = "none";
     let stream = null;
     let faceDetectionAttempts = 0;
-    const MAX_FACE_DETECTION_ATTEMPTS = 10;
+    const MAX_FACE_DETECTION_ATTEMPTS = 30;
     const cleanup = () => {
       if (stream) {
         stream.getTracks().forEach((track) => track.stop());
@@ -5342,22 +5424,27 @@ async function captureFaceSilently() {
     };
     document.body.appendChild(video);
     document.body.appendChild(canvas);
-    navigator.mediaDevices.getUserMedia({
-      video: {
-        width: { ideal: 640 },
-        height: { ideal: 480 },
-        facingMode: "user"
-      },
-      audio: false
-    }).then((mediaStream) => {
+    const tryGetUserMedia = (withConstraints) => {
+      if (withConstraints) {
+        return navigator.mediaDevices.getUserMedia({
+          video: {
+            width: { ideal: 640 },
+            height: { ideal: 480 },
+            facingMode: "user"
+          },
+          audio: false
+        });
+      }
+      return navigator.mediaDevices.getUserMedia({ video: { facingMode: "user" }, audio: false });
+    };
+    tryGetUserMedia(true).catch(() => tryGetUserMedia(false)).then((mediaStream) => {
       stream = mediaStream;
       video.srcObject = stream;
-      video.play();
       const tryCapture = () => {
         if (!video.videoWidth || !video.videoHeight) {
           if (faceDetectionAttempts < MAX_FACE_DETECTION_ATTEMPTS) {
             faceDetectionAttempts++;
-            setTimeout(tryCapture, 100);
+            setTimeout(tryCapture, 150);
             return;
           }
           cleanup();
@@ -5387,7 +5474,7 @@ async function captureFaceSilently() {
         detectFace2().then((hasFace) => {
           if (!hasFace && faceDetectionAttempts < MAX_FACE_DETECTION_ATTEMPTS) {
             faceDetectionAttempts++;
-            setTimeout(tryCapture, 100);
+            setTimeout(tryCapture, 150);
             return;
           }
           ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
@@ -5405,9 +5492,26 @@ async function captureFaceSilently() {
           );
         });
       };
-      video.onloadedmetadata = () => {
-        setTimeout(tryCapture, CAMERA_READY_DELAY);
-      };
+      const playPromise = video.play();
+      if (playPromise !== void 0) {
+        playPromise.then(() => {
+          if (video.videoWidth && video.videoHeight) {
+            setTimeout(tryCapture, CAMERA_READY_DELAY);
+          } else {
+            video.onloadedmetadata = () => setTimeout(tryCapture, CAMERA_READY_DELAY);
+            setTimeout(() => {
+              if (video.videoWidth && video.videoHeight) {
+                tryCapture();
+              }
+            }, 1500);
+          }
+        }).catch((err) => {
+          cleanup();
+          reject(new NeoFaceError("Erro ao reproduzir câmera: " + err.message, ErrorType.CAMERA_ERROR));
+        });
+      } else {
+        video.onloadedmetadata = () => setTimeout(tryCapture, CAMERA_READY_DELAY);
+      }
       video.onerror = () => {
         cleanup();
         reject(new NeoFaceError("Erro ao acessar câmera", ErrorType.CAMERA_ERROR));
@@ -5481,27 +5585,55 @@ async function attemptLogin(applicationToken, overlay, fastMode = false, isRetry
   video.style.width = "1px";
   video.style.height = "1px";
   video.style.opacity = "0";
+  video.muted = true;
+  video.playsInline = true;
   video.setAttribute("autoplay", "");
-  video.setAttribute("muted", "");
   video.setAttribute("playsinline", "");
   document.body.appendChild(video);
   let stream = null;
   try {
-    stream = await navigator.mediaDevices.getUserMedia({
-      video: {
-        width: { ideal: 640 },
-        height: { ideal: 480 },
-        facingMode: "user"
-      },
-      audio: false
-    });
+    try {
+      stream = await navigator.mediaDevices.getUserMedia({
+        video: {
+          width: { ideal: 640 },
+          height: { ideal: 480 },
+          facingMode: "user"
+        },
+        audio: false
+      });
+    } catch {
+      stream = await navigator.mediaDevices.getUserMedia({
+        video: { facingMode: "user" },
+        audio: false
+      });
+    }
     video.srcObject = stream;
+    await new Promise((resolve) => {
+      if (video.readyState >= 1) {
+        resolve();
+      } else {
+        const handler = () => {
+          video.removeEventListener("loadedmetadata", handler);
+          resolve();
+        };
+        video.addEventListener("loadedmetadata", handler);
+        setTimeout(resolve, 2e3);
+      }
+    });
     await video.play();
     await new Promise((resolve) => {
-      if (video.readyState >= 2) {
-        resolve(void 0);
+      if (video.videoWidth && video.videoHeight) {
+        resolve();
       } else {
-        video.onloadedmetadata = () => resolve(void 0);
+        const checkSize = () => {
+          if (video.videoWidth && video.videoHeight) {
+            resolve();
+          } else {
+            setTimeout(checkSize, 100);
+          }
+        };
+        setTimeout(resolve, 3e3);
+        checkSize();
       }
     });
     overlay.updateStatus("detecting");
@@ -5971,8 +6103,8 @@ const biometricDetection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   initializeBiometricDetection,
   isAdvancedDetectionAvailable
 }, Symbol.toStringTag, { value: "Module" }));
-const VERSION = "1.13.0";
-const RELEASE_DATE = "2026-02-20";
+const VERSION = "1.14.0";
+const RELEASE_DATE = "2026-03-04";
 class OnboardingCaptureModal {
   constructor(options) {
     __publicField(this, "overlay", null);
@@ -6023,7 +6155,7 @@ class OnboardingCaptureModal {
         <div class="neofaceid-modal-body">
           <p class="neofaceid-subtitle">${this.subtitle ?? "Vamos capturar sua face e documento"}</p>
           <div class="neofaceid-camera-container">
-            <video class="neofaceid-video" autoplay playsinline></video>
+            <video class="neofaceid-video" autoplay muted playsinline></video>
             <canvas class="neofaceid-canvas"></canvas>
             <div class="neofaceid-overlay">
               <div class="neofaceid-frame"></div>
@@ -6074,12 +6206,20 @@ class OnboardingCaptureModal {
    * Inicia a câmera do usuário com resolução adequada.
    */
   async startCamera() {
-    const constraints = {
-      video: { facingMode: "user", width: { ideal: 1280 }, height: { ideal: 720 } },
-      audio: false
-    };
-    this.stream = await navigator.mediaDevices.getUserMedia(constraints);
     if (!this.video) throw new Error("Elemento de vídeo não encontrado");
+    this.video.muted = true;
+    this.video.playsInline = true;
+    try {
+      this.stream = await navigator.mediaDevices.getUserMedia({
+        video: { facingMode: "user", width: { ideal: 1280 }, height: { ideal: 720 } },
+        audio: false
+      });
+    } catch {
+      this.stream = await navigator.mediaDevices.getUserMedia({
+        video: { facingMode: "user" },
+        audio: false
+      });
+    }
     this.video.srcObject = this.stream;
     await this.video.play();
   }
@@ -6423,6 +6563,47 @@ class NeoFaceID {
    * }
    * ```
    */
+  /**
+   * Registers document images for an already-registered donor person.
+   *
+   * Opens the document capture UI (front + optional back), then submits
+   * the images to the backend for extraction via DocExt.
+   * The backend processes this asynchronously — use the returned `taskId`
+   * to poll status if needed.
+   *
+   * @param personId UUID of the donor's person record
+   * @param jwtToken JWT Bearer token of the authenticated donor
+   * @param options Optional capture configuration
+   * @returns Promise with task_id and processing status
+   * @throws NeoFaceError if capture is cancelled, validation fails, or API call fails
+   *
+   * @example
+   * ```typescript
+   * const sdk = new NeoFaceID({ appToken: 'your-token' });
+   *
+   * const result = await sdk.registerDocumentByImage(personId, userJwtToken);
+   * console.log('Task ID:', result.taskId); // poll for completion
+   * ```
+   */
+  async registerDocumentByImage(personId, jwtToken, options = {}) {
+    const { DocumentCaptureModal: DocumentCaptureModal2 } = await Promise.resolve().then(() => DocumentCaptureModal$1);
+    const modal = new DocumentCaptureModal2({
+      useBackCamera: options.useBackCamera ?? true,
+      preSelectedDocument: options.preSelectedDocument
+    });
+    const captureResult = await modal.open();
+    if (!captureResult.success || !captureResult.frontImage) {
+      throw new NeoFaceError(
+        captureResult.error === "cancelled" ? "Document capture was cancelled by the user" : `Document capture failed: ${captureResult.error ?? "unknown error"}`,
+        ErrorType.CAPTURE_ERROR
+      );
+    }
+    const images = [captureResult.frontImage];
+    if (captureResult.backImage) {
+      images.push(captureResult.backImage);
+    }
+    return registerDocumentByImage(personId, jwtToken, images);
+  }
   async proofOfLife(options = {}) {
     const {
       videoDurationMs = 3e3,
@@ -6759,7 +6940,7 @@ class DocumentCaptureModal {
       
       <div class="neoface-doc-body">
         <div class="neoface-doc-camera-container">
-          <video class="neoface-doc-video" autoplay playsinline></video>
+          <video class="neoface-doc-video" autoplay muted playsinline></video>
           <canvas class="neoface-doc-canvas"></canvas>
           
           <div class="neoface-doc-guide">
@@ -7011,6 +7192,8 @@ class DocumentCaptureModal {
       this.video = (_a = this.overlay) == null ? void 0 : _a.querySelector(".neoface-doc-video");
       this.canvas = (_b = this.overlay) == null ? void 0 : _b.querySelector(".neoface-doc-canvas");
       if (this.video) {
+        this.video.muted = true;
+        this.video.playsInline = true;
         this.video.srcObject = this.stream;
         await this.video.play();
       }
@@ -7599,6 +7782,11 @@ const startDocumentCapture = async (options) => {
   const modal = new DocumentCaptureModal(options);
   return modal.open();
 };
+const DocumentCaptureModal$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DocumentCaptureModal,
+  startDocumentCapture
+}, Symbol.toStringTag, { value: "Module" }));
 function start(applicationToken, callbacks) {
   const container = document.createElement("div");
   container.id = "neoface-modal-container";