scandoc-ai-components 0.0.50 → 0.0.51

package/dist/index.js

@@ -11174,12 +11174,13 @@ class ExtractorVideo {
   static VALIDATION_IMG_HEIGHT = 384;
   static VIDEO_SETTINGS = Object.freeze({
     width: {
-      ideal: 1920
+      ideal: 1024
     },
     height: {
-      ideal: 1080
+      ideal: 768
     },
-    facingMode: "environment"
+    // 4:3
+    facingMode: "user"
   });
   constructor(onExtractedResults) {
     this.candidateImages = [];
@@ -11400,11 +11401,9 @@ class ExtractorVideo {
 			<div class="desktopFeedback" id="ScanDocAIMessage"></div>
 			<div class="desktopVideoArea">
 				<div class="desktopVideoHolder">
-					<div class="videoWrapper">
-						<video id="ScanDocAIVideoElement" class="desktopVideo" autoPlay muted playsInline></video>
-						<div class="backgroundOverlay"></div>
-						<div class="desktopRectangle dashedRectangle"></div>
-					</div>
+					<video id="ScanDocAIVideoElement" class="desktopVideo" autoPlay muted playsInline></video>
+					<div class="backgroundOverlay"></div>
+					<div class="desktopRectangle dashedRectangle"></div>
 				</div>
 			</div>
 	
@@ -11427,30 +11426,25 @@ class ExtractorVideo {
 					overflow: hidden;
 				}
 	
-				.videoWrapper {
-					position: relative;
-					width: 100%;
-					aspect-ratio: 16 / 9;
-				}
-
 				.desktopVideo {
 					width: 100%;
-					height: 100%;
-					object-fit: cover;
-					display: block;
+					height: auto;
+					margin-left: auto;
+					margin-right: auto;
+					max-width: 100vw;
+					max-height: 100vh;
 				}
-
+	
 				.desktopRectangle {
 					position: absolute;
-					top: 5%;
-					left: 5%;
-					right: 5%;
-					bottom: 5%;
+					top: 32px;
+					right: 32px;
+					bottom: 32px;
+					left: 28px;
 					border-radius: 30px;
 					display: flex;
 					justify-content: center;
 					align-items: center;
-					z-index: 3;
 				}
 	
 				.dashedRectangle {
@@ -11620,13 +11614,22 @@ let internalConfig = {
   FACE_IMAGE_RESIZE: null,
   // timeout settings:
   MAX_SCAN_DURATION_MS: 10000,
-  MAX_UNSUPPORTED_ATTEMPTS: 5
+  MAX_UNSUPPORTED_ATTEMPTS: 5,
+  // design settings
+  VIDEO_COLORS: {
+    borderColor: "#5078bb",
+    messageColor: "#5078bb"
+  }
 };
 //
 function setScanDocAIConfig(newConfig = {}) {
   internalConfig = {
     ...internalConfig,
-    ...newConfig
+    ...newConfig,
+    COLORS: {
+      ...internalConfig.COLORS,
+      ...newConfig.COLORS
+    }
   };
 }
 function getScanDocAIConfigValues() {

package/package.json

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