valtech-components 4.0.21 → 4.0.22

package/fesm2022/valtech-components.mjs

@@ -56,7 +56,7 @@ import { BrowserMultiFormatReader } from '@zxing/browser';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.21';
+const VERSION = '4.0.22';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -48472,6 +48472,76 @@ function provideValtechAccountRoutes(opts) {
     ];
 }
 
+/**
+ * Resuelve el label legible de un rol para el idioma dado.
+ * Fallback: displayName en otro idioma → role.name (snake_case).
+ */
+function resolveRoleLabel(role, lang) {
+    const label = role.displayName?.[lang] ?? role.displayName?.['es'] ?? role.displayName?.['en'];
+    return label ?? role.name;
+}
+/**
+ * Resuelve el label de un rol a partir de una lista de roles disponibles.
+ * Busca por id o name → usa resolveRoleLabel → fallback: humaniza el name.
+ *
+ * Función canónica de resolución. Reemplaza los keyMaps manuales en org-view y
+ * member-detail-modal. Cubre roles del sistema Y roles custom de app.
+ */
+function resolveRoleLabelFromList(roleIdOrName, roles, lang) {
+    const found = roles.find(r => r.id === roleIdOrName || r.name === roleIdOrName);
+    if (found)
+        return resolveRoleLabel(found, lang);
+    // Humaniza el nombre técnico como último recurso (ej. "bingo_taquilla" → "Bingo Taquilla")
+    return roleIdOrName
+        .split(/[_-]/)
+        .filter(Boolean)
+        .map(w => w.charAt(0).toUpperCase() + w.slice(1))
+        .join(' ');
+}
+/**
+ * Roles del sistema con displayName (es/en). Espejo de SystemRoleLabels (backend Go).
+ * Backend es autoritativo — esto es un seed para renders previos a la carga de la API.
+ */
+const SYSTEM_ROLE_DEFAULTS = [
+    {
+        id: 'viewer',
+        name: 'viewer',
+        isSystem: true,
+        displayName: { es: 'Visualizador', en: 'Viewer' },
+    },
+    { id: 'editor', name: 'editor', isSystem: true, displayName: { es: 'Editor', en: 'Editor' } },
+    {
+        id: 'admin',
+        name: 'admin',
+        isSystem: true,
+        displayName: { es: 'Administrador', en: 'Administrator' },
+    },
+    {
+        id: 'bingo_admin',
+        name: 'bingo_admin',
+        isSystem: true,
+        displayName: { es: 'Admin Bingo', en: 'Bingo Admin' },
+    },
+    {
+        id: 'bingo_tesorero',
+        name: 'bingo_tesorero',
+        isSystem: true,
+        displayName: { es: 'Tesorero', en: 'Treasurer' },
+    },
+    {
+        id: 'bingo_taquilla',
+        name: 'bingo_taquilla',
+        isSystem: true,
+        displayName: { es: 'Taquilla', en: 'Box Office' },
+    },
+    {
+        id: 'bingo_operator',
+        name: 'bingo_operator',
+        isSystem: true,
+        displayName: { es: 'Operador', en: 'Operator' },
+    },
+];
+
 /**
  * Defaults i18n (es/en) embebidos en `val-edit-org-modal`. Auto-registrados en
  * el constructor del componente si el consumer no proveyó el namespace
@@ -48724,15 +48794,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
-/**
- * Resuelve el label legible de un rol para el idioma dado.
- * Fallback: displayName en otro idioma → role.name (snake_case).
- */
-function resolveRoleLabel(role, lang) {
-    const label = role.displayName?.[lang] ?? role.displayName?.['es'] ?? role.displayName?.['en'];
-    return label ?? role.name;
-}
-
 /**
  * Defaults i18n (es/en) embebidos en `val-invite-member-modal`. Auto-registrados
  * en el constructor del componente si el consumer no proveyó el namespace
@@ -48825,11 +48886,7 @@ class InviteMemberModalComponent {
         this.selectedUsers = signal([]);
         this.sending = signal(false);
         this.selectedRole = signal('viewer');
-        this.availableRoles = signal([
-            { id: 'viewer', name: 'viewer' },
-            { id: 'editor', name: 'editor' },
-            { id: 'admin', name: 'admin' },
-        ]);
+        this.availableRoles = signal(SYSTEM_ROLE_DEFAULTS);
         this.roleControl = new FormControl('viewer');
         this.roleSelectProps = computed(() => ({
             control: this.roleControl,
@@ -48868,7 +48925,6 @@ class InviteMemberModalComponent {
         if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$b)) {
             this.i18n.registerContent(DEFAULT_NAMESPACE$b, INVITE_MEMBER_MODAL_I18N);
         }
-        this.loadRoles();
         this.roleSub = this.roleControl.valueChanges.subscribe(v => {
             if (v)
                 this.selectedRole.set(v);
@@ -49015,6 +49071,11 @@ class InviteMemberModalComponent {
             this.sending.set(false);
         }
     }
+    ngOnInit() {
+        // loadRoles aquí (no en constructor) para que @Input() orgId ya esté asignado
+        // por ModalController antes de que corra el hook de inicialización.
+        this.loadRoles();
+    }
     ngOnDestroy() {
         this.roleSub?.unsubscribe();
     }
@@ -49651,18 +49712,7 @@ class MemberDetailModalComponent {
         }
     }
     roleLabel(roleIdOrName) {
-        // Try to find by id first (post-change, UUID stored), then by name (initial load)
-        const found = this.availableRoles.find(r => r.id === roleIdOrName || r.name === roleIdOrName);
-        const name = found?.name ?? roleIdOrName;
-        const keyMap = {
-            viewer: 'roleViewer',
-            editor: 'roleEditor',
-            admin: 'roleAdmin',
-            super_admin: 'roleSuperAdmin',
-        };
-        const key = keyMap[name] ?? name;
-        const label = this.t(key);
-        return label && !label.startsWith('[') ? label : name;
+        return resolveRoleLabelFromList(roleIdOrName, this.availableRoles, this.i18n.lang());
     }
     ngOnDestroy() {
         this.roleSub?.unsubscribe();
@@ -50929,11 +50979,7 @@ class OrganizationViewComponent {
         this.showAllMembers = signal(false);
         this.visibleMembers = computed(() => (this.showAllMembers() ? this.members() : this.members().slice(0, 3)));
         this.transferring = signal(false);
-        this.availableRoles = signal([
-            { id: 'viewer', name: 'viewer' },
-            { id: 'editor', name: 'editor' },
-            { id: 'admin', name: 'admin' },
-        ]);
+        this.availableRoles = signal(SYSTEM_ROLE_DEFAULTS);
         this.activeOrgId = computed(() => {
             const u = this.auth.user();
             return u?.activeOrgId ?? u?.activeOrg ?? '';
@@ -51332,31 +51378,7 @@ class OrganizationViewComponent {
         });
     }
     roleLabel(roleIdOrName) {
-        // Try to find by id first (UUID), then by name
-        const found = this.availableRoles().find(r => r.id === roleIdOrName || r.name === roleIdOrName);
-        const name = found?.name ?? roleIdOrName;
-        const keyMap = {
-            viewer: 'roleViewer',
-            editor: 'roleEditor',
-            admin: 'roleAdmin',
-            super_admin: 'roleSuperAdmin',
-        };
-        // 1) Rol genérico conocido → label i18n. 2) displayName/descripción del backend.
-        // 3) Fallback: humanizar el nombre crudo (ej. "bingo_admin" → "Bingo Admin")
-        //    para no mostrar el código técnico a app-specific roles.
-        const mapped = keyMap[name];
-        if (mapped) {
-            const label = this.tt(mapped);
-            if (label && !label.startsWith('['))
-                return label;
-        }
-        if (found?.description)
-            return found.description;
-        return name
-            .split(/[_-]/)
-            .filter(Boolean)
-            .map(w => w.charAt(0).toUpperCase() + w.slice(1))
-            .join(' ');
+        return resolveRoleLabelFromList(roleIdOrName, this.availableRoles(), this.i18n.lang());
     }
     onViewMember(member) {
         void this.modalService.openAdaptive({