valtech-components 2.0.994 → 2.0.996

package/fesm2022/valtech-components.mjs

@@ -54,7 +54,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.994';
+const VERSION = '2.0.996';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -41750,7 +41750,7 @@ const PROFILE_VIEW_I18N = {
 const HANDLE_PATTERN = /^[a-z_][a-z0-9_]*$/;
 const HANDLE_MIN = 3;
 const HANDLE_MAX = 20;
-const DEFAULT_NAMESPACE$d = 'Settings.Profile';
+const DEFAULT_NAMESPACE$f = 'Settings.Profile';
 /**
  * `val-profile-view` — vista Perfil full-feature autocontenida (organism).
  *
@@ -41800,7 +41800,7 @@ class ProfileViewComponent {
                 showPhone: merged.showPhone ?? true,
                 showShareCta: merged.showShareCta ?? true,
                 profileBaseUrl: merged.profileBaseUrl ?? '',
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$d,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$f,
                 onSaved: merged.onSaved,
                 onAvatarUploaded: merged.onAvatarUploaded,
             };
@@ -42716,7 +42716,7 @@ const PREFERENCES_VIEW_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$c = 'Settings.General';
+const DEFAULT_NAMESPACE$e = 'Settings.General';
 const DEFAULT_LANGUAGES = ['es', 'en'];
 /**
  * `val-preferences-view` — vista de preferencias de UI cross-app (tema +
@@ -42753,7 +42753,7 @@ class PreferencesViewComponent {
                 showLanguage: merged.showLanguage ?? true,
                 showFontSize: merged.showFontSize ?? true,
                 supportedLanguages: merged.supportedLanguages ?? DEFAULT_LANGUAGES,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$c,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$e,
                 onThemeChanged: merged.onThemeChanged,
                 onLanguageChanged: merged.onLanguageChanged,
                 onFontSizeChanged: merged.onFontSizeChanged,
@@ -44565,7 +44565,7 @@ const SECURITY_VIEW_I18N = {
 };
 
 addIcons({ laptopOutline, phonePortraitOutline });
-const DEFAULT_NAMESPACE$b = 'Settings.Security';
+const DEFAULT_NAMESPACE$d = 'Settings.Security';
 /**
  * `val-security-view` — vista Seguridad full-feature autocontenida (organism).
  *
@@ -44614,7 +44614,7 @@ class SecurityViewComponent {
                 showChangeEmail: merged.showChangeEmail ?? true,
                 showMfa: merged.showMfa ?? true,
                 showPolicies: merged.showPolicies ?? true,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$b,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$d,
                 handleDeepLinks: merged.handleDeepLinks ?? true,
                 homeRoute: merged.homeRoute ?? '/app/home',
                 onMfaCompleted: merged.onMfaCompleted,
@@ -45416,6 +45416,13 @@ class OrgService {
     inviteUser(orgId, req) {
         return this.http.post(`${this.baseUrl}/${orgId}/invite`, req);
     }
+    /**
+     * Crea/asigna miembros en masa (ADR-023). Resultado por-fila (partial success):
+     * `created` (pre-aprovisionado), `assigned` (ya existía), `skipped`, `error`.
+     */
+    importMembers(orgId, req) {
+        return this.http.post(`${this.baseUrl}/${orgId}/members/import`, req);
+    }
     leaveOrg(orgId) {
         return this.http.post(`${this.baseUrl}/${orgId}/leave`, {});
     }
@@ -45520,7 +45527,7 @@ const CREATE_ORG_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$a = 'CreateOrgModal';
+const DEFAULT_NAMESPACE$c = 'CreateOrgModal';
 /**
  * `val-create-org-modal` — modal de creación de organización (organism
  * compartido). Promovido desde `showcase` bajo el proceso de ADR-021. Reusado por
@@ -45546,10 +45553,10 @@ class CreateOrgModalComponent {
         this.toast = inject(ToastService);
         this.errors = inject(ValtechErrorService);
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$a;
+        this.i18nNamespace = DEFAULT_NAMESPACE$c;
         this._busy = signal(false);
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$a)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$a, CREATE_ORG_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$c)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$c, CREATE_ORG_MODAL_I18N);
         }
         this.formMeta = signal(this.buildFormMeta());
         effect(() => {
@@ -45785,7 +45792,7 @@ const DELETE_ACCOUNT_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$9 = 'Settings.DeleteAccount';
+const DEFAULT_NAMESPACE$b = 'Settings.DeleteAccount';
 /**
  * `val-delete-account-modal` — modal de eliminación de cuenta (organism,
  * cuenta-específico). Promovido desde `showcase` bajo el proceso de ADR-021.
@@ -45811,7 +45818,7 @@ class DeleteAccountModalComponent {
         this.i18n = inject(I18nService);
         this.toast = inject(ToastService);
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$9;
+        this.i18nNamespace = DEFAULT_NAMESPACE$b;
         this.hasPassword = signal(null);
         this.codeSent = signal(false);
         this.formState = signal(ComponentStates.ENABLED);
@@ -45878,8 +45885,8 @@ class DeleteAccountModalComponent {
             ],
             actions: this.submitBtn('delete-code-submit', 'confirmCta'),
         }));
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$9)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$9, DELETE_ACCOUNT_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$b)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$b, DELETE_ACCOUNT_MODAL_I18N);
         }
     }
     ngOnInit() {
@@ -46080,7 +46087,7 @@ const ORG_INFO_SHEET_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$8 = 'OrgInfoSheet';
+const DEFAULT_NAMESPACE$a = 'OrgInfoSheet';
 /**
  * `val-org-info-sheet` — sheet informativo "¿Qué son las organizaciones?".
  * Extraído del `OrgInfoSheetComponent` inline de `AccountPage` bajo el proceso de
@@ -46125,15 +46132,15 @@ class OrgInfoSheetComponent {
             text: this.closeProps.text || this.resolvedCloseLabel(),
         }));
         addIcons({ peopleOutline, swapHorizontalOutline, mailOutline });
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$8)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$8, ORG_INFO_SHEET_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$a)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$a, ORG_INFO_SHEET_I18N);
         }
     }
     dismiss() {
         this._modalRef?.dismiss(null, 'cancel');
     }
     tt(key) {
-        return this.i18n.t(key, DEFAULT_NAMESPACE$8);
+        return this.i18n.t(key, DEFAULT_NAMESPACE$a);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrgInfoSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: OrgInfoSheetComponent, isStandalone: true, selector: "val-org-info-sheet", inputs: { title: "title", subtitle: "subtitle", body: "body", closeLabel: "closeLabel", closeProps: "closeProps", _modalRef: "_modalRef" }, ngImport: i0, template: `
@@ -46300,7 +46307,7 @@ const SWITCH_ORG_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$7 = 'Settings.SwitchOrg';
+const DEFAULT_NAMESPACE$9 = 'Settings.SwitchOrg';
 addIcons({ businessOutline, checkmarkCircleOutline });
 /**
  * `val-switch-org-modal` — modal de cambio de organización activa (organism
@@ -46326,7 +46333,7 @@ class SwitchOrgModalComponent {
         this.orgSwitch = inject(OrgSwitchService);
         this.errors = inject(ValtechErrorService);
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$7;
+        this.i18nNamespace = DEFAULT_NAMESPACE$9;
         this.orgs = signal([]);
         this.loading = signal(false);
         this.query = signal('');
@@ -46342,8 +46349,8 @@ class SwitchOrgModalComponent {
                 return list;
             return list.filter(o => o.name.toLowerCase().includes(q));
         });
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$7)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$7, SWITCH_ORG_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$9)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$9, SWITCH_ORG_MODAL_I18N);
         }
         this.loadOrgs();
     }
@@ -46661,7 +46668,7 @@ const ACCOUNT_VIEW_I18N = {
 };
 
 addIcons({ peopleOutline, businessOutline, chevronForwardOutline, swapHorizontalOutline, mailOutline });
-const DEFAULT_NAMESPACE$6 = 'Settings.Account';
+const DEFAULT_NAMESPACE$8 = 'Settings.Account';
 const DEFAULT_MANAGE_ORG_ROUTE = '/app/settings/organization';
 /**
  * `val-account-view` — vista Cuenta full-feature autocontenida (organism).
@@ -46702,7 +46709,7 @@ class AccountViewComponent {
                 showNewOrgCta: merged.showNewOrgCta ?? true,
                 showLogout: merged.showLogout ?? true,
                 showDeleteAccount: merged.showDeleteAccount ?? true,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$6,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$8,
                 manageOrgRoute: merged.manageOrgRoute ?? DEFAULT_MANAGE_ORG_ROUTE,
                 onOrgSwitched: merged.onOrgSwitched,
                 onOrgCreated: merged.onOrgCreated,
@@ -47427,7 +47434,7 @@ const EDIT_ORG_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$5 = 'EditOrgModal';
+const DEFAULT_NAMESPACE$7 = 'EditOrgModal';
 /**
  * `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
@@ -47454,10 +47461,10 @@ class EditOrgModalComponent {
         /** Organización a editar (pasada por `componentProps`). */
         this.org = null;
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$5;
+        this.i18nNamespace = DEFAULT_NAMESPACE$7;
         this.saving = signal(false);
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$5)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$5, EDIT_ORG_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$7)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$7, EDIT_ORG_MODAL_I18N);
         }
         this.formMeta = signal(this.buildFormMeta());
         effect(() => {
@@ -47695,7 +47702,7 @@ const INVITE_MEMBER_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$4 = 'InviteModal';
+const DEFAULT_NAMESPACE$6 = 'InviteModal';
 addIcons({ personOutline, mailOutline, closeOutline, checkmarkCircleOutline });
 /**
  * `val-invite-member-modal` — invitación de miembros a una organización.
@@ -47726,7 +47733,7 @@ class InviteMemberModalComponent {
         /** Ids de miembros ya existentes (excluidos de los resultados). */
         this.existingMemberIds = [];
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$4;
+        this.i18nNamespace = DEFAULT_NAMESPACE$6;
         this.query = signal('');
         this.searching = signal(false);
         this.searchResults = signal([]);
@@ -47773,8 +47780,8 @@ class InviteMemberModalComponent {
             state: this.sending() ? ComponentStates.WORKING : ComponentStates.ENABLED,
         }));
         this.searchSubject = new Subject();
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$4)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$4, INVITE_MEMBER_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$6)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$6, INVITE_MEMBER_MODAL_I18N);
         }
         this.loadRoles();
         this.roleSub = this.roleControl.valueChanges.subscribe(v => {
@@ -48263,7 +48270,7 @@ const MEMBER_DETAIL_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$3 = 'Settings.MemberDetail';
+const DEFAULT_NAMESPACE$5 = 'Settings.MemberDetail';
 /**
  * `val-member-detail-modal` — detalle de miembro de organización: perfil, rol y
  * permisos. Promovido desde `showcase` bajo el proceso de ADR-021.
@@ -48300,7 +48307,7 @@ class MemberDetailModalComponent {
             { id: 'admin', name: 'admin' },
         ];
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$3;
+        this.i18nNamespace = DEFAULT_NAMESPACE$5;
         this.working = signal(false);
         this.currentRole = signal('');
         this.roleControl = new FormControl('');
@@ -48340,8 +48347,8 @@ class MemberDetailModalComponent {
             type: 'button',
             state: this.working() ? ComponentStates.WORKING : ComponentStates.ENABLED,
         }));
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$3)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$3, MEMBER_DETAIL_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$5)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$5, MEMBER_DETAIL_MODAL_I18N);
         }
     }
     ngOnInit() {
@@ -48678,7 +48685,7 @@ const TRANSFER_OWNERSHIP_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$2 = 'Settings.TransferModal';
+const DEFAULT_NAMESPACE$4 = 'Settings.TransferModal';
 /**
  * `val-transfer-ownership-modal` — selector de miembro para transferir la
  * propiedad de la organización. Promovido desde `showcase` bajo el proceso de
@@ -48702,7 +48709,7 @@ class TransferOwnershipModalComponent {
         /** Lista de miembros transferibles (todos excepto el owner actual). */
         this.members = [];
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$2;
+        this.i18nNamespace = DEFAULT_NAMESPACE$4;
         this.query = signal('');
         this.selectedId = signal('');
         this.filtered = computed(() => {
@@ -48714,8 +48721,8 @@ class TransferOwnershipModalComponent {
                 m.userId.toLowerCase().includes(q));
         });
         this.noResultsLabel = computed(() => `${this.t('noResults')} "${this.query()}"`);
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$2)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$2, TRANSFER_OWNERSHIP_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$4)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$4, TRANSFER_OWNERSHIP_MODAL_I18N);
         }
     }
     ngOnInit() {
@@ -48900,6 +48907,849 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Defaults i18n (es/en) embebidos en `val-member-import-modal` (ADR-023).
+ * Auto-registrados si el consumer no proveyó el namespace `Settings.ImportModal`.
+ */
+const MEMBER_IMPORT_MODAL_I18N = {
+    es: {
+        title: 'Importar miembros',
+        hint: 'Pega un CSV con columnas: email, nombre, rol (una fila por persona).',
+        csvPlaceholder: 'email,nombre,rol\nana@x.com,Ana,editor\nbeto@x.com,Beto,viewer',
+        rolesAvailable: 'Roles disponibles:',
+        onConflictLabel: 'Si el email ya existe',
+        conflictAssign: 'Asignar el rol',
+        conflictSkip: 'Omitir',
+        conflictError: 'Marcar error',
+        sendActivation: 'Enviar email de activación a las cuentas nuevas',
+        submit: 'Importar',
+        submitting: 'Importando...',
+        parseError: 'No se pudo interpretar el CSV. Revisa el formato.',
+        noRows: 'Pega al menos una fila válida (email y rol).',
+        summary: 'Resumen',
+        created: 'creados',
+        assigned: 'asignados',
+        skipped: 'omitidos',
+        failed: 'con error',
+        colEmail: 'Email',
+        colStatus: 'Estado',
+        colDetail: 'Detalle',
+        activationSent: 'activación enviada',
+        activationPending: 'activación pendiente',
+        again: 'Importar otro lote',
+        close: 'Cerrar',
+        genericError: 'No se pudo completar la importación. Intenta de nuevo.',
+    },
+    en: {
+        title: 'Import members',
+        hint: 'Paste a CSV with columns: email, name, role (one row per person).',
+        csvPlaceholder: 'email,name,role\nana@x.com,Ana,editor\nbeto@x.com,Beto,viewer',
+        rolesAvailable: 'Available roles:',
+        onConflictLabel: 'If the email already exists',
+        conflictAssign: 'Assign the role',
+        conflictSkip: 'Skip',
+        conflictError: 'Mark as error',
+        sendActivation: 'Send activation email to new accounts',
+        submit: 'Import',
+        submitting: 'Importing...',
+        parseError: "Couldn't parse the CSV. Check the format.",
+        noRows: 'Paste at least one valid row (email and role).',
+        summary: 'Summary',
+        created: 'created',
+        assigned: 'assigned',
+        skipped: 'skipped',
+        failed: 'failed',
+        colEmail: 'Email',
+        colStatus: 'Status',
+        colDetail: 'Detail',
+        activationSent: 'activation sent',
+        activationPending: 'activation pending',
+        again: 'Import another batch',
+        close: 'Close',
+        genericError: "Couldn't complete the import. Try again.",
+    },
+};
+
+const DEFAULT_NAMESPACE$3 = 'Settings.ImportModal';
+/**
+ * `val-member-import-modal` — panel de carga masiva de miembros (ADR-023 fase 6).
+ *
+ * El admin pega un CSV (`email,nombre,rol`); el modal lo parsea a filas y llama
+ * `OrgService.importMembers`. Muestra el resultado por-fila (partial success):
+ * `created` / `assigned` / `skipped` / `error`. Header canónico (Regla #5).
+ *
+ * Auto-registra defaults i18n (es/en) en `Settings.ImportModal`.
+ */
+class MemberImportModalComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.orgService = inject(OrgService);
+        /** Org destino del import. */
+        this.orgId = '';
+        /** Nombres de roles disponibles (para el hint). Opcional. */
+        this.availableRoles = [];
+        /** Namespace i18n. */
+        this.i18nNamespace = DEFAULT_NAMESPACE$3;
+        this.csv = '';
+        this.onConflict = 'assignRole';
+        this.sendActivation = true;
+        this.submitting = signal(false);
+        this.errorMsg = signal('');
+        this.results = signal(null);
+        this.rolesHint = computed(() => this.availableRoles.length ? `${this.t('rolesAvailable')} ${this.availableRoles.join(', ')}` : '');
+        this.summaryLabel = computed(() => {
+            const s = this.results()?.summary;
+            if (!s)
+                return this.t('summary');
+            return `${this.t('summary')}: ${s.created} ${this.t('created')} · ${s.assigned} ${this.t('assigned')} · ${s.skipped} ${this.t('skipped')} · ${s.failed} ${this.t('failed')}`;
+        });
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$3)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$3, MEMBER_IMPORT_MODAL_I18N);
+        }
+    }
+    ngOnInit() {
+        if (!this.i18n.hasNamespace(this.i18nNamespace)) {
+            this.i18n.registerContent(this.i18nNamespace, MEMBER_IMPORT_MODAL_I18N);
+        }
+    }
+    /** Parsea el CSV pegado a filas {email,name,roleName}. Tolera header. */
+    parseCsv() {
+        const rows = [];
+        for (const raw of this.csv.split(/\r?\n/)) {
+            const line = raw.trim();
+            if (!line)
+                continue;
+            const cols = line.split(',').map(c => c.trim());
+            const email = (cols[0] ?? '').toLowerCase();
+            // Saltar header (primera col "email") o líneas sin @.
+            if (!email || !email.includes('@'))
+                continue;
+            rows.push({ email, name: cols[1] ?? '', roleName: cols[2] ?? '' });
+        }
+        return rows;
+    }
+    submit() {
+        this.errorMsg.set('');
+        const users = this.parseCsv();
+        if (users.length === 0) {
+            this.errorMsg.set(this.t('noRows'));
+            return;
+        }
+        if (users.some(u => !u.roleName)) {
+            this.errorMsg.set(this.t('parseError'));
+            return;
+        }
+        this.submitting.set(true);
+        this.orgService
+            .importMembers(this.orgId, {
+            users,
+            onConflict: this.onConflict,
+            sendActivation: this.sendActivation,
+        })
+            .subscribe({
+            next: res => {
+                this.submitting.set(false);
+                this.results.set(res);
+                // Refrescar lista del consumer si hubo altas/asignaciones efectivas.
+                if (res.summary.created + res.summary.assigned > 0) {
+                    this.onSuccess?.();
+                }
+            },
+            error: err => {
+                this.submitting.set(false);
+                this.errorMsg.set(err?.error?.message ?? this.t('genericError'));
+            },
+        });
+    }
+    statusLabel(r) {
+        const base = this.t(r.status === 'error' ? 'failed' : r.status);
+        if (r.status === 'created' && r.activation) {
+            return `${base} · ${this.t(r.activation === 'sent' ? 'activationSent' : 'activationPending')}`;
+        }
+        return base;
+    }
+    reset() {
+        this.csv = '';
+        this.errorMsg.set('');
+        this.results.set(null);
+    }
+    dismiss() {
+        this._modalRef?.dismiss(null, 'cancel');
+    }
+    t(key) {
+        return this.i18n.t(key, this.i18nNamespace);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MemberImportModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MemberImportModalComponent, isStandalone: true, selector: "val-member-import-modal", inputs: { orgId: "orgId", availableRoles: "availableRoles", onSuccess: "onSuccess", _modalRef: "_modalRef", i18nNamespace: "i18nNamespace" }, ngImport: i0, template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: t('title'), size: 'small', color: 'dark' }" />
+
+      @if (!results()) {
+        <val-title [props]="{ content: t('hint'), size: 'large', color: '', bold: false }" />
+
+        @if (rolesHint()) {
+          <val-text [props]="{ content: rolesHint(), size: 'small', color: 'medium', bold: false }" />
+        }
+
+        <ion-textarea
+          class="import-csv"
+          [autoGrow]="true"
+          [rows]="6"
+          [placeholder]="t('csvPlaceholder')"
+          [(ngModel)]="csv"
+        />
+
+        <ion-select
+          class="import-conflict"
+          label="{{ t('onConflictLabel') }}"
+          labelPlacement="stacked"
+          interface="popover"
+          [(ngModel)]="onConflict"
+        >
+          <ion-select-option value="assignRole">{{ t('conflictAssign') }}</ion-select-option>
+          <ion-select-option value="skip">{{ t('conflictSkip') }}</ion-select-option>
+          <ion-select-option value="error">{{ t('conflictError') }}</ion-select-option>
+        </ion-select>
+
+        <ion-checkbox class="import-activation" labelPlacement="end" [(ngModel)]="sendActivation">
+          {{ t('sendActivation') }}
+        </ion-checkbox>
+
+        @if (errorMsg()) {
+          <p class="import-error">{{ errorMsg() }}</p>
+        }
+
+        <div class="import-actions">
+          <ion-button expand="block" color="dark" [disabled]="submitting()" (click)="submit()">
+            @if (submitting()) {
+              <ion-spinner name="dots" />
+              &nbsp;{{ t('submitting') }}
+            } @else {
+              {{ t('submit') }}
+            }
+          </ion-button>
+        </div>
+      } @else {
+        <!-- Resultados -->
+        <val-title [props]="{ content: summaryLabel(), size: 'large', color: '', bold: true }" />
+        <div class="import-results">
+          @for (r of results()!.results; track r.email) {
+            <div class="import-row import-row--{{ r.status }}">
+              <span class="import-row__email">{{ r.email }}</span>
+              <span class="import-row__status">{{ statusLabel(r) }}</span>
+              @if (r.reason) {
+                <span class="import-row__reason">{{ r.reason }}</span>
+              }
+            </div>
+          }
+        </div>
+        <div class="import-actions">
+          <ion-button expand="block" fill="outline" color="dark" (click)="reset()">
+            {{ t('again') }}
+          </ion-button>
+        </div>
+      }
+    </ion-content>
+  `, isInline: true, styles: ["val-display{display:block;margin-bottom:4px}val-title{display:block;margin-bottom:12px}.import-csv{--background: var(--ion-color-light);border-radius:10px;margin-bottom:16px;font-family:monospace;font-size:13px}.import-conflict{margin-bottom:12px}.import-activation{display:block;margin-bottom:16px;font-size:14px}.import-error{margin:0 0 12px;font-size:.875rem;color:var(--ion-color-danger, #c0392b)}.import-actions{margin-top:8px}.import-results{display:flex;flex-direction:column;gap:6px;margin:12px 0}.import-row{display:grid;grid-template-columns:1fr auto;grid-row-gap:2px;align-items:center;padding:10px 12px;border-radius:8px;border-left:3px solid var(--ion-color-medium);background:var(--ion-color-light);font-size:14px}.import-row--created{border-left-color:var(--ion-color-success, #2dd36f)}.import-row--assigned{border-left-color:var(--ion-color-primary, #7026df)}.import-row--skipped{border-left-color:var(--ion-color-medium, #92949c)}.import-row--error{border-left-color:var(--ion-color-danger, #c0392b)}.import-row__email{font-weight:600;color:var(--ion-color-dark)}.import-row__status{text-align:right;color:var(--ion-color-medium-shade, #6b6e76)}.import-row__reason{grid-column:1 / -1;font-size:12px;color:var(--ion-color-danger, #c0392b)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "shape", "spellcheck", "value", "wrap"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "errorText", "expandedIcon", "fill", "helperText", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MemberImportModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-member-import-modal', standalone: true, imports: [
+                        FormsModule,
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonButton,
+                        IonContent,
+                        IonTextarea,
+                        IonSelect,
+                        IonSelectOption,
+                        IonCheckbox,
+                        IonSpinner,
+                        DisplayComponent,
+                        TextComponent,
+                        TitleComponent,
+                    ], template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: t('title'), size: 'small', color: 'dark' }" />
+
+      @if (!results()) {
+        <val-title [props]="{ content: t('hint'), size: 'large', color: '', bold: false }" />
+
+        @if (rolesHint()) {
+          <val-text [props]="{ content: rolesHint(), size: 'small', color: 'medium', bold: false }" />
+        }
+
+        <ion-textarea
+          class="import-csv"
+          [autoGrow]="true"
+          [rows]="6"
+          [placeholder]="t('csvPlaceholder')"
+          [(ngModel)]="csv"
+        />
+
+        <ion-select
+          class="import-conflict"
+          label="{{ t('onConflictLabel') }}"
+          labelPlacement="stacked"
+          interface="popover"
+          [(ngModel)]="onConflict"
+        >
+          <ion-select-option value="assignRole">{{ t('conflictAssign') }}</ion-select-option>
+          <ion-select-option value="skip">{{ t('conflictSkip') }}</ion-select-option>
+          <ion-select-option value="error">{{ t('conflictError') }}</ion-select-option>
+        </ion-select>
+
+        <ion-checkbox class="import-activation" labelPlacement="end" [(ngModel)]="sendActivation">
+          {{ t('sendActivation') }}
+        </ion-checkbox>
+
+        @if (errorMsg()) {
+          <p class="import-error">{{ errorMsg() }}</p>
+        }
+
+        <div class="import-actions">
+          <ion-button expand="block" color="dark" [disabled]="submitting()" (click)="submit()">
+            @if (submitting()) {
+              <ion-spinner name="dots" />
+              &nbsp;{{ t('submitting') }}
+            } @else {
+              {{ t('submit') }}
+            }
+          </ion-button>
+        </div>
+      } @else {
+        <!-- Resultados -->
+        <val-title [props]="{ content: summaryLabel(), size: 'large', color: '', bold: true }" />
+        <div class="import-results">
+          @for (r of results()!.results; track r.email) {
+            <div class="import-row import-row--{{ r.status }}">
+              <span class="import-row__email">{{ r.email }}</span>
+              <span class="import-row__status">{{ statusLabel(r) }}</span>
+              @if (r.reason) {
+                <span class="import-row__reason">{{ r.reason }}</span>
+              }
+            </div>
+          }
+        </div>
+        <div class="import-actions">
+          <ion-button expand="block" fill="outline" color="dark" (click)="reset()">
+            {{ t('again') }}
+          </ion-button>
+        </div>
+      }
+    </ion-content>
+  `, styles: ["val-display{display:block;margin-bottom:4px}val-title{display:block;margin-bottom:12px}.import-csv{--background: var(--ion-color-light);border-radius:10px;margin-bottom:16px;font-family:monospace;font-size:13px}.import-conflict{margin-bottom:12px}.import-activation{display:block;margin-bottom:16px;font-size:14px}.import-error{margin:0 0 12px;font-size:.875rem;color:var(--ion-color-danger, #c0392b)}.import-actions{margin-top:8px}.import-results{display:flex;flex-direction:column;gap:6px;margin:12px 0}.import-row{display:grid;grid-template-columns:1fr auto;grid-row-gap:2px;align-items:center;padding:10px 12px;border-radius:8px;border-left:3px solid var(--ion-color-medium);background:var(--ion-color-light);font-size:14px}.import-row--created{border-left-color:var(--ion-color-success, #2dd36f)}.import-row--assigned{border-left-color:var(--ion-color-primary, #7026df)}.import-row--skipped{border-left-color:var(--ion-color-medium, #92949c)}.import-row--error{border-left-color:var(--ion-color-danger, #c0392b)}.import-row__email{font-weight:600;color:var(--ion-color-dark)}.import-row__status{text-align:right;color:var(--ion-color-medium-shade, #6b6e76)}.import-row__reason{grid-column:1 / -1;font-size:12px;color:var(--ion-color-danger, #c0392b)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { orgId: [{
+                type: Input
+            }], availableRoles: [{
+                type: Input
+            }], onSuccess: [{
+                type: Input
+            }], _modalRef: [{
+                type: Input
+            }], i18nNamespace: [{
+                type: Input
+            }] } });
+
+/**
+ * Cliente HTTP de Client API Keys org-scopeadas (ADR-023). La org activa se
+ * resuelve en backend desde el JWT, así que el path no la incluye.
+ */
+class ApiKeyService {
+    constructor(config, http) {
+        this.config = config;
+        this.http = http;
+    }
+    get baseUrl() {
+        return `${this.config.apiUrl}/org/api-keys`;
+    }
+    /** Lista las API keys de la org activa. */
+    list() {
+        return this.http.get(`${this.baseUrl}/`).pipe(map$1(r => r.keys ?? []));
+    }
+    /** Crea una API key. La respuesta incluye el secreto (se muestra UNA vez). */
+    create(req) {
+        return this.http.post(`${this.baseUrl}/`, req);
+    }
+    /** Revoca (elimina) una API key por id. */
+    revoke(keyId) {
+        return this.http.delete(`${this.baseUrl}/${keyId}`);
+    }
+    /** Catálogo de permisos asignables a una key. */
+    availablePermissions() {
+        return this.http
+            .get(`${this.baseUrl}/permissions`)
+            .pipe(map$1(r => r.permissions ?? []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ApiKeyService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ApiKeyService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ApiKeyService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_AUTH_CONFIG]
+                }] }, { type: i1$3.HttpClient }] });
+
+/**
+ * Defaults i18n (es/en) embebidos en `val-api-keys-modal` (ADR-023).
+ * Auto-registrados si el consumer no proveyó el namespace `Settings.ApiKeysModal`.
+ */
+const API_KEYS_MODAL_I18N = {
+    es: {
+        title: 'Client API Keys',
+        hint: 'Llaves M2M org-scopeadas para integraciones (p. ej. importar miembros).',
+        empty: 'Aún no hay API keys en esta organización.',
+        newKey: 'Nueva API key',
+        nameLabel: 'Nombre',
+        namePlaceholder: 'Ej: Integración RRHH',
+        permissionsLabel: 'Permisos',
+        expiresLabel: 'Expira en (días, opcional)',
+        create: 'Crear key',
+        creating: 'Creando...',
+        cancel: 'Cancelar',
+        revoke: 'Revocar',
+        revokeConfirm: '¿Revocar esta API key? Las integraciones que la usen dejarán de funcionar.',
+        secretTitle: 'Copia tu API key ahora',
+        secretWarning: 'Este secreto se muestra una sola vez. Guárdalo en un lugar seguro.',
+        copy: 'Copiar',
+        copied: 'Copiada',
+        done: 'Listo',
+        statusActive: 'activa',
+        lastUsed: 'Último uso',
+        never: 'nunca',
+        permsCount: 'permisos',
+        noName: 'El nombre es obligatorio.',
+        noPerms: 'Selecciona al menos un permiso.',
+        close: 'Cerrar',
+        genericError: 'No se pudo completar la operación. Intenta de nuevo.',
+    },
+    en: {
+        title: 'Client API Keys',
+        hint: 'Org-scoped M2M keys for integrations (e.g. member import).',
+        empty: 'No API keys in this organization yet.',
+        newKey: 'New API key',
+        nameLabel: 'Name',
+        namePlaceholder: 'E.g: HR integration',
+        permissionsLabel: 'Permissions',
+        expiresLabel: 'Expires in (days, optional)',
+        create: 'Create key',
+        creating: 'Creating...',
+        cancel: 'Cancel',
+        revoke: 'Revoke',
+        revokeConfirm: 'Revoke this API key? Integrations using it will stop working.',
+        secretTitle: 'Copy your API key now',
+        secretWarning: 'This secret is shown only once. Store it somewhere safe.',
+        copy: 'Copy',
+        copied: 'Copied',
+        done: 'Done',
+        statusActive: 'active',
+        lastUsed: 'Last used',
+        never: 'never',
+        permsCount: 'permissions',
+        noName: 'Name is required.',
+        noPerms: 'Select at least one permission.',
+        close: 'Close',
+        genericError: "Couldn't complete the operation. Try again.",
+    },
+};
+
+const DEFAULT_NAMESPACE$2 = 'Settings.ApiKeysModal';
+/**
+ * `val-api-keys-modal` — gestión de Client API Keys org-scopeadas (ADR-023 fase 6).
+ *
+ * Lista las keys de la org, permite crear (mostrando el secreto UNA vez con copia)
+ * y revocar. Pensado para habilitar integraciones M2M del import de miembros, pero
+ * sirve a cualquier permiso del catálogo. Header canónico (Regla #5).
+ */
+class ApiKeysModalComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.apiKeys = inject(ApiKeyService);
+        /** Namespace i18n. */
+        this.i18nNamespace = DEFAULT_NAMESPACE$2;
+        this.keys = signal([]);
+        this.availablePermissions = signal([]);
+        this.loading = signal(true);
+        this.showCreate = signal(false);
+        this.submitting = signal(false);
+        this.errorMsg = signal('');
+        this.secret = signal(null);
+        this.copied = signal(false);
+        this.name = '';
+        this.expiresInDays = null;
+        this.selectedPerms = signal(new Set());
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$2)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$2, API_KEYS_MODAL_I18N);
+        }
+    }
+    ngOnInit() {
+        if (!this.i18n.hasNamespace(this.i18nNamespace)) {
+            this.i18n.registerContent(this.i18nNamespace, API_KEYS_MODAL_I18N);
+        }
+        this.refresh();
+        this.apiKeys.availablePermissions().subscribe({
+            next: perms => this.availablePermissions.set(perms),
+            error: () => { },
+        });
+    }
+    refresh() {
+        this.loading.set(true);
+        this.apiKeys.list().subscribe({
+            next: keys => {
+                this.keys.set(keys);
+                this.loading.set(false);
+            },
+            error: () => this.loading.set(false),
+        });
+    }
+    openCreate() {
+        this.errorMsg.set('');
+        this.name = '';
+        this.expiresInDays = null;
+        this.selectedPerms.set(new Set());
+        this.showCreate.set(true);
+    }
+    togglePerm(perm, ev) {
+        const checked = ev.detail?.checked ?? false;
+        const next = new Set(this.selectedPerms());
+        if (checked) {
+            next.add(perm);
+        }
+        else {
+            next.delete(perm);
+        }
+        this.selectedPerms.set(next);
+    }
+    submit() {
+        this.errorMsg.set('');
+        if (!this.name.trim()) {
+            this.errorMsg.set(this.t('noName'));
+            return;
+        }
+        const permissions = Array.from(this.selectedPerms());
+        if (permissions.length === 0) {
+            this.errorMsg.set(this.t('noPerms'));
+            return;
+        }
+        this.submitting.set(true);
+        this.apiKeys
+            .create({
+            name: this.name.trim(),
+            permissions,
+            expiresInDays: this.expiresInDays && this.expiresInDays > 0 ? this.expiresInDays : undefined,
+        })
+            .subscribe({
+            next: res => {
+                this.submitting.set(false);
+                this.showCreate.set(false);
+                this.secret.set(res.key);
+            },
+            error: err => {
+                this.submitting.set(false);
+                this.errorMsg.set(err?.error?.message ?? this.t('genericError'));
+            },
+        });
+    }
+    revoke(key) {
+        if (!confirm(this.t('revokeConfirm')))
+            return;
+        this.apiKeys.revoke(key.keyId).subscribe({
+            next: () => this.refresh(),
+            error: err => this.errorMsg.set(err?.error?.message ?? this.t('genericError')),
+        });
+    }
+    async copy(secret) {
+        try {
+            await navigator.clipboard.writeText(secret);
+            this.copied.set(true);
+        }
+        catch {
+            // clipboard no disponible — el user puede seleccionar el texto manualmente
+        }
+    }
+    finishSecret() {
+        this.secret.set(null);
+        this.copied.set(false);
+        this.refresh();
+    }
+    dismiss() {
+        this._modalRef?.dismiss(null, 'cancel');
+    }
+    t(key) {
+        return this.i18n.t(key, this.i18nNamespace);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ApiKeysModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ApiKeysModalComponent, isStandalone: true, selector: "val-api-keys-modal", inputs: { _modalRef: "_modalRef", i18nNamespace: "i18nNamespace" }, ngImport: i0, template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: t('title'), size: 'small', color: 'dark' }" />
+      <val-title [props]="{ content: t('hint'), size: 'large', color: '', bold: false }" />
+
+      @if (secret(); as s) {
+        <!-- Secreto recién creado: mostrar UNA vez -->
+        <div class="apikey-secret">
+          <val-title [props]="{ content: t('secretTitle'), size: 'large', color: '', bold: true }" />
+          <p class="apikey-secret__warn">{{ t('secretWarning') }}</p>
+          <div class="apikey-secret__box">
+            <code>{{ s.secret }}</code>
+          </div>
+          <div class="apikey-actions">
+            <ion-button expand="block" color="dark" (click)="copy(s.secret)">
+              {{ copied() ? t('copied') : t('copy') }}
+            </ion-button>
+            <ion-button expand="block" fill="outline" color="dark" (click)="finishSecret()">
+              {{ t('done') }}
+            </ion-button>
+          </div>
+        </div>
+      } @else {
+        @if (loading()) {
+          <ion-spinner name="dots" />
+        } @else {
+          <!-- Lista -->
+          @if (keys().length === 0) {
+            <val-text [props]="{ content: t('empty'), size: 'medium', color: 'medium', bold: false }" />
+          } @else {
+            <div class="apikey-list">
+              @for (k of keys(); track k.keyId) {
+                <div class="apikey-row">
+                  <div class="apikey-row__main">
+                    <span class="apikey-row__name">{{ k.name }}</span>
+                    <span class="apikey-row__meta">
+                      {{ k.permissions.length }} {{ t('permsCount') }} · {{ t('lastUsed') }}:
+                      {{ k.lastUsedAt || t('never') }}
+                    </span>
+                  </div>
+                  <ion-button fill="clear" color="danger" size="small" (click)="revoke(k)">
+                    {{ t('revoke') }}
+                  </ion-button>
+                </div>
+              }
+            </div>
+          }
+
+          @if (errorMsg()) {
+            <p class="apikey-error">{{ errorMsg() }}</p>
+          }
+
+          <!-- Crear -->
+          @if (showCreate()) {
+            <div class="apikey-create">
+              <ion-input
+                label="{{ t('nameLabel') }}"
+                labelPlacement="stacked"
+                [placeholder]="t('namePlaceholder')"
+                [(ngModel)]="name"
+              />
+              <p class="apikey-create__label">{{ t('permissionsLabel') }}</p>
+              <div class="apikey-perms">
+                @for (p of availablePermissions(); track p) {
+                  <ion-checkbox
+                    labelPlacement="end"
+                    [checked]="selectedPerms().has(p)"
+                    (ionChange)="togglePerm(p, $event)"
+                  >
+                    {{ p }}
+                  </ion-checkbox>
+                }
+              </div>
+              <ion-input
+                label="{{ t('expiresLabel') }}"
+                labelPlacement="stacked"
+                type="number"
+                [(ngModel)]="expiresInDays"
+              />
+              <div class="apikey-actions">
+                <ion-button expand="block" color="dark" [disabled]="submitting()" (click)="submit()">
+                  @if (submitting()) {
+                    <ion-spinner name="dots" />&nbsp;{{ t('creating') }}
+                  } @else {
+                    {{ t('create') }}
+                  }
+                </ion-button>
+                <ion-button expand="block" fill="clear" color="medium" (click)="showCreate.set(false)">
+                  {{ t('cancel') }}
+                </ion-button>
+              </div>
+            </div>
+          } @else {
+            <div class="apikey-actions">
+              <ion-button expand="block" color="primary" (click)="openCreate()">
+                {{ t('newKey') }}
+              </ion-button>
+            </div>
+          }
+        }
+      }
+    </ion-content>
+  `, isInline: true, styles: ["val-display{display:block;margin-bottom:4px}val-title{display:block;margin-bottom:12px}.apikey-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.apikey-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;border:1.5px solid var(--ion-color-light)}.apikey-row__main{display:flex;flex-direction:column}.apikey-row__name{font-weight:600;color:var(--ion-color-dark)}.apikey-row__meta{font-size:12px;color:var(--ion-color-medium-shade, #6b6e76)}.apikey-create{margin-top:8px;padding:16px;border-radius:12px;background:var(--ion-color-light)}.apikey-create__label{margin:12px 0 4px;font-size:13px;font-weight:600;color:var(--ion-color-dark)}.apikey-perms{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px}.apikey-actions{margin-top:16px;display:flex;flex-direction:column;gap:8px}.apikey-error{margin:8px 0;font-size:.875rem;color:var(--ion-color-danger, #c0392b)}.apikey-secret__warn{font-size:.875rem;color:var(--ion-color-warning-shade, #b88600);margin:0 0 12px}.apikey-secret__box{padding:12px;border-radius:8px;background:var(--ion-color-dark);color:#fff;word-break:break-all;font-family:monospace;font-size:13px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ApiKeysModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-api-keys-modal', standalone: true, imports: [
+                        FormsModule,
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonButton,
+                        IonContent,
+                        IonInput,
+                        IonCheckbox,
+                        IonSpinner,
+                        DisplayComponent,
+                        TextComponent,
+                        TitleComponent,
+                    ], template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: t('title'), size: 'small', color: 'dark' }" />
+      <val-title [props]="{ content: t('hint'), size: 'large', color: '', bold: false }" />
+
+      @if (secret(); as s) {
+        <!-- Secreto recién creado: mostrar UNA vez -->
+        <div class="apikey-secret">
+          <val-title [props]="{ content: t('secretTitle'), size: 'large', color: '', bold: true }" />
+          <p class="apikey-secret__warn">{{ t('secretWarning') }}</p>
+          <div class="apikey-secret__box">
+            <code>{{ s.secret }}</code>
+          </div>
+          <div class="apikey-actions">
+            <ion-button expand="block" color="dark" (click)="copy(s.secret)">
+              {{ copied() ? t('copied') : t('copy') }}
+            </ion-button>
+            <ion-button expand="block" fill="outline" color="dark" (click)="finishSecret()">
+              {{ t('done') }}
+            </ion-button>
+          </div>
+        </div>
+      } @else {
+        @if (loading()) {
+          <ion-spinner name="dots" />
+        } @else {
+          <!-- Lista -->
+          @if (keys().length === 0) {
+            <val-text [props]="{ content: t('empty'), size: 'medium', color: 'medium', bold: false }" />
+          } @else {
+            <div class="apikey-list">
+              @for (k of keys(); track k.keyId) {
+                <div class="apikey-row">
+                  <div class="apikey-row__main">
+                    <span class="apikey-row__name">{{ k.name }}</span>
+                    <span class="apikey-row__meta">
+                      {{ k.permissions.length }} {{ t('permsCount') }} · {{ t('lastUsed') }}:
+                      {{ k.lastUsedAt || t('never') }}
+                    </span>
+                  </div>
+                  <ion-button fill="clear" color="danger" size="small" (click)="revoke(k)">
+                    {{ t('revoke') }}
+                  </ion-button>
+                </div>
+              }
+            </div>
+          }
+
+          @if (errorMsg()) {
+            <p class="apikey-error">{{ errorMsg() }}</p>
+          }
+
+          <!-- Crear -->
+          @if (showCreate()) {
+            <div class="apikey-create">
+              <ion-input
+                label="{{ t('nameLabel') }}"
+                labelPlacement="stacked"
+                [placeholder]="t('namePlaceholder')"
+                [(ngModel)]="name"
+              />
+              <p class="apikey-create__label">{{ t('permissionsLabel') }}</p>
+              <div class="apikey-perms">
+                @for (p of availablePermissions(); track p) {
+                  <ion-checkbox
+                    labelPlacement="end"
+                    [checked]="selectedPerms().has(p)"
+                    (ionChange)="togglePerm(p, $event)"
+                  >
+                    {{ p }}
+                  </ion-checkbox>
+                }
+              </div>
+              <ion-input
+                label="{{ t('expiresLabel') }}"
+                labelPlacement="stacked"
+                type="number"
+                [(ngModel)]="expiresInDays"
+              />
+              <div class="apikey-actions">
+                <ion-button expand="block" color="dark" [disabled]="submitting()" (click)="submit()">
+                  @if (submitting()) {
+                    <ion-spinner name="dots" />&nbsp;{{ t('creating') }}
+                  } @else {
+                    {{ t('create') }}
+                  }
+                </ion-button>
+                <ion-button expand="block" fill="clear" color="medium" (click)="showCreate.set(false)">
+                  {{ t('cancel') }}
+                </ion-button>
+              </div>
+            </div>
+          } @else {
+            <div class="apikey-actions">
+              <ion-button expand="block" color="primary" (click)="openCreate()">
+                {{ t('newKey') }}
+              </ion-button>
+            </div>
+          }
+        }
+      }
+    </ion-content>
+  `, styles: ["val-display{display:block;margin-bottom:4px}val-title{display:block;margin-bottom:12px}.apikey-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.apikey-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;border:1.5px solid var(--ion-color-light)}.apikey-row__main{display:flex;flex-direction:column}.apikey-row__name{font-weight:600;color:var(--ion-color-dark)}.apikey-row__meta{font-size:12px;color:var(--ion-color-medium-shade, #6b6e76)}.apikey-create{margin-top:8px;padding:16px;border-radius:12px;background:var(--ion-color-light)}.apikey-create__label{margin:12px 0 4px;font-size:13px;font-weight:600;color:var(--ion-color-dark)}.apikey-perms{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px}.apikey-actions{margin-top:16px;display:flex;flex-direction:column;gap:8px}.apikey-error{margin:8px 0;font-size:.875rem;color:var(--ion-color-danger, #c0392b)}.apikey-secret__warn{font-size:.875rem;color:var(--ion-color-warning-shade, #b88600);margin:0 0 12px}.apikey-secret__box{padding:12px;border-radius:8px;background:var(--ion-color-dark);color:#fff;word-break:break-all;font-family:monospace;font-size:13px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _modalRef: [{
+                type: Input
+            }], i18nNamespace: [{
+                type: Input
+            }] } });
+
 /**
  * Defaults i18n (es/en) embebidos en `val-organization-view`. Auto-registrados en
  * el constructor del componente si el consumer no proveyó el namespace
@@ -48955,6 +49805,8 @@ const ORGANIZATION_VIEW_I18N = {
         inviteCtaTitle: '¿Deseas agregar a alguien?',
         inviteCtaHint: 'Invita a usuarios a unirse a tu organización.',
         inviteOpen: 'Invitar',
+        importOpen: 'Importar',
+        apiKeysOpen: 'API Keys',
         viewMemberCta: 'Ver miembro',
         roleViewer: 'Visor',
         roleEditor: 'Editor',
@@ -49024,6 +49876,8 @@ const ORGANIZATION_VIEW_I18N = {
         inviteCtaTitle: 'Want to add someone?',
         inviteCtaHint: 'Invite users to join your organization.',
         inviteOpen: 'Invite',
+        importOpen: 'Import',
+        apiKeysOpen: 'API Keys',
         viewMemberCta: 'View member',
         roleViewer: 'Viewer',
         roleEditor: 'Editor',
@@ -49137,6 +49991,22 @@ class OrganizationViewComponent {
         this.members = signal([]);
         this.membersLoading = signal(false);
         this.membersLoadError = signal(null);
+        this.membersErrorState = computed(() => {
+            this.i18n.lang();
+            const err = this.membersLoadError();
+            if (!err)
+                return null;
+            return createErrorStateProps(err, {
+                title: { offline: this.tt('offlineTitle'), error: this.tt('errorTitle') },
+                description: {
+                    offline: this.tt('offlineHint'),
+                    error: interpretError(err).message,
+                },
+                retryLabel: this.tt('retry'),
+                onRetry: () => this.loadMembers(),
+                retrying: this.membersLoading(),
+            });
+        });
         this.membersNextToken = signal(null);
         this.loadingMoreMembers = signal(false);
         this.showAllMembers = signal(false);
@@ -49223,6 +50093,22 @@ class OrganizationViewComponent {
             shape: 'round',
             type: 'button',
         }));
+        this.openImportButtonProps = computed(() => ({
+            text: this.tt('importOpen'),
+            color: 'dark',
+            fill: 'outline',
+            size: 'default',
+            shape: 'round',
+            type: 'button',
+        }));
+        this.openApiKeysButtonProps = computed(() => ({
+            text: this.tt('apiKeysOpen'),
+            color: 'dark',
+            fill: 'clear',
+            size: 'default',
+            shape: 'round',
+            type: 'button',
+        }));
         /** Guarda para detectar el primer disparo del effect (evita doble carga). */
         this.lastLoadedOrgId = null;
         const ns = this.ns;
@@ -49323,6 +50209,36 @@ class OrganizationViewComponent {
             backdropDismiss: true,
         });
     }
+    onOpenImport() {
+        void this.modalService.open({
+            component: MemberImportModalComponent,
+            componentProps: {
+                orgId: this.activeOrgId(),
+                availableRoles: this.availableRoles().map(r => r.name),
+                onSuccess: () => {
+                    this.loadMembers();
+                    this.resolvedConfig().onMemberInvited?.();
+                },
+            },
+            breakpoints: {
+                breakpoints: [0, 0.92],
+                initialBreakpoint: 0.92,
+                showHandle: true,
+            },
+            backdropDismiss: true,
+        });
+    }
+    onOpenApiKeys() {
+        void this.modalService.open({
+            component: ApiKeysModalComponent,
+            breakpoints: {
+                breakpoints: [0, 0.92],
+                initialBreakpoint: 0.92,
+                showHandle: true,
+            },
+            backdropDismiss: true,
+        });
+    }
     onViewPermissions() {
         this.nav.navigateByUrl(this.resolvedConfig().viewPermissionsRoute);
     }
@@ -49404,6 +50320,7 @@ class OrganizationViewComponent {
         if (!orgId)
             return Promise.resolve();
         this.membersLoading.set(true);
+        this.membersLoadError.set(null);
         this.membersNextToken.set(null);
         this.showAllMembers.set(false);
         return new Promise(resolve => {
@@ -49614,6 +50531,8 @@ class OrganizationViewComponent {
           <div class="section-body">
             @if (membersLoading()) {
               <val-skeleton-layout [props]="{ preset: 'list', rows: 3 }" />
+            } @else if (membersErrorState()) {
+              <val-empty-state [props]="membersErrorState()!" />
             } @else if (members().length === 0) {
               <val-text
                 [props]="{
@@ -49706,6 +50625,8 @@ class OrganizationViewComponent {
               />
             </div>
             <val-button [props]="openInviteButtonProps()" (click)="onOpenInvite()" />
+            <val-button [props]="openImportButtonProps()" (click)="onOpenImport()" />
+            <val-button [props]="openApiKeysButtonProps()" (click)="onOpenApiKeys()" />
           </div>
         </section>
       }
@@ -49814,6 +50735,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ButtonComponent,
                         MemberCardComponent,
                         TransferOwnershipModalComponent,
+                        MemberImportModalComponent,
+                        ApiKeysModalComponent,
                     ], template: `
     <div class="page">
       <header class="page-header">
@@ -49892,6 +50815,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           <div class="section-body">
             @if (membersLoading()) {
               <val-skeleton-layout [props]="{ preset: 'list', rows: 3 }" />
+            } @else if (membersErrorState()) {
+              <val-empty-state [props]="membersErrorState()!" />
             } @else if (members().length === 0) {
               <val-text
                 [props]="{
@@ -49984,6 +50909,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
               />
             </div>
             <val-button [props]="openInviteButtonProps()" (click)="onOpenInvite()" />
+            <val-button [props]="openImportButtonProps()" (click)="onOpenImport()" />
+            <val-button [props]="openApiKeysButtonProps()" (click)="onOpenApiKeys()" />
           </div>
         </section>
       }
@@ -61254,5 +62181,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CONTENT_CARD_DEFAULTS, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentCardComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DeleteAccountModalComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EditOrgModalComponent, EmailInputComponent, EmptyStateComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FontSizeOption, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INFO_CARD_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoCardComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MemberDetailModalComponent, MenuComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SETTINGS_SECTIONS_CATALOG, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SessionListModalComponent, SessionService, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_NETWORK_ERROR_KEY, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VERSION, ValtechErrorService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildSettingsCards, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAccountRoutes, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor$1 as resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, ApiKeyService, ApiKeysModalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CONTENT_CARD_DEFAULTS, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentCardComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DeleteAccountModalComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EditOrgModalComponent, EmailInputComponent, EmptyStateComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FontSizeOption, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INFO_CARD_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoCardComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MemberDetailModalComponent, MemberImportModalComponent, MenuComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SETTINGS_SECTIONS_CATALOG, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SessionListModalComponent, SessionService, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_NETWORK_ERROR_KEY, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VERSION, ValtechErrorService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildSettingsCards, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAccountRoutes, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor$1 as resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map