@jaak.ai/stamps 2.1.0-dev.17 → 2.1.0-dev.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/jaak-stamps.cjs.entry.js +3 -8
- package/dist/cjs/jaak-stamps.cjs.entry.js.map +1 -1
- package/dist/cjs/jaak-stamps.entry.cjs.js.map +1 -1
- package/dist/collection/components/my-component/my-component.js +3 -8
- package/dist/collection/components/my-component/my-component.js.map +1 -1
- package/dist/components/jaak-stamps.js +3 -8
- package/dist/components/jaak-stamps.js.map +1 -1
- package/dist/esm/jaak-stamps.entry.js +3 -8
- package/dist/esm/jaak-stamps.entry.js.map +1 -1
- package/dist/jaak-stamps-webcomponent/jaak-stamps-webcomponent.esm.js +1 -1
- package/dist/jaak-stamps-webcomponent/jaak-stamps.entry.esm.js.map +1 -1
- package/dist/jaak-stamps-webcomponent/{p-078cef56.entry.js → p-3ba4f943.entry.js} +2 -2
- package/dist/jaak-stamps-webcomponent/p-3ba4f943.entry.js.map +1 -0
- package/package.json +1 -1
- package/dist/jaak-stamps-webcomponent/p-078cef56.entry.js.map +0 -1
|
@@ -2190,7 +2190,7 @@ const JaakStamps = class {
|
|
|
2190
2190
|
isCapturing: false
|
|
2191
2191
|
};
|
|
2192
2192
|
const cameraInfo = this.cameraInfoWithAutofocus;
|
|
2193
|
-
return (index.h("div", { key: '
|
|
2193
|
+
return (index.h("div", { key: '1862f63245df2e3539aa96c71a5e251b8129122b', class: "detector-container" }, index.h("div", { key: '55e7389921198fa71d0db576925a17400cbc5f2c', class: "video-container" }, index.h("video", { key: '8cd5966d183298e68cdea1efe9d70f95607f29ee', ref: el => this.videoRef = el, autoplay: true, muted: true, playsinline: true, class: this.shouldMirrorVideo ? 'mirror' : '', style: { display: captureState.isVideoActive ? 'block' : 'none' } }), index.h("div", { key: '4683fecd70ae83aa5c848ebcfb67ab60e2c61e74', ref: el => this.detectionContainer = el, class: `detection-overlay ${this.shouldMirrorVideo ? 'mirror' : ''}` }, this.debug && this.detectionBoxes.map((box, index$1) => (index.h("div", { key: index$1, class: "detection-box", style: {
|
|
2194
2194
|
position: 'absolute',
|
|
2195
2195
|
left: `${box.x}px`,
|
|
2196
2196
|
top: `${box.y}px`,
|
|
@@ -2199,9 +2199,9 @@ const JaakStamps = class {
|
|
|
2199
2199
|
border: '2px solid #32406C',
|
|
2200
2200
|
pointerEvents: 'none',
|
|
2201
2201
|
boxSizing: 'border-box'
|
|
2202
|
-
} })))), this.isMaskReady && (index.h("div", { key: '
|
|
2202
|
+
} })))), this.isMaskReady && (index.h("div", { key: '7a9863ba9583d98d30cba4c008ac9e8c662d3d41', class: "overlay-mask" }, index.h("div", { key: 'bde1f98a47b15a0a73f5ad06b0e2f36f92c7e791', class: "card-outline" }, index.h("div", { key: '394a7e67e952db7d0c60a2486d5a5afe599df066', class: "side side-top" }), index.h("div", { key: 'acedd891736b8f9caf4c36f4b8ccfb272f8a8733', class: "side side-right" }), index.h("div", { key: '3d471490cd63ca4941712862f1d7aae04c27ff1e', class: "side side-bottom" }), index.h("div", { key: 'aad2ac818c845c6617f7719408b4dbcf95811f2a', class: "side side-left" })), !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (index.h("div", { key: '6790aac2ea3467ec583fed48abb07ac0f37f55d4', class: `guide-text ${this.showPerformanceMessage ? 'performance-warning-text' : ''}` }, this.getGuideText(captureState.step))), captureState.step === 'back' && !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (index.h("div", { key: 'a2b3c0964fc59145c6ecbbea28167682e43123d0', class: "back-capture-section" }, index.h("div", { key: '762ac3f16e56acec0e4ef7f5d5d41b9166f08ea3', class: "back-capture-buttons" }, (!this.useDocumentDetector || this.performanceDegradedMode || this.showManualCaptureButton) && (index.h("button", { key: 'fc5924c54567e505f21e31115809ed53e6095442', class: "capture-button primary-button", onClick: () => this.takeManualScreenshot(), type: "button", disabled: this.processingButton !== null }, this.processingButton === 'capture-back' && (index.h("span", { key: '887145d4847ff9eeedd067258a88baf74d92cabc', class: "button-spinner" })), "Capturar Reverso")), index.h("button", { key: 'ca5a61b2b7d3a20edb2e683578c021674622f743', class: "skip-button", onClick: () => this.skipBackCapture(), type: "button", disabled: this.processingButton !== null }, this.processingButton === 'skip-back' && (index.h("span", { key: 'd7c665ea48b80a221deb527b3c1907e8838fa584', class: "button-spinner" })), this.enableBackDocumentTimer && this.backDocumentTimerRemaining > 0
|
|
2203
2203
|
? `Saltar reverso (${this.backDocumentTimerRemaining}s)`
|
|
2204
|
-
: 'Saltar reverso')))), captureState.isVideoActive && (index.h("div", { key: '
|
|
2204
|
+
: 'Saltar reverso')))), captureState.isVideoActive && (index.h("div", { key: 'efee09377c1bb87eed513d050251dbef61e1c4a9', class: "camera-controls" }, index.h("button", { key: 'e5afa259097eea44394aa2a9afd1c935d56f38bc', class: `camera-selector-button ${this.isSwitchingCamera ? 'loading' : ''}`, onClick: () => this.toggleCameraSelector(), type: "button", title: "Seleccionar c\u00E1mara", disabled: this.isSwitchingCamera }, this.isSwitchingCamera ? (index.h("div", { class: "button-spinner" })) : ('Cámaras')))), this.showCameraSelector && cameraInfo.availableCameras.length > 0 && (index.h("div", { key: '8b4171d532293f0acdf2e14c3187d34982d0e579', class: "camera-selector-dropdown" }, index.h("div", { key: 'f680f55ed66dcb692e06a1bbc68c24a6401f9114', class: "camera-selector-header" }, index.h("span", { key: '3c9bdd2346bc6c684921ab7d188206fcd1461591' }, "Seleccionar C\u00E1mara"), index.h("button", { key: '3a6d8bba24b4a3cfb9b5eaec0edded27ed848db9', class: "close-selector", onClick: () => this.toggleCameraSelector(), type: "button" }, "\u00D7")), index.h("div", { key: 'f0ce8d113f1a0b8bd7ace314c7348783d640cdaf', class: "camera-list" }, cameraInfo.availableCameras.map((camera) => (index.h("button", { key: camera.id, class: `camera-option ${cameraInfo.selectedCameraId === camera.id ? 'selected' : ''}`, onClick: () => this.handleCameraSwitch(camera.id), type: "button" }, index.h("span", { class: "camera-label" }, camera.label || `Cámara ${cameraInfo.availableCameras.indexOf(camera) + 1}`, camera.hasAutofocus && (index.h("span", { class: "autofocus-icon", title: "Autofoco disponible" }, "\u29BF"))), cameraInfo.selectedCameraId === camera.id && (index.h("span", { class: "selected-indicator" }, "\u2713")))))), index.h("div", { key: '7cb5d7678db2f8ded805eb8409a3a06e146e1619', class: "device-info" }, index.h("small", { key: 'd052bff12fc795f3f7f99b5fec865e71a7cbf4a6' }, "Dispositivo: ", cameraInfo.deviceType)))), this.showManualCaptureButton && captureState.step === 'front' && !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (index.h("div", { key: '4046351cc814899afe3fc2811b2df976caffc24c', class: "manual-capture-section" }, index.h("button", { key: '1f751f48ed3f4e3eac9ea4daadead9221e989587', class: "manual-capture-button", onClick: () => this.takeManualScreenshot(), type: "button", disabled: this.processingButton !== null }, this.processingButton === 'capture-front' && (index.h("span", { key: 'a711e65aec3c2aa31cbec6590c4b1ed25382866a', class: "button-spinner" })), "Capturar Frente"))))), captureState.isCapturing && (index.h("div", { key: 'ca9403b5da20302f620d472e163bd72b98152479', class: "capture-animation" })), captureState.showFlipAnimation && (index.h("div", { key: 'bea2901ee78f421bbdd9db50c066337f7183d253', class: "flip-animation" }, index.h("div", { key: '014528a51053be0785b7acfbe4680c2f88d34661', class: "id-card-icon" }), index.h("div", { key: '2bfa42caaf2877c3cb5c3575ccd5f68f7de83fb8', class: "flip-text" }, "\u00A1Voltea tu identificaci\u00F3n!"))), captureState.showSuccessAnimation && (index.h("div", { key: '46f3d03a1735cbcc8d9dccf0171bd34f5f97d833', class: "success-animation" }, index.h("div", { key: 'aa5b8ea678cb53f46e2932be329f1a9f9ef101fe', class: "check-icon" }), index.h("div", { key: 'b8d5144f38626a3255cdf83d64259ff6a8ff1a34', class: "success-text" }, "\u00A1Proceso completado!"))), index.h("div", { key: '4fa422f0e1626aaeb4b1791864791397486315ad', class: `component-status status-${this.currentStatus.type}` }, (this.currentStatus.type === 'loading' || this.currentStatus.type === 'initializing') && (index.h("div", { key: 'de8ca87021c46bd219350a4803c9e05bfd0cad02', class: "status-spinner" })), index.h("div", { key: 'ce605941ef761c1fddcebccb243074ac6fcdce3c', class: "status-content" }, index.h("div", { key: '40e4dead90803706bd77943a3479a7c37c2ac040', class: "status-message" }, this.currentStatus.message), this.currentStatus.description && (index.h("div", { key: 'a415f580da88607d43d5d769ff1c81f651dfa7a9', class: "status-description" }, this.currentStatus.description)))), this.debug && (index.h("div", { key: 'a02b2b2ffa191a30ba04b6a32986c611734e799f', class: "performance-monitor" }, index.h("div", { key: 'daaa61331de34e2783f572ec313f68c9e8ae87b5', class: "performance-expanded" }, index.h("div", { key: '313b3ce149e2996e62d6f02b30796934d729610f', class: "metrics-row" }, index.h("div", { key: '013d7da8015dc35c42ce989302814012fbd83b9f', class: "metric-compact" }, index.h("span", { key: '768c3dc749d1648b219d19ce90b6567bffae36b2', class: "metric-label" }, "FPS"), index.h("span", { key: '456f104b92106b6c65fe86e90207fb9f2476fe4b', class: `metric-value ${this.performanceData.fps < 15 ? 'warning' : this.performanceData.fps < 10 ? 'danger' : 'good'}` }, this.performanceData.fps)), index.h("div", { key: '524bf2af1ec65352f0926d611545fa02536742c8', class: "metric-compact" }, index.h("span", { key: '690a3ce7d73c6fc811dde0b548bb4b25df744bc6', class: "metric-label" }, "MEM"), index.h("span", { key: '136d811cad1fad796b67db7c033139f2221ecad8', class: `metric-value ${this.performanceData.memoryUsage > 100 ? 'warning' : this.performanceData.memoryUsage > 200 ? 'danger' : 'good'}` }, this.performanceData.memoryUsage, "MB"))), index.h("div", { key: 'a7692f8918be1cb053d614063e65fb8cadcbd62e', class: "metrics-row" }, index.h("div", { key: 'bd672615956fa21b3b176fcbcf0bc48199d43c3d', class: "metric-compact" }, index.h("span", { key: 'db6b392181aa35094c13d10a67d6659c723f77a5', class: "metric-label" }, "INF"), index.h("span", { key: 'a55330da7833a87ac9356a80d39ed5fb5da300c8', class: `metric-value ${this.performanceData.inferenceTime > 100 ? 'warning' : this.performanceData.inferenceTime > 200 ? 'danger' : 'good'}` }, this.performanceData.inferenceTime, "ms")), index.h("div", { key: '021949fca8dea0e9d2ae39ffd43f8c62c94044a5', class: "metric-compact" }, index.h("span", { key: 'bf90d3770b0e0e1fca54ff6311570d6eb7f38da8', class: "metric-label" }, "FRAME"), index.h("span", { key: '0b4c4f52b67331f1fdfe79ef549f598c0a3b17eb', class: `metric-value ${this.performanceData.frameProcessingTime > 50 ? 'warning' : this.performanceData.frameProcessingTime > 100 ? 'danger' : 'good'}` }, this.performanceData.frameProcessingTime, "ms"))), index.h("div", { key: 'a61891a64aa11e21b4506cf41e760e587e12f969', class: "metrics-row" }, index.h("div", { key: 'd82e0baa94af0dcae922cd9e81fd1d2500d69de5', class: "metric-compact" }, index.h("span", { key: '5e96b379f3686f65e28daeda523b4fd9b7b72b9a', class: "metric-label" }, "DET"), index.h("span", { key: 'c1f49738ffc2260b36401bf4370d7f1af56e7201', class: "metric-value good" }, this.performanceData.successfulDetections, "/", this.performanceData.totalDetections)), index.h("div", { key: '501f83d980c3cde49f8e3365f7b06be3388c7e57', class: "metric-compact" }, index.h("span", { key: 'cfa5b9ca9d64e80e60e2e0a70c52991cdc94ef25', class: "metric-label" }, "RATE"), index.h("span", { key: '09693bb8f176508cdaebc3ccef5ab2a9dc7c86b2', class: `metric-value ${this.performanceData.detectionRate < 30 ? 'danger' : this.performanceData.detectionRate < 60 ? 'warning' : 'good'}` }, this.performanceData.detectionRate, "%")))))), index.h("div", { key: '0927b351bef13d6b54aa982a626d27baddf8d7fa', class: "watermark" }, index.h("img", { key: '867da021e9f148b09c4968b078315137b2ef6ccf', src: "https://storage.googleapis.com/jaak-static/commons/powered-by-jaak.png", alt: "Powered by Jaak" })))));
|
|
2205
2205
|
}
|
|
2206
2206
|
// Utility methods
|
|
2207
2207
|
updateDetectionBoxes(boxes) {
|
|
@@ -2782,11 +2782,6 @@ const JaakStamps = class {
|
|
|
2782
2782
|
this.hasDocumentDetected = false;
|
|
2783
2783
|
// Reset sistema simplificado
|
|
2784
2784
|
this.processedFramesCount = 0;
|
|
2785
|
-
// Reset manual capture and performance degraded mode flags
|
|
2786
|
-
this.showManualCaptureButton = false;
|
|
2787
|
-
this.performanceDegradedMode = false;
|
|
2788
|
-
this.showPerformanceMessage = false;
|
|
2789
|
-
this.processingButton = null;
|
|
2790
2785
|
this.slowFrameCount = 0;
|
|
2791
2786
|
// Reset performance degradation state
|
|
2792
2787
|
this.hasAutoSwitchedToManual = false;
|