@jaak.ai/stamps 2.0.0-dev.42 → 2.0.0-dev.43

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-BfhtOB0D.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["jaak-stamps.cjs",[[1,"jaak-stamps",{"debug":[4],"alignmentTolerance":[2,"alignment-tolerance"],"maskSize":[2,"mask-size"],"cropMargin":[2,"crop-margin"],"useDocumentClassification":[4,"use-document-classification"],"preferredCamera":[1,"preferred-camera"],"captureDelay":[2,"capture-delay"],"enableQualityValidation":[4,"enable-quality-validation"],"qualityThreshold":[2,"quality-threshold"],"minQualityScore":[2,"min-quality-score"],"minFocusScore":[2,"min-focus-score"],"minBlurScore":[2,"min-blur-score"],"maxReflectionScore":[2,"max-reflection-score"],"detectionBoxes":[32],"sideAlignment":[32],"isMaskReady":[32],"shouldMirrorVideo":[32],"showCameraSelector":[32],"isSwitchingCamera":[32],"hasDocumentDetected":[32],"currentStatus":[32],"qualityFeedback":[32],"performanceData":[32],"getCapturedImages":[64],"isProcessCompleted":[64],"startCapture":[64],"stopCapture":[64],"resetCapture":[64],"skipBackCapture":[64],"getStatus":[64],"preloadModel":[64],"getCameraInfo":[64],"setPreferredCamera":[64],"setCaptureDelay":[64],"getCaptureDelay":[64],"setTorchEnabled":[64],"focusAtPoint":[64],"getImageQuality":[64],"setQualityThresholds":[64],"getQualityThresholds":[64]}]]]], options);
+  return index.bootstrapLazy([["jaak-stamps.cjs",[[1,"jaak-stamps",{"debug":[4],"alignmentTolerance":[2,"alignment-tolerance"],"maskSize":[2,"mask-size"],"cropMargin":[2,"crop-margin"],"useDocumentClassification":[4,"use-document-classification"],"preferredCamera":[1,"preferred-camera"],"captureDelay":[2,"capture-delay"],"detectionBoxes":[32],"sideAlignment":[32],"isMaskReady":[32],"shouldMirrorVideo":[32],"showCameraSelector":[32],"isSwitchingCamera":[32],"hasDocumentDetected":[32],"currentStatus":[32],"performanceData":[32],"getCapturedImages":[64],"isProcessCompleted":[64],"startCapture":[64],"stopCapture":[64],"resetCapture":[64],"skipBackCapture":[64],"getStatus":[64],"preloadModel":[64],"getCameraInfo":[64],"setPreferredCamera":[64],"setCaptureDelay":[64],"getCaptureDelay":[64],"setTorchEnabled":[64],"focusAtPoint":[64]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/my-component/my-component.css

@@ -1031,6 +1031,33 @@ video {
   }
 }
 
+/* Quality Monitor */
+.quality-monitor {
+  position: absolute;
+  top: 200px;
+  left: 16px;
+  background: rgba(0, 0, 0, 0.25);
+  backdrop-filter: blur(20px);
+  border-radius: 12px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  z-index: 35;
+  width: fit-content;
+  animation: slideInFromLeft 0.3s ease-out;
+  transition: all 0.3s ease;
+}
+
+.quality-text {
+  padding: 6px 10px;
+  font-size: 11px;
+  color: white;
+  font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
+  line-height: 1.4;
+}
+
+.quality-fail {
+  color: #ff9999;
+}
+
 /* Animación pulsante para valores críticos */
 @keyframes pulse {
   0%, 100% {
@@ -1045,3 +1072,16 @@ video {
   animation: pulse 2s infinite;
 }
 
+/* Mobile optimizations */
+@media (max-width: 480px) {
+  .quality-monitor {
+    top: 160px;
+    left: 12px;
+  }
+  
+  .quality-text {
+    padding: 4px 8px;
+    font-size: 10px;
+  }
+}
+

package/dist/collection/components/my-component/my-component.js

@@ -3,18 +3,12 @@ import { ServiceContainer } from "../../services/ServiceContainer";
 export class JaakStamps {
     el;
     debug = false;
-    alignmentTolerance = 10;
-    maskSize = 90;
-    cropMargin = 0;
+    alignmentTolerance = 20;
+    maskSize = 80;
+    cropMargin = 20;
     useDocumentClassification = false;
     preferredCamera = 'auto';
     captureDelay = 1000;
-    enableQualityValidation = true;
-    qualityThreshold = 60;
-    minQualityScore = 45;
-    minFocusScore = 16;
-    minBlurScore = 22;
-    maxReflectionScore = 15;
     captureCompleted;
     isReady;
     // State derived from services
@@ -33,12 +27,6 @@ export class JaakStamps {
         type: 'initializing',
         isInitialized: false
     };
-    qualityFeedback = {
-        message: 'Analizando calidad...',
-        score: 0,
-        hasIssues: false,
-        canCapture: false
-    };
     performanceData = {
         fps: 0,
         inferenceTime: 0,
@@ -107,13 +95,7 @@ export class JaakStamps {
             cropMargin: this.cropMargin,
             useDocumentClassification: this.useDocumentClassification,
             preferredCamera: this.preferredCamera,
-            captureDelay: this.captureDelay,
-            enableQualityValidation: this.enableQualityValidation,
-            qualityThreshold: this.qualityThreshold,
-            minQualityScore: this.minQualityScore,
-            minFocusScore: this.minFocusScore,
-            minBlurScore: this.minBlurScore,
-            maxReflectionScore: this.maxReflectionScore
+            captureDelay: this.captureDelay
         };
         this.serviceContainer = new ServiceContainer(config);
         this.logger = this.serviceContainer.getLogger();
@@ -173,26 +155,6 @@ export class JaakStamps {
             this.logger.warn(`Propiedad captureDelay inválida. Valor: ${this.captureDelay}, esperado: 0-10000. Usando valor por defecto: 1000`);
             this.captureDelay = 1000;
         }
-        if (this.qualityThreshold < 0 || this.qualityThreshold > 100) {
-            this.logger.warn(`Propiedad qualityThreshold inválida. Valor: ${this.qualityThreshold}, esperado: 0-100. Usando valor por defecto: 60`);
-            this.qualityThreshold = 60;
-        }
-        if (this.minQualityScore < 0 || this.minQualityScore > 100) {
-            this.logger.warn(`Propiedad minQualityScore inválida. Valor: ${this.minQualityScore}, esperado: 0-100. Usando valor por defecto: 45`);
-            this.minQualityScore = 45;
-        }
-        if (this.minFocusScore < 0 || this.minFocusScore > 100) {
-            this.logger.warn(`Propiedad minFocusScore inválida. Valor: ${this.minFocusScore}, esperado: 0-100. Usando valor por defecto: 16`);
-            this.minFocusScore = 16;
-        }
-        if (this.minBlurScore < 0 || this.minBlurScore > 200) {
-            this.logger.warn(`Propiedad minBlurScore inválida. Valor: ${this.minBlurScore}, esperado: 0-200. Usando valor por defecto: 22`);
-            this.minBlurScore = 22;
-        }
-        if (this.maxReflectionScore < 0 || this.maxReflectionScore > 100) {
-            this.logger.warn(`Propiedad maxReflectionScore inválida. Valor: ${this.maxReflectionScore}, esperado: 0-100. Usando valor por defecto: 15`);
-            this.maxReflectionScore = 15;
-        }
     }
     async loadOnnxRuntime() {
         if (!window.ort) {
@@ -445,63 +407,6 @@ export class JaakStamps {
             coordinates: { x, y }
         };
     }
-    async getImageQuality() {
-        if (!this.videoRef || !this.detectionService.isModelLoaded()) {
-            return null;
-        }
-        try {
-            const qualityResult = this.detectionService.validateImageQuality(this.videoRef);
-            return {
-                qualityScore: qualityResult.qualityScore,
-                overallQuality: qualityResult.overallQuality,
-                issues: qualityResult.issues,
-                recommendations: qualityResult.recommendations,
-                canCapture: this.detectionService.isImageQualityAcceptable(qualityResult)
-            };
-        }
-        catch (error) {
-            this.logger.error('Error al analizar calidad de imagen:', error);
-            return null;
-        }
-    }
-    async setQualityThresholds(thresholds) {
-        // Validate thresholds
-        if (thresholds.minQualityScore !== undefined && (thresholds.minQualityScore < 0 || thresholds.minQualityScore > 100)) {
-            throw new Error('minQualityScore must be between 0 and 100');
-        }
-        if (thresholds.minFocusScore !== undefined && (thresholds.minFocusScore < 0 || thresholds.minFocusScore > 100)) {
-            throw new Error('minFocusScore must be between 0 and 100');
-        }
-        if (thresholds.minBlurScore !== undefined && (thresholds.minBlurScore < 0 || thresholds.minBlurScore > 200)) {
-            throw new Error('minBlurScore must be between 0 and 200');
-        }
-        if (thresholds.maxReflectionScore !== undefined && (thresholds.maxReflectionScore < 0 || thresholds.maxReflectionScore > 100)) {
-            throw new Error('maxReflectionScore must be between 0 and 100');
-        }
-        // Update component properties
-        if (thresholds.minQualityScore !== undefined)
-            this.minQualityScore = thresholds.minQualityScore;
-        if (thresholds.minFocusScore !== undefined)
-            this.minFocusScore = thresholds.minFocusScore;
-        if (thresholds.minBlurScore !== undefined)
-            this.minBlurScore = thresholds.minBlurScore;
-        if (thresholds.maxReflectionScore !== undefined)
-            this.maxReflectionScore = thresholds.maxReflectionScore;
-        // Update detection service
-        this.detectionService.updateQualityThresholds(thresholds);
-        return {
-            success: true,
-            thresholds: this.detectionService.getQualityThresholds()
-        };
-    }
-    async getQualityThresholds() {
-        return {
-            minQualityScore: this.minQualityScore,
-            minFocusScore: this.minFocusScore,
-            minBlurScore: this.minBlurScore,
-            maxReflectionScore: this.maxReflectionScore
-        };
-    }
     // DETECTION METHODS
     async startDetection() {
         this.logger.state('INICIANDO_DETECCION');
@@ -603,36 +508,8 @@ export class JaakStamps {
             // Measure preprocessing and inference time
             const inferenceStartTime = performance.now();
             const inputTensor = this.detectionService.preprocess(this.videoRef);
-            // Enhanced detection with quality validation if enabled
-            let detections;
-            let qualityResult = null;
-            let canCapture = true;
-            if (this.enableQualityValidation) {
-                // Use enhanced detection method with quality validation
-                const enhancedResult = await this.detectionService.runInferenceWithQuality(inputTensor, this.videoRef);
-                detections = enhancedResult.detections;
-                qualityResult = enhancedResult.qualityResult;
-                canCapture = enhancedResult.canCapture;
-                // Update quality feedback state
-                this.qualityFeedback = {
-                    message: enhancedResult.feedback,
-                    score: qualityResult.qualityScore,
-                    hasIssues: qualityResult.issues.length > 0,
-                    canCapture: canCapture
-                };
-            }
-            else {
-                // Standard detection without quality validation
-                detections = await this.detectionService.runInference(inputTensor);
-                // Quick quality feedback for real-time display
-                const quickFeedback = this.detectionService.getQuickQualityFeedback(this.videoRef);
-                this.qualityFeedback = {
-                    message: quickFeedback.feedback,
-                    score: 0, // Not calculated in quick mode
-                    hasIssues: quickFeedback.hasBlur || quickFeedback.hasReflections || !quickFeedback.isFocused,
-                    canCapture: true // Allow capture without strict validation
-                };
-            }
+            // Standard detection without quality validation
+            const detections = await this.detectionService.runInference(inputTensor);
             const inferenceTime = performance.now() - inferenceStartTime;
             // Record ONNX performance metrics
             if (this.debug) {
@@ -640,7 +517,7 @@ export class JaakStamps {
             }
             // Update best score logic
             if (this.startTime && Date.now() - this.startTime < 5000) {
-                detections.forEach(detection => {
+                detections.forEach((detection) => {
                     const isWellPositioned = this.detectionService.isCardInFrame(detection);
                     const effectiveScore = isWellPositioned ? detection.score * 1.2 : detection.score;
                     if (effectiveScore > captureState.bestScore) {
@@ -730,7 +607,7 @@ export class JaakStamps {
             deviceType: 'desktop',
             preferredFacing: null
         };
-        return (h("div", { key: 'd71fc140c7fc87160ceaf479f9b9beae7685e9bc', class: "detector-container" }, h("div", { key: 'd83347ab6ccacfe940fb66d17adc21cff126d875', class: "video-container" }, h("video", { key: 'fb69de65e8133c7936cfb03ec86acdf89d2a8112', ref: el => this.videoRef = el, autoplay: true, muted: true, playsinline: true, class: this.shouldMirrorVideo ? 'mirror' : '', style: { display: captureState.isVideoActive ? 'block' : 'none' } }), h("div", { key: 'c957341c1a750a1732afd6bb1045c1ba9bb2993d', ref: el => this.detectionContainer = el, class: `detection-overlay ${this.shouldMirrorVideo ? 'mirror' : ''}` }, this.debug && this.detectionBoxes.map((box, index) => (h("div", { key: index, class: "detection-box", style: {
+        return (h("div", { key: '7af79a0ff25b51790a9477cd7b338a0584172fc2', class: "detector-container" }, h("div", { key: 'ebf6a3811e0e599f29e98325b975a645e3bfb5e0', class: "video-container" }, h("video", { key: '5208fc9574fa78b1149be5839bc26d04bf9bcdfc', ref: el => this.videoRef = el, autoplay: true, muted: true, playsinline: true, class: this.shouldMirrorVideo ? 'mirror' : '', style: { display: captureState.isVideoActive ? 'block' : 'none' } }), h("div", { key: 'b507c786eccbd21acdd884ef50bc6ec280b9d437', ref: el => this.detectionContainer = el, class: `detection-overlay ${this.shouldMirrorVideo ? 'mirror' : ''}` }, this.debug && this.detectionBoxes.map((box, index) => (h("div", { key: index, class: "detection-box", style: {
                 position: 'absolute',
                 left: `${box.x}px`,
                 top: `${box.y}px`,
@@ -739,9 +616,7 @@ export class JaakStamps {
                 border: '2px solid #32406C',
                 pointerEvents: 'none',
                 boxSizing: 'border-box'
-            } })))), this.isMaskReady && (h("div", { key: 'cf81504f7f129a2bb2789dd7addfe8d365fd7973', class: "overlay-mask" }, h("div", { key: 'b0f8ab1e02d1731295b95cbca4b44be430c6104d', class: "card-outline" }, h("div", { key: 'fadb33b8dc3c2cbfbb78aa0ff4d273b2b26a3565', class: "side side-top" }), h("div", { key: '3f3ca187195c78f2c3daffa481cc275f970c68a5', class: "side side-right" }), h("div", { key: '1e6bac145a85bbee2dab24da81b8064bc4ac282b', class: "side side-bottom" }), h("div", { key: '9bef1cd7afcef6cb1975a1103ec57d33d89f7640', class: "side side-left" }), !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("div", { key: '9198d8b8fb1f4a17ec615943a09844f47a639048', class: "guide-text" }, this.enableQualityValidation && this.hasDocumentDetected && this.qualityFeedback.message ?
-            this.qualityFeedback.message :
-            'Alinee su identificación con el marco')), this.enableQualityValidation && this.hasDocumentDetected && captureState.isVideoActive && !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("div", { key: '04afa661c1d988d9bedb48c78672de233dd49f9b', class: `quality-indicator ${this.qualityFeedback.hasIssues ? 'warning' : 'good'}` }, h("div", { key: 'bc789e19894de1d3dfd4a232e05e612d804e0e6c', class: "quality-score" }, this.qualityFeedback.score > 0 ? `${this.qualityFeedback.score}%` : ''), h("div", { key: '0750f5e5dfdb7a7c054d01965146d34a5bb4485a', class: `quality-status ${this.qualityFeedback.canCapture ? 'ready' : 'not-ready'}` }, this.qualityFeedback.canCapture ? '✓' : '!')))), captureState.step === 'back' && !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("button", { key: 'cbe391726b5d62acbb466c36b135e0556fc488f7', class: "skip-button", onClick: () => this.skipBackCapture(), type: "button" }, "Saltar reverso")), captureState.isVideoActive && (h("div", { key: '929f8fe054b30e3c30bf066319e957a633fa587c', class: "camera-controls" }, h("button", { key: 'b4f68dd3a6865cba49c3f5d38c43874b7b9b364d', class: `camera-selector-button ${this.isSwitchingCamera ? 'loading' : ''}`, onClick: () => this.toggleCameraSelector(), type: "button", title: "Seleccionar c\u00E1mara", disabled: this.isSwitchingCamera }, this.isSwitchingCamera ? (h("div", { class: "button-spinner" })) : ('Cámaras')))), this.showCameraSelector && cameraInfo.availableCameras.length > 0 && (h("div", { key: 'c9315ff70704fdc265af07bf765b6247814563e6', class: "camera-selector-dropdown" }, h("div", { key: 'f4950e7e3c3e279c48310a4049550f3143fb4d3f', class: "camera-selector-header" }, h("span", { key: '4cfacf909549b0e18bd8ac6e54e127ce09b75335' }, "Seleccionar C\u00E1mara"), h("button", { key: '13d7679c5235f41f0dbc38b9f397483cf4ec9ffd', class: "close-selector", onClick: () => this.toggleCameraSelector(), type: "button" }, "\u00D7")), h("div", { key: '6c97cb8ba9486c33a633901d9dd49765f87d92ed', class: "camera-list" }, cameraInfo.availableCameras.map((camera) => (h("button", { key: camera.id, class: `camera-option ${cameraInfo.selectedCameraId === camera.id ? 'selected' : ''}`, onClick: () => this.handleCameraSwitch(camera.id), type: "button" }, h("span", { class: "camera-label" }, camera.label || `Cámara ${cameraInfo.availableCameras.indexOf(camera) + 1}`), cameraInfo.selectedCameraId === camera.id && (h("span", { class: "selected-indicator" }, "\u2713")))))), h("div", { key: '35796316fc950b8491f6167303b549b098abbf58', class: "device-info" }, h("small", { key: '83c59a8cb0c0b67a37163fe75c1f1f383fcb00f4' }, "Dispositivo: ", cameraInfo.deviceType)))))), captureState.isCapturing && (h("div", { key: 'be5b316abb21c06cf5bb69ed090d43d45537a9e6', class: "capture-animation" })), captureState.showFlipAnimation && (h("div", { key: '43e64fcc325c7c96871a99838c5fa094c6774af2', class: "flip-animation" }, h("div", { key: '39223d9b593716e76912ade58b556c7212a7e05f', class: "id-card-icon" }), h("div", { key: '79463b43724c3c56c45bd5b41337117d7d415618', class: "flip-text" }, "\u00A1Voltea tu identificaci\u00F3n!"))), captureState.showSuccessAnimation && (h("div", { key: '7be8ca4d0bd59b1e4127254ff68e41321aa387cc', class: "success-animation" }, h("div", { key: '03a3e625f622c546a3016f85e029f9ea165f65c3', class: "check-icon" }), h("div", { key: '9c63faad517dad4b2ede8ec5a0998ad0b5c807d5', class: "success-text" }, "\u00A1Proceso completado!"))), h("div", { key: '94aa38c67fdaf328e74a2c1ec476987bf8e483d5', class: `component-status status-${this.currentStatus.type}` }, (this.currentStatus.type === 'loading' || this.currentStatus.type === 'initializing') && (h("div", { key: '52a460f2fe11505158331cc06d7121db80bdfed9', class: "status-spinner" })), h("div", { key: '1eabfed00df31ff30fdf818f3d33cd837a7f31a5', class: "status-content" }, h("div", { key: '4bdbadf18fc48f2fad5dafd9ddf4a78f0a81dbf5', class: "status-message" }, this.currentStatus.message), this.currentStatus.description && (h("div", { key: '14c41346fc9fc306315cdda1c54ec1e828c38f62', class: "status-description" }, this.currentStatus.description)))), this.debug && (h("div", { key: '21fb0ca08547143648097f2aa4f3eb3ade73bce1', class: "performance-monitor" }, h("div", { key: '88c990f42b5c87c9bc971acd228fc84bacec861b', class: "performance-expanded" }, h("div", { key: '351215f4b8ab202b42a4c9b0bfa8665485469f64', class: "metrics-row" }, h("div", { key: '28a2c5386ba99850f7dc41add6fb4ef073a6b8cb', class: "metric-compact" }, h("span", { key: '7a2ab758f9baf1264cd4ad70ff30f42a35c41065', class: "metric-label" }, "FPS"), h("span", { key: '1c4370d016f2bdcf61275b4869bddbd8109a7b2a', class: `metric-value ${this.performanceData.fps < 15 ? 'warning' : this.performanceData.fps < 10 ? 'danger' : 'good'}` }, this.performanceData.fps)), h("div", { key: 'e79c27b4cbad3e70f2df917a5147dd125d51304d', class: "metric-compact" }, h("span", { key: 'aee4c178ae751cfe94735ef9fcb78f273f9cb885', class: "metric-label" }, "MEM"), h("span", { key: '823e98dec413968ee5080b29839729e6ac9f91d2', class: `metric-value ${this.performanceData.memoryUsage > 100 ? 'warning' : this.performanceData.memoryUsage > 200 ? 'danger' : 'good'}` }, this.performanceData.memoryUsage, "MB"))), h("div", { key: 'e29037f684c82579a711aff022060c97ab9d93cf', class: "metrics-row" }, h("div", { key: '2917f3c4b026e3106fad741944e582aff36e10e0', class: "metric-compact" }, h("span", { key: 'e8783e8e2b18b29b37342eea376a75f257a46850', class: "metric-label" }, "INF"), h("span", { key: '30cdc1db3189135bc772aab5c31e081294ebd431', class: `metric-value ${this.performanceData.inferenceTime > 100 ? 'warning' : this.performanceData.inferenceTime > 200 ? 'danger' : 'good'}` }, this.performanceData.inferenceTime, "ms")), h("div", { key: 'c481ec26394e35efe38047e5fa1b835e520f49b8', class: "metric-compact" }, h("span", { key: 'c806cae91f3fcad896bd6053b6a0391ab518ab6f', class: "metric-label" }, "FRAME"), h("span", { key: 'af9996e2093c918ea903d036e637905baeef1aa2', class: `metric-value ${this.performanceData.frameProcessingTime > 50 ? 'warning' : this.performanceData.frameProcessingTime > 100 ? 'danger' : 'good'}` }, this.performanceData.frameProcessingTime, "ms"))), h("div", { key: '48422447a6d00f78a9f861bfc50de4ef5a628a57', class: "metrics-row" }, h("div", { key: 'c88a03fbff56f68796df33187256fd5a5a68f763', class: "metric-compact" }, h("span", { key: '5e366c35865f8bf45aecac126ce98e0e17be0825', class: "metric-label" }, "DET"), h("span", { key: '123570ac9ae59cf5ef1b992ea6c4563b753990c3', class: "metric-value good" }, this.performanceData.successfulDetections, "/", this.performanceData.totalDetections)), h("div", { key: 'dea3a496f84e80f9d6f27173c8fa2e4149bf8e0b', class: "metric-compact" }, h("span", { key: 'fe47d6c16ca84fff8824bef92d8ce9efe50dfa38', class: "metric-label" }, "RATE"), h("span", { key: '873846eb42c1ed97f4e9493871e51741766c852f', class: `metric-value ${this.performanceData.detectionRate < 30 ? 'danger' : this.performanceData.detectionRate < 60 ? 'warning' : 'good'}` }, this.performanceData.detectionRate, "%")))))), h("div", { key: 'b485b1d8fafee0314ffbf1c7934ffc9a3d4c6902', class: "watermark" }, h("img", { key: 'f5fae340c3e96ecafe26aa819dbc2411038aa953', src: "https://storage.googleapis.com/jaak-static/commons/powered-by-jaak.png", alt: "Powered by Jaak" })))));
+            } })))), this.isMaskReady && (h("div", { key: '53066c626b23daae351ea9a80409e8882434b0dd', class: "overlay-mask" }, h("div", { key: '77bb4048d43e328e57a5c7e1909e0a59c8957217', class: "card-outline" }, h("div", { key: 'ea0f2610d903f985286856ab69f8be24fd42148e', class: "side side-top" }), h("div", { key: 'dc671111ef4adf33aa41f4457fdf344ede23eb80', class: "side side-right" }), h("div", { key: '2475ec41577dca92b425542c8861c570ed7ecd3b', class: "side side-bottom" }), h("div", { key: 'a06171c8eb1bd6353a6464485604560d73ac04b7', class: "side side-left" }), !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("div", { key: 'ecfd98f36d457fe7282b26f6a0efef5361380c76', class: "guide-text" }, "Alinee su identificaci\u00F3n con el marco"))), captureState.step === 'back' && !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("button", { key: 'f3c7b66500110437e9e4a7442cb327f2fdc6d71f', class: "skip-button", onClick: () => this.skipBackCapture(), type: "button" }, "Saltar reverso")), captureState.isVideoActive && (h("div", { key: 'b5b2a8dfc6dbcf381c32c4caa562c27ced2e3e56', class: "camera-controls" }, h("button", { key: '6b40d4649dfa22c5ea8ca90cacce35cd0ca53ff3', class: `camera-selector-button ${this.isSwitchingCamera ? 'loading' : ''}`, onClick: () => this.toggleCameraSelector(), type: "button", title: "Seleccionar c\u00E1mara", disabled: this.isSwitchingCamera }, this.isSwitchingCamera ? (h("div", { class: "button-spinner" })) : ('Cámaras')))), this.showCameraSelector && cameraInfo.availableCameras.length > 0 && (h("div", { key: '41feec90287510b08bd1090ad15586b323007c30', class: "camera-selector-dropdown" }, h("div", { key: '8310ebe3db842c463ad428b973f841053315a76f', class: "camera-selector-header" }, h("span", { key: '6693bdfa33643dfe73798d4f25b0c2d9de7aac7c' }, "Seleccionar C\u00E1mara"), h("button", { key: '8552d45e1482c570d7ff85588d4404eec7c369d7', class: "close-selector", onClick: () => this.toggleCameraSelector(), type: "button" }, "\u00D7")), h("div", { key: '5333ec0e5fb2c50a07a7c0b7d4dfb1bb4ee0df1c', class: "camera-list" }, cameraInfo.availableCameras.map((camera) => (h("button", { key: camera.id, class: `camera-option ${cameraInfo.selectedCameraId === camera.id ? 'selected' : ''}`, onClick: () => this.handleCameraSwitch(camera.id), type: "button" }, h("span", { class: "camera-label" }, camera.label || `Cámara ${cameraInfo.availableCameras.indexOf(camera) + 1}`), cameraInfo.selectedCameraId === camera.id && (h("span", { class: "selected-indicator" }, "\u2713")))))), h("div", { key: '8adf70b0e632c56a4784dec44621688809a3ff56', class: "device-info" }, h("small", { key: '2ea23922386ecda4a9011b50faba5efe4b4e60bb' }, "Dispositivo: ", cameraInfo.deviceType)))))), captureState.isCapturing && (h("div", { key: '8e693db67fe1e6ae8f11082b8993682b6d19b11d', class: "capture-animation" })), captureState.showFlipAnimation && (h("div", { key: '474489ed7848cdc163c492a5e19f5f13231e17b3', class: "flip-animation" }, h("div", { key: 'a9bd24ca21330882f001b7811077630eb1c30f50', class: "id-card-icon" }), h("div", { key: 'ffadb660a61e0f5e3e29bdc473d987e87dc4ad8a', class: "flip-text" }, "\u00A1Voltea tu identificaci\u00F3n!"))), captureState.showSuccessAnimation && (h("div", { key: 'd2522ee33aa159d49f040a293775892fb1cb81b5', class: "success-animation" }, h("div", { key: 'e7f899fac58bc9a3d51cf2cb89ee33bb320b241f', class: "check-icon" }), h("div", { key: 'd5d0ee1f37dbc659ca625ad03cbce325be0cf0a6', class: "success-text" }, "\u00A1Proceso completado!"))), h("div", { key: '425d347666032c3982a660ebee13b47670b996cb', class: `component-status status-${this.currentStatus.type}` }, (this.currentStatus.type === 'loading' || this.currentStatus.type === 'initializing') && (h("div", { key: '4d396fa107872f9a1e526fd59dc4edf279a05792', class: "status-spinner" })), h("div", { key: '232e9ae24c8cf5ef8ac0e3442e45a920799c724d', class: "status-content" }, h("div", { key: 'fe9dc0ca6d8e8276052bac7d2d44f1c7c9730364', class: "status-message" }, this.currentStatus.message), this.currentStatus.description && (h("div", { key: '6910c7ac78fd89e6fa1165446ec6d46fb356035c', class: "status-description" }, this.currentStatus.description)))), this.debug && (h("div", { key: '7282b8afaf03da53b01a23d04babd772528c3c14', class: "performance-monitor" }, h("div", { key: 'b582b3124fed13387cd70a02a34ab2bb541f3bfc', class: "performance-expanded" }, h("div", { key: '764bac2d61224b9a5f306f50934d410e1bd27787', class: "metrics-row" }, h("div", { key: '261563f8314a9f6069b1ac6362eb9c38936a9dc7', class: "metric-compact" }, h("span", { key: '4feea98eff86620c1bc90eb65d9799102423109d', class: "metric-label" }, "FPS"), h("span", { key: 'eb15f13b27b8aa50701ad3d11c4cf87200010b67', class: `metric-value ${this.performanceData.fps < 15 ? 'warning' : this.performanceData.fps < 10 ? 'danger' : 'good'}` }, this.performanceData.fps)), h("div", { key: '0813c35c2c33286f2276bfb5adce59b32c7bb597', class: "metric-compact" }, h("span", { key: '201e7bcb556e63b141e42a3ffc3419eb4284bfa8', class: "metric-label" }, "MEM"), h("span", { key: '4f6703cbe0128440d0f2f22f631035ab85422c64', class: `metric-value ${this.performanceData.memoryUsage > 100 ? 'warning' : this.performanceData.memoryUsage > 200 ? 'danger' : 'good'}` }, this.performanceData.memoryUsage, "MB"))), h("div", { key: '6343c361c93138b9ea66e8ae8acd361b93333f8c', class: "metrics-row" }, h("div", { key: 'd3c81fe597004bf380fae2d32f3a8314317e7769', class: "metric-compact" }, h("span", { key: 'fce572af3e200a611974dceef4da02f6aecedffc', class: "metric-label" }, "INF"), h("span", { key: '18dd78d54dcecfb70ddf59b782f87f8c6f208b0f', class: `metric-value ${this.performanceData.inferenceTime > 100 ? 'warning' : this.performanceData.inferenceTime > 200 ? 'danger' : 'good'}` }, this.performanceData.inferenceTime, "ms")), h("div", { key: '4c31ebfd835b017fd3e41b23d6bd9b19add511aa', class: "metric-compact" }, h("span", { key: '66b1a380b9479a8fc1e8c2385cb72aa4158dc74e', class: "metric-label" }, "FRAME"), h("span", { key: '3c6e41f7f11123c524d3a9df409345929d63f352', class: `metric-value ${this.performanceData.frameProcessingTime > 50 ? 'warning' : this.performanceData.frameProcessingTime > 100 ? 'danger' : 'good'}` }, this.performanceData.frameProcessingTime, "ms"))), h("div", { key: '3b522e2cdfe4bd9f1dd6eb0f91ee3577dc43e490', class: "metrics-row" }, h("div", { key: 'fa1e6f687b43aa2582b8b3426feb03a16c6493fc', class: "metric-compact" }, h("span", { key: 'a9355091e71a33a6a0d7cc6c11171dcda2e51b22', class: "metric-label" }, "DET"), h("span", { key: 'beca5a7ccf4853675cf8366bcf577ebfbd46c4f0', class: "metric-value good" }, this.performanceData.successfulDetections, "/", this.performanceData.totalDetections)), h("div", { key: '4b07fc9b3d35f99bc6e77c8726192cde0476a787', class: "metric-compact" }, h("span", { key: 'a1674b538f45328ee0afb00e582c07e0b4ccf553', class: "metric-label" }, "RATE"), h("span", { key: 'fd384a5137bc3df6c939d3d698a3ef80e9087030', class: `metric-value ${this.performanceData.detectionRate < 30 ? 'danger' : this.performanceData.detectionRate < 60 ? 'warning' : 'good'}` }, this.performanceData.detectionRate, "%")))))), h("div", { key: 'ebbaf15a0ad96e4da5bbf746c32d7a4abb51b973', class: "watermark" }, h("img", { key: '8e7d274b529d1f7020ec4a7225579792763f871a', src: "https://storage.googleapis.com/jaak-static/commons/powered-by-jaak.png", alt: "Powered by Jaak" })))));
     }
     // Utility methods
     updateDetectionBoxes(boxes) {
@@ -813,19 +688,14 @@ export class JaakStamps {
         if (allSidesAligned && bestBox) {
             cardOutline?.classList.add('perfect-match');
             corners?.forEach(corner => corner.classList.add('perfect-match'));
-            // Check quality validation before allowing capture
-            const qualityCheckPassed = !this.enableQualityValidation || this.qualityFeedback.canCapture;
             // Debug logging
             this.logger.state('CAPTURE_EVALUATION', {
                 allSidesAligned: true,
                 hasScreenshotTaken: this.hasScreenshotTaken,
-                qualityCheckPassed,
-                enableQualityValidation: this.enableQualityValidation,
-                qualityFeedback: this.qualityFeedback,
                 captureDelay: this.captureDelay,
                 alignmentStartTime: this.alignmentStartTime
             });
-            if (!this.hasScreenshotTaken && qualityCheckPassed) {
+            if (!this.hasScreenshotTaken) {
                 const currentTime = Date.now();
                 // Initialize alignment start time if not set
                 if (!this.alignmentStartTime) {
@@ -842,8 +712,7 @@ export class JaakStamps {
                 if (alignmentDuration >= this.captureDelay) {
                     this.logger.state('TRIGGERING_CAPTURE', {
                         alignmentDuration,
-                        captureDelay: this.captureDelay,
-                        qualityScore: this.qualityFeedback.score
+                        captureDelay: this.captureDelay
                     });
                     this.lastDetectedBox = bestBox;
                     this.takeScreenshot().catch(error => {
@@ -856,17 +725,6 @@ export class JaakStamps {
                     }, 2000);
                 }
             }
-            else if (!qualityCheckPassed) {
-                // Reset alignment timer if quality check fails
-                this.logger.state('QUALITY_CHECK_FAILED', {
-                    enableQualityValidation: this.enableQualityValidation,
-                    canCapture: this.qualityFeedback.canCapture,
-                    qualityScore: this.qualityFeedback.score,
-                    hasIssues: this.qualityFeedback.hasIssues
-                });
-                this.alignmentStartTime = undefined;
-                cardOutline?.classList.add('quality-warning');
-            }
         }
         else {
             cardOutline?.classList.remove('perfect-match');
@@ -1182,7 +1040,7 @@ export class JaakStamps {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "10"
+                "defaultValue": "20"
             },
             "maskSize": {
                 "type": "number",
@@ -1202,7 +1060,7 @@ export class JaakStamps {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "90"
+                "defaultValue": "80"
             },
             "cropMargin": {
                 "type": "number",
@@ -1222,7 +1080,7 @@ export class JaakStamps {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "0"
+                "defaultValue": "20"
             },
             "useDocumentClassification": {
                 "type": "boolean",
@@ -1283,126 +1141,6 @@ export class JaakStamps {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "1000"
-            },
-            "enableQualityValidation": {
-                "type": "boolean",
-                "attribute": "enable-quality-validation",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "true"
-            },
-            "qualityThreshold": {
-                "type": "number",
-                "attribute": "quality-threshold",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "60"
-            },
-            "minQualityScore": {
-                "type": "number",
-                "attribute": "min-quality-score",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "45"
-            },
-            "minFocusScore": {
-                "type": "number",
-                "attribute": "min-focus-score",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "16"
-            },
-            "minBlurScore": {
-                "type": "number",
-                "attribute": "min-blur-score",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "22"
-            },
-            "maxReflectionScore": {
-                "type": "number",
-                "attribute": "max-reflection-score",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "15"
             }
         };
     }
@@ -1416,7 +1154,6 @@ export class JaakStamps {
             "isSwitchingCamera": {},
             "hasDocumentDetected": {},
             "currentStatus": {},
-            "qualityFeedback": {},
             "performanceData": {}
         };
     }
@@ -1457,15 +1194,20 @@ export class JaakStamps {
         return {
             "getCapturedImages": {
                 "complexType": {
-                    "signature": "() => Promise<import(\"/home/runner/work/jaak-stamps-webcomponent/jaak-stamps-webcomponent/src/services/interfaces/IStateManager\").CapturedImages>",
+                    "signature": "() => Promise<CapturedImagesResponse>",
                     "parameters": [],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
+                        },
+                        "CapturedImagesResponse": {
+                            "location": "import",
+                            "path": "../../types/component-types",
+                            "id": "src/types/component-types.ts::CapturedImagesResponse"
                         }
                     },
-                    "return": "Promise<CapturedImages>"
+                    "return": "Promise<CapturedImagesResponse>"
                 },
                 "docs": {
                     "text": "",
@@ -1559,15 +1301,20 @@ export class JaakStamps {
             },
             "getStatus": {
                 "complexType": {
-                    "signature": "() => Promise<{ isVideoActive: boolean; captureStep: \"front\" | \"back\" | \"completed\"; hasImages: boolean; isProcessCompleted: boolean; isModelPreloaded: boolean; }>",
+                    "signature": "() => Promise<StatusResponse>",
                     "parameters": [],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
+                        },
+                        "StatusResponse": {
+                            "location": "import",
+                            "path": "../../types/component-types",
+                            "id": "src/types/component-types.ts::StatusResponse"
                         }
                     },
-                    "return": "Promise<{ isVideoActive: boolean; captureStep: \"front\" | \"back\" | \"completed\"; hasImages: boolean; isProcessCompleted: boolean; isModelPreloaded: boolean; }>"
+                    "return": "Promise<StatusResponse>"
                 },
                 "docs": {
                     "text": "",
@@ -1593,15 +1340,20 @@ export class JaakStamps {
             },
             "getCameraInfo": {
                 "complexType": {
-                    "signature": "() => Promise<{ availableCameras: import(\"/home/runner/work/jaak-stamps-webcomponent/jaak-stamps-webcomponent/src/services/interfaces/ICameraService\").CameraInfo[]; selectedCameraId: string | null; deviceType: string; isMultipleCamerasAvailable: boolean; preferredFacing: \"environment\" | \"user\" | null; }>",
+                    "signature": "() => Promise<CameraInfoResponse>",
                     "parameters": [],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
+                        },
+                        "CameraInfoResponse": {
+                            "location": "import",
+                            "path": "../../types/component-types",
+                            "id": "src/types/component-types.ts::CameraInfoResponse"
                         }
                     },
-                    "return": "Promise<{ availableCameras: CameraInfo[]; selectedCameraId: string; deviceType: string; isMultipleCamerasAvailable: boolean; preferredFacing: \"environment\" | \"user\"; }>"
+                    "return": "Promise<CameraInfoResponse>"
                 },
                 "docs": {
                     "text": "",
@@ -1712,66 +1464,6 @@ export class JaakStamps {
                     "text": "",
                     "tags": []
                 }
-            },
-            "getImageQuality": {
-                "complexType": {
-                    "signature": "() => Promise<{ qualityScore: any; overallQuality: any; issues: any; recommendations: any; canCapture: boolean; }>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<{ qualityScore: any; overallQuality: any; issues: any; recommendations: any; canCapture: boolean; }>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "setQualityThresholds": {
-                "complexType": {
-                    "signature": "(thresholds: QualityThresholds) => Promise<{ success: boolean; thresholds: QualityThresholds; }>",
-                    "parameters": [{
-                            "name": "thresholds",
-                            "type": "QualityThresholds",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "QualityThresholds": {
-                            "location": "import",
-                            "path": "../../services/interfaces/IDetectionService",
-                            "id": "src/services/interfaces/IDetectionService.ts::QualityThresholds"
-                        }
-                    },
-                    "return": "Promise<{ success: boolean; thresholds: QualityThresholds; }>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "getQualityThresholds": {
-                "complexType": {
-                    "signature": "() => Promise<{ minQualityScore: number; minFocusScore: number; minBlurScore: number; maxReflectionScore: number; }>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<{ minQualityScore: number; minFocusScore: number; minBlurScore: number; maxReflectionScore: number; }>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
             }
         };
     }