valtech-components 2.0.824 → 2.0.826

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 = "2.0.824";
+export declare const VERSION = "2.0.826";

package/package.json

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

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

@@ -42,21 +42,32 @@ if (!self.FIREBASE_CONFIG) {
   messaging.onBackgroundMessage((payload) => {
     console.log('[SW] Mensaje recibido en background:', payload);
 
-    const notificationTitle = payload.notification?.title || 'Nueva notificación';
+    // 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: payload.notification?.body || '',
-      icon: payload.notification?.icon || '/assets/icon/favicon.ico',
+      body: notificationBody,
+      icon: notificationIcon,
       image: payload.notification?.image,
       badge: '/assets/icon/badge.png',
-      tag: payload.messageId || 'default',
+      tag: payload.messageId || data.messageId || 'default',
       data: {
-        ...payload.data,
-        messageId: payload.messageId,
+        ...data,
+        messageId: payload.messageId || data.messageId,
         title: notificationTitle,
-        body: payload.notification?.body,
+        body: notificationBody,
       },
       vibrate: [200, 100, 200],
-      requireInteraction: payload.data?.require_interaction === 'true',
+      requireInteraction: data.require_interaction === 'true',
     };
 
     return self.registration.showNotification(notificationTitle, notificationOptions);