scandoc-ai-components 0.0.83 → 0.0.85

package/dist/index.js

@@ -11191,6 +11191,9 @@ class ExtractorVideo {
     this.unsupportedDocCount = 0;
     this.video = null;
     this.lastMessage = null;
+    this.waitingForSecondSide = false;
+    this.hasShownTurnMessage = false;
+    this.awaitingNewPresence = false;
   }
   reset() {
     this.stopVideo();
@@ -11204,12 +11207,12 @@ class ExtractorVideo {
     this.unsupportedDocCount = 0;
     this.video = null;
     this.lastMessage = null;
+    this.waitingForSecondSide = false;
+    this.hasShownTurnMessage = false;
+    this.awaitingNewPresence = false;
   }
   async analyzeVideoStream() {
-    if (!this.isRunning) {
-      return;
-    }
-    //
+    if (!this.isRunning) return;
     const now = Date.now();
     const cfgValues = (0,_config__WEBPACK_IMPORTED_MODULE_1__.getScanDocAIConfigValues)();
     if (this.scanStartTime && now - this.scanStartTime > cfgValues.MAX_SCAN_DURATION_MS) {
@@ -11221,111 +11224,99 @@ class ExtractorVideo {
       });
       return;
     }
-    //
     const canvas = document.createElement("canvas");
-    let video = document.getElementById("ScanDocAIVideoElement");
+    const video = document.getElementById("ScanDocAIVideoElement");
     if (video && video.videoWidth < video.videoHeight) {
       this.showMessage("Please rotate your device to landscape mode.");
       this.candidateImages = [];
       setTimeout(() => this.analyzeVideoStream(), ExtractorVideo.FREQUENCY_MS);
       return;
     }
-    //
     const fullImage = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.videoImgToBase64)(video, canvas, 1280, 720, false);
     const validationImage = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.videoImgToBase64)(video, canvas, ExtractorVideo.VALIDATION_IMG_WIDTH, ExtractorVideo.VALIDATION_IMG_HEIGHT, true);
     DOCUMENT_DETECTOR.isDocumentPresent(video).then(async isPresent => {
-      if (isPresent) {
-        this.candidateImages.push({
-          fullImg: fullImage,
-          validationImg: validationImage
-        });
-        const images = [...this.candidateImages];
-        if (images.length >= ExtractorVideo.VALIDATION_BATCH_SIZE) {
-          const [isValidationOk, response] = await (0,_requests_validation__WEBPACK_IMPORTED_MODULE_3__["default"])(images.map(e => e["validationImg"]), this.pastBlurValues, {});
-          if (isValidationOk) {
-            if (response["InfoCode"] === "1006") {
-              this.unsupportedDocCount += 1;
-              if (this.unsupportedDocCount >= cfgValues.MAX_UNSUPPORTED_ATTEMPTS) {
-                this.stopVideo();
-                this.onExtractedResults({
-                  success: false,
-                  code: "002",
-                  info: "Document template not supported."
-                });
-                this.unsupportedDocCount = 0;
-                this.candidateImages = [];
-                return;
-              }
-            } else {
-              this.unsupportedDocCount = 0;
-            }
-            const imageSide = response["Side"];
-            const isAlreadyScanned = this.extractionImages[imageSide] !== undefined;
-            const scannedSides = Object.keys(this.extractionImages).length;
-
-            // Show feedback only if both sides are not yet scanned
-            // Avoid overwriting "Turn to the other side" until second side appears
-            if (scannedSides < 1) {
-              this.showMessage(response["Info"]); // normal feedback before first side
-            } else if (!isAlreadyScanned && scannedSides === 1) {
-              // We are seeing a new side after 1 side has already been scanned
-              this.showMessage(response["Info"]); // allow resuming feedback (if desired)
-            }
-            //
-            if ("DetectedBlurValue" in response) {
-              this.pastBlurValues.push(response["DetectedBlurValue"]);
-            } else {
-              this.pastBlurValues = [];
-            }
-            //
-            if (response["InfoCode"] === "1007") {
-              const imageId = response["Index"];
-              const imageSide = response["Side"];
-              //
-              if (this.extractionImages[imageSide] !== undefined) {
-                this.candidateImages = [];
-                return;
-              }
-              this.extractionImages[imageSide] = images[imageId]["fullImg"];
-              const extractionImages = {
-                ...this.extractionImages
-              };
-              //
-              if (Object.keys(extractionImages).length === 1) {
-                this.scanStartTime = Date.now();
-                this.showMessage("Turn to the other side");
-              }
-              if (Object.keys(extractionImages).length === 2) {
-                this.showMessage("Validation successful");
-                const [isExtractionOk, extractionData] = await (0,_requests_extraction__WEBPACK_IMPORTED_MODULE_2__["default"])(extractionImages["FRONT"], extractionImages["BACK"], {
-                  IgnoreBackImage: false
-                });
-                this.onExtraction(isExtractionOk, extractionData);
-                return;
-              }
-            } else if (response["InfoCode"] === "1000") {
-              this.showMessage("Validation successful");
-              this.showMessage("Extracting data");
-              const imageId = response["Index"];
-              const image = images[imageId]["fullImg"];
-              const [isExtractionOk, extractionData] = await (0,_requests_extraction__WEBPACK_IMPORTED_MODULE_2__["default"])(image, undefined, {
-                IgnoreBackImage: true
-              });
-              this.onExtraction(isExtractionOk, extractionData);
-              return;
-            }
-          }
+      if (this.awaitingNewPresence && isPresent) {
+        this.awaitingNewPresence = false;
+      }
+      if (!isPresent) return;
+      this.candidateImages.push({
+        fullImg: fullImage,
+        validationImg: validationImage
+      });
+      const images = [...this.candidateImages];
+      if (images.length < ExtractorVideo.VALIDATION_BATCH_SIZE) return;
+      const [isValidationOk, response] = await (0,_requests_validation__WEBPACK_IMPORTED_MODULE_3__["default"])(images.map(e => e.validationImg), this.pastBlurValues, {});
+      if (!isValidationOk) {
+        this.candidateImages = [];
+        return;
+      }
+      const infoCode = response["InfoCode"];
+      const imageId = response["Index"];
+      const imageSide = response["Side"];
+      const message = response["Info"];
+      const isNewSide = this.extractionImages[imageSide] === undefined;
+      const numScannedSides = Object.keys(this.extractionImages).length;
+      if (!this.waitingForSecondSide || isNewSide) {
+        this.showMessage(message);
+      }
+      if ("DetectedBlurValue" in response) {
+        this.pastBlurValues.push(response["DetectedBlurValue"]);
+      } else {
+        this.pastBlurValues = [];
+      }
+      if (infoCode === "1007") {
+        if (!isNewSide) {
           this.candidateImages = [];
+          return;
+        }
+        this.extractionImages[imageSide] = images[imageId].fullImg;
+        if (Object.keys(this.extractionImages).length === 1) {
+          this.waitingForSecondSide = true;
+          this.hasShownTurnMessage = true;
+          this.awaitingNewPresence = true;
+          this.scanStartTime = Date.now();
+          this.showMessage("Turn to the other side", true);
+        } else if (Object.keys(this.extractionImages).length === 2) {
+          this.waitingForSecondSide = false;
+          this.hasShownTurnMessage = false;
+          this.awaitingNewPresence = false;
+          this.showMessage("Validation successful", true);
+          const [isExtractionOk, extractionData] = await (0,_requests_extraction__WEBPACK_IMPORTED_MODULE_2__["default"])(this.extractionImages["FRONT"], this.extractionImages["BACK"], {
+            IgnoreBackImage: false
+          });
+          this.onExtraction(isExtractionOk, extractionData);
+          return;
         }
+      } else if (infoCode === "1000") {
+        this.waitingForSecondSide = false;
+        this.hasShownTurnMessage = false;
+        this.awaitingNewPresence = false;
+        this.showMessage("Validation successful");
+        this.showMessage("Extracting data");
+        const image = images[imageId].fullImg;
+        const [isExtractionOk, extractionData] = await (0,_requests_extraction__WEBPACK_IMPORTED_MODULE_2__["default"])(image, undefined, {
+          IgnoreBackImage: true
+        });
+        this.onExtraction(isExtractionOk, extractionData);
+        return;
       }
+      this.candidateImages = [];
     }).finally(() => {
       setTimeout(() => this.analyzeVideoStream(), ExtractorVideo.FREQUENCY_MS);
     });
   }
+  showMessage(message, force = false) {
+    if (!message || this.lastMessage === message) return;
+    if (this.hasShownTurnMessage && this.awaitingNewPresence && !force) return;
+    this.lastMessage = message;
+    const messageElement = document.getElementById("ScanDocAIMessage");
+    if (messageElement) {
+      messageElement.innerText = message;
+    }
+  }
   onExtraction(isExtractionOk, extractionData) {
     this.candidateImages = [];
     this.extractionImages = {};
-    this.lastMessage = null;
     this.stopVideo();
     if (isExtractionOk) {
       this.showMessage("Success - data extracted", "success");
@@ -11350,8 +11341,7 @@ class ExtractorVideo {
   async startVideo() {
     try {
       const serviceConfig = (0,_config__WEBPACK_IMPORTED_MODULE_1__.getScanDocAIConfig)();
-      await serviceConfig.getAccessToken(true); // this will throw if 401
-
+      await serviceConfig.getAccessToken(true);
       const videoElem = document.getElementById("ScanDocAIVideoElement");
       if (!videoElem) {
         throw new Error("Video element not found.");
@@ -11384,7 +11374,7 @@ class ExtractorVideo {
       });
       window.addEventListener('resize', () => this.adjustOverlayPosition());
       setTimeout(() => this.adjustOverlayPosition(), 500);
-      this.scanStartTime = Date.now(); // Reset timer
+      this.scanStartTime = Date.now();
       setTimeout(() => this.analyzeVideoStream(), ExtractorVideo.FREQUENCY_MS);
       this.showMessage("Starting scanning");
       return true;
@@ -11402,7 +11392,6 @@ class ExtractorVideo {
   }
   stopVideo() {
     this.isRunning = false;
-    this.lastMessage = null;
     if (this.video) {
       this.video.pause();
       if (this.video.srcObject !== undefined && this.video.srcObject !== null) {
@@ -11411,15 +11400,6 @@ class ExtractorVideo {
       this.video.srcObject = null;
     }
   }
-  showMessage(message) {
-    if (!message || message.trim() === "") return;
-    if (this.lastMessage === message) return;
-    this.lastMessage = message;
-    const messageElement = document.getElementById("ScanDocAIMessage");
-    if (messageElement) {
-      messageElement.innerText = message;
-    }
-  }
   adjustOverlayPosition() {
     const video = this.video;
     const dot = document.querySelector(".centerGuideDot");
@@ -11450,7 +11430,7 @@ class ExtractorVideo {
     const isMobile = window.innerWidth < 768 || window.innerHeight > window.innerWidth;
     window.innerWidth < 768 || window.innerHeight > window.innerWidth && window.innerWidth < 1024;
     if (isMobile) {
-      // ✅ Mobile version with overlay feedback
+      // Mobile version with overlay feedback
       return `
 				<div class="mobileVideoArea">
 					<video id="ScanDocAIVideoElement" class="mobileVideo" autoplay muted playsinline></video>

package/package.json

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