valtech-components 4.0.41 → 4.0.43

package/lib/components/atoms/splash/splash.component.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+/**
+ * `val-splash` — splash a pantalla completa reutilizable, idéntico al de arranque
+ * de la app (`.app-splash` del `index.html`): logo centrado con pulse, fondo
+ * claro/oscuro vía `prefers-color-scheme`. Para cargas fundamentales dentro de la
+ * app (p.ej. el callback OAuth) que deben verse iguales al arranque, en vez de
+ * un segundo loader casi-duplicado.
+ *
+ * El logo apunta por defecto a `assets/images/main-{light,dark}.svg` — los mismos
+ * assets de la app consumer que usa el splash de `index.html` — y resuelven en
+ * runtime contra la app. Override por inputs si hace falta. Fondo overridable con
+ * las CSS vars `--val-splash-bg` / `--val-splash-bg-dark`.
+ */
+export declare class SplashComponent {
+    /** Logo para tema claro. Default = asset de la app (igual que index.html). */
+    readonly logoLight: import("@angular/core").InputSignal<string>;
+    /** Logo para tema oscuro (vía prefers-color-scheme). */
+    readonly logoDark: import("@angular/core").InputSignal<string>;
+    /** Texto alternativo del logo. */
+    readonly alt: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SplashComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplashComponent, "val-splash", never, { "logoLight": { "alias": "logoLight"; "required": false; "isSignal": true; }; "logoDark": { "alias": "logoDark"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/services/auth/oauth-callback.component.d.ts

@@ -1,4 +1,7 @@
 import { OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { ValtechAuthConfig } from './types';
+import { AuthService } from './auth.service';
 import * as i0 from "@angular/core";
 /**
  * Componente de callback para OAuth.
@@ -24,6 +27,9 @@ import * as i0 from "@angular/core";
  * `/auth/oauth/callback?error=INVALID_CODE&error_description=...`
  */
 export declare class OAuthCallbackComponent implements OnInit {
+    private router;
+    private authService;
+    private config;
     message: string;
     /**
      * Nonce que el opener generó y pasó por el flujo (round-trip backend). Se
@@ -31,10 +37,24 @@ export declare class OAuthCallbackComponent implements OnInit {
      * y rechace un oauth_callback_data forjado en localStorage por XSS (M-07).
      */
     private clientNonce;
+    constructor(router: Router, authService: AuthService | null, config: ValtechAuthConfig | null);
     ngOnInit(): void;
+    /**
+     * Indica si este callback corre como la VENTANA PRINCIPAL (flujo redirect),
+     * no como popup. El popup se abre con window.name 'oauth'/'oauth-link'
+     * (OAuthService), nombre que persiste aunque COOP anule window.opener tras el
+     * bounce cross-origin. En la ventana principal nadie consume el localStorage,
+     * así que el callback debe instalar la sesión y navegar él mismo.
+     */
+    private isMainWindow;
+    /**
+     * Completa el login en la ventana principal: instala la sesión desde los
+     * tokens del callback y navega al home.
+     */
+    private completeInMainWindow;
     private processCallback;
     private sendToParent;
     private closeAfterDelay;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OAuthCallbackComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OAuthCallbackComponent, [null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OAuthCallbackComponent, "val-oauth-callback", never, {}, {}, never, never, true, never>;
 }

package/lib/services/auth/oauth.service.d.ts

@@ -108,13 +108,12 @@ export declare class OAuthService {
     /**
      * Verifica que el callback traiga el nonce del flujo actual (M-07).
      *
-     * Estricto: si el opener generó un nonce (siempre, en clientes nuevos) exige
-     * que el callback lo traiga y coincida. Un payload forjado en localStorage por
-     * XSS no conoce el nonce (vive solo en memoria) → se rechaza.
-     *
-     * ⚠️ Requiere que el backend ya eche `client_nonce` en el callback. Deploy:
-     * backend ANTES que el frontend, si no este check rechaza callbacks legítimos
-     * (sin nonce) durante la ventana de transición.
+     * Tolerante a la transición: solo se EXIGE coincidencia cuando el callback
+     * trae un nonce. Si no lo trae (backend aún sin M-07 desplegado, p.ej. dev), no
+     * se bloquea el login. Cuando el backend echa `client_nonce` en todos lados, un
+     * callback forjado con un nonce distinto sí se rechaza. Un payload forjado por
+     * XSS que OMITA el nonce no se frena por acá, pero igual pasa por las
+     * validaciones de tipo/forma de `checkLocalStorageFallback`.
      */
     private isNonceValid;
     /**

package/lib/services/auth/storage.service.d.ts

@@ -23,7 +23,7 @@ export declare class AuthStorageService {
     /**
      * Guarda el refresh token (token rotation).
      */
-    saveRefreshToken(_token: string): void;
+    saveRefreshToken(token: string): void;
     /**
      * Guarda los permisos actualizados.
      */

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "4.0.41";
+export declare const VERSION = "4.0.43";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.41",
+  "version": "4.0.43",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"

package/public-api.d.ts

@@ -3,6 +3,7 @@ export * from './lib/directives/has-permission.directive';
 export * from './lib/components/atoms/avatar/avatar.component';
 export * from './lib/components/atoms/avatar/types';
 export * from './lib/components/atoms/box/box.component';
+export * from './lib/components/atoms/splash/splash.component';
 export * from './lib/components/atoms/box/types';
 export * from './lib/components/atoms/glow/glow.component';
 export * from './lib/components/atoms/glow/types';

package/src/lib/services/firebase/firebase-messaging-sw.js

@@ -1,145 +0,0 @@
-/**
- * Firebase Messaging Service Worker
- *
- * Service Worker estático para Firebase Cloud Messaging.
- * Carga la configuración dinámicamente desde /firebase-config.js.
- *
- * CONFIGURACIÓN:
- * 1. Crea firebase.config.json con tu configuración de Firebase
- * 2. Ejecuta: npm run generate:firebase-config
- *    Esto genera /firebase-config.js con: self.FIREBASE_CONFIG = {...}
- * 3. Agrega este SW y firebase-config.js a los assets de angular.json
- *
- * Ver README.md para documentación completa.
- */
-
-// Importar Firebase scripts
-importScripts('https://www.gstatic.com/firebasejs/10.7.0/firebase-app-compat.js');
-importScripts('https://www.gstatic.com/firebasejs/10.7.0/firebase-messaging-compat.js');
-
-// Importar configuración desde archivo externo (generado en build)
-// Este archivo define: self.FIREBASE_CONFIG = { ... }
-try {
-  importScripts('/firebase-config.js');
-} catch (e) {
-  console.error('[SW] No se pudo cargar firebase-config.js:', e);
-}
-
-// Verificar que la configuración existe
-if (!self.FIREBASE_CONFIG) {
-  console.error('[SW] FIREBASE_CONFIG no está definido.');
-  console.error('[SW] Ejecuta: npm run generate:firebase-config');
-} else {
-  // Inicializar Firebase
-  firebase.initializeApp(self.FIREBASE_CONFIG);
-
-  // Obtener instancia de messaging
-  const messaging = firebase.messaging();
-
-  /**
-   * Handler para mensajes en background.
-   */
-  messaging.onBackgroundMessage((payload) => {
-    console.log('[SW] Mensaje recibido en background:', payload);
-
-    // Web push usa mensajes data-only (sin bloque `notification`) para que el
-    // navegador NO auto-muestre una notificación duplicada — el SW es el único
-    // que la pinta. Title/body/icon llegan dentro de `data`. Se mantiene el
-    // fallback a `payload.notification` por compatibilidad con mensajes
-    // legacy o nativos que sí traen el bloque.
-    const data = payload.data || {};
-    const notificationTitle =
-      payload.notification?.title || data.title || 'Nueva notificación';
-    const notificationBody = payload.notification?.body || data.body || '';
-    const notificationIcon =
-      payload.notification?.icon || data.icon || '/assets/icon/favicon.ico';
-
-    const notificationOptions = {
-      body: notificationBody,
-      icon: notificationIcon,
-      image: payload.notification?.image,
-      badge: '/assets/icon/badge.png',
-      tag: payload.messageId || data.messageId || 'default',
-      data: {
-        ...data,
-        messageId: payload.messageId || data.messageId,
-        title: notificationTitle,
-        body: notificationBody,
-      },
-      vibrate: [200, 100, 200],
-      requireInteraction: data.require_interaction === 'true',
-    };
-
-    return self.registration.showNotification(notificationTitle, notificationOptions);
-  });
-
-  /**
-   * Handler para clicks en notificaciones.
-   */
-  self.addEventListener('notificationclick', (event) => {
-    console.log('[SW] Click en notificación:', event);
-    event.notification.close();
-
-    const data = event.notification.data || {};
-    let targetUrl = '/';
-
-    if (data.route) {
-      targetUrl = data.route;
-    } else if (data.url) {
-      targetUrl = data.url;
-    }
-
-    if (data.query_params) {
-      const separator = targetUrl.includes('?') ? '&' : '?';
-      targetUrl += separator + data.query_params;
-    }
-
-    const notificationPayload = {
-      type: 'NOTIFICATION_CLICK',
-      notification: {
-        title: data.title,
-        body: data.body,
-        data: data,
-        messageId: data.messageId,
-      },
-    };
-
-    event.waitUntil(
-      clients
-        .matchAll({ type: 'window', includeUncontrolled: true })
-        .then((clientList) => {
-          // Siempre enviar postMessage para que la app pueda reaccionar
-          for (const client of clientList) {
-            client.postMessage(notificationPayload);
-          }
-
-          // Navegar si hay route o url
-          if (targetUrl !== '/') {
-            for (const client of clientList) {
-              if ('navigate' in client) {
-                return client.navigate(targetUrl).then((c) => c?.focus());
-              }
-            }
-            // Si no hay cliente abierto, abrir nueva ventana
-            if (clients.openWindow) {
-              return clients.openWindow(targetUrl);
-            }
-          }
-
-          // Solo hacer focus si no hay navegación
-          for (const client of clientList) {
-            if ('focus' in client) {
-              return client.focus();
-            }
-          }
-          if (clients.openWindow) {
-            return clients.openWindow('/');
-          }
-        })
-    );
-  });
-
-  self.addEventListener('notificationclose', (event) => {
-    console.log('[SW] Notificación cerrada:', event.notification.tag);
-  });
-}