valtech-components 2.0.989 → 2.0.991

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

@@ -0,0 +1,104 @@
+import { EmptyStateMetadata } from '../../molecules/empty-state/types';
+import { ButtonMetadata } from '../../types';
+import { AuthService } from '../../../services/auth/auth.service';
+import { OrgRole, Organization } from '../../../services/org/types';
+import { MemberDetail } from '../member-detail-modal/types';
+import { OrganizationViewConfig } from './types';
+import * as i0 from "@angular/core";
+/**
+ * `val-organization-view` — vista Gestión de organización full-feature
+ * autocontenida (organism). Promovida desde `showcase` bajo el proceso de
+ * ADR-021. Reúne:
+ *  - **Información** — nombre, descripción, plan y tipo de la org activa; editar
+ *    vía modal `val-edit-org-modal` (solo si `canEditOrg()`).
+ *  - **Miembros** — lista paginada (`val-member-card`) enriquecida con perfiles
+ *    públicos (Firestore); ver detalle vía `val-member-detail-modal`.
+ *  - **Roles y permisos** — sección explicativa con CTA a la ruta de permisos.
+ *  - **Invitar** — CTA que abre `val-invite-member-modal` (gateada por `users:*`).
+ *  - **Transferir propiedad** — `val-transfer-ownership-modal` (solo owner).
+ *  - **Salir de la organización** — `OrgService.leaveOrg` con confirmación
+ *    destructiva.
+ *
+ * **RBAC interno** (decisión CTO, ADR-021): el gating fino se resuelve dentro de
+ * la vista vía `AuthService.hasPermission()` + `*valHasPermission` + computeds
+ * `isOwner()`/`canManageMembers()`/`canEditOrg()`. NO se expone como config.
+ *
+ * **Auto-reload en org-switch**: un `effect` reactiona a `activeOrgId()` y recarga
+ * org + miembros cuando el usuario cambia de organización activa mientras la vista
+ * está montada. El effect cubre también la carga inicial (sin doble carga).
+ *
+ * NO renderiza ion-content — vive dentro de val-page-wrapper. `ActivatedRoute` se
+ * inyecta `{ optional: true }` solo para leer el route data de config (no-op
+ * embebido). Auto-registra sus defaults i18n (es/en) si el consumer no proveyó el
+ * namespace (default `Settings.Organization`).
+ */
+export declare class OrganizationViewComponent {
+    private nav;
+    private i18n;
+    readonly auth: AuthService;
+    private orgService;
+    private toast;
+    private errors;
+    private modalService;
+    private firestore;
+    private confirmDialog;
+    private route;
+    readonly isDebug: boolean;
+    /**
+     * Config vía @Input (object-first). Si no se pasa, se cae al route data
+     * `organizationConfig` (poblado por `provideValtechOrganizationRoutes`).
+     * `resolvedConfig` mergea con los defaults — `@Input` gana sobre route data.
+     */
+    config?: OrganizationViewConfig;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg">> & Pick<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg">>;
+    /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
+    private get ns();
+    readonly org: import("@angular/core").WritableSignal<Organization>;
+    readonly loading: import("@angular/core").WritableSignal<boolean>;
+    readonly leaving: import("@angular/core").WritableSignal<boolean>;
+    private readonly orgLoadError;
+    readonly orgErrorState: import("@angular/core").Signal<EmptyStateMetadata>;
+    readonly members: import("@angular/core").WritableSignal<MemberDetail[]>;
+    readonly membersLoading: import("@angular/core").WritableSignal<boolean>;
+    private readonly membersLoadError;
+    readonly membersNextToken: import("@angular/core").WritableSignal<string>;
+    readonly loadingMoreMembers: import("@angular/core").WritableSignal<boolean>;
+    readonly showAllMembers: import("@angular/core").WritableSignal<boolean>;
+    readonly visibleMembers: import("@angular/core").Signal<MemberDetail[]>;
+    readonly transferring: import("@angular/core").WritableSignal<boolean>;
+    readonly availableRoles: import("@angular/core").WritableSignal<OrgRole[]>;
+    readonly activeOrgId: import("@angular/core").Signal<string>;
+    readonly userId: import("@angular/core").Signal<string>;
+    readonly isOwner: import("@angular/core").Signal<boolean>;
+    readonly canEditOrg: import("@angular/core").Signal<boolean>;
+    readonly canManageMembers: import("@angular/core").Signal<boolean>;
+    readonly pageTitle: import("@angular/core").Signal<string>;
+    readonly pageDescription: import("@angular/core").Signal<string>;
+    readonly planLabel: import("@angular/core").Signal<string>;
+    readonly editButtonProps: import("@angular/core").Signal<Partial<ButtonMetadata>>;
+    readonly leaveButtonProps: import("@angular/core").Signal<Partial<ButtonMetadata>>;
+    readonly transferableMembers: import("@angular/core").Signal<MemberDetail[]>;
+    readonly viewPermissionsButtonProps: import("@angular/core").Signal<Partial<ButtonMetadata>>;
+    readonly transferButtonProps: import("@angular/core").Signal<Partial<ButtonMetadata>>;
+    readonly openInviteButtonProps: import("@angular/core").Signal<Partial<ButtonMetadata>>;
+    /** Guarda para detectar el primer disparo del effect (evita doble carga). */
+    private lastLoadedOrgId;
+    constructor();
+    onEdit(): void;
+    onLeave(): Promise<void>;
+    onOpenInvite(): void;
+    onViewPermissions(): void;
+    onOpenTransfer(): void;
+    onTransfer(newOwnerId: string): Promise<void>;
+    private loadOrg;
+    loadMembers(): Promise<void>;
+    loadMoreMembers(): void;
+    private enrichWithProfiles;
+    loadRoles(): void;
+    roleLabel(roleIdOrName: string): string;
+    permissionLabel(perm: string): string;
+    onViewMember(member: MemberDetail): void;
+    protected tt(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrganizationViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OrganizationViewComponent, "val-organization-view", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,9 @@
+import { LanguagesContent } from '../../../services/i18n/types';
+/**
+ * Defaults i18n (es/en) embebidos en `val-organization-view`. Auto-registrados en
+ * el constructor del componente si el consumer no proveyó el namespace
+ * (`Settings.Organization` por default). SOLO incluye las keys que la vista usa.
+ *
+ * Portado de `ORG_I18N_CONTENT` (showcase) bajo el proceso de ADR-021.
+ */
+export declare const ORGANIZATION_VIEW_I18N: LanguagesContent;

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

@@ -0,0 +1,25 @@
+import { Routes } from '@angular/router';
+import { OrganizationViewConfig } from './types';
+/**
+ * Helper para montar la vista Gestión de organización (`val-organization-view`)
+ * como ruta en una app del factory. El `config` se pasa por route `data`
+ * (`organizationConfig`) y el componente lo lee como fallback de su
+ * `@Input() config`.
+ *
+ * @example
+ * ```ts
+ * // settings.routes.ts
+ * export const settingsRoutes: Routes = [
+ *   ...provideValtechOrganizationRoutes(),                 // → /app/settings/organization
+ *   { path: 'preferences', loadComponent: () => ... },
+ * ];
+ *
+ * // con config acotada:
+ * ...provideValtechOrganizationRoutes({ config: { showLeave: false } }),
+ * ...provideValtechOrganizationRoutes({ config: { viewPermissionsRoute: '/app/roles' } }),
+ * ```
+ */
+export declare function provideValtechOrganizationRoutes(opts?: {
+    path?: string;
+    config?: OrganizationViewConfig;
+}): Routes;

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

@@ -0,0 +1,61 @@
+/**
+ * Configuración acotada de `val-organization-view` (object-first). Tres ejes de
+ * variación permitidos — **NADA de slots arbitrarios** (ADR-021: una vista
+ * full-feature no abre slots; si falta algo, se promueve un nuevo punto de
+ * extensión):
+ *
+ *  - **secciones visibles** — gatean el render de cada bloque (información de la
+ *    org, miembros, roles y permisos, invitar, transferir propiedad, salir de la
+ *    org). El gating RBAC adicional (invitar = `users:*`, transferir = owner) es
+ *    **interno** a la vista (vía `AuthService.hasPermission()` + `*valHasPermission`
+ *    + computeds `isOwner`/`canManageMembers`) y NO se expone como config — decisión
+ *    CTO confirmada. Estos flags solo permiten ocultar la sección por completo.
+ *  - **branding** — `i18nNamespace` para resolver los textos (default
+ *    `'Settings.Organization'`).
+ *  - **comportamiento / callbacks** — rutas de navegación (`viewPermissionsRoute`,
+ *    `leaveRedirectRoute`) y hooks opcionales tras editar / invitar / transferir /
+ *    salir.
+ */
+export interface OrganizationViewConfig {
+    /** Muestra la sección "Información" de la organización. Default `true`. */
+    showInfo?: boolean;
+    /** Muestra la sección "Miembros". Default `true`. */
+    showMembers?: boolean;
+    /** Muestra la sección "Roles y permisos" (explicativa). Default `true`. */
+    showRoles?: boolean;
+    /**
+     * Muestra la sección de invitar miembros. Default `true`. El render real exige
+     * además permiso `users:*` (gating RBAC interno vía `*valHasPermission`).
+     */
+    showInvite?: boolean;
+    /**
+     * Muestra la sección "Transferir propiedad". Default `true`. El render real exige
+     * además ser owner (gating RBAC interno vía `isOwner()`).
+     */
+    showTransferOwnership?: boolean;
+    /** Muestra la sección "Salir de la organización". Default `true`. */
+    showLeave?: boolean;
+    /**
+     * Namespace i18n con el que la vista resuelve sus textos.
+     * Default `'Settings.Organization'`.
+     */
+    i18nNamespace?: string;
+    /**
+     * Ruta a la que navegar al ver el detalle de roles y permisos (botón
+     * "Ver roles y permisos"). Default `'/app/settings/permissions'`.
+     */
+    viewPermissionsRoute?: string;
+    /**
+     * Ruta a la que redirigir tras salir de la organización.
+     * Default `'/app/settings/account'`.
+     */
+    leaveRedirectRoute?: string;
+    /** Hook tras editar la organización vía el modal de edición. */
+    onOrgEdited?: () => void;
+    /** Hook tras invitar a un miembro vía el modal de invitación. */
+    onMemberInvited?: () => void;
+    /** Hook tras transferir la propiedad de la organización. */
+    onOwnershipTransferred?: () => void;
+    /** Hook tras salir de la organización. */
+    onLeftOrg?: () => void;
+}

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

package/package.json

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

package/public-api.d.ts

@@ -281,6 +281,9 @@ export * from './lib/components/organisms/session-list-modal/types';
 export * from './lib/components/organisms/account-view/account-view.component';
 export * from './lib/components/organisms/account-view/types';
 export * from './lib/components/organisms/account-view/account.routes';
+export * from './lib/components/organisms/organization-view/organization-view.component';
+export * from './lib/components/organisms/organization-view/types';
+export * from './lib/components/organisms/organization-view/organization.routes';
 export * from './lib/components/organisms/delete-account-modal/delete-account-modal.component';
 export * from './lib/components/organisms/switch-org-modal/switch-org-modal.component';
 export * from './lib/components/organisms/create-org-modal/create-org-modal.component';