@jaak.ai/stamps 2.0.0-dev.46 → 2.0.0-dev.48
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 +37 -19
- 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.css +46 -18
- package/dist/collection/components/my-component/my-component.js +2 -2
- package/dist/collection/components/my-component/my-component.js.map +1 -1
- package/dist/collection/services/DetectionService.js +34 -16
- package/dist/collection/services/DetectionService.js.map +1 -1
- package/dist/components/jaak-stamps.js +37 -19
- package/dist/components/jaak-stamps.js.map +1 -1
- package/dist/esm/jaak-stamps.entry.js +37 -19
- 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-6514d12b.entry.js +2 -0
- package/dist/jaak-stamps-webcomponent/p-6514d12b.entry.js.map +1 -0
- package/package.json +1 -1
- package/dist/jaak-stamps-webcomponent/p-1d39b9be.entry.js +0 -2
- package/dist/jaak-stamps-webcomponent/p-1d39b9be.entry.js.map +0 -1
|
@@ -507,13 +507,42 @@ video {
|
|
|
507
507
|
}
|
|
508
508
|
}
|
|
509
509
|
|
|
510
|
-
/*
|
|
511
|
-
.skip-
|
|
510
|
+
/* Sección para saltar reverso */
|
|
511
|
+
.skip-section {
|
|
512
512
|
position: absolute;
|
|
513
513
|
bottom: 20px;
|
|
514
514
|
left: 50%;
|
|
515
515
|
transform: translateX(-50%);
|
|
516
516
|
z-index: 25;
|
|
517
|
+
display: flex;
|
|
518
|
+
flex-direction: column;
|
|
519
|
+
align-items: center;
|
|
520
|
+
width: 100%;
|
|
521
|
+
max-width: 300px;
|
|
522
|
+
}
|
|
523
|
+
|
|
524
|
+
.skip-explanation {
|
|
525
|
+
background-color: rgba(0, 0, 0, 0.7);
|
|
526
|
+
color: #ffffff;
|
|
527
|
+
padding: 10px 16px;
|
|
528
|
+
border-radius: 8px;
|
|
529
|
+
font-size: 14px;
|
|
530
|
+
font-weight: 500;
|
|
531
|
+
text-align: center;
|
|
532
|
+
margin-bottom: 12px;
|
|
533
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
|
534
|
+
backdrop-filter: blur(4px);
|
|
535
|
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
536
|
+
animation: fadeIn 0.3s ease-in-out;
|
|
537
|
+
}
|
|
538
|
+
|
|
539
|
+
@keyframes fadeIn {
|
|
540
|
+
from { opacity: 0; transform: translateY(10px); }
|
|
541
|
+
to { opacity: 1; transform: translateY(0); }
|
|
542
|
+
}
|
|
543
|
+
|
|
544
|
+
/* Botón para saltar reverso */
|
|
545
|
+
.skip-button {
|
|
517
546
|
pointer-events: auto;
|
|
518
547
|
background: #fff;
|
|
519
548
|
color: #333;
|
|
@@ -532,7 +561,7 @@ video {
|
|
|
532
561
|
|
|
533
562
|
.skip-button:active {
|
|
534
563
|
background: #e9ecef;
|
|
535
|
-
transform:
|
|
564
|
+
transform: translateY(1px);
|
|
536
565
|
}
|
|
537
566
|
|
|
538
567
|
/* Camera controls */
|
|
@@ -734,29 +763,29 @@ video {
|
|
|
734
763
|
right: 12px;
|
|
735
764
|
gap: 6px;
|
|
736
765
|
}
|
|
737
|
-
|
|
766
|
+
|
|
738
767
|
.camera-selector-button {
|
|
739
768
|
height: 36px;
|
|
740
769
|
padding: 0 12px;
|
|
741
770
|
font-size: 11px;
|
|
742
771
|
border-radius: 6px;
|
|
743
772
|
}
|
|
744
|
-
|
|
773
|
+
|
|
745
774
|
.camera-selector-dropdown {
|
|
746
775
|
right: 12px;
|
|
747
776
|
top: 48px;
|
|
748
777
|
min-width: 240px;
|
|
749
778
|
max-width: calc(100vw - 24px);
|
|
750
779
|
}
|
|
751
|
-
|
|
780
|
+
|
|
752
781
|
.camera-selector-header {
|
|
753
782
|
padding: 6px 10px;
|
|
754
783
|
}
|
|
755
|
-
|
|
784
|
+
|
|
756
785
|
.camera-option {
|
|
757
786
|
padding: 6px 10px;
|
|
758
787
|
}
|
|
759
|
-
|
|
788
|
+
|
|
760
789
|
.device-info {
|
|
761
790
|
padding: 4px 10px;
|
|
762
791
|
}
|
|
@@ -847,16 +876,16 @@ video {
|
|
|
847
876
|
height: 28px;
|
|
848
877
|
border-radius: 8px;
|
|
849
878
|
}
|
|
850
|
-
|
|
879
|
+
|
|
851
880
|
.status-spinner {
|
|
852
881
|
width: 14px;
|
|
853
882
|
height: 14px;
|
|
854
883
|
}
|
|
855
|
-
|
|
884
|
+
|
|
856
885
|
.status-message {
|
|
857
886
|
font-size: 11px;
|
|
858
887
|
}
|
|
859
|
-
|
|
888
|
+
|
|
860
889
|
.status-description {
|
|
861
890
|
font-size: 9px;
|
|
862
891
|
}
|
|
@@ -1006,25 +1035,25 @@ video {
|
|
|
1006
1035
|
left: 12px;
|
|
1007
1036
|
width: fit-content;
|
|
1008
1037
|
}
|
|
1009
|
-
|
|
1038
|
+
|
|
1010
1039
|
.performance-expanded {
|
|
1011
1040
|
padding: 4px 8px;
|
|
1012
1041
|
}
|
|
1013
|
-
|
|
1042
|
+
|
|
1014
1043
|
.metrics-row {
|
|
1015
1044
|
gap: 6px;
|
|
1016
1045
|
margin-bottom: 3px;
|
|
1017
1046
|
}
|
|
1018
|
-
|
|
1047
|
+
|
|
1019
1048
|
.metric-compact {
|
|
1020
1049
|
min-width: 45px;
|
|
1021
1050
|
gap: 1px;
|
|
1022
1051
|
}
|
|
1023
|
-
|
|
1052
|
+
|
|
1024
1053
|
.metric-label {
|
|
1025
1054
|
font-size: 8px;
|
|
1026
1055
|
}
|
|
1027
|
-
|
|
1056
|
+
|
|
1028
1057
|
.metric-value {
|
|
1029
1058
|
font-size: 9px;
|
|
1030
1059
|
padding: 1px 3px;
|
|
@@ -1078,10 +1107,9 @@ video {
|
|
|
1078
1107
|
top: 160px;
|
|
1079
1108
|
left: 12px;
|
|
1080
1109
|
}
|
|
1081
|
-
|
|
1110
|
+
|
|
1082
1111
|
.quality-text {
|
|
1083
1112
|
padding: 4px 8px;
|
|
1084
1113
|
font-size: 10px;
|
|
1085
1114
|
}
|
|
1086
1115
|
}
|
|
1087
|
-
|
|
@@ -626,9 +626,9 @@ export class JaakStamps {
|
|
|
626
626
|
border: '2px solid #32406C',
|
|
627
627
|
pointerEvents: 'none',
|
|
628
628
|
boxSizing: 'border-box'
|
|
629
|
-
} })))), this.isMaskReady && (h("div", { key: 'c2596f8cabb227e3ea3b082495f52b141cb1690f', class: "overlay-mask" }, h("div", { key: 'ba1ea39b5df1cd312a9bd9410b7225a29cfb8a29', class: "card-outline" }, h("div", { key: '6ce4d4d969d5f3fbcf75a4eb285f61d434c5633b', class: "side side-top" }), h("div", { key: '36653ecc4fcda25dfc84bc4d1f4c4c5dfb71ced7', class: "side side-right" }), h("div", { key: '8b108fa8fb370b229a0d1a77cb1ff044319a8f75', class: "side side-bottom" }), h("div", { key: 'a7aa3b45c065a50445aafd5c3ccefb57b0c9c769', class: "side side-left" }), !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("div", { key: 'b94b92273e12a019238e11ae57f21e140f13c3f1', class: "guide-text" }, "Alinee su identificaci\u00F3n con el marco"))), captureState.step === 'back' && !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("button", { key: '
|
|
629
|
+
} })))), this.isMaskReady && (h("div", { key: 'c2596f8cabb227e3ea3b082495f52b141cb1690f', class: "overlay-mask" }, h("div", { key: 'ba1ea39b5df1cd312a9bd9410b7225a29cfb8a29', class: "card-outline" }, h("div", { key: '6ce4d4d969d5f3fbcf75a4eb285f61d434c5633b', class: "side side-top" }), h("div", { key: '36653ecc4fcda25dfc84bc4d1f4c4c5dfb71ced7', class: "side side-right" }), h("div", { key: '8b108fa8fb370b229a0d1a77cb1ff044319a8f75', class: "side side-bottom" }), h("div", { key: 'a7aa3b45c065a50445aafd5c3ccefb57b0c9c769', class: "side side-left" }), !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("div", { key: 'b94b92273e12a019238e11ae57f21e140f13c3f1', class: "guide-text" }, "Alinee su identificaci\u00F3n con el marco"))), captureState.step === 'back' && !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("div", { key: '144c3741003ec0cc148bb6ce92012d7b3cd110c8', class: "skip-section" }, h("div", { key: 'f0a984a6b75afa374c5d47da9d53e39f98071da0', class: "skip-explanation" }, "Si tu documento no tiene lado trasero, da clic en el bot\u00F3n para continuar con el proceso"), h("button", { key: '57ac30d776e30709aab6e0a621cef889da3cc677', class: "skip-button", onClick: () => this.skipBackCapture(), type: "button" }, this.enableBackDocumentTimer && this.backDocumentTimerRemaining > 0
|
|
630
630
|
? `Saltar reverso (${this.backDocumentTimerRemaining}s)`
|
|
631
|
-
: 'Saltar reverso')), captureState.isVideoActive && (h("div", { key: '
|
|
631
|
+
: 'Saltar reverso'))), captureState.isVideoActive && (h("div", { key: 'bd45628707e0169317ed3dd4247e1056d7046104', class: "camera-controls" }, h("button", { key: 'e750fbf4d5d76d9e9596823bb2b86801ef19e485', 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: '40ada780a8ea13aeeaee9cb39bc6496f69f2679d', class: "camera-selector-dropdown" }, h("div", { key: '3a920bb02ba024f0359513f10544bf0528ecee6d', class: "camera-selector-header" }, h("span", { key: 'e5efd478a602b13821ba53cb9a7a59d1b4a71178' }, "Seleccionar C\u00E1mara"), h("button", { key: '2df6cc11e162be74862029e33815927e3fa8f2f8', class: "close-selector", onClick: () => this.toggleCameraSelector(), type: "button" }, "\u00D7")), h("div", { key: '06934642dff134c9e1a6872f935a5892a9c7b835', 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: '8d5ede287c2efb0ebe418bee8dc7fb310443c991', class: "device-info" }, h("small", { key: 'b7dd10565113694b09f01ab28ffa29262ae1d2bc' }, "Dispositivo: ", cameraInfo.deviceType)))))), captureState.isCapturing && (h("div", { key: '2f9e549e6c0c56d4db5835e58361fb17bba6cf90', class: "capture-animation" })), captureState.showFlipAnimation && (h("div", { key: 'a6ef0ed127f23e9d764896ed743ca8d8454851a6', class: "flip-animation" }, h("div", { key: '0b04411f88a634bb3243b00ca2d5a45fd6962dea', class: "id-card-icon" }), h("div", { key: '9327be58879b407cea87f455989406e58302e9d1', class: "flip-text" }, "\u00A1Voltea tu identificaci\u00F3n!"))), captureState.showSuccessAnimation && (h("div", { key: 'bd268578b5003e99256e3340b4a9a6fb7656be64', class: "success-animation" }, h("div", { key: '064e0a5b9851de14bc6829f028e7ea7161fd1633', class: "check-icon" }), h("div", { key: 'bdcd94a8806399e396e218a359c10b11d05f38d6', class: "success-text" }, "\u00A1Proceso completado!"))), h("div", { key: '3d9af617376c16e44e065873919c3d90ff46110a', class: `component-status status-${this.currentStatus.type}` }, (this.currentStatus.type === 'loading' || this.currentStatus.type === 'initializing') && (h("div", { key: 'be7b56decfd6f12dcca46b2a9456480e3d5ac00e', class: "status-spinner" })), h("div", { key: '5fe9850883cb749cebaa18c3e9c13ca21325e373', class: "status-content" }, h("div", { key: '43fdb50691e4b98e56126af1a129f625061128bf', class: "status-message" }, this.currentStatus.message), this.currentStatus.description && (h("div", { key: 'b76cbfa4a0349421fcd535d3fd8bf40c89ca3aef', class: "status-description" }, this.currentStatus.description)))), this.debug && (h("div", { key: 'eddefb464af0487ab9ab2a0f76dccbb6a2092e51', class: "performance-monitor" }, h("div", { key: '7b7d93b56cb4cd4fbb1bdde89c6150b282fa805e', class: "performance-expanded" }, h("div", { key: 'f302e8b9d985fb8cad53c4c4e0d37a3bf5a63261', class: "metrics-row" }, h("div", { key: 'e8d8f2420ee8643a7f454d38065c75b5be598f77', class: "metric-compact" }, h("span", { key: '6e52eb5bb06e0df57e61774de38c31349f45e22b', class: "metric-label" }, "FPS"), h("span", { key: '6636f9cea20c49b49c17db86188e2f6b214c45c3', class: `metric-value ${this.performanceData.fps < 15 ? 'warning' : this.performanceData.fps < 10 ? 'danger' : 'good'}` }, this.performanceData.fps)), h("div", { key: 'afa1d9dec05b14256a1b1fcec8638b8c21a56e37', class: "metric-compact" }, h("span", { key: '9c55e30f5d01582648bacc1fb38ca1990485a591', class: "metric-label" }, "MEM"), h("span", { key: 'ca263601e8715027f95ffb2d5413a643dc570cf2', class: `metric-value ${this.performanceData.memoryUsage > 100 ? 'warning' : this.performanceData.memoryUsage > 200 ? 'danger' : 'good'}` }, this.performanceData.memoryUsage, "MB"))), h("div", { key: '03caf19961fd01b7781484d49d8121b1e78c161f', class: "metrics-row" }, h("div", { key: 'bffb08f01f703411f7c8605e4f8d95b1c37b5c0f', class: "metric-compact" }, h("span", { key: '9b92279b3253cc669412733facb3751f4344d69f', class: "metric-label" }, "INF"), h("span", { key: '3234d4150e2e1479e3b552767af8123e69911d6c', class: `metric-value ${this.performanceData.inferenceTime > 100 ? 'warning' : this.performanceData.inferenceTime > 200 ? 'danger' : 'good'}` }, this.performanceData.inferenceTime, "ms")), h("div", { key: '77082d2669db53f19fb50b3bbfa1ebefb0b86ff4', class: "metric-compact" }, h("span", { key: 'cc6ef96c72c800ba36dab2a388f1de863b2dacd5', class: "metric-label" }, "FRAME"), h("span", { key: 'e2bb4b7351869a76e810f8bbf20d805154495e35', class: `metric-value ${this.performanceData.frameProcessingTime > 50 ? 'warning' : this.performanceData.frameProcessingTime > 100 ? 'danger' : 'good'}` }, this.performanceData.frameProcessingTime, "ms"))), h("div", { key: '5700d7ef839fa77686299d79445203090dc8079f', class: "metrics-row" }, h("div", { key: 'a2999a035fccb7f250c01b084075490678513c87', class: "metric-compact" }, h("span", { key: '3677d58665996fa5969507dbaff9e956b2ea54ee', class: "metric-label" }, "DET"), h("span", { key: 'c584312438b339c82a3bdc33f00fb985ff2a6f55', class: "metric-value good" }, this.performanceData.successfulDetections, "/", this.performanceData.totalDetections)), h("div", { key: '58866219f213bf8607083f30be2d5ca5d0515cea', class: "metric-compact" }, h("span", { key: 'd90b450051331347f219b6c0f197536d0dcee9b7', class: "metric-label" }, "RATE"), h("span", { key: 'f6e6cd7948e06014e5a0416e4e81394fa36ec61d', class: `metric-value ${this.performanceData.detectionRate < 30 ? 'danger' : this.performanceData.detectionRate < 60 ? 'warning' : 'good'}` }, this.performanceData.detectionRate, "%")))))), h("div", { key: 'c1d0194f181a0082cc1aa5452de382908da61b65', class: "watermark" }, h("img", { key: 'e04d35f3c79a2b4a3922ab5b0f102220171fa7c0', src: "https://storage.googleapis.com/jaak-static/commons/powered-by-jaak.png", alt: "Powered by Jaak" })))));
|
|
632
632
|
}
|
|
633
633
|
// Utility methods
|
|
634
634
|
updateDetectionBoxes(boxes) {
|