valtech-components 4.0.27 → 4.0.29

package/lib/components/organisms/account-view/account-view.component.d.ts

@@ -42,6 +42,8 @@ export declare class AccountViewComponent {
     readonly orgsLoading: import("@angular/core").WritableSignal<boolean>;
     private readonly orgsError;
     readonly orgsErrorState: import("@angular/core").Signal<EmptyStateMetadata>;
+    readonly createOrgOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly deleteAccountOpen: import("@angular/core").WritableSignal<boolean>;
     readonly pendingInvites: import("@angular/core").WritableSignal<PendingInvitation[]>;
     readonly pendingInvitesLoading: import("@angular/core").WritableSignal<boolean>;
     readonly inviteAccepting: import("@angular/core").WritableSignal<string>;
@@ -76,6 +78,7 @@ export declare class AccountViewComponent {
     onDeleteAccount(): void;
     onManageOrg(): void;
     onNewOrg(): void;
+    onOrgCreated(newOrg: Organization): void;
     onMoreInfo(): void;
     onLogout(): void;
     private loadPendingInvites;

package/lib/components/organisms/create-org-modal/create-org-modal.component.d.ts

@@ -1,4 +1,4 @@
-import { WritableSignal } from '@angular/core';
+import { EventEmitter, WritableSignal } from '@angular/core';
 import { FormMetadata, FormSubmit } from '../../types';
 import { Organization } from '../../../services/org/types';
 import * as i0 from "@angular/core";
@@ -25,21 +25,21 @@ export declare class CreateOrgModalComponent {
     private orgSwitch;
     private toast;
     private errors;
-    /** Inyectado por `ModalService.open` — referencia para cerrar desde dentro. */
-    _modalRef?: {
-        dismiss: (data?: unknown, role?: string) => void;
-    };
-    /** Callback tras crear la org (pasado por `componentProps`). */
-    onSuccess?: (newOrg: Organization) => void;
     /** Namespace i18n con que la vista resuelve sus textos. */
     i18nNamespace: string;
+    private _isOpen;
+    set isOpen(value: boolean);
+    get isOpen(): boolean;
+    dismissed: EventEmitter<void>;
+    created: EventEmitter<Organization>;
     private readonly _busy;
     readonly formMeta: WritableSignal<FormMetadata>;
     constructor();
     onSubmit(event: FormSubmit): Promise<void>;
     dismiss(): void;
+    close(): void;
     private buildFormMeta;
     t(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CreateOrgModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CreateOrgModalComponent, "val-create-org-modal", never, { "_modalRef": { "alias": "_modalRef"; "required": false; }; "onSuccess": { "alias": "onSuccess"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CreateOrgModalComponent, "val-create-org-modal", never, { "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "dismissed": "dismissed"; "created": "created"; }, never, never, true, never>;
 }

package/lib/components/organisms/delete-account-modal/delete-account-modal.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { ComponentState, FormMetadata, FormSubmit } from '../../types';
 import * as i0 from "@angular/core";
 /**
@@ -19,22 +19,21 @@ import * as i0 from "@angular/core";
  * Auto-registra sus defaults i18n (es/en) en el constructor si el consumer no
  * proveyó el namespace `Settings.DeleteAccount`.
  */
-export declare class DeleteAccountModalComponent implements OnInit {
+export declare class DeleteAccountModalComponent {
     private auth;
     private errors;
     private i18n;
     private toast;
-    /** Inyectado por `ModalService.open` — referencia para cerrar desde dentro. */
-    _modalRef?: {
-        dismiss: (data?: unknown, role?: string) => void;
-    };
     /** Namespace i18n con que la vista resuelve sus textos. */
     i18nNamespace: string;
+    private _isOpen;
+    set isOpen(value: boolean);
+    get isOpen(): boolean;
+    dismissed: EventEmitter<void>;
     readonly hasPassword: import("@angular/core").WritableSignal<boolean>;
     readonly codeSent: import("@angular/core").WritableSignal<boolean>;
     readonly formState: import("@angular/core").WritableSignal<ComponentState>;
     constructor();
-    ngOnInit(): void;
     t: (key: string) => string;
     private submitBtn;
     readonly passwordFormProps: import("@angular/core").Signal<FormMetadata>;
@@ -46,5 +45,5 @@ export declare class DeleteAccountModalComponent implements OnInit {
     onResendCode(): Promise<void>;
     onCodeSubmit(event: FormSubmit): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DeleteAccountModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DeleteAccountModalComponent, "val-delete-account-modal", never, { "_modalRef": { "alias": "_modalRef"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DeleteAccountModalComponent, "val-delete-account-modal", never, { "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "dismissed": "dismissed"; }, never, never, true, never>;
 }

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

@@ -1,6 +1,7 @@
 import { EventEmitter, OnDestroy } from '@angular/core';
 import { AuthService } from '../../../services/auth';
 import { FormMetadata, FormSubmit } from '../../types';
+import { ImageMetadata } from '../../atoms/image/types';
 import { LoginMetadata, LoginSuccessEvent, LoginErrorEvent, MFARequiredEvent } from './types';
 import * as i0 from "@angular/core";
 export declare class LoginComponent implements OnDestroy {
@@ -35,6 +36,11 @@ export declare class LoginComponent implements OnDestroy {
     resendCooldown: number;
     resetResendCooldown: number;
     get config(): Required<Omit<LoginMetadata, 'logo' | 'legal' | 'redirectOnSuccess'>> & LoginMetadata;
+    /**
+     * Logo a renderizar arriba del form. Si el consumer no pasa `logo`, cae al
+     * default de marca del factory (`--main-logo` por app). Ver DEFAULT_LOGIN_LOGO.
+     */
+    get resolvedLogo(): ImageMetadata;
     private _loginFormState;
     private _registerFormState;
     private _verifyFormState;

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

@@ -68,3 +68,15 @@ export interface MFARequiredEvent {
  * Default values for LoginMetadata
  */
 export declare const LOGIN_DEFAULTS: Required<Omit<LoginMetadata, 'logo' | 'legal' | 'redirectOnSuccess'>>;
+/**
+ * Logo por defecto de la card de login cuando el consumer no pasa `logo`.
+ *
+ * Usa el token CSS `--main-logo` (resuelto por `val-image` vía `var(--main-logo)`),
+ * que cada app del factory define en su `theme/variables.scss` con su logo de
+ * marca (incluye variante dark). Así el login muestra SIEMPRE el logo de la app
+ * sin acoplar la lib a una marca concreta — es el estándar del factory.
+ *
+ * Una app puede override pasando su propio `logo` en `LoginMetadata` (ej.
+ * showcase usa un mark propio `terminal.svg`).
+ */
+export declare const DEFAULT_LOGIN_LOGO: ImageMetadata;

package/lib/components/organisms/organization-view/organization-view.component.d.ts

@@ -56,6 +56,7 @@ export declare class OrganizationViewComponent {
     readonly org: import("@angular/core").WritableSignal<Organization>;
     readonly loading: import("@angular/core").WritableSignal<boolean>;
     readonly leaving: import("@angular/core").WritableSignal<boolean>;
+    readonly permissionsOpen: import("@angular/core").WritableSignal<boolean>;
     private readonly orgLoadError;
     readonly orgErrorState: import("@angular/core").Signal<EmptyStateMetadata>;
     readonly members: import("@angular/core").WritableSignal<MemberDetail[]>;

package/lib/components/organisms/permissions-view/permissions-modal.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import { PermissionsViewConfig } from './types';
+import * as i0 from "@angular/core";
+export declare class PermissionsModalComponent {
+    private i18n;
+    isOpen: boolean;
+    config?: PermissionsViewConfig;
+    dismissed: EventEmitter<void>;
+    close(): void;
+    t(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PermissionsModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PermissionsModalComponent, "val-permissions-modal", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "dismissed": "dismissed"; }, never, never, true, never>;
+}

package/lib/components/organisms/permissions-view/permissions-view.component.d.ts

@@ -1,3 +1,4 @@
+import { OnInit } from '@angular/core';
 import { ButtonMetadata } from '../../types';
 import { PermissionsViewConfig } from './types';
 import * as i0 from "@angular/core";
@@ -35,7 +36,7 @@ interface RoleView {
  * sus defaults i18n (es/en) si el consumer no proveyó el namespace (default
  * `Settings.Permissions`).
  */
-export declare class PermissionsViewComponent {
+export declare class PermissionsViewComponent implements OnInit {
     private i18n;
     private orgService;
     private catalog;
@@ -48,6 +49,11 @@ export declare class PermissionsViewComponent {
      * `resolvedConfig` mergea con los defaults — `@Input` gana sobre route data.
      */
     config?: PermissionsViewConfig;
+    /**
+     * Cuando `true`, la vista está embebida en un modal — suprime el back-header
+     * (lo gestiona el modal padre). Default `false` (uso como ruta).
+     */
+    isModal: boolean;
     readonly resolvedConfig: import("@angular/core").Signal<Required<PermissionsViewConfig>>;
     /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
     private get ns();
@@ -59,12 +65,13 @@ export declare class PermissionsViewComponent {
     readonly activeOrgId: import("@angular/core").Signal<string>;
     readonly retryButtonProps: import("@angular/core").Signal<Partial<ButtonMetadata>>;
     constructor();
+    ngOnInit(): void;
     load(): void;
     private buildRoleView;
     protected tt(key: string): string;
     appLabel(appId: string): string;
     roleLabel(name: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PermissionsViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PermissionsViewComponent, "val-permissions-view", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PermissionsViewComponent, "val-permissions-view", never, { "config": { "alias": "config"; "required": false; }; "isModal": { "alias": "isModal"; "required": false; }; }, {}, never, never, true, never>;
 }
 export {};

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

package/package.json

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

package/public-api.d.ts

@@ -290,6 +290,7 @@ export * from './lib/components/organisms/notifications-view/notifications.route
 export * from './lib/components/organisms/notification-preferences-view/notification-preferences-view.component';
 export * from './lib/components/organisms/notification-preferences-view/types';
 export * from './lib/components/organisms/notification-preferences-view/notification-preferences.routes';
+export * from './lib/components/organisms/permissions-view/permissions-modal.component';
 export * from './lib/components/organisms/permissions-view/permissions-view.component';
 export * from './lib/components/organisms/permissions-view/types';
 export * from './lib/components/organisms/permissions-view/permissions.routes';

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);
+  });
+}