scandoc-ai-components 0.0.99 → 0.1.1

package/README.md

@@ -42,8 +42,7 @@ An example HTML page integration:
 
   <script src="scandoc.js"></script>
   <script>
-    const key = '';  // Use the key provided by our team
-    createScanDocAIConfig(key, "test");
+    const token = ""
 
     setScanDocAIConfig({
       SHOULD_RETURN_DOCUMENT_IMAGE: true,
@@ -54,7 +53,7 @@ An example HTML page integration:
       MAX_UNSUPPORTED_ATTEMPTS: 5,
     });
 
-    const extractionVideo = getExtractionVideo(function (result) {
+    const extractionVideo = getExtractionVideo(token, function (result) {
         console.log("Extraction Result:", result);
         if (result.success) {
             extractionVideo.reset();
@@ -82,8 +81,7 @@ An example React integration:
 import { useEffect, useMemo } from "react";
 import "scandoc-ai-components/dist/index"
 
-const key = "";  // Use the key provided by our team
-window.createScanDocAIConfig(key, "test");
+const token = "";
 window.setScanDocAIConfig({
   SHOULD_RETURN_DOCUMENT_IMAGE: true,
   SHOULD_RETURN_FACE_IF_DETECTED: true,
@@ -93,7 +91,7 @@ window.setScanDocAIConfig({
   MAX_UNSUPPORTED_ATTEMPTS: 4,
 });
 
-const extractionVideo = window.getExtractionVideo(result => {
+const extractionVideo = window.getExtractionVideo(token, result => {
 	console.log("Extraction Result:", result);
   if (result.success) {
       extractionVideo.reset();

package/dist/index.js

@@ -11180,8 +11180,7 @@ class ExtractorVideo {
     },
     height: {
       ideal: 1080
-    },
-    facingMode: "environment"
+    }
   });
   constructor(onExtractedResults) {
     this.candidateImages = [];
@@ -11350,7 +11349,7 @@ class ExtractorVideo {
   async startVideo() {
     try {
       const serviceConfig = (0,_config__WEBPACK_IMPORTED_MODULE_1__.getScanDocAIConfig)();
-      await serviceConfig.getAccessToken(true);
+      await serviceConfig.getAccessToken(false);
       const videoElem = document.getElementById("ScanDocAIVideoElement");
       if (!videoElem) {
         throw new Error("Video element not found.");
@@ -11358,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}`);
@@ -11394,7 +11418,7 @@ class ExtractorVideo {
       this.onExtractedResults({
         success: false,
         code: error.status === 401 || error.status === 403 ? "004" : "005",
-        info: error.status === 401 || error.status === 403 ? "Authentication failed: Invalid API key." : "Startup failed: " + (error.message || "Unknown error")
+        info: error.status === 401 || error.status === 403 ? "Authentication failed: Invalid API key/token." : "Startup failed: " + (error.message || "Unknown error")
       });
       return false;
     }
@@ -11438,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 `
@@ -11508,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>
@@ -11587,11 +11610,29 @@ class ExtractorVideo {
   }
 }
 let EXTRACTION_VIDEO = undefined;
-function getExtractionVideo(onSuccessfulExtraction) {
-  if (EXTRACTION_VIDEO === undefined) {
-    EXTRACTION_VIDEO = new ExtractorVideo(onSuccessfulExtraction);
+function getExtractionVideo(tokenOrCallback, maybeCallback) {
+  let token;
+  let cb;
+  if (typeof tokenOrCallback === "function") {
+    cb = tokenOrCallback;
   } else {
-    console.error("Extraction video already created. Returning existing object.");
+    token = tokenOrCallback;
+    cb = maybeCallback;
+  }
+  if (token !== undefined) {
+    (0,_config__WEBPACK_IMPORTED_MODULE_1__.setScanDocAIAccessToken)(token);
+  }
+  if (EXTRACTION_VIDEO === undefined) {
+    if (typeof cb !== "function") {
+      throw new Error("getExtractionVideo requires a callback.");
+    }
+    EXTRACTION_VIDEO = new ExtractorVideo(cb);
+    return EXTRACTION_VIDEO;
+  }
+
+  // If called again, update callback too
+  if (typeof cb === "function") {
+    EXTRACTION_VIDEO.onExtractedResults = cb;
   }
   return EXTRACTION_VIDEO;
 }
@@ -11611,12 +11652,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
@@ -11680,6 +11723,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
 /* harmony export */   getScanDocAIConfig: () => (/* binding */ getScanDocAIConfig),
 /* harmony export */   getScanDocAIConfigValues: () => (/* binding */ getScanDocAIConfigValues),
+/* harmony export */   setScanDocAIAccessToken: () => (/* binding */ setScanDocAIAccessToken),
 /* harmony export */   setScanDocAIConfig: () => (/* binding */ setScanDocAIConfig)
 /* harmony export */ });
 let internalConfig = {
@@ -11694,6 +11738,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,
@@ -11732,9 +11777,9 @@ function setScanDocAIConfig(newConfig = {}) {
   internalConfig = {
     ...internalConfig,
     ...newConfig,
-    COLORS: {
-      ...internalConfig.COLORS,
-      ...newConfig.COLORS
+    VIDEO_COLORS: {
+      ...internalConfig.VIDEO_COLORS,
+      ...newConfig.VIDEO_COLORS
     }
   };
 }
@@ -11831,6 +11876,34 @@ class InactiveServiceConfig {
   }
   async refreshTokens() {}
 }
+class TokenServiceConfig {
+  static CONFIG = undefined;
+  constructor() {
+    this.accessToken = undefined;
+  }
+  setAccessToken(token) {
+    this.accessToken = token || undefined;
+  }
+  async getAccessToken() {
+    if (!this.accessToken) {
+      const err = new Error("Missing access token");
+      err.status = 401;
+      throw err;
+    }
+    return this.accessToken;
+  }
+  async refreshTokens() {
+    // client provides a new token
+  }
+}
+function setScanDocAIAccessToken(token) {
+  const config = getScanDocAIConfigValues();
+  if (config.USE_KEY_SERVICE === false) return;
+  if (TokenServiceConfig.CONFIG === undefined) {
+    TokenServiceConfig.CONFIG = new TokenServiceConfig();
+  }
+  TokenServiceConfig.CONFIG.setAccessToken(token);
+}
 function createScanDocAIConfig(staticKey, subClient) {
   const config = getScanDocAIConfigValues();
   if (config.USE_KEY_SERVICE) {
@@ -11846,11 +11919,15 @@ function getScanDocAIConfig() {
   if (config.USE_KEY_SERVICE === false) {
     return new InactiveServiceConfig();
   }
-  //
-  if (ServiceConfig.CONFIG === undefined) {
-    throw new Error("Service config not created!");
+  if (TokenServiceConfig.CONFIG !== undefined) {
+    return TokenServiceConfig.CONFIG;
   }
-  return ServiceConfig.CONFIG;
+  if (ServiceConfig.CONFIG !== undefined) {
+    return ServiceConfig.CONFIG;
+  }
+  const err = new Error("Service config not created (missing token or static key)!");
+  err.status = 401;
+  throw err;
 }
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (createScanDocAIConfig);
 
@@ -11960,7 +12037,7 @@ async function callDocumentExtraction(frontImage, backImage, ignoreBackImage) {
       const response = await fetch(`${cfgValues.SCAN_APP_URL}extraction/`, {
         method: "POST",
         headers: {
-          Authorization: await serviceConfig.getAccessToken(true),
+          Authorization: await serviceConfig.getAccessToken(false),
           Accept: "application/json",
           "Content-Type": "application/json"
         },
@@ -11987,6 +12064,7 @@ async function callDocumentExtraction(frontImage, backImage, ignoreBackImage) {
       }
       //
       if (response.status === 401 || response.status === 403) {
+        errors = ["Token expired/invalid"];
         await serviceConfig.refreshTokens();
       } else {
         const data = await response.json();
@@ -12070,7 +12148,7 @@ async function callDocumentValidation(images, blur_values) {
       }
       //
       if (response.status === 401 || response.status === 403) {
-        errors = ["Backend error"];
+        errors = ["Token expired/invalid"];
         await serviceConfig.refreshTokens();
       } else {
         const data = await response.json();

package/package.json

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