@jaak.ai/stamps 2.1.0 → 2.2.0-dev.10

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

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { ServiceContainer } from "../../services/ServiceContainer";
+import { LicenseValidationService } from "../../services/LicenseValidationService";
 export class JaakStamps {
     el;
     debug = false;
@@ -12,8 +13,22 @@ export class JaakStamps {
     captureDelay = 1500;
     enableBackDocumentTimer = false;
     backDocumentTimerDuration = 20;
+    telemetryCollectorUrl = 'https://collector.jaak.ai/v1/traces';
+    metricsCollectorUrl = 'https://collector.jaak.ai/v1/metrics';
+    enableTelemetry = true;
+    enableMetrics = true;
+    customerId;
+    tenantId;
+    environment = 'production';
+    propagateTraceHeaderCorsUrls; // Comma-separated URLs or regex patterns
+    metricsExportIntervalMillis = 60000; // Export metrics every 60 seconds
+    license; // License key for validation
+    licenseEnvironment = 'prod'; // Environment for license validation
+    traceId; // Optional trace ID for tracking
+    appId = 'jaak-stamps-web'; // Application ID for license validation
     captureCompleted;
     isReady;
+    traceIdGenerated;
     // State derived from services
     detectionBoxes = [];
     sideAlignment = {
@@ -53,12 +68,17 @@ export class JaakStamps {
     showPerformanceMessage = false; // Show performance message temporarily
     captureStateVersion = 0; // Triggers re-render when StateManager changes
     processingButton = null; // Track which button is processing
+    licenseValid = true; // License validation status
+    licenseError = null; // License validation error message
     // Services
+    licenseValidationService = null;
     serviceContainer;
     eventBus;
     stateManager;
     cameraService;
     detectionService;
+    tracingService;
+    metricsService;
     // UI References
     videoRef;
     detectionContainer;
@@ -104,8 +124,23 @@ export class JaakStamps {
     // Canvas pool for optimized screenshot capture
     canvasPool = [];
     MAX_CANVAS_POOL_SIZE = 3;
+    async componentWillLoad() {
+        // License is required - always validate
+        // Wait a bit to ensure props are set from attributes
+        await new Promise(resolve => setTimeout(resolve, 50));
+        this.updateStatus('Validando licencia...', 'Verificando autorización de uso', 'initializing');
+        await this.validateLicense();
+        // If license validation failed, stop initialization
+        if (!this.licenseValid) {
+            return;
+        }
+    }
     async componentDidLoad() {
         try {
+            // If license validation failed, stop initialization
+            if (!this.licenseValid) {
+                return;
+            }
             this.updateStatus('Preparando capturador...', 'Configurando herramientas de captura', 'initializing');
             await this.initializeServices();
             this.updateStatus('Preparando funciones...', 'Configurando herramientas de trabajo', 'initializing');
@@ -121,6 +156,10 @@ export class JaakStamps {
         }
     }
     async initializeServices() {
+        // Parse propagateTraceHeaderCorsUrls from comma-separated string
+        const propagateUrls = this.propagateTraceHeaderCorsUrls
+            ? this.propagateTraceHeaderCorsUrls.split(',').map(url => url.trim())
+            : [];
         const config = {
             debug: this.debug,
             alignmentTolerance: this.alignmentTolerance,
@@ -129,13 +168,76 @@ export class JaakStamps {
             useDocumentClassification: this.useDocumentClassification,
             useDocumentDetector: this.useDocumentDetector,
             preferredCamera: this.preferredCamera,
-            captureDelay: this.captureDelay
+            captureDelay: this.captureDelay,
+            telemetryCollectorUrl: this.telemetryCollectorUrl,
+            metricsCollectorUrl: this.metricsCollectorUrl,
+            enableTelemetry: this.enableTelemetry,
+            enableMetrics: this.enableMetrics,
+            customerId: this.customerId,
+            tenantId: this.tenantId,
+            environment: this.environment,
+            propagateTraceHeaderCorsUrls: propagateUrls,
+            metricsExportIntervalMillis: this.metricsExportIntervalMillis
         };
         this.serviceContainer = new ServiceContainer(config);
         this.eventBus = this.serviceContainer.getEventBus();
         this.stateManager = this.serviceContainer.getStateManager();
         this.cameraService = this.serviceContainer.getCameraService();
         this.detectionService = this.serviceContainer.getDetectionService();
+        this.tracingService = this.serviceContainer.getTracingService();
+        this.metricsService = this.serviceContainer.getMetricsService();
+        // Set the custom trace ID if provided via prop
+        if (this.tracingService && this.traceId) {
+            this.tracingService.setSessionTraceId(this.traceId);
+        }
+        // Record component initialization
+        if (this.tracingService) {
+            const span = this.tracingService.startSpan('component.initialize', {
+                'component.debug': this.debug,
+                'component.useDocumentDetector': this.useDocumentDetector,
+                'component.useDocumentClassification': this.useDocumentClassification,
+            });
+            this.tracingService.endSpan(span);
+        }
+    }
+    async validateLicense() {
+        if (!this.license) {
+            console.error('❌ No license provided for JAAK Stamps component');
+            this.licenseError = 'Este componente requiere una licencia válida. Por favor, proporcione una licencia usando el atributo "license".';
+            this.licenseValid = false;
+            this.updateStatus('Error de licencia', 'Licencia no proporcionada', 'error');
+            return;
+        }
+        try {
+            console.log('🔑 Validating license for JAAK Stamps...');
+            // Initialize license validation service
+            this.licenseValidationService = new LicenseValidationService(this.licenseEnvironment);
+            // Validate the license, passing traceId and appId if provided
+            const response = await this.licenseValidationService.validateLicense(this.license, this.traceId, this.appId);
+            if (response && response.access_token) {
+                this.licenseValid = true;
+                this.licenseError = null;
+                console.log('✅ License validated successfully for JAAK Stamps');
+                // Emit the traceId (either provided or generated)
+                if (response.traceId) {
+                    this.traceIdGenerated.emit({ traceId: response.traceId });
+                    console.log('📋 TraceId:', response.traceId);
+                }
+            }
+            else {
+                this.licenseValid = false;
+                this.licenseError = 'La licencia proporcionada no es válida. Por favor, verifique su licencia e intente nuevamente.';
+                this.updateStatus('Error de licencia', 'Licencia inválida', 'error');
+                console.error('❌ Invalid license for JAAK Stamps');
+            }
+        }
+        catch (error) {
+            this.licenseValid = false;
+            const licenseError = error;
+            this.licenseError = licenseError.error_description || 'Error al validar la licencia. Por favor, verifique su conexión e intente nuevamente.';
+            this.updateStatus('Error de licencia', 'Fallo en la validación', 'error');
+            console.error('❌ License validation failed for JAAK Stamps:', error);
+        }
     }
     async setupEventListeners() {
         this.eventBus.on('state-changed', () => {
@@ -403,17 +505,31 @@ export class JaakStamps {
         return this.stateManager.isProcessCompleted();
     }
     async startCapture() {
+        const span = this.tracingService?.startSpan('capture.start');
         const readyCheck = this.isComponentReady();
         if (!readyCheck.ready) {
             this.updateStatus(readyCheck.message, 'Espere a que termine la inicialización', readyCheck.status);
+            if (span) {
+                this.tracingService?.setSpanAttribute(span, 'error', true);
+                this.tracingService?.setSpanAttribute(span, 'error.message', readyCheck.message);
+                this.tracingService?.endSpan(span);
+            }
             return { success: false, error: readyCheck.message };
         }
         try {
             await this.startDetection();
+            if (span) {
+                this.tracingService?.setSpanAttribute(span, 'success', true);
+                this.tracingService?.endSpan(span);
+            }
             return { success: true };
         }
         catch (error) {
             this.updateStatus('Error al iniciar captura', error.message, 'error');
+            if (span) {
+                this.tracingService?.recordException(span, error);
+                this.tracingService?.endSpan(span);
+            }
             return { success: false, error: error.message };
         }
     }
@@ -511,13 +627,22 @@ export class JaakStamps {
         }
     }
     async preloadModel() {
+        const span = this.tracingService?.startSpan('model.preload');
         const readyCheck = this.isComponentReady();
         if (!readyCheck.ready) {
             this.updateStatus(readyCheck.message, 'Espere a que termine la inicialización', readyCheck.status);
+            if (span) {
+                this.tracingService?.setSpanAttribute(span, 'error', true);
+                this.tracingService?.endSpan(span);
+            }
             return { success: false, error: readyCheck.message };
         }
         if (this.detectionService.isModelLoaded()) {
             this.updateStatus('Reconocimiento listo', '', 'ready');
+            if (span) {
+                this.tracingService?.setSpanAttribute(span, 'cached', true);
+                this.tracingService?.endSpan(span);
+            }
             return { success: true, message: 'Model already loaded' };
         }
         try {
@@ -527,17 +652,31 @@ export class JaakStamps {
                 this.stateManager.updateCaptureState({ isLoading: true });
             }
             try {
+                const detectionStartTime = performance.now();
+                const modelSpan = this.tracingService?.startSpan('model.detection.load');
                 await this.detectionService.loadModel();
+                if (modelSpan)
+                    this.tracingService?.endSpan(modelSpan);
+                const detectionLoadTime = performance.now() - detectionStartTime;
+                this.metricsService?.recordModelLoad('detection', detectionLoadTime, false);
             }
             catch (modelError) {
+                this.metricsService?.recordError('model_load_failed', 'detection');
                 this.switchToManualModeWithError('Error al cargar modelo de detección');
                 throw modelError;
             }
             this.updateStatus('Optimizando detección...', 'Configurando reconocimiento de documentos', 'loading');
             try {
+                const classificationStartTime = performance.now();
+                const classSpan = this.tracingService?.startSpan('model.classification.load');
                 await this.detectionService.loadClassificationModel();
+                if (classSpan)
+                    this.tracingService?.endSpan(classSpan);
+                const classificationLoadTime = performance.now() - classificationStartTime;
+                this.metricsService?.recordModelLoad('classification', classificationLoadTime, false);
             }
             catch (classificationError) {
+                this.metricsService?.recordError('model_load_failed', 'classification');
                 this.switchToManualModeWithError('Error al cargar modelo de clasificación');
                 throw classificationError;
             }
@@ -547,6 +686,9 @@ export class JaakStamps {
             if (this.debug) {
                 this.recordOnnxPerformance(loadTime, 0);
             }
+            if (span) {
+                this.tracingService?.setSpanAttribute(span, 'loadTime', loadTime);
+            }
             this.updateStatus('Finalizando configuración...', 'Preparando herramientas para captura', 'loading');
             await new Promise(resolve => setTimeout(resolve, 300));
             this.updateStatus('Reconocimiento preparado', '', 'ready');
@@ -554,6 +696,10 @@ export class JaakStamps {
                 this.stateManager.updateCaptureState({ isLoading: false });
             }
             this.emitReadyEvent();
+            if (span) {
+                this.tracingService?.setSpanAttribute(span, 'success', true);
+                this.tracingService?.endSpan(span);
+            }
             return { success: true, message: 'Models preloaded successfully' };
         }
         catch (error) {
@@ -561,6 +707,10 @@ export class JaakStamps {
             if (this.stateManager) {
                 this.stateManager.updateCaptureState({ isLoading: false });
             }
+            if (span) {
+                this.tracingService?.recordException(span, error);
+                this.tracingService?.endSpan(span);
+            }
             return { success: false, error: error.message };
         }
     }
@@ -983,7 +1133,7 @@ export class JaakStamps {
             isCapturing: false
         };
         const cameraInfo = this.cameraInfoWithAutofocus;
-        return (h("div", { key: 'f9cbca2fd6b8548a29ace7fcb972b53f402f61af', class: "detector-container" }, h("div", { key: '4f3cac734eb6bfd44a8de644eadca17e7893e11a', class: "video-container" }, h("video", { key: '5e15a38c989a72d5274281272d41ba064447ca6f', ref: el => this.videoRef = el, autoplay: true, muted: true, playsinline: true, class: this.shouldMirrorVideo ? 'mirror' : '', style: { display: captureState.isVideoActive ? 'block' : 'none' } }), h("div", { key: '38c8ad8b691db60e9b5a2a8b641fe6febbeacfca', 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: 'a52b452a7aef6574a5e4b74a88c7bd3f9d45fd15', class: "detector-container" }, !this.licenseValid && this.licenseError && (h("div", { key: '18a99579e0b74ceb2cf1c4c3e21a864d2ec7d944', class: "license-error-container" }, h("div", { key: '3431722f4f47824c172a5b6f3a2ad9bd3bf377f2', class: "license-error-card" }, h("svg", { key: 'bf3854de3ba865a58c5c91cfd7a85d3d725be0df', class: "license-error-icon", width: "64", height: "64", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '209e3a2a22333ec90e102a7156eb644b529f47c7', d: "M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: '7b0dc1cd29a9055e552885b23f4537c19932556d', d: "M12 8V12", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round" }), h("circle", { key: '8ea686ebfb31a5744303f313fd104c03c02a5472', cx: "12", cy: "16", r: "0.5", fill: "currentColor", stroke: "currentColor", "stroke-width": "1" })), h("h2", { key: '7e0ec3ec23b80176cbec9c706999746d62486f3c', class: "license-error-title" }, "Licencia Requerida"), h("p", { key: '261a91e2c20feb09319dc4f319fb79611cc36a46', class: "license-error-message" }, this.licenseError), h("p", { key: '2e3cc8da0f4a8ebfd52db469b0f0900514d1d7f8', class: "license-error-help" }, "Contacte a soporte: ", h("a", { key: '283eea87e2f69dce1ea7376e3a63fed780633499', href: "mailto:support@jaak.ai" }, "support@jaak.ai")), h("div", { key: 'b4227ed25a4fb4d953c753671d27ac8c931a435f', class: "license-error-footer" }, "JAAK Stamps")))), this.licenseValid && (h("div", { key: 'cb33431cf6992f6e7466273406f729c42c1cbcdb', class: "video-container" }, h("video", { key: 'b44befd61ad616fd36fe1e98fd089a2443bc65b6', ref: el => this.videoRef = el, autoplay: true, muted: true, playsinline: true, class: this.shouldMirrorVideo ? 'mirror' : '', style: { display: captureState.isVideoActive ? 'block' : 'none' } }), h("div", { key: '8cee95ddab5f771a87d43fa434a3ba0c241d2f3e', 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`,
@@ -992,9 +1142,9 @@ export class JaakStamps {
                 border: '2px solid #32406C',
                 pointerEvents: 'none',
                 boxSizing: 'border-box'
-            } })))), this.isMaskReady && (h("div", { key: 'c56fde56b7a86a4e8a4cf558745291ea5cde12fd', class: "overlay-mask" }, h("div", { key: '04ed3f01f271dc84eed594cb4b60c2453645bd41', class: "card-outline" }, h("div", { key: '648bd423a5e886d4768115237de5896c7223b30b', class: "side side-top" }), h("div", { key: 'b8878059493ca61961b9b3c82ecc18b50b79ac85', class: "side side-right" }), h("div", { key: '09e5ad64ff33dbd5c112bf52b71e14409ab6aa65', class: "side side-bottom" }), h("div", { key: 'b8ba3d83c9bc1b4a0da859d7ed4b9a15eaddcc2a', class: "side side-left" })), !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("div", { key: '3279701a240f77ac96e68a34ad95c099340c9a6a', class: `guide-text ${this.showPerformanceMessage ? 'performance-warning-text' : ''}` }, this.getGuideText(captureState.step))), captureState.step === 'back' && !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("div", { key: '2adf96d0a57e482372fd9586229dac2301b64fd4', class: "back-capture-section" }, h("div", { key: '305a147c9cfee854c60ac946a48a1d21b2792725', class: "back-capture-buttons" }, (!this.useDocumentDetector || this.performanceDegradedMode || this.showManualCaptureButton) && (h("button", { key: '43270a0647f39307229c540dd5130fb58b1ff4fb', class: "capture-button primary-button", onClick: () => this.takeManualScreenshot(), type: "button", disabled: this.processingButton !== null }, this.processingButton === 'capture-back' && (h("span", { key: 'eb4666603774564eef95a120ac13faeb9e10c8b4', class: "button-spinner" })), "Capturar Reverso")), h("button", { key: 'cac667d9548ae2314ad5a677c5ed90f25184f728', class: "skip-button", onClick: () => this.skipBackCapture(), type: "button", disabled: this.processingButton !== null }, this.processingButton === 'skip-back' && (h("span", { key: '0af7aa4106ce189ae2d79bec78ede01abe25b1e7', class: "button-spinner" })), this.enableBackDocumentTimer && this.backDocumentTimerRemaining > 0
+            } })))), this.isMaskReady && (h("div", { key: '00a749ad234294695d9a292911b41fdacafd219a', class: "overlay-mask" }, h("div", { key: 'e344df8a709fca5225985ccc9f8def75ddbd393c', class: "card-outline" }, h("div", { key: '2dcae9e414f2b7131397d49a3d5ecabfc7cd5eb8', class: "side side-top" }), h("div", { key: '48ac3f06fa4a2c83741df378719911f682811caa', class: "side side-right" }), h("div", { key: '238a3269b2a12d528e8a1889d3109ee319c7fd88', class: "side side-bottom" }), h("div", { key: 'b02eec6c102d7e9fb03ef24dfce7c75e081ff1c4', class: "side side-left" })), !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("div", { key: '15588129ca8027a6ec1c81d70001142986966826', class: `guide-text ${this.showPerformanceMessage ? 'performance-warning-text' : ''}` }, this.getGuideText(captureState.step))), captureState.step === 'back' && !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("div", { key: 'f15fd9bddc20c54afcca7be79c3cf2f9ee2b74f7', class: "back-capture-section" }, h("div", { key: 'e3284e1301840a9555857fa879de9f4ca91dc21b', class: "back-capture-buttons" }, (!this.useDocumentDetector || this.performanceDegradedMode || this.showManualCaptureButton) && (h("button", { key: '8508d13e117deb3b223308497b1db976643b86f2', class: "capture-button primary-button", onClick: () => this.takeManualScreenshot(), type: "button", disabled: this.processingButton !== null }, this.processingButton === 'capture-back' && (h("span", { key: '99bd464541d9ee8589bc11e937c5ad6bca9d95c8', class: "button-spinner" })), "Capturar Reverso")), h("button", { key: '3de5f0a142f9dfdfe4578c0fcbe004bb5fe94c56', class: "skip-button", onClick: () => this.skipBackCapture(), type: "button", disabled: this.processingButton !== null }, this.processingButton === 'skip-back' && (h("span", { key: '268ce949bf5155b3729298f23eea0d7ec15b3590', class: "button-spinner" })), this.enableBackDocumentTimer && this.backDocumentTimerRemaining > 0
             ? `Saltar reverso (${this.backDocumentTimerRemaining}s)`
-            : 'Saltar reverso')))), captureState.isVideoActive && (h("div", { key: 'de6e5c4fad4d4d996b894457c9af52bc71e533fb', class: "camera-controls" }, h("button", { key: 'cfddcf2420d5f5923a6b02ca446bbe1b8e9fc5e4', 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: '5fb73f958b9a5a6f9242032c4530b0bdab84f6c5', class: "camera-selector-dropdown" }, h("div", { key: '8ee2d26b1001e571e7b6c326e927926fa08287fd', class: "camera-selector-header" }, h("span", { key: '78350b0fb1bd933f7c8c59d8dab0b7122ffbe363' }, "Seleccionar C\u00E1mara"), h("button", { key: 'bb750e0ddd5a1ee5ff96bd57805a7f90b8821e9f', class: "close-selector", onClick: () => this.toggleCameraSelector(), type: "button" }, "\u00D7")), h("div", { key: 'd0f6343cf1b7367f3da33ec8cf64891109d923b8', 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}`, camera.hasAutofocus && (h("span", { class: "autofocus-icon", title: "Autofoco disponible" }, "\u29BF"))), cameraInfo.selectedCameraId === camera.id && (h("span", { class: "selected-indicator" }, "\u2713")))))), h("div", { key: 'c9642fbfb0acea766d3f0542f4cc9f17f4af4d7b', class: "device-info" }, h("small", { key: 'b6e9507ff7addf011f339f6c22a88a96b40db68a' }, "Dispositivo: ", cameraInfo.deviceType)))), this.showManualCaptureButton && captureState.step === 'front' && !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("div", { key: '04ae9262409284782850b90945eb7038673e2097', class: "manual-capture-section" }, h("button", { key: '27c315e503ccba468b89ebd58d6b70f40ddd06ba', class: "manual-capture-button", onClick: () => this.takeManualScreenshot(), type: "button", disabled: this.processingButton !== null }, this.processingButton === 'capture-front' && (h("span", { key: '8f2dcd2df9a218b37eb0b8204a8724362cfeaa53', class: "button-spinner" })), "Capturar Frente"))))), captureState.isCapturing && (h("div", { key: '6fd6fe1d0213b01c8119a67fb8108f73227feee1', class: "capture-animation" })), captureState.showFlipAnimation && (h("div", { key: 'fba3816b48b99ca64510ecbefc0d41431569c9ae', class: "flip-animation" }, h("div", { key: 'beea1c8245b5d81f1008efc6d1b079a61c821e7f', class: "id-card-icon" }), h("div", { key: 'f0fbc34f619a653e2c0ade764ca99e7aa582d157', class: "flip-text" }, "\u00A1Voltea tu identificaci\u00F3n!"))), captureState.showSuccessAnimation && (h("div", { key: 'e4a0e6d31112e3a50024d1d0430b4ad997049fe7', class: "success-animation" }, h("div", { key: '5dd3f781f55630bc904c81207548ae35bc79b452', class: "check-icon" }), h("div", { key: 'a10ebc557582325091efb0abd12d62b27a43b98c', class: "success-text" }, "\u00A1Proceso completado!"))), h("div", { key: '975865955dee1803b5215ecf049701c98b324855', class: `component-status status-${this.currentStatus.type}` }, (this.currentStatus.type === 'loading' || this.currentStatus.type === 'initializing') && (h("div", { key: '84f6f67202e26ce80f7fc5d5f321e23b5bc55c57', class: "status-spinner" })), h("div", { key: 'a1ae56ed156e8feb279a1bf160f749c5d0b5ce45', class: "status-content" }, h("div", { key: 'd62932554cea257ce19763df26e0ba702e50eeca', class: "status-message" }, this.currentStatus.message), this.currentStatus.description && (h("div", { key: 'c5506fa12dd0d37d26dc26c9f2381c843330451f', class: "status-description" }, this.currentStatus.description)))), this.debug && (h("div", { key: '2097eda63185f336f7319014fae2ef6db1e41761', class: "performance-monitor" }, h("div", { key: 'd611c494c6b1a5930ef64aebdcba41e5d94c9ee6', class: "performance-expanded" }, h("div", { key: '800d46831e7b9bec260d9c5e67ea1a3eb9c2933e', class: "metrics-row" }, h("div", { key: 'dd0db1faa9050d98e71da4b5cd26a4a484c37c64', class: "metric-compact" }, h("span", { key: 'f0e6ea61a35ddb2ae5c2a6aff8c255a02c5c1219', class: "metric-label" }, "FPS"), h("span", { key: 'cbf4df4d142f6f01e45f566a8ede8fbbf29ad673', class: `metric-value ${this.performanceData.fps < 15 ? 'warning' : this.performanceData.fps < 10 ? 'danger' : 'good'}` }, this.performanceData.fps)), h("div", { key: '83861ad31fa46c8199a5583e4b3f8eefd44bacd6', class: "metric-compact" }, h("span", { key: '41b8de4cda47959dfc9df393e95fdadde534dd21', class: "metric-label" }, "MEM"), h("span", { key: 'b268f13cc78066e240ed158f1443113a94827aff', class: `metric-value ${this.performanceData.memoryUsage > 100 ? 'warning' : this.performanceData.memoryUsage > 200 ? 'danger' : 'good'}` }, this.performanceData.memoryUsage, "MB"))), h("div", { key: '9f9a9d0690906b186492af23b900c5fa0f5cff89', class: "metrics-row" }, h("div", { key: '84fa6e453dc36e4a74e8b573447b17230766229e', class: "metric-compact" }, h("span", { key: 'f17d52899090c89f532d74c552dd8c5338fc2d83', class: "metric-label" }, "INF"), h("span", { key: '2beca0d7ce55ed574f6b01efc086c5846983e024', class: `metric-value ${this.performanceData.inferenceTime > 100 ? 'warning' : this.performanceData.inferenceTime > 200 ? 'danger' : 'good'}` }, this.performanceData.inferenceTime, "ms")), h("div", { key: '981e300cf076e81bfe946974f6cffd63619eacde', class: "metric-compact" }, h("span", { key: '3dfb0c996a69eb87b0f711322675cad69c471146', class: "metric-label" }, "FRAME"), h("span", { key: '3ae2ac6e90cda77f23e559f3197c3b761f9bdc40', class: `metric-value ${this.performanceData.frameProcessingTime > 50 ? 'warning' : this.performanceData.frameProcessingTime > 100 ? 'danger' : 'good'}` }, this.performanceData.frameProcessingTime, "ms"))), h("div", { key: '2c51216838d87728d9d7764e5ba8a50fa02eb493', class: "metrics-row" }, h("div", { key: 'eda810ffb80ec38ab84583f59b26706f90a50fc9', class: "metric-compact" }, h("span", { key: '978ba9c0c67d6da6b29b3535af33a314bab9276a', class: "metric-label" }, "DET"), h("span", { key: '3e5e169fd4a3906283d8f918b5bbc7c5df6ccd0f', class: "metric-value good" }, this.performanceData.successfulDetections, "/", this.performanceData.totalDetections)), h("div", { key: 'b4b915c745e35c09470a4dc5edfc112d32cfb8b6', class: "metric-compact" }, h("span", { key: '3e2a7b88a4446813c955efb0dfa9e2958e8e1448', class: "metric-label" }, "RATE"), h("span", { key: 'f4f073f7ee622167a241c6a1c535ef580c13d9ab', class: `metric-value ${this.performanceData.detectionRate < 30 ? 'danger' : this.performanceData.detectionRate < 60 ? 'warning' : 'good'}` }, this.performanceData.detectionRate, "%")))))), h("div", { key: '76c556e92f6d7980539f1a30efe8751f665164fb', class: "watermark" }, h("img", { key: 'af23e115d6b4e92a72e55d6d98fde0e4b1d09e9b', src: "https://storage.googleapis.com/jaak-static/commons/powered-by-jaak.png", alt: "Powered by Jaak" })))));
+            : 'Saltar reverso')))), captureState.isVideoActive && (h("div", { key: 'bb5c00ad882c303d8a2b6ddc79c9d5b27ff9824e', class: "camera-controls" }, h("button", { key: '7d231b550b58a8336f125a1a7fe7235c8bb3d7dd', 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: '95d1e0d0937f7ef821ff3ad167cd42e25fd1c87f', class: "camera-selector-dropdown" }, h("div", { key: 'e42219e5895c82f40c559c27c4f80f3145fc0a0e', class: "camera-selector-header" }, h("span", { key: '544a6fb2e08211ab6c44b0bfb281124bee318fae' }, "Seleccionar C\u00E1mara"), h("button", { key: '7c4a71243278491ee7dbcc7ab2564bc7e92f5da3', class: "close-selector", onClick: () => this.toggleCameraSelector(), type: "button" }, "\u00D7")), h("div", { key: 'c9d24e0bd906d20370214fdfd24ae91abfda98e1', 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}`, camera.hasAutofocus && (h("span", { class: "autofocus-icon", title: "Autofoco disponible" }, "\u29BF"))), cameraInfo.selectedCameraId === camera.id && (h("span", { class: "selected-indicator" }, "\u2713")))))), h("div", { key: '8c2e1d2ed02bc55c84f3f726e5be577686d0f32d', class: "device-info" }, h("small", { key: '142410a86e4f819b96ffc9573816994351588a3e' }, "Dispositivo: ", cameraInfo.deviceType)))), this.showManualCaptureButton && captureState.step === 'front' && !captureState.showFlipAnimation && !captureState.showSuccessAnimation && (h("div", { key: '48c33b2d6c8c80d18fba6e5f454faaa24c28fbd9', class: "manual-capture-section" }, h("button", { key: 'e3d5bfe9ef8b8f16bf669b66bce4e7a500113798', class: "manual-capture-button", onClick: () => this.takeManualScreenshot(), type: "button", disabled: this.processingButton !== null }, this.processingButton === 'capture-front' && (h("span", { key: 'f50640fe4308c765011e6ed175528920228df5e7', class: "button-spinner" })), "Capturar Frente"))))), captureState.isCapturing && (h("div", { key: '080ab315293fa1fe5b1d97aa2511a2ffe2b013f4', class: "capture-animation" })), captureState.showFlipAnimation && (h("div", { key: 'b062c546af50b799bb1fb7dda07b3ffa601c4bac', class: "flip-animation" }, h("div", { key: 'f7162dc31673c7db1d8e03a658a722a3d323b28e', class: "id-card-icon" }), h("div", { key: 'd950952b480342d80d37df5c48031d72be4ac01a', class: "flip-text" }, "\u00A1Voltea tu identificaci\u00F3n!"))), captureState.showSuccessAnimation && (h("div", { key: 'bd576fd28065aa712e42636c5fd0e3566d26cc25', class: "success-animation" }, h("div", { key: '6ca5c24510df790bd1c955c5e2936909c4767560', class: "check-icon" }), h("div", { key: '3420164eacddbe1a9aa0a181528ba0be7683af56', class: "success-text" }, "\u00A1Proceso completado!"))), h("div", { key: '8ec2b295b233e7bb8ab0cc1c183adedd4e3c7e04', class: `component-status status-${this.currentStatus.type}` }, (this.currentStatus.type === 'loading' || this.currentStatus.type === 'initializing') && (h("div", { key: '97c8e7e6219984673ebc631da111c17bf72a83cb', class: "status-spinner" })), h("div", { key: '7ca06c48f295892ff77eceff6245891ef7d9dd5e', class: "status-content" }, h("div", { key: '08056c7ec8fd66d23e0b6714c08aeccc092cf46a', class: "status-message" }, this.currentStatus.message), this.currentStatus.description && (h("div", { key: '1e32ca14de53cc2f105822ed5a58e691918b307b', class: "status-description" }, this.currentStatus.description)))), this.debug && (h("div", { key: 'c25022d9aadd37ead9ae7d1cf7c7d916cdeb9cc1', class: "performance-monitor" }, h("div", { key: 'f0f99c7e820532432ba64726ef0c2aeabeb3309f', class: "performance-expanded" }, h("div", { key: 'e839e90c9cb0f33068ac3311e41914aa52610149', class: "metrics-row" }, h("div", { key: '9f74f4877a048e63f542f2df54f569f79d6f8bd0', class: "metric-compact" }, h("span", { key: '21ec7255706d6fb2cfec035c4be92295ee0216b6', class: "metric-label" }, "FPS"), h("span", { key: 'c8be17f3dc752304bf6b7fd9746f11783f7ff6ca', class: `metric-value ${this.performanceData.fps < 15 ? 'warning' : this.performanceData.fps < 10 ? 'danger' : 'good'}` }, this.performanceData.fps)), h("div", { key: '79187257ea30ead7fb41534a94272a3a855e050b', class: "metric-compact" }, h("span", { key: 'cc53dc282c1fe4234217207c2085fa2be06a5458', class: "metric-label" }, "MEM"), h("span", { key: '032002ff63b3a2349b34833668fed8d6337e2063', class: `metric-value ${this.performanceData.memoryUsage > 100 ? 'warning' : this.performanceData.memoryUsage > 200 ? 'danger' : 'good'}` }, this.performanceData.memoryUsage, "MB"))), h("div", { key: 'e628febd5bbfb9f593e029b10827635ddd0344fb', class: "metrics-row" }, h("div", { key: 'b2fe558bab709ff6b6781648b13ebc66238f3298', class: "metric-compact" }, h("span", { key: 'd7d816aff11503657781f8ebe9cb5f0f07c7279e', class: "metric-label" }, "INF"), h("span", { key: '3d735d092b5b39d0e96f4ac59b3bf2acde739fab', class: `metric-value ${this.performanceData.inferenceTime > 100 ? 'warning' : this.performanceData.inferenceTime > 200 ? 'danger' : 'good'}` }, this.performanceData.inferenceTime, "ms")), h("div", { key: '9a83fd4fe43e8a3760aaea1f134c3101b8757681', class: "metric-compact" }, h("span", { key: '8136ab82b50230537f19cd58ed2da0956d291287', class: "metric-label" }, "FRAME"), h("span", { key: '6221cc10edff8c4b0e4034a3734deb548416a3e6', class: `metric-value ${this.performanceData.frameProcessingTime > 50 ? 'warning' : this.performanceData.frameProcessingTime > 100 ? 'danger' : 'good'}` }, this.performanceData.frameProcessingTime, "ms"))), h("div", { key: 'a31bad44d5c2c5fd5417ed82589c0f103bba1d32', class: "metrics-row" }, h("div", { key: '1441d11e0d83b3b44dfa963e415c3074691eb4f2', class: "metric-compact" }, h("span", { key: '9fe5643129aa7a842f75644b6f71b1ff80993f1b', class: "metric-label" }, "DET"), h("span", { key: '0604065a3867e71a745bfb4e804c7e96048cb70e', class: "metric-value good" }, this.performanceData.successfulDetections, "/", this.performanceData.totalDetections)), h("div", { key: 'daff0fede819f2b59a4ddb83560dc53f6151c2c9', class: "metric-compact" }, h("span", { key: '75a55c4a4e36b98af3620866ec6f7842b9ef81f7', class: "metric-label" }, "RATE"), h("span", { key: '61776c3fd4c3200d5e18cc28d917c538b282625a', class: `metric-value ${this.performanceData.detectionRate < 30 ? 'danger' : this.performanceData.detectionRate < 60 ? 'warning' : 'good'}` }, this.performanceData.detectionRate, "%")))))), h("div", { key: '4092c684ee3a148ec40e266fd16a718f2c2f2f52', class: "watermark" }, h("img", { key: 'd7bae6157d22675f8b71dbf1afdf345374398c82', src: "https://storage.googleapis.com/jaak-static/commons/powered-by-jaak.png", alt: "Powered by Jaak" }))))));
     }
     // Utility methods
     updateDetectionBoxes(boxes) {
@@ -1111,24 +1261,44 @@ export class JaakStamps {
     }
     async takeManualScreenshot() {
         console.log('🔵 Botón clicked: Capturar (Frente/Reverso)');
+        const captureStartTime = performance.now();
+        const span = this.tracingService?.startSpan('capture.screenshot.manual');
         // Set processing state immediately
         const captureState = this.stateManager?.getCaptureState();
+        const side = captureState?.step === 'front' ? 'front' : 'back';
         if (captureState?.step === 'front') {
             this.processingButton = 'capture-front';
+            if (span)
+                this.tracingService?.setSpanAttribute(span, 'side', 'front');
         }
         else if (captureState?.step === 'back') {
             this.processingButton = 'capture-back';
+            if (span)
+                this.tracingService?.setSpanAttribute(span, 'side', 'back');
         }
+        // Record user interaction
+        this.metricsService?.recordUserInteraction('manual_capture_button');
         console.log('🔵 processingButton set to:', this.processingButton);
         // Add small delay to show spinner
         await new Promise(resolve => setTimeout(resolve, 100));
         if (!this.videoRef) {
             this.processingButton = null;
+            if (span) {
+                this.tracingService?.setSpanAttribute(span, 'error', 'no_video_ref');
+                this.tracingService?.endSpan(span);
+            }
             return;
         }
         // When using manual capture, use mask coordinates for cropping
         // Note: processingButton will be cleared inside takeScreenshotWithMaskCoordinates
         await this.takeScreenshotWithMaskCoordinates();
+        // Record metrics
+        const captureDuration = performance.now() - captureStartTime;
+        this.metricsService?.recordCapture(side, 'manual', captureDuration);
+        if (span) {
+            this.tracingService?.setSpanAttribute(span, 'success', true);
+            this.tracingService?.endSpan(span);
+        }
     }
     async takeScreenshotWithMaskCoordinates() {
         if (!this.videoRef || !this.detectionContainer)
@@ -1247,6 +1417,8 @@ export class JaakStamps {
     async takeScreenshot() {
         if (!this.videoRef || !this.lastDetectedBox)
             return;
+        const captureStartTime = performance.now();
+        const span = this.tracingService?.startSpan('capture.screenshot.auto');
         this.stateManager.updateCaptureState({ isCapturing: true });
         this.triggerCaptureAnimation();
         // Use pooled canvas for optimization
@@ -1269,17 +1441,30 @@ export class JaakStamps {
         croppedCtx.drawImage(this.videoRef, cropX, cropY, cropWidth, cropHeight, 0, 0, cropWidth, cropHeight);
         const captureState = this.stateManager.getCaptureState();
         if (captureState.step === 'front') {
+            const frontImageData = captureCanvas.toDataURL('image/jpeg');
+            const croppedImageData = croppedCanvas.toDataURL('image/jpeg');
             this.stateManager.setCapturedImages({
                 front: {
-                    fullFrame: captureCanvas.toDataURL('image/jpeg'),
-                    cropped: croppedCanvas.toDataURL('image/jpeg')
+                    fullFrame: frontImageData,
+                    cropped: croppedImageData
                 }
             });
+            // Record metrics
+            const captureDuration = performance.now() - captureStartTime;
+            this.metricsService?.recordCapture('front', 'auto', captureDuration);
+            this.metricsService?.recordImageSize('front', frontImageData.length);
+            if (span) {
+                this.tracingService?.setSpanAttribute(span, 'side', 'front');
+            }
             // Check if document classification is enabled
             if (this.useDocumentClassification) {
                 try {
                     const classification = await this.detectionService.classifyDocument(croppedCanvas);
                     if (classification && classification.class === 'passport') {
+                        if (span) {
+                            this.tracingService?.setSpanAttribute(span, 'document.type', 'passport');
+                            this.tracingService?.endSpan(span);
+                        }
                         this.completeProcess(true);
                         return;
                     }
@@ -1293,6 +1478,9 @@ export class JaakStamps {
                 isDetectionPaused: true,
                 showFlipAnimation: true
             });
+            if (span) {
+                this.tracingService?.endSpan(span);
+            }
             setTimeout(() => {
                 this.stateManager.updateCaptureState({
                     showFlipAnimation: false,
@@ -1302,12 +1490,22 @@ export class JaakStamps {
             }, 3000);
         }
         else if (captureState.step === 'back') {
+            const backImageData = captureCanvas.toDataURL('image/jpeg');
+            const croppedBackImageData = croppedCanvas.toDataURL('image/jpeg');
             this.stateManager.setCapturedImages({
                 back: {
-                    fullFrame: captureCanvas.toDataURL('image/jpeg'),
-                    cropped: croppedCanvas.toDataURL('image/jpeg')
+                    fullFrame: backImageData,
+                    cropped: croppedBackImageData
                 }
             });
+            // Record metrics
+            const captureDuration = performance.now() - captureStartTime;
+            this.metricsService?.recordCapture('back', 'auto', captureDuration);
+            this.metricsService?.recordImageSize('back', backImageData.length);
+            if (span) {
+                this.tracingService?.setSpanAttribute(span, 'side', 'back');
+                this.tracingService?.endSpan(span);
+            }
             this.completeProcess(false);
         }
         // Return canvases to pool after use
@@ -1454,7 +1652,7 @@ export class JaakStamps {
         catch (error) {
         }
     }
-    completeProcess(skippedBack = false) {
+    async completeProcess(skippedBack = false) {
         this.stateManager.updateCaptureState({
             step: 'completed',
             showSuccessAnimation: true
@@ -1469,6 +1667,15 @@ export class JaakStamps {
             ...capturedImages,
             timestamp: new Date().toISOString()
         };
+        // Flush all traces to collector before emitting capture completed
+        if (this.tracingService) {
+            try {
+                await this.tracingService.flush();
+            }
+            catch (error) {
+                console.error('[my-component] Failed to flush traces:', error);
+            }
+        }
         this.captureCompleted.emit(finalImages);
         setTimeout(() => {
             this.stateManager.updateCaptureState({ showSuccessAnimation: false });
@@ -1944,6 +2151,261 @@ export class JaakStamps {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "20"
+            },
+            "telemetryCollectorUrl": {
+                "type": "string",
+                "attribute": "telemetry-collector-url",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'https://collector.jaak.ai/v1/traces'"
+            },
+            "metricsCollectorUrl": {
+                "type": "string",
+                "attribute": "metrics-collector-url",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'https://collector.jaak.ai/v1/metrics'"
+            },
+            "enableTelemetry": {
+                "type": "boolean",
+                "attribute": "enable-telemetry",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "enableMetrics": {
+                "type": "boolean",
+                "attribute": "enable-metrics",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "customerId": {
+                "type": "string",
+                "attribute": "customer-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "tenantId": {
+                "type": "string",
+                "attribute": "tenant-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "environment": {
+                "type": "string",
+                "attribute": "environment",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'production'"
+            },
+            "propagateTraceHeaderCorsUrls": {
+                "type": "string",
+                "attribute": "propagate-trace-header-cors-urls",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "metricsExportIntervalMillis": {
+                "type": "number",
+                "attribute": "metrics-export-interval-millis",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "60000"
+            },
+            "license": {
+                "type": "string",
+                "attribute": "license",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "licenseEnvironment": {
+                "type": "string",
+                "attribute": "license-environment",
+                "mutable": false,
+                "complexType": {
+                    "original": "'dev' | 'qa' | 'sandbox' | 'prod'",
+                    "resolved": "\"dev\" | \"prod\" | \"qa\" | \"sandbox\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'prod'"
+            },
+            "traceId": {
+                "type": "string",
+                "attribute": "trace-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "appId": {
+                "type": "string",
+                "attribute": "app-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'jaak-stamps-web'"
             }
         };
     }
@@ -1964,7 +2426,9 @@ export class JaakStamps {
             "performanceDegradedMode": {},
             "showPerformanceMessage": {},
             "captureStateVersion": {},
-            "processingButton": {}
+            "processingButton": {},
+            "licenseValid": {},
+            "licenseError": {}
         };
     }
     static get events() {
@@ -1998,6 +2462,21 @@ export class JaakStamps {
                     "resolved": "boolean",
                     "references": {}
                 }
+            }, {
+                "method": "traceIdGenerated",
+                "name": "traceIdGenerated",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{traceId: string}",
+                    "resolved": "{ traceId: string; }",
+                    "references": {}
+                }
             }];
     }
     static get methods() {