valtech-components 2.0.1023 → 2.0.1024

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

@@ -0,0 +1,56 @@
+import { OnInit, EventEmitter } from '@angular/core';
+import { FormMetadata, FormSubmit } from '../../types';
+import { ClientApiKeyWithSecret } from '../../../services/apikeys/types';
+import { LocalizedLabel, PermissionResource } from '../../../services/org/permission-catalog.service';
+import * as i0 from "@angular/core";
+/**
+ * `val-api-key-create-modal` — modal SÓLO para crear una Client API Key.
+ *
+ * Extraído de `val-api-keys-modal` bajo el proceso de ADR-021: la gestión (lista +
+ * revoke) vive ahora en la vista `val-api-keys-view`, y la creación en este modal,
+ * que `api-keys-view` abre vía `ModalService`. Header canónico (Regla #5): título en
+ * el body, botón Cerrar en el toolbar.
+ *
+ * Flujo: selector de permisos (filtrado por org/app) + form (nombre + expiración) →
+ * crea → muestra el secreto UNA vez con copia. Emite `(created)` al terminar (para
+ * que la vista refresque la lista) y `(dismissed)` al cerrar.
+ */
+export declare class ApiKeyCreateModalComponent implements OnInit {
+    private i18n;
+    private apiKeys;
+    private catalog;
+    private auth;
+    /** Inyectado por `ModalService.open` — referencia para cerrar desde dentro. */
+    _modalRef?: {
+        dismiss: (data?: unknown, role?: string) => void;
+    };
+    /** Namespace i18n (comparte el de `val-api-keys-modal`). */
+    i18nNamespace: string;
+    /** Callback tras crear una key (pasado por `componentProps` — refresca la lista). */
+    onCreated?: () => void;
+    readonly catalogPermissions: import("@angular/core").WritableSignal<PermissionResource[]>;
+    readonly actionLabels: import("@angular/core").WritableSignal<Record<string, LocalizedLabel>>;
+    readonly selectedPerms: import("@angular/core").WritableSignal<string[]>;
+    readonly submitting: import("@angular/core").WritableSignal<boolean>;
+    readonly errorMsg: import("@angular/core").WritableSignal<string>;
+    readonly secret: import("@angular/core").WritableSignal<ClientApiKeyWithSecret>;
+    readonly copied: import("@angular/core").WritableSignal<boolean>;
+    /** Emite cuando se creó una key (además del callback `onCreated`). */
+    created: EventEmitter<void>;
+    readonly createForm: import("@angular/core").Signal<FormMetadata>;
+    constructor();
+    ngOnInit(): void;
+    /**
+     * Carga el catálogo y lo filtra a lo asignable a una API Key de la org: descarta
+     * `internal` (el backend ya los omite para no-staff) y los permisos de OTRAS apps.
+     */
+    private loadCatalog;
+    private activeOrgId;
+    onCreateSubmit(event: FormSubmit): void;
+    copy(secret: string): Promise<void>;
+    finishSecret(): void;
+    dismiss(): void;
+    t(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ApiKeyCreateModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApiKeyCreateModalComponent, "val-api-key-create-modal", never, { "_modalRef": { "alias": "_modalRef"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; "onCreated": { "alias": "onCreated"; "required": false; }; }, { "created": "created"; }, never, never, true, never>;
+}

package/lib/components/organisms/api-keys-view/api-keys-view.component.d.ts

@@ -0,0 +1,58 @@
+import { EmptyStateMetadata } from '../../molecules/empty-state/types';
+import { ButtonMetadata } from '../../types';
+import { ClientApiKey } from '../../../services/apikeys/types';
+import { ApiKeysViewConfig } from './types';
+import * as i0 from "@angular/core";
+/** Key enriquecida con el perfil público (handle/avatar/name) de su creador. */
+interface ApiKeyRow extends ClientApiKey {
+    creatorName?: string;
+    creatorHandle?: string;
+    creatorAvatar?: string;
+}
+/**
+ * `val-api-keys-view` — vista full-feature de gestión de Client API Keys (ADR-021).
+ *
+ * Reemplaza al `val-api-keys-modal` como pantalla propia: ofrece **crear** arriba
+ * (CTA que abre `val-api-key-create-modal`) y **lista** abajo, con quién la creó
+ * (avatar + handle, resuelto de `/profiles`) y la fecha de creación. Revocar con
+ * confirmación destructiva. Estados loading / error / empty (Capa 4).
+ *
+ * NO renderiza ion-content — vive dentro de `val-page-wrapper`. Header vía
+ * `NavigationService.setBackHeader`. i18n auto-registrado bajo `i18nNamespace`.
+ */
+export declare class ApiKeysViewComponent {
+    private i18n;
+    private auth;
+    private apiKeys;
+    private firestore;
+    private nav;
+    private modalService;
+    private toast;
+    private confirmDialog;
+    private errors;
+    private route;
+    /** Config vía @Input (object-first); fallback al route data `apiKeysConfig`. */
+    config?: ApiKeysViewConfig;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<ApiKeysViewConfig>>;
+    private get ns();
+    readonly keys: import("@angular/core").WritableSignal<ApiKeyRow[]>;
+    readonly loading: import("@angular/core").WritableSignal<boolean>;
+    readonly loadError: import("@angular/core").WritableSignal<unknown>;
+    readonly activeOrgId: import("@angular/core").Signal<string>;
+    readonly newKeyButton: import("@angular/core").Signal<Partial<ButtonMetadata>>;
+    readonly errorState: import("@angular/core").Signal<EmptyStateMetadata>;
+    readonly emptyState: import("@angular/core").Signal<EmptyStateMetadata>;
+    constructor();
+    revokeButton(k: ApiKeyRow): Partial<ButtonMetadata>;
+    load(): void;
+    /** Resuelve handle/avatar/name del creador (`createdBy`) desde `/profiles`. */
+    private enrichWithCreators;
+    creatorLabel(k: ApiKeyRow): string;
+    formatDate(iso?: string): string;
+    openCreate(): void;
+    revoke(k: ApiKeyRow): Promise<void>;
+    protected tt(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ApiKeysViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApiKeysViewComponent, "val-api-keys-view", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/components/organisms/api-keys-view/api-keys-view.i18n.d.ts

@@ -0,0 +1,6 @@
+import { LanguagesContent } from '../../../services/i18n/types';
+/**
+ * Defaults i18n (es/en) de `val-api-keys-view`. Auto-registrados si el consumer no
+ * proveyó el namespace `Settings.ApiKeys`.
+ */
+export declare const API_KEYS_VIEW_I18N: LanguagesContent;

package/lib/components/organisms/api-keys-view/api-keys.routes.d.ts

@@ -0,0 +1,22 @@
+import { Routes } from '@angular/router';
+import { ApiKeysViewConfig } from './types';
+/**
+ * Helper para montar la vista de Client API Keys (`val-api-keys-view`) como ruta
+ * en una app del factory. El `config` se pasa por route `data` (`apiKeysConfig`) y
+ * el componente lo lee como fallback de su `@Input() config`.
+ *
+ * @example
+ * ```ts
+ * // settings.routes.ts
+ * import { provideValtechApiKeysRoutes } from 'valtech-components';
+ *
+ * export const settingsRoutes: Routes = [
+ *   ...provideValtechApiKeysRoutes(),                  // → /app/settings/api-keys
+ *   // ...provideValtechApiKeysRoutes({ path: 'integrations/keys' }),
+ * ];
+ * ```
+ */
+export declare function provideValtechApiKeysRoutes(opts?: {
+    path?: string;
+    config?: ApiKeysViewConfig;
+}): Routes;

package/lib/components/organisms/api-keys-view/types.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Config acotada de `val-api-keys-view` (ADR-021: una vista full-feature no abre
+ * slots arbitrarios; si falta algo, se promueve un nuevo punto de extensión).
+ */
+export interface ApiKeysViewConfig {
+    /** Namespace i18n de los textos de la vista. Default `Settings.ApiKeys`. */
+    i18nNamespace?: string;
+}

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

@@ -45,6 +45,12 @@ export interface OrganizationViewConfig {
      * "Ver roles y permisos"). Default `'/app/settings/permissions'`.
      */
     viewPermissionsRoute?: string;
+    /**
+     * Ruta a la que navegar al gestionar las API Keys (botón "Gestionar" de la
+     * sección Integraciones). Apunta a `val-api-keys-view`
+     * (`provideValtechApiKeysRoutes`). Default `'/app/settings/api-keys'`.
+     */
+    apiKeysRoute?: string;
     /**
      * Ruta a la que redirigir tras salir de la organización.
      * Default `'/app/settings/account'`.

package/lib/components/organisms/settings-hub/settings.routes.d.ts

@@ -5,6 +5,7 @@ import { SecurityViewConfig } from '../security-view/types';
 import { AccountViewConfig } from '../account-view/types';
 import { OrganizationViewConfig } from '../organization-view/types';
 import { NotificationPreferencesViewConfig } from '../notification-preferences-view/types';
+import { ApiKeysViewConfig } from '../api-keys-view/types';
 import { PermissionsViewConfig } from '../permissions-view/types';
 import { SettingsHubConfig } from './types';
 /**
@@ -58,6 +59,10 @@ export interface ValtechSettingsRoutesOptions {
     includeNotificationPreferences?: boolean;
     /** Monta la ruta `permissions`. Default `true`. */
     includePermissions?: boolean;
+    /** Monta la ruta `api-keys` (`val-api-keys-view`). Default `false` (opt-in). */
+    includeApiKeys?: boolean;
+    /** Config de la vista API Keys (pass-through a `provideValtechApiKeysRoutes`). */
+    apiKeysConfig?: ApiKeysViewConfig;
     /** Path de la vista Preferencias. Default `'preferences'`. */
     preferencesPath?: string;
     /** Path de la vista Preferencias de notificaciones push. Default `'notifications'`. */

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

package/package.json

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

package/public-api.d.ts

@@ -309,6 +309,10 @@ export * from './lib/components/organisms/member-detail-modal/member-detail-moda
 export * from './lib/components/organisms/member-detail-modal/types';
 export * from './lib/components/organisms/member-import-modal/member-import-modal.component';
 export * from './lib/components/organisms/api-keys-modal/api-keys-modal.component';
+export * from './lib/components/organisms/api-key-create-modal/api-key-create-modal.component';
+export * from './lib/components/organisms/api-keys-view/api-keys-view.component';
+export * from './lib/components/organisms/api-keys-view/types';
+export * from './lib/components/organisms/api-keys-view/api-keys.routes';
 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';