valtech-components 2.0.498 → 2.0.500

package/fesm2022/valtech-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, Injectable, HostListener, inject, Pipe, ChangeDetectionStrategy, ViewChild, signal, computed, makeEnvironmentProviders, APP_INITIALIZER, ChangeDetectorRef, ElementRef, InjectionToken, Inject, PLATFORM_ID, Optional, runInInjectionContext, effect } from '@angular/core';
+import { EventEmitter, Component, Input, Output, Injectable, HostListener, inject, Pipe, ChangeDetectionStrategy, ViewChild, signal, computed, makeEnvironmentProviders, APP_INITIALIZER, ChangeDetectorRef, ElementRef, PLATFORM_ID, Inject, ErrorHandler, DestroyRef, InjectionToken, Optional, runInInjectionContext, effect } from '@angular/core';
 import * as i2$1 from '@ionic/angular/standalone';
 import { IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonModal, IonHeader, IonToolbar, IonContent, IonButtons, IonTitle, IonProgressBar, IonSkeletonText, IonFab, IonFabButton, IonFabList, IonLabel, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonTextarea, IonDatetime, IonDatetimeButton, IonInput, IonSelect, IonSelectOption, IonRadioGroup, IonRadio, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonAccordion, IonAccordionGroup, IonItem, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonChip, IonPopover, IonList, IonNote, ToastController as ToastController$1, IonCol, IonRow, IonMenuButton, IonFooter, IonListHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonGrid, MenuController, IonMenu, IonMenuToggle, AlertController } from '@ionic/angular/standalone';
 import * as i1 from '@angular/common';
@@ -13,7 +13,7 @@ import * as i1$2 from '@angular/platform-browser';
 import QRCodeStyling from 'qr-code-styling';
 import * as i1$3 from '@angular/forms';
 import { ReactiveFormsModule, FormsModule, FormControl, Validators } from '@angular/forms';
-import { BehaviorSubject, filter, map, distinctUntilChanged, Subject, throwError, firstValueFrom, of, from } from 'rxjs';
+import { BehaviorSubject, filter, map, distinctUntilChanged, Subject, throwError, Observable, firstValueFrom, of, from } from 'rxjs';
 import * as i1$4 from 'ng-otp-input';
 import { NgOtpInputComponent, NgOtpInputModule } from 'ng-otp-input';
 import * as i2 from '@ionic/angular';
@@ -27,6 +27,7 @@ import 'prismjs/components/prism-typescript';
 import 'prismjs/components/prism-bash';
 import Swiper from 'swiper';
 import { Navigation, Pagination, EffectFade, EffectCube, EffectCoverflow, EffectFlip, Autoplay } from 'swiper/modules';
+import { Analytics, logEvent, setUserId, setUserProperties, provideAnalytics, getAnalytics } from '@angular/fire/analytics';
 import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
 import * as i1$5 from '@angular/fire/auth';
 import { provideAuth, getAuth, connectAuthEmulator, authState, signInWithCustomToken, signOut } from '@angular/fire/auth';
@@ -35,7 +36,8 @@ import { provideFirestore, getFirestore, connectFirestoreEmulator, enableIndexed
 import { provideMessaging, getMessaging, Messaging, getToken, deleteToken, onMessage } from '@angular/fire/messaging';
 import * as i1$7 from '@angular/fire/storage';
 import { provideStorage, getStorage, connectStorageEmulator, ref, uploadBytesResumable, getDownloadURL, getMetadata, deleteObject, listAll } from '@angular/fire/storage';
-import { catchError, switchMap, finalize, filter as filter$1, take, tap, map as map$1 } from 'rxjs/operators';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { filter as filter$1, catchError, switchMap, finalize, take, tap, map as map$1 } from 'rxjs/operators';
 import * as i1$8 from '@angular/common/http';
 import { provideHttpClient, withInterceptors } from '@angular/common/http';
 
@@ -21481,6 +21483,828 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Todos los modelos de Firestore deben extender FirestoreDocument.
  */
 
+/**
+ * Analytics Service (Firebase GA4)
+ *
+ * Servicio para tracking de eventos, page views y errores con Firebase Analytics.
+ * Integra con el sistema de auth para user properties y respeta consent mode GDPR.
+ */
+/** Key por defecto para persistir consent en localStorage */
+const DEFAULT_CONSENT_STORAGE_KEY = 'analytics_consent';
+/** Máximo de eventos en historial de debug */
+const MAX_DEBUG_HISTORY = 100;
+/**
+ * Servicio de Firebase Analytics (GA4).
+ *
+ * Proporciona tracking de eventos, page views, errores y métricas de performance.
+ * Soporta GDPR Consent Mode y modo debug para desarrollo.
+ *
+ * @example
+ * ```typescript
+ * @Component({...})
+ * export class ProductComponent {
+ *   private analytics = inject(AnalyticsService);
+ *
+ *   onPurchase(product: Product) {
+ *     this.analytics.logEvent('purchase', {
+ *       transaction_id: order.id,
+ *       value: order.total,
+ *       currency: 'EUR'
+ *     });
+ *   }
+ * }
+ * ```
+ */
+class AnalyticsService {
+    constructor(injector, config, platformId) {
+        this.injector = injector;
+        this.config = config;
+        this.platformId = platformId;
+        // ===========================================================================
+        // ESTADO (Signals)
+        // ===========================================================================
+        this._consentState = signal({
+            settings: {},
+            updatedAt: null,
+            hasDecided: false,
+        });
+        this._isDebugMode = signal(false);
+        this._debugHistory = signal([]);
+        /** Estado de consentimiento actual (readonly) */
+        this.consentState = this._consentState.asReadonly();
+        /** Indica si está en modo debug */
+        this.isDebugMode = this._isDebugMode.asReadonly();
+        /** Indica si analytics está habilitado y funcionando */
+        this.isEnabled = computed(() => {
+            return this.isAnalyticsSupported() && this._consentState().settings.analytics === true;
+        });
+        this.analyticsConfig = config.analyticsConfig ?? {};
+        this.consentStorageKey =
+            this.analyticsConfig.consentStorageKey ?? DEFAULT_CONSENT_STORAGE_KEY;
+        this.eventPrefix = this.analyticsConfig.eventPrefix ?? '';
+        this.samplingRate = this.analyticsConfig.samplingRate ?? 1.0;
+        this.initializeAnalytics();
+    }
+    // ===========================================================================
+    // INICIALIZACIÓN
+    // ===========================================================================
+    /**
+     * Inicializa el servicio de analytics
+     */
+    initializeAnalytics() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        // Cargar consent desde localStorage
+        this.loadConsentFromStorage();
+        // Configurar debug mode
+        const debugMode = this.analyticsConfig.debugMode ?? false;
+        this._isDebugMode.set(debugMode);
+        // Aplicar consent inicial a gtag
+        this.applyConsentToGtag(this._consentState().settings);
+        // Setear user properties por defecto
+        if (this.analyticsConfig.defaultUserProperties) {
+            this.setUserProperties(this.analyticsConfig.defaultUserProperties);
+        }
+        if (debugMode) {
+            console.log('[Analytics] Inicializado en modo debug - eventos NO se envían a Firebase');
+        }
+    }
+    /**
+     * Obtiene la instancia de Analytics de forma perezosa.
+     * Esto evita el error de APP_INITIALIZER de AngularFire.
+     */
+    getAnalyticsInstance() {
+        if (!this.config.enableAnalytics) {
+            return null;
+        }
+        try {
+            return this.injector.get(Analytics, null);
+        }
+        catch {
+            return null;
+        }
+    }
+    /**
+     * Verifica si Analytics está soportado
+     */
+    isAnalyticsSupported() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return false;
+        }
+        if (!this.config.enableAnalytics) {
+            return false;
+        }
+        if (!this.config.firebase.measurementId) {
+            console.warn('[Analytics] measurementId no configurado en firebase config');
+            return false;
+        }
+        return true;
+    }
+    /**
+     * Verifica si debe enviar el evento (sampling)
+     */
+    shouldSample() {
+        if (this.samplingRate >= 1.0) {
+            return true;
+        }
+        return Math.random() < this.samplingRate;
+    }
+    // ===========================================================================
+    // PAGE VIEWS
+    // ===========================================================================
+    /**
+     * Registra un page view.
+     * Normalmente se usa automáticamente via AnalyticsRouterTracker.
+     *
+     * @param pagePath - Ruta de la página (ej: '/products/123')
+     * @param pageTitle - Título de la página (opcional)
+     */
+    logPageView(pagePath, pageTitle) {
+        this.logEvent('page_view', {
+            page_path: pagePath,
+            page_title: pageTitle ?? document?.title,
+            page_location: window?.location?.href,
+        });
+    }
+    /**
+     * Registra un screen view (para apps tipo SPA).
+     *
+     * @param screenName - Nombre del screen
+     * @param screenClass - Clase del screen (opcional)
+     */
+    logScreenView(screenName, screenClass) {
+        this.logEvent('screen_view', {
+            screen_name: screenName,
+            screen_class: screenClass,
+        });
+    }
+    // ===========================================================================
+    // EVENTOS
+    // ===========================================================================
+    /**
+     * Registra un evento tipado GA4.
+     *
+     * @param eventName - Nombre del evento (tipado)
+     * @param params - Parámetros del evento (tipados según el nombre)
+     *
+     * @example
+     * ```typescript
+     * // Evento tipado con autocompletado
+     * analytics.logEvent('add_to_cart', {
+     *   item_id: '123',
+     *   item_name: 'Producto',
+     *   value: 99.99,
+     *   currency: 'EUR'
+     * });
+     * ```
+     */
+    logEvent(eventName, params) {
+        this.trackEvent(eventName, params);
+    }
+    /**
+     * Registra un evento custom con parámetros libres.
+     * Usar cuando el evento no está en el catálogo tipado.
+     *
+     * @param eventName - Nombre del evento custom
+     * @param params - Parámetros libres
+     */
+    logCustomEvent(eventName, params) {
+        const prefixedName = this.eventPrefix + eventName;
+        this.trackEvent(prefixedName, params);
+    }
+    /**
+     * Lógica común para enviar eventos
+     */
+    trackEvent(eventName, params) {
+        // Verificar consent
+        if (!this._consentState().settings.analytics) {
+            this.addToDebugHistory('event', eventName, params, false);
+            return;
+        }
+        // Aplicar sampling
+        if (!this.shouldSample()) {
+            return;
+        }
+        // Debug mode: solo log, no enviar
+        if (this._isDebugMode()) {
+            this.addToDebugHistory('event', eventName, params, false);
+            console.log(`[Analytics] Event: ${eventName}`, params);
+            return;
+        }
+        // Enviar a Firebase
+        const analytics = this.getAnalyticsInstance();
+        if (analytics) {
+            try {
+                logEvent(analytics, eventName, params);
+                this.addToDebugHistory('event', eventName, params, true);
+            }
+            catch (error) {
+                console.error('[Analytics] Error enviando evento:', error);
+            }
+        }
+    }
+    // ===========================================================================
+    // ECOMMERCE
+    // ===========================================================================
+    /**
+     * Registra vista de item
+     */
+    logViewItem(item) {
+        this.logEvent('view_item', {
+            item_id: item.item_id,
+            item_name: item.item_name,
+            value: item.price,
+            currency: item.currency,
+        });
+    }
+    /**
+     * Registra agregar al carrito
+     */
+    logAddToCart(item, quantity = 1) {
+        this.logEvent('add_to_cart', {
+            item_id: item.item_id,
+            item_name: item.item_name,
+            value: (item.price ?? 0) * quantity,
+            currency: item.currency,
+            quantity,
+        });
+    }
+    /**
+     * Registra inicio de checkout
+     */
+    logBeginCheckout(items, value, currency = 'EUR') {
+        this.logEvent('begin_checkout', {
+            value,
+            currency,
+            items,
+        });
+    }
+    /**
+     * Registra compra completada
+     */
+    logPurchase(transactionId, items, value, currency = 'EUR') {
+        this.logEvent('purchase', {
+            transaction_id: transactionId,
+            value,
+            currency,
+            items,
+        });
+    }
+    // ===========================================================================
+    // USER PROPERTIES
+    // ===========================================================================
+    /**
+     * Setea el userId para asociar eventos con el usuario.
+     * Llamado automáticamente si enableAuthIntegration=true.
+     *
+     * @param userId - ID del usuario o null para limpiar
+     */
+    setUserId(userId) {
+        if (!this.isAnalyticsSupported()) {
+            return;
+        }
+        if (this._isDebugMode()) {
+            console.log(`[Analytics] Set userId: ${userId}`);
+            this.addToDebugHistory('user_property', 'user_id', { userId }, false);
+            return;
+        }
+        const analytics = this.getAnalyticsInstance();
+        if (analytics) {
+            try {
+                setUserId(analytics, userId);
+            }
+            catch (error) {
+                console.error('[Analytics] Error seteando userId:', error);
+            }
+        }
+    }
+    /**
+     * Setea propiedades del usuario para segmentación.
+     *
+     * @param properties - Propiedades key-value
+     *
+     * @example
+     * ```typescript
+     * analytics.setUserProperties({
+     *   subscription_tier: 'premium',
+     *   preferred_language: 'es'
+     * });
+     * ```
+     */
+    setUserProperties(properties) {
+        if (!this.isAnalyticsSupported()) {
+            return;
+        }
+        if (this._isDebugMode()) {
+            console.log('[Analytics] Set user properties:', properties);
+            this.addToDebugHistory('user_property', 'properties', properties, false);
+            return;
+        }
+        const analytics = this.getAnalyticsInstance();
+        if (analytics) {
+            try {
+                // Convertir a Record<string, string> para Firebase
+                const stringProps = {};
+                for (const [key, value] of Object.entries(properties)) {
+                    if (value !== undefined) {
+                        stringProps[key] = String(value);
+                    }
+                }
+                setUserProperties(analytics, stringProps);
+            }
+            catch (error) {
+                console.error('[Analytics] Error seteando user properties:', error);
+            }
+        }
+    }
+    /**
+     * Setea la organización activa (multi-tenant).
+     * Llamado automáticamente si enableAuthIntegration=true.
+     *
+     * @param orgId - ID de la organización o null
+     */
+    setActiveOrganization(orgId) {
+        if (orgId) {
+            this.setUserProperties({ active_organization: orgId });
+        }
+    }
+    // ===========================================================================
+    // ERROR TRACKING
+    // ===========================================================================
+    /**
+     * Registra un error para tracking.
+     * Integra automáticamente con Angular ErrorHandler si enableErrorTracking=true.
+     *
+     * @param error - Error o mensaje de error
+     * @param context - Contexto adicional
+     *
+     * @example
+     * ```typescript
+     * try {
+     *   await riskyOperation();
+     * } catch (error) {
+     *   analytics.logError(error, { context: 'checkout_flow' });
+     * }
+     * ```
+     */
+    logError(error, context) {
+        const errorMessage = error instanceof Error ? error.message : error;
+        const errorStack = error instanceof Error ? error.stack : undefined;
+        const errorType = error instanceof Error ? error.name : 'Error';
+        this.logEvent('error_occurred', {
+            error_type: errorType,
+            error_message: errorMessage.substring(0, 100), // Limitar longitud
+            error_stack: errorStack?.substring(0, 500),
+            context: context ? JSON.stringify(context) : undefined,
+        });
+    }
+    /**
+     * Registra un error fatal (crash-level).
+     */
+    logFatalError(error, context) {
+        this.logError(error, { ...context, severity: 'fatal' });
+    }
+    // ===========================================================================
+    // CONSENT MODE (GDPR)
+    // ===========================================================================
+    /**
+     * Actualiza el estado de consentimiento del usuario.
+     * Afecta qué datos se recolectan y envían.
+     *
+     * @param consent - Settings de consentimiento
+     *
+     * @example
+     * ```typescript
+     * // Usuario acepta todo
+     * analytics.updateConsent({ analytics: true, advertising: true });
+     *
+     * // Usuario rechaza publicidad
+     * analytics.updateConsent({ analytics: true, advertising: false });
+     * ```
+     */
+    updateConsent(consent) {
+        const newState = {
+            settings: { ...this._consentState().settings, ...consent },
+            updatedAt: new Date(),
+            hasDecided: true,
+        };
+        this._consentState.set(newState);
+        this.saveConsentToStorage(newState);
+        this.applyConsentToGtag(newState.settings);
+        this.addToDebugHistory('consent', 'update', consent, false);
+    }
+    /**
+     * Deniega todo consentimiento.
+     */
+    denyAllConsent() {
+        this.updateConsent({
+            analytics: false,
+            advertising: false,
+            functionality: false,
+            security: true, // Siempre permitido
+        });
+    }
+    /**
+     * Acepta todo consentimiento.
+     */
+    grantAllConsent() {
+        this.updateConsent({
+            analytics: true,
+            advertising: true,
+            functionality: true,
+            security: true,
+        });
+    }
+    /**
+     * Obtiene el estado actual de consentimiento.
+     */
+    getConsentState() {
+        return this._consentState();
+    }
+    /**
+     * Aplica consent settings a gtag (GA4 Consent Mode v2)
+     */
+    applyConsentToGtag(settings) {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        const gtag = window.gtag;
+        if (typeof gtag !== 'function') {
+            return;
+        }
+        try {
+            gtag('consent', 'update', {
+                analytics_storage: settings.analytics ? 'granted' : 'denied',
+                ad_storage: settings.advertising ? 'granted' : 'denied',
+                ad_user_data: settings.advertising ? 'granted' : 'denied',
+                ad_personalization: settings.advertising ? 'granted' : 'denied',
+                functionality_storage: settings.functionality ? 'granted' : 'denied',
+                security_storage: settings.security !== false ? 'granted' : 'denied',
+            });
+        }
+        catch (error) {
+            console.warn('[Analytics] Error aplicando consent a gtag:', error);
+        }
+    }
+    /**
+     * Carga consent desde localStorage
+     */
+    loadConsentFromStorage() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        try {
+            const stored = localStorage.getItem(this.consentStorageKey);
+            if (stored) {
+                const parsed = JSON.parse(stored);
+                this._consentState.set({
+                    ...parsed,
+                    updatedAt: parsed.updatedAt ? new Date(parsed.updatedAt) : null,
+                });
+            }
+            else if (this.analyticsConfig.defaultConsent) {
+                // Aplicar consent por defecto si no hay guardado
+                this._consentState.set({
+                    settings: this.analyticsConfig.defaultConsent,
+                    updatedAt: null,
+                    hasDecided: false,
+                });
+            }
+        }
+        catch (error) {
+            console.warn('[Analytics] Error cargando consent:', error);
+        }
+    }
+    /**
+     * Guarda consent en localStorage
+     */
+    saveConsentToStorage(state) {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        try {
+            localStorage.setItem(this.consentStorageKey, JSON.stringify(state));
+        }
+        catch (error) {
+            console.warn('[Analytics] Error guardando consent:', error);
+        }
+    }
+    // ===========================================================================
+    // TIMING / PERFORMANCE
+    // ===========================================================================
+    /**
+     * Registra una métrica de timing/performance.
+     *
+     * @param name - Nombre de la métrica
+     * @param valueMs - Valor en milisegundos
+     * @param params - Parámetros adicionales
+     *
+     * @example
+     * ```typescript
+     * const start = performance.now();
+     * await loadData();
+     * analytics.logTiming('data_load', performance.now() - start, {
+     *   category: 'api',
+     *   endpoint: '/products'
+     * });
+     * ```
+     */
+    logTiming(name, valueMs, params) {
+        this.logEvent('performance_metric', {
+            metric_name: name,
+            value: Math.round(valueMs),
+            unit: 'ms',
+            ...params,
+        });
+    }
+    // ===========================================================================
+    // DEBUG
+    // ===========================================================================
+    /**
+     * Habilita/deshabilita modo debug.
+     * En debug: logea a consola, no envía a Firebase.
+     */
+    setDebugMode(enabled) {
+        this._isDebugMode.set(enabled);
+        console.log(`[Analytics] Debug mode: ${enabled ? 'ON' : 'OFF'}`);
+    }
+    /**
+     * Obtiene historial de eventos (solo en debug mode).
+     * Útil para testing y desarrollo.
+     */
+    getDebugHistory() {
+        return this._debugHistory();
+    }
+    /**
+     * Limpia historial de debug.
+     */
+    clearDebugHistory() {
+        this._debugHistory.set([]);
+    }
+    /**
+     * Agrega evento al historial de debug
+     */
+    addToDebugHistory(type, name, params, sent = false) {
+        if (!this._isDebugMode()) {
+            return;
+        }
+        const event = {
+            timestamp: new Date(),
+            type,
+            name,
+            params,
+            sent,
+        };
+        this._debugHistory.update((history) => {
+            const newHistory = [event, ...history];
+            return newHistory.slice(0, MAX_DEBUG_HISTORY);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnalyticsService, deps: [{ token: i0.Injector }, { token: VALTECH_FIREBASE_CONFIG }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnalyticsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnalyticsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_FIREBASE_CONFIG]
+                }] }, { type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }] });
+
+/**
+ * Analytics Error Handler
+ *
+ * ErrorHandler personalizado que envía errores no capturados a Firebase Analytics.
+ * Se activa si enableErrorTracking=true en analyticsConfig.
+ */
+/**
+ * ErrorHandler que trackea errores en Firebase Analytics.
+ *
+ * Captura errores no manejados de la aplicación y los envía a GA4
+ * como eventos 'error_occurred'. También delega al ErrorHandler
+ * default para mantener el comportamiento de console.error.
+ *
+ * @example
+ * ```typescript
+ * // Se activa automáticamente si enableErrorTracking=true
+ * provideValtechFirebase({
+ *   firebase: environment.firebase,
+ *   enableAnalytics: true,
+ *   analyticsConfig: {
+ *     enableErrorTracking: true,
+ *   },
+ * });
+ * ```
+ */
+class AnalyticsErrorHandler {
+    constructor() {
+        this.analytics = inject(AnalyticsService);
+        this.defaultHandler = new ErrorHandler();
+    }
+    /**
+     * Maneja un error no capturado.
+     * Envía el error a Analytics y luego al handler default.
+     */
+    handleError(error) {
+        // Enviar a Analytics
+        try {
+            this.trackError(error);
+        }
+        catch (trackingError) {
+            // No fallar si el tracking falla
+            console.warn('[AnalyticsErrorHandler] Error tracking failed:', trackingError);
+        }
+        // Delegar al handler default (console.error)
+        this.defaultHandler.handleError(error);
+    }
+    /**
+     * Trackea el error en Analytics
+     */
+    trackError(error) {
+        // Extraer información del error
+        const errorInfo = this.extractErrorInfo(error);
+        this.analytics.logError(errorInfo.error, {
+            source: 'uncaught',
+            url: this.getCurrentUrl(),
+            ...errorInfo.context,
+        });
+    }
+    /**
+     * Extrae información útil del error
+     */
+    extractErrorInfo(error) {
+        const context = {};
+        // Error estándar
+        if (error instanceof Error) {
+            // Detectar errores de chunk loading (lazy loading)
+            if (error.message.includes('Loading chunk')) {
+                context['error_category'] = 'chunk_loading';
+            }
+            // Detectar errores de red
+            if (error.message.includes('NetworkError') || error.message.includes('Failed to fetch')) {
+                context['error_category'] = 'network';
+            }
+            return { error, context };
+        }
+        // ErrorEvent (ej: errores de script)
+        if (typeof ErrorEvent !== 'undefined' && error instanceof ErrorEvent) {
+            return {
+                error: new Error(error.message || 'Script error'),
+                context: {
+                    filename: error.filename || 'unknown',
+                    lineno: String(error.lineno || 0),
+                    colno: String(error.colno || 0),
+                },
+            };
+        }
+        // PromiseRejection
+        if (this.isPromiseRejection(error)) {
+            const reason = error.reason;
+            if (reason instanceof Error) {
+                return {
+                    error: reason,
+                    context: { error_category: 'unhandled_promise' },
+                };
+            }
+            return {
+                error: new Error(String(reason) || 'Unhandled promise rejection'),
+                context: { error_category: 'unhandled_promise' },
+            };
+        }
+        // Objeto con message
+        if (error && typeof error === 'object' && 'message' in error) {
+            return {
+                error: new Error(String(error.message)),
+                context,
+            };
+        }
+        // Fallback: convertir a string
+        return {
+            error: new Error(String(error) || 'Unknown error'),
+            context,
+        };
+    }
+    /**
+     * Verifica si es un PromiseRejectionEvent
+     */
+    isPromiseRejection(error) {
+        return (typeof PromiseRejectionEvent !== 'undefined' &&
+            error instanceof PromiseRejectionEvent);
+    }
+    /**
+     * Obtiene la URL actual de forma segura
+     */
+    getCurrentUrl() {
+        try {
+            return window?.location?.href || 'unknown';
+        }
+        catch {
+            return 'unknown';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnalyticsErrorHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnalyticsErrorHandler }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnalyticsErrorHandler, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Analytics Router Tracker
+ *
+ * Servicio que trackea automáticamente page views cuando el usuario navega.
+ * Se activa automáticamente si enablePageViewTracking=true en analyticsConfig.
+ */
+/**
+ * Tracker automático de page views via Router.
+ *
+ * Este servicio escucha eventos de navegación del Router y registra
+ * page views automáticamente en Firebase Analytics.
+ *
+ * Se excluyen rutas configuradas en `analyticsConfig.excludeRoutes`.
+ *
+ * @example
+ * ```typescript
+ * // Se activa automáticamente si enablePageViewTracking=true
+ * provideValtechFirebase({
+ *   firebase: environment.firebase,
+ *   enableAnalytics: true,
+ *   analyticsConfig: {
+ *     enablePageViewTracking: true,
+ *     excludeRoutes: ['/admin/*', '/debug/*'],
+ *   },
+ * });
+ * ```
+ */
+class AnalyticsRouterTracker {
+    constructor(config) {
+        this.config = config;
+        this.analytics = inject(AnalyticsService);
+        this.router = inject(Router);
+        this.destroyRef = inject(DestroyRef);
+        const analyticsConfig = config.analyticsConfig ?? {};
+        this.enabled = analyticsConfig.enablePageViewTracking !== false;
+        this.excludePatterns = this.compileExcludePatterns(analyticsConfig.excludeRoutes ?? []);
+        if (this.enabled && config.enableAnalytics) {
+            this.startTracking();
+        }
+    }
+    /**
+     * Inicia el tracking de navegación
+     */
+    startTracking() {
+        this.router.events
+            .pipe(filter$1((event) => event instanceof NavigationEnd), filter$1((event) => !this.isExcluded(event.urlAfterRedirects)), takeUntilDestroyed(this.destroyRef))
+            .subscribe((event) => {
+            this.analytics.logPageView(event.urlAfterRedirects);
+        });
+    }
+    /**
+     * Compila patrones de exclusión a RegExp
+     */
+    compileExcludePatterns(patterns) {
+        return patterns.map((pattern) => {
+            // Convertir glob pattern a regex
+            // Ej: '/admin/*' -> /^\/admin\/.*$/
+            const regexPattern = pattern
+                .replace(/[.+?^${}()|[\]\\]/g, '\\$&') // Escapar caracteres especiales
+                .replace(/\*/g, '.*'); // Convertir * a .*
+            return new RegExp(`^${regexPattern}$`);
+        });
+    }
+    /**
+     * Verifica si una URL debe ser excluida del tracking
+     */
+    isExcluded(url) {
+        // Remover query params para la comparación
+        const path = url.split('?')[0];
+        return this.excludePatterns.some((pattern) => pattern.test(path));
+    }
+    /**
+     * Registra un page view manualmente.
+     * Útil para casos donde necesitas trackear manualmente.
+     */
+    trackPageView(path, title) {
+        if (this.isExcluded(path)) {
+            return;
+        }
+        this.analytics.logPageView(path, title);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnalyticsRouterTracker, deps: [{ token: VALTECH_FIREBASE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnalyticsRouterTracker, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AnalyticsRouterTracker, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_FIREBASE_CONFIG]
+                }] }] });
+
 /**
  * Firebase Configuration
  *
@@ -21575,6 +22399,22 @@ function provideValtechFirebase(config) {
         }
         providers.push(provideMessaging(() => getMessaging()));
     }
+    // Analytics (GA4) - solo si está explícitamente habilitado
+    // Requiere measurementId en firebase config
+    if (config.enableAnalytics && config.firebase.measurementId) {
+        providers.push(provideAnalytics(() => getAnalytics()));
+        // Router tracker para page views automáticos (por defecto habilitado)
+        if (config.analyticsConfig?.enablePageViewTracking !== false) {
+            providers.push(AnalyticsRouterTracker);
+        }
+        // Error handler para tracking automático de errores
+        if (config.analyticsConfig?.enableErrorTracking) {
+            providers.push({
+                provide: ErrorHandler,
+                useClass: AnalyticsErrorHandler,
+            });
+        }
+    }
     return makeEnvironmentProviders(providers);
 }
 /**
@@ -25255,6 +26095,250 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     args: [VALTECH_AUTH_CONFIG]
                 }] }] });
 
+/**
+ * Servicio de OAuth para login social.
+ *
+ * Implementa flujo OAuth server-side con popup:
+ * 1. Frontend abre popup hacia backend
+ * 2. Backend redirige a provider (Google, Apple, Microsoft)
+ * 3. Usuario autoriza
+ * 4. Backend intercambia code, genera JWT, redirige con tokens
+ * 5. Popup envía tokens a ventana padre via postMessage
+ *
+ * @example
+ * ```typescript
+ * import { OAuthService, AuthService } from 'valtech-components';
+ *
+ * @Component({...})
+ * export class LoginComponent {
+ *   private oauth = inject(OAuthService);
+ *   private auth = inject(AuthService);
+ *
+ *   async loginWithGoogle() {
+ *     this.oauth.startFlow('google').subscribe({
+ *       next: (result) => {
+ *         // Tokens recibidos, guardar en auth state
+ *         this.auth.handleOAuthSuccess(result);
+ *         this.router.navigate(['/']);
+ *       },
+ *       error: (error) => {
+ *         console.error('OAuth failed:', error);
+ *       }
+ *     });
+ *   }
+ * }
+ * ```
+ */
+class OAuthService {
+    constructor(config, http, ngZone) {
+        this.config = config;
+        this.http = http;
+        this.ngZone = ngZone;
+        this.popup = null;
+        this.messageHandler = null;
+        this.checkClosedInterval = null;
+    }
+    /**
+     * Inicia flujo OAuth en popup.
+     * Retorna Observable que emite cuando el usuario completa el flujo.
+     *
+     * @param provider - Proveedor OAuth ('google', 'apple', 'microsoft')
+     * @returns Observable que emite OAuthResult o error
+     */
+    startFlow(provider) {
+        return new Observable(observer => {
+            // Construir URL de inicio
+            const redirectUri = `${window.location.origin}/auth/oauth/callback`;
+            const startUrl = `${this.config.apiUrl}/v2/auth/oauth/${provider}/start?redirect_uri=${encodeURIComponent(redirectUri)}`;
+            // Abrir popup centrado
+            const width = 500;
+            const height = 600;
+            const left = window.screenX + (window.outerWidth - width) / 2;
+            const top = window.screenY + (window.outerHeight - height) / 2;
+            const features = `width=${width},height=${height},left=${left},top=${top},popup=yes`;
+            this.popup = window.open(startUrl, 'oauth', features);
+            if (!this.popup) {
+                observer.error({
+                    code: 'POPUP_BLOCKED',
+                    message: 'El navegador bloqueó la ventana emergente. Por favor, permite popups para este sitio.',
+                });
+                return () => { };
+            }
+            // Escuchar mensajes del popup
+            this.messageHandler = (event) => {
+                // Validar origen
+                if (event.origin !== window.location.origin) {
+                    return;
+                }
+                // Validar tipo de mensaje
+                const data = event.data;
+                if (data?.type !== 'oauth-callback') {
+                    return;
+                }
+                // Limpiar
+                this.cleanup();
+                // Emitir resultado dentro de NgZone para trigger change detection
+                this.ngZone.run(() => {
+                    if (data.error) {
+                        observer.error(data.error);
+                    }
+                    else if (data.tokens) {
+                        observer.next(data.tokens);
+                        observer.complete();
+                    }
+                    else {
+                        observer.error({
+                            code: 'INVALID_RESPONSE',
+                            message: 'Respuesta inválida del servidor de autenticación',
+                        });
+                    }
+                });
+            };
+            window.addEventListener('message', this.messageHandler);
+            // Verificar si popup se cierra manualmente
+            this.checkClosedInterval = setInterval(() => {
+                if (this.popup?.closed) {
+                    this.cleanup();
+                    this.ngZone.run(() => {
+                        observer.error({
+                            code: 'POPUP_CLOSED',
+                            message: 'Se cerró la ventana de autenticación',
+                        });
+                    });
+                }
+            }, 500);
+            // Cleanup cuando el observable se destruye
+            return () => this.cleanup();
+        });
+    }
+    /**
+     * Inicia flujo de linking para vincular un proveedor adicional.
+     * Requiere que el usuario esté autenticado.
+     *
+     * @param provider - Proveedor OAuth a vincular
+     * @returns Observable que emite cuando se completa el linking
+     */
+    startLinkFlow(provider) {
+        return new Observable(observer => {
+            const redirectUri = `${window.location.origin}/auth/oauth/callback`;
+            const startUrl = `${this.config.apiUrl}/v2/auth/oauth/link/${provider}/start?redirect_uri=${encodeURIComponent(redirectUri)}`;
+            const width = 500;
+            const height = 600;
+            const left = window.screenX + (window.outerWidth - width) / 2;
+            const top = window.screenY + (window.outerHeight - height) / 2;
+            const features = `width=${width},height=${height},left=${left},top=${top},popup=yes`;
+            this.popup = window.open(startUrl, 'oauth-link', features);
+            if (!this.popup) {
+                observer.error({
+                    code: 'POPUP_BLOCKED',
+                    message: 'El navegador bloqueó la ventana emergente',
+                });
+                return () => { }; // cleanup function
+            }
+            this.messageHandler = (event) => {
+                if (event.origin !== window.location.origin)
+                    return;
+                const data = event.data;
+                if (data?.type !== 'oauth-callback')
+                    return;
+                this.cleanup();
+                this.ngZone.run(() => {
+                    if (data.error) {
+                        observer.error(data.error);
+                    }
+                    else {
+                        observer.next(data.tokens || {});
+                        observer.complete();
+                    }
+                });
+            };
+            window.addEventListener('message', this.messageHandler);
+            this.checkClosedInterval = setInterval(() => {
+                if (this.popup?.closed) {
+                    this.cleanup();
+                    this.ngZone.run(() => {
+                        observer.error({
+                            code: 'POPUP_CLOSED',
+                            message: 'Se cerró la ventana de autenticación',
+                        });
+                    });
+                }
+            }, 500);
+            return () => this.cleanup();
+        });
+    }
+    /**
+     * Obtiene los proveedores OAuth vinculados al usuario.
+     */
+    getLinkedProviders() {
+        return this.http
+            .get(`${this.config.apiUrl}/v2/auth/oauth/providers`)
+            .pipe(catchError(error => throwError(() => ({
+            code: error.error?.code || 'FETCH_ERROR',
+            message: error.error?.message || 'Error al obtener proveedores vinculados',
+        }))));
+    }
+    /**
+     * Desvincula un proveedor OAuth.
+     */
+    unlinkProvider(provider) {
+        return this.http
+            .post(`${this.config.apiUrl}/v2/auth/oauth/unlink`, { provider })
+            .pipe(catchError(error => throwError(() => ({
+            code: error.error?.code || 'UNLINK_ERROR',
+            message: error.error?.message || 'Error al desvincular proveedor',
+        }))));
+    }
+    /**
+     * Establece contraseña para usuarios que solo tienen OAuth.
+     */
+    setPassword(password) {
+        return this.http
+            .post(`${this.config.apiUrl}/v2/auth/oauth/set-password`, { password })
+            .pipe(catchError(error => throwError(() => ({
+            code: error.error?.code || 'SET_PASSWORD_ERROR',
+            message: error.error?.message || 'Error al establecer contraseña',
+        }))));
+    }
+    /**
+     * Verifica si el usuario tiene contraseña establecida.
+     */
+    hasPassword() {
+        return this.http
+            .get(`${this.config.apiUrl}/v2/auth/oauth/has-password`)
+            .pipe(catchError(error => throwError(() => ({
+            code: error.error?.code || 'CHECK_PASSWORD_ERROR',
+            message: error.error?.message || 'Error al verificar contraseña',
+        }))));
+    }
+    /**
+     * Limpia recursos del popup.
+     */
+    cleanup() {
+        if (this.messageHandler) {
+            window.removeEventListener('message', this.messageHandler);
+            this.messageHandler = null;
+        }
+        if (this.checkClosedInterval) {
+            clearInterval(this.checkClosedInterval);
+            this.checkClosedInterval = null;
+        }
+        if (this.popup && !this.popup.closed) {
+            this.popup.close();
+        }
+        this.popup = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OAuthService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$8.HttpClient }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OAuthService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OAuthService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_AUTH_CONFIG]
+                }] }, { type: i1$8.HttpClient }, { type: i0.NgZone }] });
+
 /**
  * Servicio principal de autenticación.
  *
@@ -25278,7 +26362,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * ```
  */
 class AuthService {
-    constructor(config, http, router, stateService, tokenService, storageService, syncService, firebaseService, messagingService, i18nService) {
+    constructor(config, http, router, stateService, tokenService, storageService, syncService, firebaseService, oauthService, messagingService, i18nService) {
         this.config = config;
         this.http = http;
         this.router = router;
@@ -25287,6 +26371,7 @@ class AuthService {
         this.storageService = storageService;
         this.syncService = syncService;
         this.firebaseService = firebaseService;
+        this.oauthService = oauthService;
         this.messagingService = messagingService;
         this.i18nService = i18nService;
         // Timer para refresh proactivo
@@ -25400,6 +26485,101 @@ class AuthService {
             }
         }), catchError(error => this.handleAuthError(error)));
     }
+    // =============================================
+    // OAUTH (Login social)
+    // =============================================
+    /**
+     * Inicia sesión con OAuth (Google, Apple, Microsoft).
+     * Abre un popup para el flujo de autenticación.
+     *
+     * @param provider - Proveedor OAuth ('google', 'apple', 'microsoft')
+     * @returns Observable que emite SigninResponse cuando se completa
+     *
+     * @example
+     * ```typescript
+     * this.auth.signinWithOAuth('google').subscribe({
+     *   next: () => this.router.navigate(['/']),
+     *   error: (err) => console.error('OAuth failed:', err)
+     * });
+     * ```
+     */
+    signinWithOAuth(provider) {
+        this.stateService.clearError();
+        return this.oauthService.startFlow(provider).pipe(tap(result => {
+            // Convertir OAuthResult a SigninResponse compatible
+            const response = {
+                operationId: 'oauth',
+                accessToken: result.accessToken,
+                refreshToken: result.refreshToken,
+                firebaseToken: result.firebaseToken,
+                expiresIn: result.expiresIn,
+                roles: result.roles,
+                permissions: result.permissions,
+            };
+            this.handleSuccessfulAuth(response);
+        }), map$1(result => ({
+            operationId: 'oauth',
+            accessToken: result.accessToken,
+            refreshToken: result.refreshToken,
+            firebaseToken: result.firebaseToken,
+            expiresIn: result.expiresIn,
+            roles: result.roles,
+            permissions: result.permissions,
+        })), catchError(error => {
+            const authError = {
+                code: error.code || 'OAUTH_ERROR',
+                message: error.message || 'Error de autenticación OAuth',
+            };
+            this.stateService.setError(authError);
+            return throwError(() => authError);
+        }));
+    }
+    /**
+     * Vincula un proveedor OAuth adicional a la cuenta actual.
+     * Requiere que el usuario esté autenticado.
+     *
+     * @param provider - Proveedor OAuth a vincular
+     */
+    linkOAuthProvider(provider) {
+        return this.oauthService.startLinkFlow(provider).pipe(map$1(() => ({ success: true })), catchError(error => {
+            const authError = {
+                code: error.code || 'LINK_ERROR',
+                message: error.message || 'Error al vincular proveedor',
+            };
+            this.stateService.setError(authError);
+            return throwError(() => authError);
+        }));
+    }
+    /**
+     * Obtiene los proveedores OAuth vinculados al usuario.
+     */
+    getLinkedProviders() {
+        return this.oauthService.getLinkedProviders();
+    }
+    /**
+     * Desvincula un proveedor OAuth de la cuenta.
+     *
+     * @param provider - Proveedor a desvincular
+     */
+    unlinkOAuthProvider(provider) {
+        return this.oauthService.unlinkProvider(provider);
+    }
+    /**
+     * Establece contraseña para usuarios que solo tienen OAuth.
+     * Permite que usuarios OAuth-only puedan también usar email/password.
+     *
+     * @param password - Nueva contraseña
+     */
+    setPasswordForOAuthUser(password) {
+        return this.oauthService.setPassword(password);
+    }
+    /**
+     * Verifica si el usuario tiene contraseña establecida.
+     * Útil para mostrar/ocultar opciones de cambio de contraseña.
+     */
+    checkHasPassword() {
+        return this.oauthService.hasPassword();
+    }
     /**
      * Registra un nuevo usuario.
      * El usuario queda en estado PENDING hasta verificar su email.
@@ -26093,7 +27273,7 @@ class AuthService {
         }
         return { platform: 'web', browser, os };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$8.HttpClient }, { token: i1$1.Router }, { token: AuthStateService }, { token: TokenService }, { token: AuthStorageService }, { token: AuthSyncService }, { token: FirebaseService }, { token: MessagingService, optional: true }, { token: I18nService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$8.HttpClient }, { token: i1$1.Router }, { token: AuthStateService }, { token: TokenService }, { token: AuthStorageService }, { token: AuthSyncService }, { token: FirebaseService }, { token: OAuthService }, { token: MessagingService, optional: true }, { token: I18nService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, decorators: [{
@@ -26102,7 +27282,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [VALTECH_AUTH_CONFIG]
-                }] }, { type: i1$8.HttpClient }, { type: i1$1.Router }, { type: AuthStateService }, { type: TokenService }, { type: AuthStorageService }, { type: AuthSyncService }, { type: FirebaseService }, { type: MessagingService, decorators: [{
+                }] }, { type: i1$8.HttpClient }, { type: i1$1.Router }, { type: AuthStateService }, { type: TokenService }, { type: AuthStorageService }, { type: AuthSyncService }, { type: FirebaseService }, { type: OAuthService }, { type: MessagingService, decorators: [{
                     type: Optional
                 }] }, { type: I18nService, decorators: [{
                     type: Optional
@@ -26301,6 +27481,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     type: Optional
                 }] }] });
 
+/**
+ * Analytics Types
+ *
+ * Tipos e interfaces para el servicio de Firebase Analytics (GA4).
+ */
+
 /**
  * Firebase Services
  *
@@ -26725,6 +27911,144 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     args: [VALTECH_AUTH_CONFIG]
                 }] }, { type: i1$8.HttpClient }] });
 
+/**
+ * Componente de callback para OAuth.
+ *
+ * Este componente procesa la respuesta del servidor OAuth y envía
+ * los tokens a la ventana padre via postMessage.
+ *
+ * Debe agregarse a las rutas de la aplicación:
+ * ```typescript
+ * // app.routes.ts
+ * import { OAuthCallbackComponent } from 'valtech-components';
+ *
+ * export const routes: Routes = [
+ *   { path: 'auth/oauth/callback', component: OAuthCallbackComponent },
+ *   // ... otras rutas
+ * ];
+ * ```
+ *
+ * El backend redirige a esta ruta con los tokens en query params:
+ * `/auth/oauth/callback?access_token=xxx&refresh_token=xxx&expires_in=900`
+ *
+ * O con error:
+ * `/auth/oauth/callback?error=INVALID_CODE&error_description=...`
+ */
+class OAuthCallbackComponent {
+    constructor() {
+        this.message = 'Procesando autenticación...';
+    }
+    ngOnInit() {
+        this.processCallback();
+    }
+    processCallback() {
+        const params = new URLSearchParams(window.location.search);
+        // Verificar si hay error
+        const error = params.get('error');
+        if (error) {
+            this.sendToParent({
+                type: 'oauth-callback',
+                error: {
+                    code: error,
+                    message: params.get('error_description') || 'Error de autenticación',
+                },
+            });
+            this.message = 'Error de autenticación';
+            this.closeAfterDelay();
+            return;
+        }
+        // Extraer tokens
+        const accessToken = params.get('access_token');
+        const refreshToken = params.get('refresh_token');
+        const expiresIn = params.get('expires_in');
+        const firebaseToken = params.get('firebase_token');
+        if (!accessToken || !refreshToken) {
+            this.sendToParent({
+                type: 'oauth-callback',
+                error: {
+                    code: 'MISSING_TOKENS',
+                    message: 'No se recibieron los tokens de autenticación',
+                },
+            });
+            this.message = 'Error: tokens no recibidos';
+            this.closeAfterDelay();
+            return;
+        }
+        // Extraer roles y permisos (pueden venir como JSON en base64)
+        let roles;
+        let permissions;
+        const rolesParam = params.get('roles');
+        const permissionsParam = params.get('permissions');
+        if (rolesParam) {
+            try {
+                roles = JSON.parse(atob(rolesParam));
+            }
+            catch {
+                roles = rolesParam.split(',');
+            }
+        }
+        if (permissionsParam) {
+            try {
+                permissions = JSON.parse(atob(permissionsParam));
+            }
+            catch {
+                permissions = permissionsParam.split(',');
+            }
+        }
+        // Enviar tokens a la ventana padre
+        const result = {
+            accessToken,
+            refreshToken,
+            expiresIn: expiresIn ? parseInt(expiresIn, 10) : 900,
+            firebaseToken: firebaseToken || undefined,
+            roles,
+            permissions,
+            isNewUser: params.get('is_new_user') === 'true',
+            linked: params.get('linked') === 'true',
+        };
+        this.sendToParent({
+            type: 'oauth-callback',
+            tokens: result,
+        });
+        this.message = 'Autenticación exitosa';
+        this.closeAfterDelay();
+    }
+    sendToParent(data) {
+        if (window.opener) {
+            // Enviar al opener (ventana que abrió el popup)
+            window.opener.postMessage(data, window.location.origin);
+        }
+        else if (window.parent !== window) {
+            // Enviar al parent (si estamos en iframe)
+            window.parent.postMessage(data, window.location.origin);
+        }
+    }
+    closeAfterDelay() {
+        // Dar tiempo para que el mensaje se envíe antes de cerrar
+        setTimeout(() => {
+            if (window.opener) {
+                window.close();
+            }
+        }, 500);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OAuthCallbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: OAuthCallbackComponent, isStandalone: true, selector: "val-oauth-callback", ngImport: i0, template: `
+    <div class="oauth-callback">
+      <div class="oauth-callback__spinner"></div>
+      <p class="oauth-callback__text">{{ message }}</p>
+    </div>
+  `, isInline: true, styles: [".oauth-callback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.oauth-callback__spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.oauth-callback__text{color:#666;font-size:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OAuthCallbackComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-oauth-callback', standalone: true, imports: [CommonModule], template: `
+    <div class="oauth-callback">
+      <div class="oauth-callback__spinner"></div>
+      <p class="oauth-callback__text">{{ message }}</p>
+    </div>
+  `, styles: [".oauth-callback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.oauth-callback__spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.oauth-callback__text{color:#666;font-size:14px}\n"] }]
+        }] });
+
 /**
  * Valtech Auth Service
  *
@@ -26953,5 +28277,5 @@ function provideValtechPresets(presets) {
  * Generated bundle index. Do not edit.
  */
 
-export { ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AlertBoxComponent, ArticleBuilder, ArticleComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_AUTH_CONFIG, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DeviceService, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FabComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FunHeaderComponent, GlowCardComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfoComponent, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksAccordionComponent, LinksCakeComponent, LocalStorageService, LocaleService, MODAL_SIZES, MOTION, MenuComponent, MessagingService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RightsFooterComponent, SKELETON_PRESETS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TabsComponent, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, VALTECH_AUTH_CONFIG, VALTECH_FIREBASE_CONFIG, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildPath, collections, createFirebaseConfig, createGlowCardProps, createNumberFromToField, createTitleProps, extractPathParams, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFirebase, provideValtechI18n, provideValtechPresets, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
+export { ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, ArticleBuilder, ArticleComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_AUTH_CONFIG, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DeviceService, DisplayComponent, DividerComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FabComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FunHeaderComponent, GlowCardComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfoComponent, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksAccordionComponent, LinksCakeComponent, LocalStorageService, LocaleService, MODAL_SIZES, MOTION, MenuComponent, MessagingService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RightsFooterComponent, SKELETON_PRESETS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TabsComponent, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, VALTECH_AUTH_CONFIG, VALTECH_FIREBASE_CONFIG, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildPath, collections, createFirebaseConfig, createGlowCardProps, createNumberFromToField, createTitleProps, extractPathParams, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFirebase, provideValtechI18n, provideValtechPresets, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
 //# sourceMappingURL=valtech-components.mjs.map