valtech-components 4.0.187 → 4.0.189

package/esm2022/lib/version.mjs

@@ -2,5 +2,5 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export const VERSION = '4.0.187';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC4xODcnO1xuIl19
+export const VERSION = '4.0.189';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC4xODknO1xuIl19

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.187';
+const VERSION = '4.0.189';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -8284,6 +8284,19 @@ class AuthService {
                     if (claims.org) {
                         this.stateService.updateActiveOrg(claims.org);
                     }
+                    // Sync isSuperAdmin from JWT in case IsPlatformAdmin changed since last login
+                    const jwtAdmin = claims.admin === true;
+                    if (jwtAdmin !== (storedState.isSuperAdmin ?? false)) {
+                        const roles = storedState.roles ?? [];
+                        const perms = storedState.permissions ?? [];
+                        this.stateService.updatePermissions(roles, perms, jwtAdmin);
+                        this.storageService.savePermissions({
+                            operationId: '',
+                            roles,
+                            permissions: perms,
+                            isSuperAdmin: jwtAdmin,
+                        });
+                    }
                 }
                 // 3. Iniciar timer de refresco proactivo
                 this.startRefreshTimer();
@@ -8670,6 +8683,19 @@ class AuthService {
             this.stateService.updateRefreshToken(response.refreshToken);
             this.storageService.saveAccessToken(response.accessToken, expiresAt);
             this.storageService.saveRefreshToken(response.refreshToken); // self-gate: no-op en cookieOnly
+            // Sync isSuperAdmin from refreshed JWT so platform admin promotion/revocation
+            // takes effect without requiring a full re-login.
+            const parsedToken = this.tokenService.parseToken(response.accessToken);
+            const newIsSuperAdmin = response.permissions?.includes('*:*') || parsedToken?.admin === true || false;
+            const newRoles = response.roles ?? this.state().roles;
+            const newPerms = response.permissions ?? this.state().permissions;
+            this.stateService.updatePermissions(newRoles, newPerms, newIsSuperAdmin);
+            this.storageService.savePermissions({
+                operationId: '',
+                roles: newRoles,
+                permissions: newPerms,
+                isSuperAdmin: newIsSuperAdmin,
+            });
             if (this.config?.enableFirebaseIntegration && response.firebaseToken) {
                 this.signInWithFirebase(response.firebaseToken);
             }
@@ -29621,11 +29647,12 @@ class SectionHeaderComponent {
             title: '',
             ...this.props(),
         }));
+        this.titleClass = computed(() => (this.config().titleSize === 'page' ? 'sh-title sh-title--page' : 'sh-title'));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SectionHeaderComponent, isStandalone: true, selector: "val-section-header", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: `
     <div class="sh-row">
-      <span class="sh-title">{{ config().title }}</span>
+      <span class="sh-title" [ngClass]="titleClass()">{{ config().title }}</span>
       @if (config().action; as act) {
         <val-button [props]="act" (onClick)="actionClick.emit($event)" />
       }
@@ -29638,13 +29665,13 @@ class SectionHeaderComponent {
     @if (config().subtitle) {
       <p class="sh-subtitle">{{ config().subtitle }}</p>
     }
-  `, isInline: true, styles: [":host{display:block}.sh-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sh-title{font-size:1.125rem;font-weight:800;color:var(--val-ink, var(--ion-color-dark, #2f2a36));letter-spacing:-.01em;line-height:1.25;margin:0}.sh-info-link{display:inline-block;margin:4px 0 0;padding:0;background:none;border:none;cursor:pointer;font-size:.8125rem;font-family:inherit;font-weight:600;color:var(--val-section-header-cta-color, var(--ion-color-primary, #3880ff));line-height:1.4;text-align:start}.sh-subtitle{display:block;margin:4px 0 0;font-size:.8125rem;color:var(--val-ink-soft, var(--ion-color-medium, #92949c));line-height:1.4}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
+  `, isInline: true, styles: [":host{display:block}.sh-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sh-title{font-size:1.125rem;font-weight:800;color:var(--val-ink, var(--ion-color-dark, #2f2a36));letter-spacing:-.01em;line-height:1.25;margin:0}.sh-title--page{font-size:1.5rem;line-height:2rem}@media (min-width: 768px){.sh-title--page{font-size:2rem;line-height:2.5rem}}.sh-info-link{display:inline-block;margin:4px 0 0;padding:0;background:none;border:none;cursor:pointer;font-size:.8125rem;font-family:inherit;font-weight:600;color:var(--val-section-header-cta-color, var(--ion-color-primary, #3880ff));line-height:1.4;text-align:start}.sh-subtitle{display:block;margin:4px 0 0;font-size:.8125rem;color:var(--val-ink-soft, var(--ion-color-medium, #92949c));line-height:1.4}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SectionHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'val-section-header', standalone: true, imports: [ButtonComponent], template: `
+            args: [{ selector: 'val-section-header', standalone: true, imports: [ButtonComponent, NgClass], template: `
     <div class="sh-row">
-      <span class="sh-title">{{ config().title }}</span>
+      <span class="sh-title" [ngClass]="titleClass()">{{ config().title }}</span>
       @if (config().action; as act) {
         <val-button [props]="act" (onClick)="actionClick.emit($event)" />
       }
@@ -29657,7 +29684,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
     @if (config().subtitle) {
       <p class="sh-subtitle">{{ config().subtitle }}</p>
     }
-  `, styles: [":host{display:block}.sh-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sh-title{font-size:1.125rem;font-weight:800;color:var(--val-ink, var(--ion-color-dark, #2f2a36));letter-spacing:-.01em;line-height:1.25;margin:0}.sh-info-link{display:inline-block;margin:4px 0 0;padding:0;background:none;border:none;cursor:pointer;font-size:.8125rem;font-family:inherit;font-weight:600;color:var(--val-section-header-cta-color, var(--ion-color-primary, #3880ff));line-height:1.4;text-align:start}.sh-subtitle{display:block;margin:4px 0 0;font-size:.8125rem;color:var(--val-ink-soft, var(--ion-color-medium, #92949c));line-height:1.4}\n"] }]
+  `, styles: [":host{display:block}.sh-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sh-title{font-size:1.125rem;font-weight:800;color:var(--val-ink, var(--ion-color-dark, #2f2a36));letter-spacing:-.01em;line-height:1.25;margin:0}.sh-title--page{font-size:1.5rem;line-height:2rem}@media (min-width: 768px){.sh-title--page{font-size:2rem;line-height:2.5rem}}.sh-info-link{display:inline-block;margin:4px 0 0;padding:0;background:none;border:none;cursor:pointer;font-size:.8125rem;font-family:inherit;font-weight:600;color:var(--val-section-header-cta-color, var(--ion-color-primary, #3880ff));line-height:1.4;text-align:start}.sh-subtitle{display:block;margin:4px 0 0;font-size:.8125rem;color:var(--val-ink-soft, var(--ion-color-medium, #92949c));line-height:1.4}\n"] }]
         }], propDecorators: { actionClick: [{
                 type: Output
             }] } });
@@ -54584,6 +54611,7 @@ class OrganizationViewComponent {
         });
         this.switchOrgSectionProps = computed(() => ({
             title: this.pageTitle(),
+            titleSize: 'page',
             action: {
                 text: this.tt('switchOrgCta'),
                 icon: { name: 'swap-horizontal-outline', slot: 'start' },