valtech-components 4.0.31 → 4.0.33

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -43,7 +43,7 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"dark" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium">;
+    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

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

@@ -11,7 +11,7 @@ export declare class TextComponent {
      */
     displayContent: import("@angular/core").Signal<string>;
     propsColor: import("@angular/core").Signal<import("@ionic/core").Color>;
-    propsSize: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge">;
+    propsSize: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge">;
     propsBold: import("@angular/core").Signal<boolean>;
     propsProcessLinks: import("@angular/core").Signal<boolean>;
     propsAllowPartialBold: import("@angular/core").Signal<boolean>;

package/lib/components/atoms/user-avatar/user-avatar.component.d.ts

@@ -38,7 +38,7 @@ export declare class UserAvatarComponent {
     readonly imageUrl: import("@angular/core").Signal<string>;
     /** Iniciales — 1-2 chars derivados de name (preferred) o email prefix. */
     readonly initials: import("@angular/core").Signal<string>;
-    readonly sizeClass: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge" | "xsmall">;
+    readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge" | "xsmall">;
     readonly shapeClass: import("@angular/core").Signal<"circle" | "square">;
     /** Background — explicito o derivado deterministicamente del user. */
     readonly bgColor: import("@angular/core").Signal<string>;

package/lib/components/molecules/cta-card/cta-card.component.d.ts

@@ -35,7 +35,7 @@ export declare class CtaCardComponent {
     /** Emitted with the token of the clicked action button */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed" | "align">>>;
+    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "borderRadius" | "bordered" | "shadowed" | "align" | "padding">>>;
     getBackground(): string;
     getColor(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<CtaCardComponent, never>;

package/lib/components/molecules/features-list/features-list.component.d.ts

@@ -41,7 +41,7 @@ export declare class FeaturesListComponent {
         iconColor: string;
         iconSize: number;
         mode: "horizontal" | "vertical";
-        gap: "medium" | "small" | "large";
+        gap: "small" | "medium" | "large";
         alignment: "center" | "start";
         imageShape: "circle" | "square";
         maxVisible: number;

package/lib/components/molecules/metric-card/metric-card.component.d.ts

@@ -28,7 +28,7 @@ export declare class MetricCardComponent {
     /** Emitted with the token of the clicked action */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed">>>;
+    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "borderRadius" | "bordered" | "shadowed" | "padding">>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MetricCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MetricCardComponent, "val-metric-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
 }

package/lib/components/organisms/article/article.component.d.ts

@@ -45,7 +45,7 @@ export declare class ArticleComponent implements OnInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -61,7 +61,7 @@ export declare class ArticleComponent implements OnInit {
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -76,7 +76,7 @@ export declare class ArticleComponent implements OnInit {
     getHighlightColor(element: ArticleElement): string;
     getButtonProps(element: ArticleElement): {
         actionType?: import("valtech-components").ActionType;
-        expand?: "block" | "full";
+        expand?: "full" | "block";
         link?: string;
         href?: string;
         routerLink?: string | any[];
@@ -92,8 +92,8 @@ export declare class ArticleComponent implements OnInit {
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
         size?: "default" | "small" | "large";
-        fill?: "solid" | "default" | "clear" | "outline";
-        type: "submit" | "button" | "reset";
+        fill?: "default" | "clear" | "outline" | "solid";
+        type: "reset" | "submit" | "button";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/lib/components/organisms/auth-cta/auth-cta.component.d.ts

@@ -35,7 +35,7 @@ export declare class AuthCtaComponent {
     onRegister: EventEmitter<void>;
     constructor();
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "padding" | "borderRadius" | "align">>>;
+    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "borderRadius" | "align" | "padding">>>;
     loginLabel: import("@angular/core").Signal<string>;
     registerLabel: import("@angular/core").Signal<string>;
     resolvedBg: import("@angular/core").Signal<string>;

package/lib/components/organisms/member-import-modal/member-import-modal.component.d.ts

@@ -28,7 +28,7 @@ export declare class MemberImportModalComponent implements OnInit {
     /** Namespace i18n. */
     i18nNamespace: string;
     csv: string;
-    readonly importMode: import("@angular/core").WritableSignal<"file" | "paste">;
+    readonly importMode: import("@angular/core").WritableSignal<"paste" | "file">;
     readonly onConflictControl: FormControl<string>;
     readonly sendActivationControl: FormControl<boolean>;
     readonly conflictSelectProps: import("@angular/core").Signal<Partial<InputMetadata>>;

package/lib/components/organisms/whatsapp-fab/whatsapp-fab.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class WhatsappFabComponent {
+    private readonly wa;
+    protected readonly url: string;
+    protected readonly label: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WhatsappFabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WhatsappFabComponent, "val-whatsapp-fab", never, {}, {}, never, never, true, never>;
+}

package/lib/services/whatsapp/config.d.ts

@@ -0,0 +1,4 @@
+import { EnvironmentProviders, InjectionToken } from '@angular/core';
+import { ValtechWhatsappConfig } from './types';
+export declare const VALTECH_WHATSAPP_CONFIG: InjectionToken<ValtechWhatsappConfig>;
+export declare function provideValtechWhatsapp(config: ValtechWhatsappConfig): EnvironmentProviders;

package/lib/services/whatsapp/index.d.ts

@@ -0,0 +1,3 @@
+export * from './config';
+export * from './types';
+export * from './whatsapp.service';

package/lib/services/whatsapp/types.d.ts

@@ -0,0 +1,5 @@
+export interface ValtechWhatsappConfig {
+    phone: string;
+    defaultMessage?: string;
+    label?: string;
+}

package/lib/services/whatsapp/whatsapp.service.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class WhatsappService {
+    private readonly config;
+    get isEnabled(): boolean;
+    buildUrl(customMessage?: string): string | null;
+    get label(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WhatsappService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WhatsappService>;
+}

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

package/package.json

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

package/public-api.d.ts

@@ -382,6 +382,8 @@ export * from './lib/components/molecules/ad-slot/ad-slot.component';
 export * from './lib/services/content';
 export * from './lib/services/content-platform';
 export * from './lib/services/feedback';
+export * from './lib/services/whatsapp';
+export * from './lib/components/organisms/whatsapp-fab/whatsapp-fab.component';
 export * from './lib/services/donation';
 export * from './lib/components/molecules/feedback-form/feedback-form.component';
 export * from './lib/components/molecules/feedback-form/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);
-  });
-}