valtech-components 2.0.858 → 2.0.859

package/lib/components/molecules/feedback-form/feedback-form.component.d.ts

@@ -1,57 +1,26 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { I18nService } from '../../../services/i18n';
-import { FormGroup } from '@angular/forms';
+import { FormMetadata, FormSubmit } from '../../types';
+import { AttachmentItem } from '../../organisms/attachment-uploader/types';
 import { FeedbackFormMetadata, FeedbackSubmitEvent } from './types';
 import * as i0 from "@angular/core";
-/**
- * val-feedback-form
- *
- * Formulario reutilizable para enviar feedback desde cualquier parte de la aplicación.
- *
- * @example
- * ```html
- * <!-- Feedback general -->
- * <val-feedback-form
- *   [props]="{ defaultType: 'feedback', showTypeSelector: true }"
- *   (onSubmit)="handleSuccess($event)"
- *   (onCancel)="closeModal()"
- * />
- *
- * <!-- Reportar contenido incorrecto -->
- * <val-feedback-form
- *   [props]="{
- *     defaultType: 'poor-content',
- *     showTypeSelector: false,
- *     contentRef: { contentId: article.id, contentType: 'article' },
- *     submitButtonText: 'Reportar contenido'
- *   }"
- * />
- * ```
- */
 export declare class FeedbackFormComponent implements OnInit {
-    /**
-     * Configuración del formulario.
-     */
     props: FeedbackFormMetadata;
-    /**
-     * Evento emitido cuando el feedback se envía exitosamente.
-     */
     onSubmit: EventEmitter<FeedbackSubmitEvent>;
-    /**
-     * Evento emitido cuando el usuario cancela.
-     */
     onCancel: EventEmitter<void>;
-    private fb;
-    private feedbackService;
     protected i18n: I18nService;
-    form: FormGroup;
+    private feedbackService;
+    formProps: FormMetadata;
     typeOptions: import("../../../services/feedback").FeedbackTypeOption[];
     isSubmitting: import("@angular/core").WritableSignal<boolean>;
     isSuccess: import("@angular/core").WritableSignal<boolean>;
     error: import("@angular/core").WritableSignal<string>;
+    private currentAttachments;
     constructor();
     ngOnInit(): void;
-    handleSubmit(): Promise<void>;
+    private buildFormProps;
+    handleFormSubmit(submitted: FormSubmit): Promise<void>;
+    onAttachmentsChange(items: AttachmentItem[]): void;
     onCancelClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeedbackFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FeedbackFormComponent, "val-feedback-form", never, { "props": { "alias": "props"; "required": false; }; }, { "onSubmit": "onSubmit"; "onCancel": "onCancel"; }, never, never, true, never>;

package/lib/components/molecules/feedback-form/types.d.ts

@@ -43,6 +43,7 @@ export interface FeedbackSubmitEvent {
     response: CreateFeedbackResponse;
     type: FeedbackType;
     title: string;
+    attachmentUrls?: string[];
 }
 /**
  * Estado del formulario.

package/lib/components/organisms/attachment-uploader/attachment-uploader.component.d.ts

@@ -0,0 +1,23 @@
+import { I18nService } from '../../../services/i18n';
+import { AttachmentItem, AttachmentUploaderMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class AttachmentUploaderComponent {
+    props: import("@angular/core").InputSignal<AttachmentUploaderMetadata>;
+    attachmentsChange: import("@angular/core").OutputEmitterRef<AttachmentItem[]>;
+    protected i18n: I18nService;
+    private feedbackService;
+    attachments: import("@angular/core").WritableSignal<AttachmentItem[]>;
+    maxFiles: import("@angular/core").Signal<number>;
+    accept: import("@angular/core").Signal<string>;
+    maxReached: import("@angular/core").Signal<boolean>;
+    isDisabled: import("@angular/core").Signal<boolean>;
+    isUploading: import("@angular/core").Signal<boolean>;
+    get readyUrls(): string[];
+    constructor();
+    onFilesSelected(event: Event): Promise<void>;
+    private uploadFile;
+    remove(id: string): void;
+    formatSize(bytes: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentUploaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentUploaderComponent, "val-attachment-uploader", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "attachmentsChange": "attachmentsChange"; }, never, never, true, never>;
+}

package/lib/components/organisms/attachment-uploader/types.d.ts

@@ -0,0 +1,12 @@
+export interface AttachmentItem {
+    id: string;
+    file: File;
+    status: 'uploading' | 'ready' | 'error';
+    url?: string;
+    error?: string;
+}
+export interface AttachmentUploaderMetadata {
+    maxFiles?: number;
+    accept?: string;
+    disabled?: boolean;
+}

package/lib/components/organisms/mfa-modal/mfa-modal.component.d.ts

@@ -80,6 +80,7 @@ export declare class MfaModalComponent implements OnDestroy {
     /** Marca momentánea cuando el secreto TOTP se acaba de copiar (feedback visual). */
     readonly copiedSecret: import("@angular/core").WritableSignal<boolean>;
     readonly resendCooldown: import("@angular/core").WritableSignal<number>;
+    readonly disableCodeSent: import("@angular/core").WritableSignal<boolean>;
     readonly pinControl: FormControl<string>;
     readonly phoneControl: FormControl<string>;
     readonly pinInputProps: {
@@ -125,6 +126,7 @@ export declare class MfaModalComponent implements OnDestroy {
     onDisableSubmit(event: FormSubmit): void;
     /** Deshabilita MFA usando un código TOTP — para cuentas OAuth-only sin contraseña. */
     disableWithMfaCode(): void;
+    sendDisableCode(): void;
     private disable;
     /** Copia una lista de códigos de respaldo al portapapeles. */
     copyCodes(codes: string[]): Promise<void>;

package/lib/components/organisms/wizard/types.d.ts

@@ -3,7 +3,7 @@
  * Permiten definir los pasos, botones, estado y navegación del wizard.
  */
 import { ButtonMetadata, ComponentState } from '../../types';
-import { NoContentMetadata } from '../no-content/types';
+import { EmptyStateMetadata } from '../../molecules/empty-state/types';
 /**
  * Metadatos del wizard.
  * @property state Estado global del wizard.
@@ -19,11 +19,11 @@ export type WizardMetadata = {
 };
 /**
  * Representa un paso del wizard.
- * @property titles Metadatos de "no contenido" para el paso.
+ * @property titles Metadatos del empty-state para el encabezado del paso.
  * @property buttons Botones disponibles en el paso.
  */
 export type Step = {
-    titles: NoContentMetadata;
+    titles: EmptyStateMetadata;
     buttons: ButtonMetadata[];
 };
 /**

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

@@ -1,4 +1,5 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EmptyStateMetadata } from '../../molecules/empty-state/types';
 import { MOTION, Step, WizardMetadata } from './types';
 import * as i0 from "@angular/core";
 export declare class WizardComponent implements OnInit, OnChanges {
@@ -9,7 +10,7 @@ export declare class WizardComponent implements OnInit, OnChanges {
     }>;
     wrapperId: string;
     currentStep: Step | null;
-    currentStepTitles: any;
+    currentStepTitles: EmptyStateMetadata;
     loadingText: string;
     private cdr;
     ngOnInit(): void;

package/lib/components/types.d.ts

@@ -226,6 +226,8 @@ export type ToolbarAction = {
         avatarUrl?: string;
         handle?: string;
     } | null;
+    /** Controls avatar size when type is AVATAR. Defaults to 'small'. */
+    avatarSize?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 };
 /**
  * Metadata for an icon.

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

@@ -217,6 +217,9 @@ export declare class AuthService implements OnDestroy {
      * `mfaCode` es para usuarios OAuth-only con TOTP que no tienen contraseña.
      */
     disableMFA(input: MFADisableRequest): Observable<MFADisableResponse>;
+    sendMFADisableCode(): Observable<{
+        operationId: string;
+    }>;
     /**
      * Inicia configuración de TOTP MFA.
      * Retorna el secreto, URL para QR code y códigos de respaldo.

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

package/package.json

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

package/public-api.d.ts

@@ -179,6 +179,8 @@ export * from './lib/components/molecules/empty-state/factory';
 export * from './lib/components/molecules/empty-state/types';
 export * from './lib/components/molecules/image-crop/image-crop.component';
 export * from './lib/components/molecules/modal-shell/modal-shell.component';
+export * from './lib/components/organisms/attachment-uploader/attachment-uploader.component';
+export * from './lib/components/organisms/attachment-uploader/types';
 export * from './lib/components/organisms/article/article.component';
 export * from './lib/components/organisms/article/types';
 export * from './lib/components/organisms/banner/banner.component';

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

@@ -0,0 +1,145 @@
+/**
+ * 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);
+  });
+}