valtech-components 4.0.223 → 4.0.225

package/lib/components/organisms/chat-window/chat-window.component.d.ts

@@ -46,6 +46,7 @@ export declare class ChatWindowComponent implements OnChanges, AfterViewChecked
     private messagesListRef?;
     private prevMessageCount;
     private shouldScrollToBottom;
+    private readonly messagesSig;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewChecked(): void;

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.223";
+export declare const VERSION = "4.0.225";

package/package.json

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

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

@@ -0,0 +1,90 @@
+/**
+ * firebase-messaging-sw.js — Service Worker estatico de valtech-components.
+ *
+ * NO EDITAR en el consumer. Este archivo se publica con la libreria y se copia a
+ * la raiz del sitio via el glob de angular.json:
+ *
+ *   { "glob": "firebase-messaging-sw.js",
+ *     "input": "node_modules/valtech-components/src/lib/services/firebase",
+ *     "output": "/" }
+ *
+ * Lee la config de Firebase desde /firebase-config.js (self.FIREBASE_CONFIG),
+ * generado en build-time por `npx valtech-firebase-config`. Maneja:
+ *   - mensajes en background (FCM) → muestra la notificacion del sistema.
+ *   - click en la notificacion → enfoca/abre la app y postMessage NOTIFICATION_CLICK
+ *     al cliente (lo consume MessagingService.onNotificationClick()).
+ */
+
+/* eslint-disable no-undef */
+
+// SDK compat de Firebase (debe coincidir con la major del peer dep firebase ^10).
+importScripts(
+  'https://www.gstatic.com/firebasejs/10.14.1/firebase-app-compat.js'
+);
+importScripts(
+  'https://www.gstatic.com/firebasejs/10.14.1/firebase-messaging-compat.js'
+);
+
+// Config inyectada en build-time (self.FIREBASE_CONFIG).
+try {
+  importScripts('/firebase-config.js');
+} catch (err) {
+  // Sin config no se puede inicializar; los push no funcionaran pero el SW
+  // no debe romper el registro de la app.
+  console.error('[firebase-messaging-sw] no se pudo cargar /firebase-config.js', err);
+}
+
+if (self.FIREBASE_CONFIG) {
+  firebase.initializeApp(self.FIREBASE_CONFIG);
+  const messaging = firebase.messaging();
+
+  // Mensaje recibido con la app en background o cerrada.
+  messaging.onBackgroundMessage((payload) => {
+    const notification = payload.notification || {};
+    const data = payload.data || {};
+    const title = notification.title || data.title || 'Notificacion';
+    const options = {
+      body: notification.body || data.body || '',
+      icon: notification.icon || data.icon || '/assets/icons/icon-192.png',
+      badge: '/assets/icons/icon-96.png',
+      data,
+    };
+    self.registration.showNotification(title, options);
+  });
+}
+
+// Click en la notificacion: enfocar un cliente existente (o abrir uno nuevo) y
+// avisarle para que navegue. El cliente resuelve la ruta desde data.route.
+self.addEventListener('notificationclick', (event) => {
+  event.notification.close();
+
+  const data = event.notification.data || {};
+  const route = data.route || data.actionRoute || '/';
+
+  event.waitUntil(
+    self.clients
+      .matchAll({ type: 'window', includeUncontrolled: true })
+      .then((clientList) => {
+        const message = {
+          type: 'NOTIFICATION_CLICK',
+          notification: {
+            title: event.notification.title,
+            body: event.notification.body,
+            data,
+          },
+        };
+
+        for (const client of clientList) {
+          if ('focus' in client) {
+            client.postMessage(message);
+            return client.focus();
+          }
+        }
+
+        if (self.clients.openWindow) {
+          return self.clients.openWindow(route);
+        }
+        return undefined;
+      })
+  );
+});