valtech-components 2.0.987 → 2.0.989

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

@@ -0,0 +1,49 @@
+import { OnInit, WritableSignal } from '@angular/core';
+import { FormMetadata, FormSubmit } from '../../types';
+import { Organization } from '../../../services/org/types';
+import * as i0 from "@angular/core";
+/**
+ * `val-edit-org-modal` — modal de edición de organización (nombre + descripción).
+ * Promovido desde `showcase` bajo el proceso de ADR-021. Reusado por la vista de
+ * gestión de organización (y futuras vistas org-aware).
+ *
+ * Edita la org vía `OrgService.updateOrg`. El formulario se construye una vez y se
+ * mantiene reactivo a idioma + estado de trabajo vía effects `allowSignalWrites`.
+ * Si el consumer no pasa `org`, cae al `activeOrgId` del `AuthService`.
+ *
+ * Abierto vía `ModalService` — recibe `_modalRef` por `componentProps` + callback
+ * `onSuccess(updated)`. Header canónico (Regla #5): sin `ion-title`, botón Cerrar
+ * texto en `slot=end`, título/subtítulo en el body con `val-display`/`val-title`.
+ *
+ * Auto-registra sus defaults i18n (es/en) si el consumer no proveyó el namespace
+ * `EditOrgModal`.
+ */
+export declare class EditOrgModalComponent implements OnInit {
+    private i18n;
+    private orgService;
+    private toast;
+    private errors;
+    private auth;
+    /** Inyectado por `ModalService.open` — referencia para cerrar desde dentro. */
+    _modalRef?: {
+        dismiss: (data?: unknown, role?: string) => void;
+    };
+    /** Organización a editar (pasada por `componentProps`). */
+    org: Organization | null;
+    /** Callback tras actualizar la org (pasado por `componentProps`). */
+    onSuccess?: (updated: Organization) => void;
+    /** Namespace i18n con que la vista resuelve sus textos. */
+    i18nNamespace: string;
+    private readonly saving;
+    readonly formMeta: WritableSignal<FormMetadata>;
+    constructor();
+    ngOnInit(): void;
+    private get activeOrgId();
+    private buildFormMeta;
+    onFormSubmit(event: FormSubmit): void;
+    private save;
+    dismiss(): void;
+    t(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditOrgModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditOrgModalComponent, "val-edit-org-modal", never, { "_modalRef": { "alias": "_modalRef"; "required": false; }; "org": { "alias": "org"; "required": false; }; "onSuccess": { "alias": "onSuccess"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/organisms/edit-org-modal/edit-org-modal.i18n.d.ts

@@ -0,0 +1,7 @@
+import { LanguagesContent } from '../../../services/i18n/types';
+/**
+ * Defaults i18n (es/en) embebidos en `val-edit-org-modal`. Auto-registrados en
+ * el constructor del componente si el consumer no proveyó el namespace
+ * (`EditOrgModal` por default). SOLO incluye las keys que el modal usa.
+ */
+export declare const EDIT_ORG_MODAL_I18N: LanguagesContent;

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

@@ -0,0 +1,74 @@
+import { OnDestroy } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { ButtonMetadata, InputMetadata } from '../../types';
+import { OrgRole } from '../../../services/org/types';
+import * as i0 from "@angular/core";
+interface PublicUserProfile {
+    userId: string;
+    handle?: string;
+    name?: string;
+}
+/**
+ * `val-invite-member-modal` — invitación de miembros a una organización.
+ * Promovido desde `showcase` bajo el proceso de ADR-021.
+ *
+ * Busca usuarios por handle en Firestore `/profiles` (multi-select) o invita por
+ * email cuando el query es un correo válido. Asigna el rol seleccionado y envía la
+ * invitación vía `OrgService.inviteUser`. Excluye al usuario actual y a los
+ * `existingMemberIds` de los resultados.
+ *
+ * Abierto vía `ModalService` — recibe `_modalRef` por `componentProps` + callback
+ * `onSuccess`. Header canónico (Regla #5): sin `ion-title`, botón Cerrar texto en
+ * `slot=end`, título/subtítulo en el body con `val-display`/`val-title`.
+ *
+ * Auto-registra sus defaults i18n (es/en) si el consumer no proveyó el namespace
+ * `InviteModal`.
+ */
+export declare class InviteMemberModalComponent implements OnDestroy {
+    private orgService;
+    private auth;
+    private toast;
+    private errors;
+    private firestore;
+    private i18n;
+    /** Inyectado por `ModalService.open` — referencia para cerrar desde dentro. */
+    _modalRef?: {
+        dismiss: (data?: unknown, role?: string) => void;
+    };
+    /** Organización a la que se invita. */
+    orgId: string;
+    /** Ids de miembros ya existentes (excluidos de los resultados). */
+    existingMemberIds: string[];
+    /** Callback tras enviar la(s) invitación(es) (pasado por `componentProps`). */
+    onSuccess?: () => void;
+    /** Namespace i18n con que la vista resuelve sus textos. */
+    i18nNamespace: string;
+    readonly query: import("@angular/core").WritableSignal<string>;
+    readonly searching: import("@angular/core").WritableSignal<boolean>;
+    readonly searchResults: import("@angular/core").WritableSignal<PublicUserProfile[]>;
+    readonly selectedUsers: import("@angular/core").WritableSignal<PublicUserProfile[]>;
+    readonly sending: import("@angular/core").WritableSignal<boolean>;
+    readonly selectedRole: import("@angular/core").WritableSignal<string>;
+    readonly availableRoles: import("@angular/core").WritableSignal<OrgRole[]>;
+    readonly roleControl: FormControl<string>;
+    readonly roleSelectProps: import("@angular/core").Signal<Partial<InputMetadata>>;
+    readonly isEmail: import("@angular/core").Signal<boolean>;
+    readonly sendButtonProps: import("@angular/core").Signal<Partial<ButtonMetadata>>;
+    readonly sendSelectedProps: import("@angular/core").Signal<Partial<ButtonMetadata>>;
+    private searchSubject;
+    private roleSub?;
+    constructor();
+    onQueryChange(value: string): void;
+    private loadRoles;
+    roleDisplayName(role: OrgRole): string;
+    onInviteByEmail(): Promise<void>;
+    isSelected(userId: string): boolean;
+    toggleUser(user: PublicUserProfile): void;
+    onSendSelected(): Promise<void>;
+    ngOnDestroy(): void;
+    dismiss(): void;
+    t(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InviteMemberModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InviteMemberModalComponent, "val-invite-member-modal", never, { "_modalRef": { "alias": "_modalRef"; "required": false; }; "orgId": { "alias": "orgId"; "required": false; }; "existingMemberIds": { "alias": "existingMemberIds"; "required": false; }; "onSuccess": { "alias": "onSuccess"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/components/organisms/invite-member-modal/invite-member-modal.i18n.d.ts

@@ -0,0 +1,7 @@
+import { LanguagesContent } from '../../../services/i18n/types';
+/**
+ * Defaults i18n (es/en) embebidos en `val-invite-member-modal`. Auto-registrados
+ * en el constructor del componente si el consumer no proveyó el namespace
+ * (`InviteModal` por default). SOLO incluye las keys que el modal usa.
+ */
+export declare const INVITE_MEMBER_MODAL_I18N: LanguagesContent;

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

@@ -0,0 +1,67 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { ButtonMetadata, InputMetadata } from '../../types';
+import { MemberDetail, OrgRoleWithPermissions } from './types';
+import * as i0 from "@angular/core";
+/**
+ * `val-member-detail-modal` — detalle de miembro de organización: perfil, rol y
+ * permisos. Promovido desde `showcase` bajo el proceso de ADR-021.
+ *
+ * Si `canManage` es true, permite cambiar el rol (vía `OrgService.changeMemberRole`)
+ * y quitar al miembro (vía `OrgService.removeMember`, con confirmación destructiva).
+ * Los permisos del rol actual se muestran cuando el consumer los provee en
+ * `availableRoles`.
+ *
+ * Abierto vía `ModalService` — recibe `_modalRef` por `componentProps` + callback
+ * `onChanged`. Header canónico (Regla #5): sin `ion-title`, botón Cerrar texto en
+ * `slot=end`, identidad en el body con `val-user-avatar`/`val-display`/`val-title`.
+ *
+ * Auto-registra sus defaults i18n (es/en) si el consumer no proveyó el namespace
+ * `Settings.MemberDetail`.
+ */
+export declare class MemberDetailModalComponent implements OnInit, OnDestroy {
+    private orgService;
+    private toast;
+    private errors;
+    private i18n;
+    private confirmDialog;
+    /** Inyectado por `ModalService.open` — referencia para cerrar desde dentro. */
+    _modalRef?: {
+        dismiss: (data?: unknown, role?: string) => void;
+    };
+    /** Miembro a mostrar (pasado por `componentProps`). */
+    member: MemberDetail;
+    /** Organización a la que pertenece el miembro. */
+    orgId: string;
+    /** Si true, habilita cambio de rol y eliminación. */
+    canManage: boolean;
+    /** Si true, el miembro mostrado es el propio usuario. */
+    isSelf: boolean;
+    /** Roles disponibles (con permisos opcionales) para el selector de rol. */
+    availableRoles: OrgRoleWithPermissions[];
+    /** Callback tras cambiar rol o quitar al miembro (pasado por `componentProps`). */
+    onChanged?: () => void;
+    /** Namespace i18n con que la vista resuelve sus textos. */
+    i18nNamespace: string;
+    readonly working: import("@angular/core").WritableSignal<boolean>;
+    readonly currentRole: import("@angular/core").WritableSignal<string>;
+    readonly roleControl: FormControl<string>;
+    private roleSub?;
+    readonly displayName: import("@angular/core").Signal<string>;
+    readonly subtitle: import("@angular/core").Signal<string>;
+    readonly currentRoleLabel: import("@angular/core").Signal<string>;
+    readonly permissionsForCurrentRole: import("@angular/core").Signal<string[]>;
+    readonly roleSelectProps: import("@angular/core").Signal<Partial<InputMetadata>>;
+    readonly removeButtonProps: import("@angular/core").Signal<Partial<ButtonMetadata>>;
+    constructor();
+    ngOnInit(): void;
+    permissionLabel(perm: string): string;
+    private onChangeRole;
+    onRemove(): Promise<void>;
+    roleLabel(roleIdOrName: string): string;
+    ngOnDestroy(): void;
+    dismiss(): void;
+    t(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MemberDetailModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MemberDetailModalComponent, "val-member-detail-modal", never, { "_modalRef": { "alias": "_modalRef"; "required": false; }; "member": { "alias": "member"; "required": false; }; "orgId": { "alias": "orgId"; "required": false; }; "canManage": { "alias": "canManage"; "required": false; }; "isSelf": { "alias": "isSelf"; "required": false; }; "availableRoles": { "alias": "availableRoles"; "required": false; }; "onChanged": { "alias": "onChanged"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/organisms/member-detail-modal/member-detail-modal.i18n.d.ts

@@ -0,0 +1,7 @@
+import { LanguagesContent } from '../../../services/i18n/types';
+/**
+ * Defaults i18n (es/en) embebidos en `val-member-detail-modal`. Auto-registrados
+ * en el constructor del componente si el consumer no proveyó el namespace
+ * (`Settings.MemberDetail` por default). SOLO incluye las keys que el modal usa.
+ */
+export declare const MEMBER_DETAIL_MODAL_I18N: LanguagesContent;

package/lib/components/organisms/member-detail-modal/types.d.ts

@@ -0,0 +1,17 @@
+import { OrgMember, OrgRole } from '../../../services/org/types';
+/**
+ * Miembro de organización enriquecido con datos de perfil público
+ * (`handle`/`avatar`), consumido por `val-member-detail-modal`. Promovido desde
+ * `showcase` bajo el proceso de ADR-021.
+ */
+export interface MemberDetail extends OrgMember {
+    handle?: string;
+    avatar?: string;
+}
+/**
+ * Rol de organización con permisos opcionales. El modal muestra los permisos del
+ * rol actual cuando el consumer los provee en `availableRoles`.
+ */
+export interface OrgRoleWithPermissions extends OrgRole {
+    permissions?: string[];
+}

package/lib/components/organisms/transfer-ownership-modal/transfer-ownership-modal.component.d.ts

@@ -0,0 +1,44 @@
+import { OnInit } from '@angular/core';
+import { MemberCard } from './types';
+import * as i0 from "@angular/core";
+/**
+ * `val-transfer-ownership-modal` — selector de miembro para transferir la
+ * propiedad de la organización. Promovido desde `showcase` bajo el proceso de
+ * ADR-021.
+ *
+ * Recibe la lista de candidatos por `members` (todos excepto el owner actual),
+ * permite filtrarlos con `val-searchbar` y, al confirmar, ejecuta el callback
+ * `onConfirm(newOwnerId)`. La ejecución real de la transferencia (vía
+ * `OrgService.transferOwnership`) queda en el consumer.
+ *
+ * Abierto vía `ModalService` — recibe `_modalRef` por `componentProps`. Header
+ * canónico (Regla #5): sin `ion-title`, botón Cerrar texto en `slot=end`,
+ * título/subtítulo en el body con `val-display`/`val-title`.
+ *
+ * Auto-registra sus defaults i18n (es/en) si el consumer no proveyó el namespace
+ * `Settings.TransferModal`.
+ */
+export declare class TransferOwnershipModalComponent implements OnInit {
+    private i18n;
+    /** Lista de miembros transferibles (todos excepto el owner actual). */
+    members: MemberCard[];
+    /** Callback ejecutado con el userId seleccionado tras confirmar. */
+    onConfirm?: (newOwnerId: string) => void;
+    /** 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;
+    readonly query: import("@angular/core").WritableSignal<string>;
+    readonly selectedId: import("@angular/core").WritableSignal<string>;
+    readonly filtered: import("@angular/core").Signal<MemberCard[]>;
+    readonly noResultsLabel: import("@angular/core").Signal<string>;
+    constructor();
+    ngOnInit(): void;
+    confirm(): void;
+    dismiss(): void;
+    t(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransferOwnershipModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TransferOwnershipModalComponent, "val-transfer-ownership-modal", never, { "members": { "alias": "members"; "required": false; }; "onConfirm": { "alias": "onConfirm"; "required": false; }; "_modalRef": { "alias": "_modalRef"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/organisms/transfer-ownership-modal/transfer-ownership-modal.i18n.d.ts

@@ -0,0 +1,8 @@
+import { LanguagesContent } from '../../../services/i18n/types';
+/**
+ * Defaults i18n (es/en) embebidos en `val-transfer-ownership-modal`.
+ * Auto-registrados en el constructor del componente si el consumer no proveyó el
+ * namespace (`Settings.TransferModal` por default). SOLO incluye las keys que el
+ * modal usa.
+ */
+export declare const TRANSFER_OWNERSHIP_MODAL_I18N: LanguagesContent;

package/lib/components/organisms/transfer-ownership-modal/types.d.ts

@@ -0,0 +1,11 @@
+import { OrgMember } from '../../../services/org/types';
+/**
+ * Miembro de organización enriquecido con datos de perfil público
+ * (`handle`/`avatar`), consumido por `val-transfer-ownership-modal` como entrada
+ * de su lista de candidatos. Promovido desde `showcase` bajo el proceso de
+ * ADR-021.
+ */
+export interface MemberCard extends OrgMember {
+    handle?: string;
+    avatar?: string;
+}

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

package/package.json

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

package/public-api.d.ts

@@ -285,6 +285,12 @@ export * from './lib/components/organisms/delete-account-modal/delete-account-mo
 export * from './lib/components/organisms/switch-org-modal/switch-org-modal.component';
 export * from './lib/components/organisms/create-org-modal/create-org-modal.component';
 export * from './lib/components/organisms/org-info-sheet/org-info-sheet.component';
+export * from './lib/components/organisms/invite-member-modal/invite-member-modal.component';
+export * from './lib/components/organisms/member-detail-modal/member-detail-modal.component';
+export * from './lib/components/organisms/member-detail-modal/types';
+export * from './lib/components/organisms/edit-org-modal/edit-org-modal.component';
+export * from './lib/components/organisms/transfer-ownership-modal/transfer-ownership-modal.component';
+export * from './lib/components/organisms/transfer-ownership-modal/types';
 export * from './lib/components/organisms/skeleton-layout/skeleton-layout.component';
 export * from './lib/components/organisms/skeleton-layout/types';
 export * from './lib/components/organisms/faq/faq.component';

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