scandoc-ai-components 0.0.98 → 0.1.0

package/dist/index.js

@@ -11180,8 +11180,7 @@ class ExtractorVideo {
     },
     height: {
       ideal: 1080
-    },
-    facingMode: "environment"
+    }
   });
   constructor(onExtractedResults) {
     this.candidateImages = [];
@@ -11262,9 +11261,6 @@ class ExtractorVideo {
       const imageSide = response["Side"];
       const message = response["Info"];
       const isNewSide = this.extractionImages[imageSide] === undefined;
-      console.log("Received side from validation:", imageSide);
-      console.log("Image index:", imageId);
-      console.log("Available sides in extractionImages:", Object.keys(this.extractionImages));
       if (!this.waitingForSecondSide || isNewSide) {
         this.showMessage(message);
       }
@@ -11296,7 +11292,6 @@ class ExtractorVideo {
           this.waitingForSecondSide = false;
           this.hasShownTurnMessage = false;
           this.showMessage("Validation successful", true);
-          console.log(this.extractionImages);
           const [isExtractionOk, extractionData] = await (0,_requests_extraction__WEBPACK_IMPORTED_MODULE_2__["default"])(this.extractionImages["FRONT"], this.extractionImages["BACK"], false);
           this.onExtraction(isExtractionOk, extractionData);
           return;
@@ -11362,22 +11357,47 @@ class ExtractorVideo {
       this.video = videoElem;
       this.isRunning = true;
       this.scanStartTime = Date.now();
+      const cfgValues = (0,_config__WEBPACK_IMPORTED_MODULE_1__.getScanDocAIConfigValues)();
+      const mode = cfgValues.VIDEO_FACING_MODE ?? "environment";
       const devices = await navigator.mediaDevices.enumerateDevices();
       const environmentCameras = devices.filter(device => device.kind === "videoinput" && device.label.toLowerCase().includes("back"));
-      const cameras = await checkAutofocusSupport(environmentCameras);
       let deviceId;
-      if (cameras.length > 0) {
-        deviceId = cameras[0].deviceId;
+      if (mode === "environment") {
+        const af = await checkAutofocusSupport(environmentCameras);
+        deviceId = af[0]?.deviceId || environmentCameras[0]?.deviceId;
       }
-      const userMediaConstraints = {
-        ...ExtractorVideo.VIDEO_SETTINGS
+      const buildConstraints = () => {
+        const base = {
+          ...ExtractorVideo.VIDEO_SETTINGS
+        };
+        if (typeof mode === "string") {
+          base.facingMode = {
+            ideal: mode
+          }; // "environment" | "user"
+        } else if (mode && typeof mode === "object") {
+          base.facingMode = mode; // e.g. { exact: "user" }
+        } else {
+          base.facingMode = {
+            ideal: "environment"
+          };
+        }
+        if (mode === "environment" && deviceId) {
+          base.deviceId = {
+            exact: deviceId
+          };
+        }
+        return {
+          video: base
+        };
       };
-      if (deviceId) {
-        userMediaConstraints.deviceId = deviceId;
+      let stream;
+      try {
+        stream = await navigator.mediaDevices.getUserMedia(buildConstraints());
+      } catch (e) {
+        stream = await navigator.mediaDevices.getUserMedia({
+          video: true
+        });
       }
-      const stream = await navigator.mediaDevices.getUserMedia({
-        video: userMediaConstraints
-      });
       this.video.srcObject = stream;
       await this.video.play().catch(e => {
         console.warn(`Error on video play: ${e}`);
@@ -11442,8 +11462,7 @@ class ExtractorVideo {
     const cfgValues = (0,_config__WEBPACK_IMPORTED_MODULE_1__.getScanDocAIConfigValues)();
     const borderColor = cfgValues.VIDEO_COLORS?.borderColor;
     const messageColor = cfgValues.VIDEO_COLORS?.messageColor;
-    const isMobile = window.innerWidth < 768 || window.innerHeight > window.innerWidth;
-    window.innerWidth < 768 || window.innerHeight > window.innerWidth && window.innerWidth < 1024;
+    const isMobile = window.innerWidth < 768 || window.innerHeight > window.innerWidth && window.innerWidth < 1024;
     if (isMobile) {
       // Mobile version with overlay feedback
       return `
@@ -11512,7 +11531,7 @@ class ExtractorVideo {
 				<div class="desktopFeedback" id="ScanDocAIMessage"></div>
 				<div class="desktopVideoArea">
 					<div class="desktopVideoHolder">
-						<video id="ScanDocAIVideoElement" class="desktopVideo" autoPlay muted playsInline></video>
+						<video id="ScanDocAIVideoElement" class="desktopVideo" autoplay muted playsinline></video>
 						<div class="backgroundOverlay"></div>
 						<div class="centerGuideDot"></div>
 					</div>
@@ -11615,12 +11634,14 @@ async function checkAutofocusSupport(environmentCameras) {
       // Try to access camera stream with autofocus enabled
       const stream = await navigator.mediaDevices.getUserMedia(constraints);
       const tracks = stream.getVideoTracks();
-
-      // Check if autofocus is supported
-      const capabilities = tracks[0].getCapabilities();
-      // console.log(capabilities);
-      if (capabilities.focusMode && capabilities.focusMode.includes("continuous")) {
-        camerasWithAutofocus.push(camera);
+      const track = tracks[0];
+      if (track) {
+        // Check if autofocus is supported
+        const capabilities = track.getCapabilities();
+        // console.log(capabilities);
+        if (capabilities.focusMode && capabilities.focusMode.includes("continuous")) {
+          camerasWithAutofocus.push(camera);
+        }
       }
 
       // Cleanup
@@ -11698,6 +11719,7 @@ let internalConfig = {
   MAX_REQUEST_TRY: 3,
   MAX_AUTH_TRY: 3,
   USE_KEY_SERVICE: true,
+  VIDEO_FACING_MODE: "environment",
   // validation settings:
   VALIDATION_CONTRAST_BORDER_SIZE: null,
   VALIDATION_CONTRAST_THRESHOLD: null,
@@ -11736,9 +11758,9 @@ function setScanDocAIConfig(newConfig = {}) {
   internalConfig = {
     ...internalConfig,
     ...newConfig,
-    COLORS: {
-      ...internalConfig.COLORS,
-      ...newConfig.COLORS
+    VIDEO_COLORS: {
+      ...internalConfig.VIDEO_COLORS,
+      ...newConfig.VIDEO_COLORS
     }
   };
 }
@@ -11961,11 +11983,6 @@ async function callDocumentExtraction(frontImage, backImage, ignoreBackImage) {
         FaceImageResize: cfgValues.FACE_IMAGE_RESIZE
       };
       const currentSettings = (0,_utility_utils__WEBPACK_IMPORTED_MODULE_1__.removeNullFields)(settings);
-      console.log("Starting document extraction...");
-      console.log("Ignore back image:", ignoreBackImage);
-      console.log("Front image (first 100 chars):", frontImage?.substring(0, 100));
-      console.log("Back image (first 100 chars):", backImage?.substring(0, 100));
-      console.log("Sending settings:", currentSettings);
       const response = await fetch(`${cfgValues.SCAN_APP_URL}extraction/`, {
         method: "POST",
         headers: {
@@ -11989,23 +12006,6 @@ async function callDocumentExtraction(frontImage, backImage, ignoreBackImage) {
           Browser: browser
         })
       });
-      const requestBody = {
-        AcceptTermsAndConditions: true,
-        DataFields: {
-          BackImage: ignoreBackImage ? "" : backImage,
-          BackImageCropped: false,
-          BackImageType: "base64",
-          FrontImage: frontImage,
-          FrontImageCropped: false,
-          FrontImageType: "base64"
-        },
-        Settings: currentSettings,
-        OS: os,
-        Device: device,
-        Browser: browser
-      };
-      console.log("Extraction request body:", requestBody);
-
       //
       if (response.status === 200) {
         const data = await response.json();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "scandoc-ai-components",
   "author": "ScanDoc-AI",
-  "version": "0.0.98",
+  "version": "0.1.0",
   "private": false,
   "description": "Pure JavaScript package for integrating ScanDoc-AI services.",
   "keywords": [