@acontplus/ng-auth 1.1.1 → 1.1.3

package/fesm2022/acontplus-ng-auth.mjs

@@ -1,15 +1,15 @@
-import { UserRepository, BaseUseCase, LoggingService } from '@acontplus/ng-infrastructure';
+import { UserRepository, BaseUseCase, TOKEN_PROVIDER, LoggingService } from '@acontplus/ng-infrastructure';
 export { TOKEN_PROVIDER } from '@acontplus/ng-infrastructure';
 import * as i0 from '@angular/core';
-import { inject, PLATFORM_ID, Injectable, NgZone, signal, input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { inject, PLATFORM_ID, Injectable, NgZone, signal, input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 import { Router } from '@angular/router';
+import { of, tap, catchError, throwError, firstValueFrom, map, from } from 'rxjs';
 import * as i1 from '@angular/common';
 import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
 import { jwtDecode } from 'jwt-decode';
 import { ENVIRONMENT, AUTH_API } from '@acontplus/ng-config';
-import { catchError, switchMap } from 'rxjs/operators';
-import { throwError, from, of, tap, catchError as catchError$1 } from 'rxjs';
-import { HttpClient } from '@angular/common/http';
+import { HttpClient, HttpContextToken } from '@angular/common/http';
+import { catchError as catchError$1, switchMap } from 'rxjs/operators';
 import * as i2 from '@angular/forms';
 import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
 import { MatCard, MatCardHeader, MatCardTitle, MatCardContent, MatCardFooter } from '@angular/material/card';
@@ -19,6 +19,9 @@ import { MatIcon } from '@angular/material/icon';
 import { MatButton, MatAnchor } from '@angular/material/button';
 import { MatCheckbox } from '@angular/material/checkbox';
 
+class AuthRepository {
+}
+
 class TokenRepository {
     environment = inject(ENVIRONMENT);
     platformId = inject(PLATFORM_ID);
@@ -28,7 +31,7 @@ class TokenRepository {
             this.setRefreshToken(tokens.refreshToken, rememberMe);
         }
     }
-    getAccessToken() {
+    getToken() {
         if (!isPlatformBrowser(this.platformId)) {
             return null;
         }
@@ -74,7 +77,7 @@ class TokenRepository {
         sessionStorage.removeItem(this.environment.refreshTokenKey);
     }
     isAuthenticated() {
-        const accessToken = this.getAccessToken();
+        const accessToken = this.getToken();
         if (!accessToken) {
             return false;
         }
@@ -89,7 +92,7 @@ class TokenRepository {
         }
     }
     needsRefresh() {
-        const accessToken = this.getAccessToken();
+        const accessToken = this.getToken();
         if (!accessToken) {
             return false;
         }
@@ -105,7 +108,7 @@ class TokenRepository {
         }
     }
     getTokenPayload() {
-        const token = this.getAccessToken();
+        const token = this.getToken();
         if (!token)
             return null;
         try {
@@ -137,289 +140,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
                 }]
         }] });
 
-class AuthTokenService {
-    tokenRepository = inject(TokenRepository);
-    getToken() {
-        return this.tokenRepository.getAccessToken();
-    }
-    isAuthenticated() {
-        return this.tokenRepository.isAuthenticated();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthTokenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthTokenService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthTokenService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-/**
- * Service to manage URL redirection after authentication
- * Stores the intended URL when session is lost and redirects to it after successful login
- * SSR-compatible by checking platform before accessing sessionStorage
- */
-class UrlRedirectService {
-    REDIRECT_URL_KEY = 'acp_redirect_url';
-    EXCLUDED_ROUTES = [
-        '/login',
-        '/auth',
-        '/register',
-        '/forgot-password',
-        '/reset-password',
-    ];
-    router = inject(Router);
-    platformId = inject(PLATFORM_ID);
-    document = inject(DOCUMENT);
-    /**
-     * Stores the current URL for later redirection
-     * @param url - The URL to store (defaults to current URL)
-     */
-    storeIntendedUrl(url) {
-        // Only store in browser environment
-        if (!this.isBrowser()) {
-            return;
-        }
-        const urlToStore = url || this.router.url;
-        // Don't store authentication-related routes
-        if (this.isExcludedRoute(urlToStore)) {
-            return;
-        }
-        // Don't store URLs with query parameters that might contain sensitive data
-        const urlWithoutParams = urlToStore.split('?')[0];
-        this.getSessionStorage()?.setItem(this.REDIRECT_URL_KEY, urlWithoutParams);
-    }
-    /**
-     * Gets the stored intended URL
-     * @returns The stored URL or null if none exists
-     */
-    getIntendedUrl() {
-        if (!this.isBrowser()) {
-            return null;
-        }
-        return this.getSessionStorage()?.getItem(this.REDIRECT_URL_KEY) || null;
-    }
-    /**
-     * Redirects to the stored URL and clears it from storage
-     * @param defaultRoute - The default route to navigate to if no URL is stored
-     */
-    redirectToIntendedUrl(defaultRoute = '/') {
-        const intendedUrl = this.getIntendedUrl();
-        if (intendedUrl && !this.isExcludedRoute(intendedUrl)) {
-            this.clearIntendedUrl();
-            this.router.navigateByUrl(intendedUrl);
-        }
-        else {
-            this.router.navigate([defaultRoute]);
-        }
-    }
-    /**
-     * Clears the stored intended URL
-     */
-    clearIntendedUrl() {
-        if (!this.isBrowser()) {
-            return;
-        }
-        this.getSessionStorage()?.removeItem(this.REDIRECT_URL_KEY);
-    }
-    /**
-     * Checks if a URL should be excluded from redirection
-     * @param url - The URL to check
-     * @returns True if the URL should be excluded
-     */
-    isExcludedRoute(url) {
-        return this.EXCLUDED_ROUTES.some(route => url.includes(route));
-    }
-    /**
-     * Stores the current URL if it's not an excluded route
-     * Useful for guards and interceptors
-     */
-    storeCurrentUrlIfAllowed() {
-        const currentUrl = this.router.url;
-        if (!this.isExcludedRoute(currentUrl)) {
-            this.storeIntendedUrl(currentUrl);
-        }
-    }
-    /**
-     * Checks if we're running in a browser environment
-     * @returns True if running in browser, false if SSR
-     */
-    isBrowser() {
-        return isPlatformBrowser(this.platformId);
-    }
-    /**
-     * Safely gets sessionStorage reference
-     * @returns sessionStorage object or null if not available
-     */
-    getSessionStorage() {
-        if (!this.isBrowser()) {
-            return null;
-        }
-        try {
-            return this.document.defaultView?.sessionStorage || null;
-        }
-        catch {
-            // Handle cases where sessionStorage might be disabled
-            return null;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: UrlRedirectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: UrlRedirectService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: UrlRedirectService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-const authGuard = (_route, state) => {
-    const authService = inject(AuthTokenService);
-    const router = inject(Router);
-    const urlRedirectService = inject(UrlRedirectService);
-    const environment = inject(ENVIRONMENT);
-    if (authService.isAuthenticated()) {
-        return true;
-    }
-    // Store the current URL for redirection after login
-    urlRedirectService.storeIntendedUrl(state.url);
-    // Redirect to login page (configurable via environment)
-    router.navigate([environment.loginRoute]);
-    return false;
-};
-
-/**
- * Interceptor that handles authentication errors and manages URL redirection
- * Captures the current URL when a 401 error occurs and redirects to login
- */
-const authRedirectInterceptor = (req, next) => {
-    const router = inject(Router);
-    const urlRedirectService = inject(UrlRedirectService);
-    const authTokenService = inject(AuthTokenService);
-    const environment = inject(ENVIRONMENT);
-    return next(req).pipe(catchError((error) => {
-        // Handle 401 Unauthorized errors
-        if (error.status === 401) {
-            // Only store and redirect if user was previously authenticated
-            // This prevents redirect loops and handles session expiry scenarios
-            if (authTokenService.isAuthenticated()) {
-                // Store the current URL for redirection after re-authentication
-                urlRedirectService.storeCurrentUrlIfAllowed();
-                // Navigate to login page
-                router.navigate([environment.loginRoute]);
-            }
-        }
-        // Re-throw the error so other error handlers can process it
-        return throwError(() => error);
-    }));
-};
-
-// src/lib/domain/models/auth.ts
-
-// src/lib/domain/models/index.ts
-
-class AuthRepository {
-}
-
-// src/lib/domain/repositories/index.ts
-
-// src/lib/domain/index.ts
-
-// src/lib/services/csrf.service.ts
-class CsrfService {
-    http = inject(HttpClient);
-    environment = inject(ENVIRONMENT);
-    csrfToken = null;
-    /**
-     * Get CSRF token, fetching it if not available
-     */
-    async getCsrfToken() {
-        if (this.csrfToken) {
-            return this.csrfToken;
-        }
-        try {
-            const response = await this.http
-                .get(`${this.environment.apiBaseUrl}/csrf-token`)
-                .toPromise();
-            this.csrfToken = response?.csrfToken || null;
-            return this.csrfToken || '';
-        }
-        catch {
-            // If CSRF endpoint fails, return empty token
-            // Server should handle missing CSRF tokens appropriately
-            return '';
-        }
-    }
-    /**
-     * Clear stored CSRF token (useful on logout)
-     */
-    clearCsrfToken() {
-        this.csrfToken = null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: CsrfService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: CsrfService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: CsrfService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-// src/lib/data/repositories/auth-http.repository.ts
-function getDeviceInfo() {
-    return `${navigator.platform ?? 'Unknown'} - ${navigator.userAgent}`;
-}
-class AuthHttpRepository extends AuthRepository {
-    http = inject(HttpClient);
-    csrfService = inject(CsrfService);
-    URL = `${AUTH_API.ACCOUNT}`;
-    login(request) {
-        return from(this.csrfService.getCsrfToken()).pipe(switchMap(csrfToken => this.http.post(`${this.URL}login`, request, {
-            headers: {
-                'Device-Info': getDeviceInfo(),
-                'X-CSRF-Token': csrfToken,
-            },
-            withCredentials: true,
-        })));
-    }
-    register(request) {
-        return from(this.csrfService.getCsrfToken()).pipe(switchMap(csrfToken => this.http.post(`${this.URL}register`, request, {
-            headers: {
-                'Device-Info': getDeviceInfo(),
-                'X-CSRF-Token': csrfToken,
-            },
-            withCredentials: true,
-        })));
-    }
-    refreshToken(request) {
-        return from(this.csrfService.getCsrfToken()).pipe(switchMap(csrfToken => this.http.post(`${this.URL}refresh`, request, {
-            headers: {
-                'Device-Info': getDeviceInfo(),
-                'X-CSRF-Token': csrfToken,
-            },
-            withCredentials: true,
-        })));
-    }
-    logout(email, refreshToken) {
-        return from(this.csrfService.getCsrfToken()).pipe(switchMap(csrfToken => this.http.post(`${this.URL}logout`, { email, refreshToken: refreshToken || undefined }, {
-            headers: { 'X-CSRF-Token': csrfToken },
-            withCredentials: true, // Ensure cookies are sent
-        })));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthHttpRepository, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthHttpRepository, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthHttpRepository, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-// src/lib/data/repositories/index.ts
-
-// src/lib/data/index.ts
-
 // src/lib/presentation/stores/auth.store.ts
 class AuthStore {
     authRepository = inject(AuthRepository);
@@ -466,7 +186,7 @@ class AuthStore {
      * Schedule token refresh based on actual expiration time
      */
     scheduleTokenRefresh() {
-        const accessToken = this.tokenRepository.getAccessToken();
+        const accessToken = this.tokenRepository.getToken();
         if (!accessToken) {
             return;
         }
@@ -525,7 +245,7 @@ class AuthStore {
         })
             .pipe(tap(tokens => {
             this.setAuthenticated(tokens);
-        }), catchError$1(() => {
+        }), catchError(() => {
             this.logout();
             return of(null);
         }), tap({
@@ -549,84 +269,203 @@ class AuthStore {
         this.scheduleTokenRefresh();
     }
     /**
-     * Logout user and clear all authentication data
+     * Logout user and clear all authentication data
+     */
+    logout() {
+        const user = this._user();
+        if (user) {
+            // Call server-side logout first
+            this.authRepository.logout(user.email, '').subscribe({
+                next: () => {
+                    // Server logout successful, clear client-side data
+                    this.performClientLogout();
+                },
+                error: () => {
+                    // Server logout failed, still clear client-side data for security
+                    this.performClientLogout();
+                },
+            });
+        }
+        else {
+            // No user data, just clear client-side data
+            this.performClientLogout();
+        }
+    }
+    /**
+     * Perform client-side logout operations
+     */
+    performClientLogout() {
+        this.stopTokenRefreshTimer();
+        this.tokenRepository.clearTokens();
+        this._isAuthenticated.set(false);
+        this._user.set(null);
+        // Navigate to login page
+        this.router.navigate(['/auth']);
+    }
+    /**
+     * Check if user is authenticated
+     */
+    checkAuthentication() {
+        const isAuthenticated = this.tokenRepository.isAuthenticated();
+        this._isAuthenticated.set(isAuthenticated);
+        if (!isAuthenticated) {
+            this.logout();
+        }
+        return isAuthenticated;
+    }
+    /**
+     * Decode JWT token
+     */
+    decodeToken(token) {
+        try {
+            const base64Url = token.split('.')[1];
+            const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+            const jsonPayload = decodeURIComponent(atob(base64)
+                .split('')
+                .map(c => {
+                return `%${`00${c.charCodeAt(0).toString(16)}`.slice(-2)}`;
+            })
+                .join(''));
+            return JSON.parse(jsonPayload);
+        }
+        catch {
+            throw new Error('Invalid token format');
+        }
+    }
+    /**
+     * Cleanup on store destruction
+     */
+    ngOnDestroy() {
+        this.stopTokenRefreshTimer();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthStore, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthStore, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Service to manage URL redirection after authentication
+ * Stores the intended URL when session is lost and redirects to it after successful login
+ * SSR-compatible by checking platform before accessing sessionStorage
+ */
+class UrlRedirectService {
+    REDIRECT_URL_KEY = 'acp_redirect_url';
+    EXCLUDED_ROUTES = [
+        '/login',
+        '/auth',
+        '/register',
+        '/forgot-password',
+        '/reset-password',
+    ];
+    router = inject(Router);
+    platformId = inject(PLATFORM_ID);
+    document = inject(DOCUMENT);
+    /**
+     * Stores the current URL for later redirection
+     * @param url - The URL to store (defaults to current URL)
+     */
+    storeIntendedUrl(url) {
+        // Only store in browser environment
+        if (!this.isBrowser()) {
+            return;
+        }
+        const urlToStore = url || this.router.url;
+        // Don't store authentication-related routes
+        if (this.isExcludedRoute(urlToStore)) {
+            return;
+        }
+        // Don't store URLs with query parameters that might contain sensitive data
+        const urlWithoutParams = urlToStore.split('?')[0];
+        this.getSessionStorage()?.setItem(this.REDIRECT_URL_KEY, urlWithoutParams);
+    }
+    /**
+     * Gets the stored intended URL
+     * @returns The stored URL or null if none exists
+     */
+    getIntendedUrl() {
+        if (!this.isBrowser()) {
+            return null;
+        }
+        return this.getSessionStorage()?.getItem(this.REDIRECT_URL_KEY) || null;
+    }
+    /**
+     * Redirects to the stored URL and clears it from storage
+     * @param defaultRoute - The default route to navigate to if no URL is stored
+     */
+    redirectToIntendedUrl(defaultRoute = '/') {
+        const intendedUrl = this.getIntendedUrl();
+        if (intendedUrl && !this.isExcludedRoute(intendedUrl)) {
+            this.clearIntendedUrl();
+            this.router.navigateByUrl(intendedUrl);
+        }
+        else {
+            this.router.navigate([defaultRoute]);
+        }
+    }
+    /**
+     * Clears the stored intended URL
      */
-    logout() {
-        const user = this._user();
-        if (user) {
-            // Call server-side logout first
-            this.authRepository.logout(user.email, '').subscribe({
-                next: () => {
-                    // Server logout successful, clear client-side data
-                    this.performClientLogout();
-                },
-                error: () => {
-                    // Server logout failed, still clear client-side data for security
-                    this.performClientLogout();
-                },
-            });
-        }
-        else {
-            // No user data, just clear client-side data
-            this.performClientLogout();
+    clearIntendedUrl() {
+        if (!this.isBrowser()) {
+            return;
         }
+        this.getSessionStorage()?.removeItem(this.REDIRECT_URL_KEY);
     }
     /**
-     * Perform client-side logout operations
+     * Checks if a URL should be excluded from redirection
+     * @param url - The URL to check
+     * @returns True if the URL should be excluded
      */
-    performClientLogout() {
-        this.stopTokenRefreshTimer();
-        this.tokenRepository.clearTokens();
-        this._isAuthenticated.set(false);
-        this._user.set(null);
-        // Navigate to login page
-        this.router.navigate(['/auth']);
+    isExcludedRoute(url) {
+        return this.EXCLUDED_ROUTES.some(route => url.includes(route));
     }
     /**
-     * Check if user is authenticated
+     * Stores the current URL if it's not an excluded route
+     * Useful for guards and interceptors
      */
-    checkAuthentication() {
-        const isAuthenticated = this.tokenRepository.isAuthenticated();
-        this._isAuthenticated.set(isAuthenticated);
-        if (!isAuthenticated) {
-            this.logout();
+    storeCurrentUrlIfAllowed() {
+        const currentUrl = this.router.url;
+        if (!this.isExcludedRoute(currentUrl)) {
+            this.storeIntendedUrl(currentUrl);
         }
-        return isAuthenticated;
     }
     /**
-     * Decode JWT token
+     * Checks if we're running in a browser environment
+     * @returns True if running in browser, false if SSR
      */
-    decodeToken(token) {
+    isBrowser() {
+        return isPlatformBrowser(this.platformId);
+    }
+    /**
+     * Safely gets sessionStorage reference
+     * @returns sessionStorage object or null if not available
+     */
+    getSessionStorage() {
+        if (!this.isBrowser()) {
+            return null;
+        }
         try {
-            const base64Url = token.split('.')[1];
-            const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
-            const jsonPayload = decodeURIComponent(atob(base64)
-                .split('')
-                .map(c => {
-                return `%${`00${c.charCodeAt(0).toString(16)}`.slice(-2)}`;
-            })
-                .join(''));
-            return JSON.parse(jsonPayload);
+            return this.document.defaultView?.sessionStorage || null;
         }
         catch {
-            throw new Error('Invalid token format');
+            // Handle cases where sessionStorage might be disabled
+            return null;
         }
     }
-    /**
-     * Cleanup on store destruction
-     */
-    ngOnDestroy() {
-        this.stopTokenRefreshTimer();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthStore, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: UrlRedirectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: UrlRedirectService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: UrlRedirectService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
 // src/lib/application/use-cases/login.use-case.ts
 class LoginUseCase extends BaseUseCase {
@@ -698,7 +537,7 @@ class RefreshTokenUseCase extends BaseUseCase {
             const rememberMe = this.tokenRepository.isRememberMeEnabled();
             // Update authentication state
             this.authStore.setAuthenticated(tokens, rememberMe);
-        }), catchError$1(error => {
+        }), catchError(error => {
             // Don't logout here, let the interceptor handle it
             return throwError(() => error);
         }));
@@ -748,6 +587,202 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
 
 // src/lib/application/index.ts
 
+// src/lib/data/repositories/auth-http.repository.ts
+function getDeviceInfo() {
+    return `${navigator.platform ?? 'Unknown'} - ${navigator.userAgent}`;
+}
+class AuthHttpRepository extends AuthRepository {
+    http = inject(HttpClient);
+    URL = `${AUTH_API.ACCOUNT}`;
+    login(request) {
+        return this.http.post(`${this.URL}login`, request, {
+            headers: {
+                'Device-Info': getDeviceInfo(),
+            },
+            withCredentials: true,
+        });
+    }
+    register(request) {
+        return this.http.post(`${this.URL}register`, request, {
+            headers: {
+                'Device-Info': getDeviceInfo(),
+            },
+            withCredentials: true,
+        });
+    }
+    refreshToken(request) {
+        return this.http.post(`${this.URL}refresh`, request, {
+            headers: {
+                'Device-Info': getDeviceInfo(),
+            },
+            withCredentials: true,
+        });
+    }
+    logout(email, refreshToken) {
+        return this.http.post(`${this.URL}logout`, { email, refreshToken: refreshToken || undefined }, {
+            headers: {},
+            withCredentials: true, // Ensure cookies are sent
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthHttpRepository, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthHttpRepository, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: AuthHttpRepository, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+// src/lib/data/repositories/index.ts
+
+// src/lib/data/index.ts
+
+// src/lib/domain/models/auth.ts
+
+// src/lib/domain/models/index.ts
+
+// src/lib/domain/repositories/index.ts
+
+// src/lib/domain/index.ts
+
+const authGuard = (_route, state) => {
+    const tokenRepository = inject(TokenRepository);
+    const router = inject(Router);
+    const urlRedirectService = inject(UrlRedirectService);
+    const environment = inject(ENVIRONMENT);
+    if (tokenRepository.isAuthenticated()) {
+        return true;
+    }
+    // Store the current URL for redirection after login
+    urlRedirectService.storeIntendedUrl(state.url);
+    // Redirect to login page (configurable via environment)
+    router.navigate([environment.loginRoute]);
+    return false;
+};
+
+/**
+ * Interceptor that handles authentication errors and manages URL redirection
+ * Captures the current URL when a 401 error occurs and redirects to login
+ */
+const authRedirectInterceptor = (req, next) => {
+    const router = inject(Router);
+    const urlRedirectService = inject(UrlRedirectService);
+    const tokenRepository = inject(TokenRepository);
+    const environment = inject(ENVIRONMENT);
+    return next(req).pipe(catchError$1((error) => {
+        // Handle 401 Unauthorized errors
+        if (error.status === 401) {
+            // Only store and redirect if user was previously authenticated
+            // This prevents redirect loops and handles session expiry scenarios
+            if (tokenRepository.isAuthenticated()) {
+                // Store the current URL for redirection after re-authentication
+                urlRedirectService.storeCurrentUrlIfAllowed();
+                // Navigate to login page
+                router.navigate([environment.loginRoute]);
+            }
+        }
+        // Re-throw the error so other error handlers can process it
+        return throwError(() => error);
+    }));
+};
+
+// src/lib/services/csrf.service.ts
+class CsrfService {
+    http = inject(HttpClient);
+    csrfToken = null;
+    /**
+     * Get CSRF token, fetching it if not available
+     */
+    async getCsrfToken() {
+        if (this.csrfToken) {
+            return this.csrfToken;
+        }
+        try {
+            this.csrfToken = await firstValueFrom(this.http
+                .get('/csrf-token')
+                .pipe(map(response => response.csrfToken)));
+            return this.csrfToken || '';
+        }
+        catch {
+            // If CSRF endpoint fails, return empty token
+            // Server should handle missing CSRF tokens appropriately
+            return '';
+        }
+    }
+    /**
+     * Clear stored CSRF token (useful on logout)
+     */
+    clearCsrfToken() {
+        this.csrfToken = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: CsrfService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: CsrfService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: CsrfService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+// A token to use with HttpContext for skipping CSRF token addition on specific requests.
+const SKIP_CSRF = new HttpContextToken(() => false);
+/**
+ * HTTP interceptor that automatically adds CSRF tokens to state-changing requests
+ * Only applies to requests to the same origin to avoid leaking tokens to external APIs
+ */
+const csrfInterceptor = (req, next) => {
+    const csrfService = inject(CsrfService);
+    // Check if CSRF should be skipped for this request
+    const skipCsrf = req.context.get(SKIP_CSRF);
+    if (skipCsrf) {
+        return next(req);
+    }
+    // Only add CSRF token to state-changing requests (POST, PUT, PATCH, DELETE)
+    const isStateChangingMethod = ['POST', 'PUT', 'PATCH', 'DELETE'].includes(req.method.toUpperCase());
+    // Only add CSRF token to same-origin requests
+    const isSameOrigin = isRequestToSameOrigin(req);
+    if (isStateChangingMethod && isSameOrigin) {
+        return from(csrfService.getCsrfToken()).pipe(switchMap(csrfToken => {
+            const modifiedReq = req.clone({
+                setHeaders: {
+                    'X-CSRF-Token': csrfToken,
+                },
+            });
+            return next(modifiedReq);
+        }));
+    }
+    // For non-state-changing requests or external requests, proceed without modification
+    return next(req);
+};
+/**
+ * Checks if the request is going to the same origin as the current application
+ */
+function isRequestToSameOrigin(req) {
+    try {
+        const requestUrl = new URL(req.url, window.location.origin);
+        return requestUrl.origin === window.location.origin;
+    }
+    catch {
+        // If URL parsing fails, assume it's not same origin for security
+        return false;
+    }
+}
+
+const authProviders = [
+    {
+        provide: AuthRepository,
+        useClass: AuthHttpRepository,
+    },
+    {
+        provide: TOKEN_PROVIDER,
+        useClass: TokenRepository,
+    },
+];
+
+// src/lib/providers/index.ts
+
 // src/lib/presentation/stores/index.ts
 
 // src/lib/presentation/components/login/login.component.ts
@@ -848,7 +883,7 @@ class LoginComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: LoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: LoginComponent, isStandalone: true, selector: "acp-login", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showRegisterButton: { classPropertyName: "showRegisterButton", publicName: "showRegisterButton", isSignal: true, isRequired: false, transformFunction: null }, showRememberMe: { classPropertyName: "showRememberMe", publicName: "showRememberMe", isSignal: true, isRequired: false, transformFunction: null }, additionalSigninControls: { classPropertyName: "additionalSigninControls", publicName: "additionalSigninControls", isSignal: true, isRequired: false, transformFunction: null }, additionalSignupControls: { classPropertyName: "additionalSignupControls", publicName: "additionalSignupControls", isSignal: true, isRequired: false, transformFunction: null }, additionalSigninFields: { classPropertyName: "additionalSigninFields", publicName: "additionalSigninFields", isSignal: true, isRequired: false, transformFunction: null }, additionalSignupFields: { classPropertyName: "additionalSignupFields", publicName: "additionalSignupFields", isSignal: true, isRequired: false, transformFunction: null }, footerContent: { classPropertyName: "footerContent", publicName: "footerContent", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section id=\"wrapper\" class=\"d-flex justify-content-center align-items-center\">\n  <mat-card class=\"mat-elevation-z8 p-4 rounded\">\n    <mat-card-header>\n      <mat-card-title class=\"text-center\">{{ title() }}</mat-card-title>\n    </mat-card-header>\n    <mat-card-content>\n      @if (isLoginMode()) {\n        <form [formGroup]=\"signinForm\" (ngSubmit)=\"signIn()\" class=\"d-flex flex-column gap-3\">\n          <mat-form-field class=\"w-100\">\n            <mat-label>Usuario</mat-label>\n            <input matInput type=\"text\" placeholder=\"Ingrese su usuario\" formControlName=\"email\" />\n          </mat-form-field>\n\n          <mat-form-field class=\"w-100\">\n            <mat-label>Contrase\u00F1a</mat-label>\n            <input\n              matInput\n              type=\"password\"\n              placeholder=\"Ingrese su contrase\u00F1a\"\n              formControlName=\"password\"\n              autocomplete=\"current-password\"\n            />\n          </mat-form-field>\n\n          <!-- Remember Me checkbox - conditional -->\n          @if (showRememberMe()) {\n            <div class=\"d-flex align-items-center mt-2\">\n              <mat-checkbox formControlName=\"rememberMe\"> Recordarme </mat-checkbox>\n            </div>\n          }\n\n          <!-- Additional signin fields -->\n          <ng-container *ngTemplateOutlet=\"additionalSigninFields()\"></ng-container>\n\n          <div class=\"d-flex justify-content-center mt-3\">\n            <button\n              mat-raised-button\n              color=\"primary\"\n              [disabled]=\"!signinForm.valid || isLoading()\"\n              type=\"submit\"\n              class=\"w-100\"\n            >\n              @if (isLoading()) {\n                Ingresando...\n              } @else {\n                <ng-container>Ingresar <mat-icon>login</mat-icon></ng-container>\n              }\n            </button>\n          </div>\n\n          <div class=\"text-center mt-2\">\n            @if (showRegisterButton()) {\n              <button mat-button type=\"button\" (click)=\"switchMode()\">\n                \u00BFNo tienes cuenta? Reg\u00EDstrate\n              </button>\n            }\n          </div>\n        </form>\n      } @else {\n        <form [formGroup]=\"signupForm\" (ngSubmit)=\"registerUser()\" class=\"d-flex flex-column gap-3\">\n          <mat-form-field class=\"w-100\">\n            <mat-label>Nombre</mat-label>\n            <input\n              matInput\n              type=\"text\"\n              placeholder=\"Ingrese su nombre\"\n              formControlName=\"displayName\"\n            />\n          </mat-form-field>\n\n          <mat-form-field class=\"w-100\">\n            <mat-label>Email</mat-label>\n            <input matInput type=\"email\" placeholder=\"Ingrese su email\" formControlName=\"email\" />\n          </mat-form-field>\n\n          <mat-form-field class=\"w-100\">\n            <mat-label>Contrase\u00F1a</mat-label>\n            <input\n              matInput\n              type=\"password\"\n              placeholder=\"Ingrese su contrase\u00F1a\"\n              formControlName=\"password\"\n              autocomplete=\"new-password\"\n            />\n          </mat-form-field>\n\n          <!-- Additional signup fields -->\n          <ng-container *ngTemplateOutlet=\"additionalSignupFields()\"></ng-container>\n\n          <div class=\"d-flex justify-content-center mt-3\">\n            <button\n              mat-raised-button\n              color=\"primary\"\n              [disabled]=\"!signupForm.valid || isLoading()\"\n              type=\"submit\"\n              class=\"w-100\"\n            >\n              @if (isLoading()) {\n                Registrando...\n              } @else {\n                <ng-container>Registrarse <mat-icon>person_add</mat-icon></ng-container>\n              }\n            </button>\n          </div>\n\n          <div class=\"text-center mt-2\">\n            <button mat-button type=\"button\" (click)=\"switchMode()\">\n              \u00BFYa tienes cuenta? Inicia sesi\u00F3n\n            </button>\n          </div>\n        </form>\n      }\n      @if (errorMessage()) {\n        <div class=\"alert alert-danger mt-3\" role=\"alert\">\n          {{ errorMessage() }}\n        </div>\n      }\n    </mat-card-content>\n    @if (hasFooterContent()) {\n      <mat-card-footer>\n        <ng-container *ngTemplateOutlet=\"footerContent()\"></ng-container>\n      </mat-card-footer>\n    }\n  </mat-card>\n</section>\n", styles: ["#wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mdc-theme-primary, #5c5f5c) 0%,var(--mdc-theme-secondary, #79747e) 100%);padding:20px}mat-card{width:100%;max-width:400px;border-radius:12px;box-shadow:0 8px 32px #0000001a}mat-card-header{text-align:center;margin-bottom:20px}mat-card-title{font-size:24px;font-weight:600;color:var(--mdc-theme-on-surface, #1c1b1f)}mat-form-field{width:100%}.w-100{width:100%}.d-flex{display:flex}.flex-column{flex-direction:column}.gap-3{gap:12px}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.mt-3{margin-top:12px}.mt-2{margin-top:8px}.text-center{text-align:center}.p-4{padding:16px}.rounded{border-radius:12px}.alert-danger{background-color:var(--mdc-theme-error-container, #ffdad6);border-color:var(--mdc-theme-error, #ba1a1a);color:var(--mdc-theme-on-error-container, #410002);padding:12px;border-radius:4px;border:1px solid transparent}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col-xs-12,.col-sm-12,.col-md-12{flex:0 0 100%;max-width:100%;padding:0 15px}.m-t-10{margin-top:10px}.social{display:flex;justify-content:center}mat-button{border-radius:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: LoginComponent, isStandalone: true, selector: "acp-login", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showRegisterButton: { classPropertyName: "showRegisterButton", publicName: "showRegisterButton", isSignal: true, isRequired: false, transformFunction: null }, showRememberMe: { classPropertyName: "showRememberMe", publicName: "showRememberMe", isSignal: true, isRequired: false, transformFunction: null }, additionalSigninControls: { classPropertyName: "additionalSigninControls", publicName: "additionalSigninControls", isSignal: true, isRequired: false, transformFunction: null }, additionalSignupControls: { classPropertyName: "additionalSignupControls", publicName: "additionalSignupControls", isSignal: true, isRequired: false, transformFunction: null }, additionalSigninFields: { classPropertyName: "additionalSigninFields", publicName: "additionalSigninFields", isSignal: true, isRequired: false, transformFunction: null }, additionalSignupFields: { classPropertyName: "additionalSignupFields", publicName: "additionalSignupFields", isSignal: true, isRequired: false, transformFunction: null }, footerContent: { classPropertyName: "footerContent", publicName: "footerContent", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<mat-card class=\"mat-elevation-z8 p-4 rounded\">\n  <mat-card-header>\n    <mat-card-title class=\"text-center\">{{ title() }}</mat-card-title>\n  </mat-card-header>\n  <mat-card-content>\n    @if (isLoginMode()) {\n      <form [formGroup]=\"signinForm\" (ngSubmit)=\"signIn()\" class=\"d-flex flex-column gap-3\">\n        <mat-form-field class=\"w-100\">\n          <mat-label>Usuario</mat-label>\n          <input matInput type=\"text\" placeholder=\"Ingrese su usuario\" formControlName=\"email\" />\n        </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n          <mat-label>Contrase\u00F1a</mat-label>\n          <input\n            matInput\n            type=\"password\"\n            placeholder=\"Ingrese su contrase\u00F1a\"\n            formControlName=\"password\"\n            autocomplete=\"current-password\"\n          />\n        </mat-form-field>\n\n        <!-- Remember Me checkbox - conditional -->\n        @if (showRememberMe()) {\n          <div class=\"d-flex align-items-center mt-2\">\n            <mat-checkbox formControlName=\"rememberMe\"> Recordarme </mat-checkbox>\n          </div>\n        }\n\n        <!-- Additional signin fields -->\n        <ng-container *ngTemplateOutlet=\"additionalSigninFields()\"></ng-container>\n\n        <div class=\"d-flex justify-content-center mt-3\">\n          <button\n            mat-raised-button\n            color=\"primary\"\n            [disabled]=\"!signinForm.valid || isLoading()\"\n            type=\"submit\"\n            class=\"w-100\"\n          >\n            @if (isLoading()) {\n              Ingresando...\n            } @else {\n              <ng-container>Ingresar <mat-icon>login</mat-icon></ng-container>\n            }\n          </button>\n        </div>\n\n        <div class=\"text-center mt-2\">\n          @if (showRegisterButton()) {\n            <button mat-button type=\"button\" (click)=\"switchMode()\">\n              \u00BFNo tienes cuenta? Reg\u00EDstrate\n            </button>\n          }\n        </div>\n      </form>\n    } @else {\n      <form [formGroup]=\"signupForm\" (ngSubmit)=\"registerUser()\" class=\"d-flex flex-column gap-3\">\n        <mat-form-field class=\"w-100\">\n          <mat-label>Nombre</mat-label>\n          <input\n            matInput\n            type=\"text\"\n            placeholder=\"Ingrese su nombre\"\n            formControlName=\"displayName\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n          <mat-label>Email</mat-label>\n          <input matInput type=\"email\" placeholder=\"Ingrese su email\" formControlName=\"email\" />\n        </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n          <mat-label>Contrase\u00F1a</mat-label>\n          <input\n            matInput\n            type=\"password\"\n            placeholder=\"Ingrese su contrase\u00F1a\"\n            formControlName=\"password\"\n            autocomplete=\"new-password\"\n          />\n        </mat-form-field>\n\n        <!-- Additional signup fields -->\n        <ng-container *ngTemplateOutlet=\"additionalSignupFields()\"></ng-container>\n\n        <div class=\"d-flex justify-content-center mt-3\">\n          <button\n            mat-raised-button\n            color=\"primary\"\n            [disabled]=\"!signupForm.valid || isLoading()\"\n            type=\"submit\"\n            class=\"w-100\"\n          >\n            @if (isLoading()) {\n              Registrando...\n            } @else {\n              <ng-container>Registrarse <mat-icon>person_add</mat-icon></ng-container>\n            }\n          </button>\n        </div>\n\n        <div class=\"text-center mt-2\">\n          <button mat-button type=\"button\" (click)=\"switchMode()\">\n            \u00BFYa tienes cuenta? Inicia sesi\u00F3n\n          </button>\n        </div>\n      </form>\n    }\n    @if (errorMessage()) {\n      <div class=\"alert alert-danger mt-3\" role=\"alert\">\n        {{ errorMessage() }}\n      </div>\n    }\n  </mat-card-content>\n  @if (hasFooterContent()) {\n    <mat-card-footer>\n      <ng-container *ngTemplateOutlet=\"footerContent()\"></ng-container>\n    </mat-card-footer>\n  }\n</mat-card>\n", styles: [":host{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:16px;box-sizing:border-box}mat-card{width:100%;max-width:400px;border-radius:12px;box-shadow:0 8px 32px #0000001a}mat-card-header{text-align:center;margin-bottom:20px}mat-card-title{font-size:24px;font-weight:600;color:var(--mat-sys-on-surface, #1c1b1f)}mat-form-field{width:100%}.w-100{width:100%}.d-flex{display:flex}.flex-column{flex-direction:column}.gap-3{gap:12px}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.mt-3{margin-top:12px}.mt-2{margin-top:8px}.text-center{text-align:center}.p-4{padding:16px}.rounded{border-radius:12px}.alert-danger{background-color:var(--mat-sys-error-container, #ffdad6);border-color:var(--mat-sys-error, #ba1a1a);color:var(--mat-sys-on-error-container, #410002);padding:12px;border-radius:4px;border:1px solid transparent}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col-xs-12,.col-sm-12,.col-md-12{flex:0 0 100%;max-width:100%;padding:0 15px}.m-t-10{margin-top:10px}.social{display:flex;justify-content:center}mat-button{border-radius:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: LoginComponent, decorators: [{
             type: Component,
@@ -867,25 +902,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
                         MatCardFooter,
                         MatAnchor,
                         MatCheckbox,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section id=\"wrapper\" class=\"d-flex justify-content-center align-items-center\">\n  <mat-card class=\"mat-elevation-z8 p-4 rounded\">\n    <mat-card-header>\n      <mat-card-title class=\"text-center\">{{ title() }}</mat-card-title>\n    </mat-card-header>\n    <mat-card-content>\n      @if (isLoginMode()) {\n        <form [formGroup]=\"signinForm\" (ngSubmit)=\"signIn()\" class=\"d-flex flex-column gap-3\">\n          <mat-form-field class=\"w-100\">\n            <mat-label>Usuario</mat-label>\n            <input matInput type=\"text\" placeholder=\"Ingrese su usuario\" formControlName=\"email\" />\n          </mat-form-field>\n\n          <mat-form-field class=\"w-100\">\n            <mat-label>Contrase\u00F1a</mat-label>\n            <input\n              matInput\n              type=\"password\"\n              placeholder=\"Ingrese su contrase\u00F1a\"\n              formControlName=\"password\"\n              autocomplete=\"current-password\"\n            />\n          </mat-form-field>\n\n          <!-- Remember Me checkbox - conditional -->\n          @if (showRememberMe()) {\n            <div class=\"d-flex align-items-center mt-2\">\n              <mat-checkbox formControlName=\"rememberMe\"> Recordarme </mat-checkbox>\n            </div>\n          }\n\n          <!-- Additional signin fields -->\n          <ng-container *ngTemplateOutlet=\"additionalSigninFields()\"></ng-container>\n\n          <div class=\"d-flex justify-content-center mt-3\">\n            <button\n              mat-raised-button\n              color=\"primary\"\n              [disabled]=\"!signinForm.valid || isLoading()\"\n              type=\"submit\"\n              class=\"w-100\"\n            >\n              @if (isLoading()) {\n                Ingresando...\n              } @else {\n                <ng-container>Ingresar <mat-icon>login</mat-icon></ng-container>\n              }\n            </button>\n          </div>\n\n          <div class=\"text-center mt-2\">\n            @if (showRegisterButton()) {\n              <button mat-button type=\"button\" (click)=\"switchMode()\">\n                \u00BFNo tienes cuenta? Reg\u00EDstrate\n              </button>\n            }\n          </div>\n        </form>\n      } @else {\n        <form [formGroup]=\"signupForm\" (ngSubmit)=\"registerUser()\" class=\"d-flex flex-column gap-3\">\n          <mat-form-field class=\"w-100\">\n            <mat-label>Nombre</mat-label>\n            <input\n              matInput\n              type=\"text\"\n              placeholder=\"Ingrese su nombre\"\n              formControlName=\"displayName\"\n            />\n          </mat-form-field>\n\n          <mat-form-field class=\"w-100\">\n            <mat-label>Email</mat-label>\n            <input matInput type=\"email\" placeholder=\"Ingrese su email\" formControlName=\"email\" />\n          </mat-form-field>\n\n          <mat-form-field class=\"w-100\">\n            <mat-label>Contrase\u00F1a</mat-label>\n            <input\n              matInput\n              type=\"password\"\n              placeholder=\"Ingrese su contrase\u00F1a\"\n              formControlName=\"password\"\n              autocomplete=\"new-password\"\n            />\n          </mat-form-field>\n\n          <!-- Additional signup fields -->\n          <ng-container *ngTemplateOutlet=\"additionalSignupFields()\"></ng-container>\n\n          <div class=\"d-flex justify-content-center mt-3\">\n            <button\n              mat-raised-button\n              color=\"primary\"\n              [disabled]=\"!signupForm.valid || isLoading()\"\n              type=\"submit\"\n              class=\"w-100\"\n            >\n              @if (isLoading()) {\n                Registrando...\n              } @else {\n                <ng-container>Registrarse <mat-icon>person_add</mat-icon></ng-container>\n              }\n            </button>\n          </div>\n\n          <div class=\"text-center mt-2\">\n            <button mat-button type=\"button\" (click)=\"switchMode()\">\n              \u00BFYa tienes cuenta? Inicia sesi\u00F3n\n            </button>\n          </div>\n        </form>\n      }\n      @if (errorMessage()) {\n        <div class=\"alert alert-danger mt-3\" role=\"alert\">\n          {{ errorMessage() }}\n        </div>\n      }\n    </mat-card-content>\n    @if (hasFooterContent()) {\n      <mat-card-footer>\n        <ng-container *ngTemplateOutlet=\"footerContent()\"></ng-container>\n      </mat-card-footer>\n    }\n  </mat-card>\n</section>\n", styles: ["#wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mdc-theme-primary, #5c5f5c) 0%,var(--mdc-theme-secondary, #79747e) 100%);padding:20px}mat-card{width:100%;max-width:400px;border-radius:12px;box-shadow:0 8px 32px #0000001a}mat-card-header{text-align:center;margin-bottom:20px}mat-card-title{font-size:24px;font-weight:600;color:var(--mdc-theme-on-surface, #1c1b1f)}mat-form-field{width:100%}.w-100{width:100%}.d-flex{display:flex}.flex-column{flex-direction:column}.gap-3{gap:12px}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.mt-3{margin-top:12px}.mt-2{margin-top:8px}.text-center{text-align:center}.p-4{padding:16px}.rounded{border-radius:12px}.alert-danger{background-color:var(--mdc-theme-error-container, #ffdad6);border-color:var(--mdc-theme-error, #ba1a1a);color:var(--mdc-theme-on-error-container, #410002);padding:12px;border-radius:4px;border:1px solid transparent}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col-xs-12,.col-sm-12,.col-md-12{flex:0 0 100%;max-width:100%;padding:0 15px}.m-t-10{margin-top:10px}.social{display:flex;justify-content:center}mat-button{border-radius:8px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<mat-card class=\"mat-elevation-z8 p-4 rounded\">\n  <mat-card-header>\n    <mat-card-title class=\"text-center\">{{ title() }}</mat-card-title>\n  </mat-card-header>\n  <mat-card-content>\n    @if (isLoginMode()) {\n      <form [formGroup]=\"signinForm\" (ngSubmit)=\"signIn()\" class=\"d-flex flex-column gap-3\">\n        <mat-form-field class=\"w-100\">\n          <mat-label>Usuario</mat-label>\n          <input matInput type=\"text\" placeholder=\"Ingrese su usuario\" formControlName=\"email\" />\n        </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n          <mat-label>Contrase\u00F1a</mat-label>\n          <input\n            matInput\n            type=\"password\"\n            placeholder=\"Ingrese su contrase\u00F1a\"\n            formControlName=\"password\"\n            autocomplete=\"current-password\"\n          />\n        </mat-form-field>\n\n        <!-- Remember Me checkbox - conditional -->\n        @if (showRememberMe()) {\n          <div class=\"d-flex align-items-center mt-2\">\n            <mat-checkbox formControlName=\"rememberMe\"> Recordarme </mat-checkbox>\n          </div>\n        }\n\n        <!-- Additional signin fields -->\n        <ng-container *ngTemplateOutlet=\"additionalSigninFields()\"></ng-container>\n\n        <div class=\"d-flex justify-content-center mt-3\">\n          <button\n            mat-raised-button\n            color=\"primary\"\n            [disabled]=\"!signinForm.valid || isLoading()\"\n            type=\"submit\"\n            class=\"w-100\"\n          >\n            @if (isLoading()) {\n              Ingresando...\n            } @else {\n              <ng-container>Ingresar <mat-icon>login</mat-icon></ng-container>\n            }\n          </button>\n        </div>\n\n        <div class=\"text-center mt-2\">\n          @if (showRegisterButton()) {\n            <button mat-button type=\"button\" (click)=\"switchMode()\">\n              \u00BFNo tienes cuenta? Reg\u00EDstrate\n            </button>\n          }\n        </div>\n      </form>\n    } @else {\n      <form [formGroup]=\"signupForm\" (ngSubmit)=\"registerUser()\" class=\"d-flex flex-column gap-3\">\n        <mat-form-field class=\"w-100\">\n          <mat-label>Nombre</mat-label>\n          <input\n            matInput\n            type=\"text\"\n            placeholder=\"Ingrese su nombre\"\n            formControlName=\"displayName\"\n          />\n        </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n          <mat-label>Email</mat-label>\n          <input matInput type=\"email\" placeholder=\"Ingrese su email\" formControlName=\"email\" />\n        </mat-form-field>\n\n        <mat-form-field class=\"w-100\">\n          <mat-label>Contrase\u00F1a</mat-label>\n          <input\n            matInput\n            type=\"password\"\n            placeholder=\"Ingrese su contrase\u00F1a\"\n            formControlName=\"password\"\n            autocomplete=\"new-password\"\n          />\n        </mat-form-field>\n\n        <!-- Additional signup fields -->\n        <ng-container *ngTemplateOutlet=\"additionalSignupFields()\"></ng-container>\n\n        <div class=\"d-flex justify-content-center mt-3\">\n          <button\n            mat-raised-button\n            color=\"primary\"\n            [disabled]=\"!signupForm.valid || isLoading()\"\n            type=\"submit\"\n            class=\"w-100\"\n          >\n            @if (isLoading()) {\n              Registrando...\n            } @else {\n              <ng-container>Registrarse <mat-icon>person_add</mat-icon></ng-container>\n            }\n          </button>\n        </div>\n\n        <div class=\"text-center mt-2\">\n          <button mat-button type=\"button\" (click)=\"switchMode()\">\n            \u00BFYa tienes cuenta? Inicia sesi\u00F3n\n          </button>\n        </div>\n      </form>\n    }\n    @if (errorMessage()) {\n      <div class=\"alert alert-danger mt-3\" role=\"alert\">\n        {{ errorMessage() }}\n      </div>\n    }\n  </mat-card-content>\n  @if (hasFooterContent()) {\n    <mat-card-footer>\n      <ng-container *ngTemplateOutlet=\"footerContent()\"></ng-container>\n    </mat-card-footer>\n  }\n</mat-card>\n", styles: [":host{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:16px;box-sizing:border-box}mat-card{width:100%;max-width:400px;border-radius:12px;box-shadow:0 8px 32px #0000001a}mat-card-header{text-align:center;margin-bottom:20px}mat-card-title{font-size:24px;font-weight:600;color:var(--mat-sys-on-surface, #1c1b1f)}mat-form-field{width:100%}.w-100{width:100%}.d-flex{display:flex}.flex-column{flex-direction:column}.gap-3{gap:12px}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.mt-3{margin-top:12px}.mt-2{margin-top:8px}.text-center{text-align:center}.p-4{padding:16px}.rounded{border-radius:12px}.alert-danger{background-color:var(--mat-sys-error-container, #ffdad6);border-color:var(--mat-sys-error, #ba1a1a);color:var(--mat-sys-on-error-container, #410002);padding:12px;border-radius:4px;border:1px solid transparent}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col-xs-12,.col-sm-12,.col-md-12{flex:0 0 100%;max-width:100%;padding:0 15px}.m-t-10{margin-top:10px}.social{display:flex;justify-content:center}mat-button{border-radius:8px}\n"] }]
         }], ctorParameters: () => [] });
 
 // src/lib/presentation/components/index.ts
 
 // src/lib/presentation/index.ts
 
-const authProviders = [
-    {
-        provide: AuthRepository,
-        useClass: AuthHttpRepository,
-    },
-];
-
-// src/lib/providers/index.ts
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AuthHttpRepository, AuthRepository, AuthStore, AuthTokenService, LoginComponent, LoginUseCase, LogoutUseCase, RefreshTokenUseCase, RegisterUseCase, TokenRepository, UrlRedirectService, authGuard, authProviders, authRedirectInterceptor };
+export { AuthHttpRepository, AuthRepository, AuthStore, CsrfService, LoginComponent, LoginUseCase, LogoutUseCase, RefreshTokenUseCase, RegisterUseCase, SKIP_CSRF, TokenRepository, UrlRedirectService, authGuard, authProviders, authRedirectInterceptor, csrfInterceptor };
 //# sourceMappingURL=acontplus-ng-auth.mjs.map