valtech-components 2.0.577 → 2.0.579

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -43,7 +43,7 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"medium" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "dark">;
+    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
     static ɵfac: i0.ɵɵFactoryDeclaration<RightsFooterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RightsFooterComponent, "val-rights-footer", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/organisms/article/article.component.d.ts

@@ -90,9 +90,9 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "small" | "large" | "default";
+        size?: "default" | "small" | "large";
         fill?: "default" | "clear" | "outline" | "solid";
-        type: "reset" | "submit" | "button";
+        type: "button" | "submit" | "reset";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/lib/services/auth/auth.service.d.ts

@@ -154,6 +154,30 @@ export declare class AuthService implements OnDestroy {
      * que el cliente debe guardar para el próximo refresh.
      */
     refreshAccessToken(): Observable<RefreshResponse>;
+    /**
+     * Maneja autenticación exitosa desde fuentes externas (OAuth, Google Native, etc).
+     * Guarda tokens, actualiza estado, inicia Firebase si corresponde.
+     *
+     * @param authResult - Resultado de autenticación con tokens
+     *
+     * @example
+     * ```typescript
+     * // Desde GoogleAuthService
+     * googleAuth.signIn().subscribe({
+     *   next: (result) => {
+     *     this.authService.setExternalAuth(result);
+     *   }
+     * });
+     * ```
+     */
+    setExternalAuth(authResult: {
+        accessToken: string;
+        refreshToken: string;
+        firebaseToken?: string;
+        expiresIn: number;
+        roles?: string[];
+        permissions?: string[];
+    }): void;
     /**
      * Cierra sesión.
      */

package/lib/services/auth/google-auth.service.d.ts

@@ -0,0 +1,102 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { ValtechAuthConfig, GoogleAuthConfig, VerifyGoogleTokenResponse } from './types';
+import * as i0 from "@angular/core";
+/**
+ * Servicio de autenticación con Google usando SDK nativo.
+ *
+ * Este servicio utiliza `@codetrix-studio/capacitor-google-auth` que funciona
+ * tanto en web como en aplicaciones Capacitor (iOS/Android).
+ *
+ * Para web, utiliza el popup nativo de Google Sign-In.
+ * Para mobile, utiliza el SDK nativo de Google.
+ *
+ * @example
+ * ```typescript
+ * // En main.ts o app.config.ts
+ * import { provideGoogleAuth } from 'valtech-components';
+ *
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideGoogleAuth({
+ *       clientId: 'your-google-client-id.apps.googleusercontent.com'
+ *     })
+ *   ]
+ * };
+ *
+ * // En el componente
+ * import { GoogleAuthService, AuthService } from 'valtech-components';
+ *
+ * @Component({...})
+ * export class LoginComponent {
+ *   private googleAuth = inject(GoogleAuthService);
+ *   private auth = inject(AuthService);
+ *
+ *   async signInWithGoogle() {
+ *     this.googleAuth.signIn().subscribe({
+ *       next: (result) => {
+ *         // Tokens recibidos del backend
+ *         this.auth.handleOAuthSuccess(result);
+ *         this.router.navigate(['/']);
+ *       },
+ *       error: (error) => {
+ *         console.error('Google sign-in failed:', error);
+ *       }
+ *     });
+ *   }
+ * }
+ * ```
+ */
+export declare class GoogleAuthService {
+    private config;
+    private http;
+    private initialized;
+    private googleConfig;
+    /** Indica si el servicio está inicializado */
+    readonly isInitialized: import("@angular/core").Signal<boolean>;
+    constructor(config: ValtechAuthConfig, http: HttpClient);
+    /**
+     * Inicializa el SDK de Google Sign-In.
+     * Debe llamarse una vez, idealmente en APP_INITIALIZER.
+     *
+     * @param googleConfig - Configuración de Google Auth
+     */
+    initialize(googleConfig: GoogleAuthConfig): Promise<void>;
+    /**
+     * Inicia el flujo de Google Sign-In y obtiene tokens del backend.
+     *
+     * El flujo es:
+     * 1. Abre popup/SDK nativo de Google
+     * 2. Usuario autoriza
+     * 3. Obtiene ID token de Google
+     * 4. Envía ID token al backend para verificación
+     * 5. Backend verifica con Google y retorna nuestros JWT tokens
+     *
+     * @returns Observable con la respuesta del backend (tokens)
+     */
+    signIn(): Observable<VerifyGoogleTokenResponse>;
+    /**
+     * Cierra la sesión de Google.
+     * Nota: Esto solo cierra la sesión del SDK de Google,
+     * NO cierra la sesión del backend. Usa AuthService.logout() para eso.
+     */
+    signOut(): Promise<void>;
+    /**
+     * Obtiene el token de autenticación refrescado (si existe sesión).
+     * Nota: GoogleAuth.refresh() solo retorna tokens, no info del usuario.
+     */
+    refreshToken(): Promise<{
+        idToken: string;
+        accessToken: string;
+    } | null>;
+    /**
+     * Realiza el sign-in con Google usando el SDK nativo.
+     */
+    private performGoogleSignIn;
+    /**
+     * Verifica el ID token de Google con nuestro backend.
+     */
+    private verifyWithBackend;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GoogleAuthService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<GoogleAuthService>;
+}

package/lib/services/auth/index.d.ts

@@ -81,3 +81,4 @@ export { DeviceService } from './device.service';
 export { SessionService } from './session.service';
 export { OAuthService } from './oauth.service';
 export { OAuthCallbackComponent } from './oauth-callback.component';
+export { GoogleAuthService } from './google-auth.service';

package/lib/services/auth/types.d.ts

@@ -752,3 +752,55 @@ export interface HasPasswordResponse {
     operationId: string;
     hasPassword: boolean;
 }
+/**
+ * Configuración para Google Sign-In nativo.
+ */
+export interface GoogleAuthConfig {
+    /** Google Client ID para web (obtenido de Google Cloud Console) */
+    clientId: string;
+    /** Scopes adicionales a solicitar (default: ['email', 'profile']) */
+    scopes?: string[];
+}
+/**
+ * Usuario de Google obtenido del SDK nativo.
+ */
+export interface GoogleUser {
+    /** ID único de Google */
+    id: string;
+    /** Email del usuario */
+    email: string;
+    /** Nombre completo */
+    name: string;
+    /** URL de imagen de perfil */
+    imageUrl?: string;
+    /** ID token JWT (para enviar al backend) */
+    idToken: string;
+    /** Access token de Google (opcional) */
+    accessToken?: string;
+}
+/**
+ * Request para verificar Google ID token en el backend.
+ */
+export interface VerifyGoogleTokenRequest {
+    /** ID token de Google obtenido del SDK nativo */
+    idToken: string;
+    /** ID del dispositivo (opcional, para tracking) */
+    deviceId?: string;
+    /** Info del dispositivo (opcional) */
+    deviceInfo?: string;
+}
+/**
+ * Response de verificación de Google ID token.
+ */
+export interface VerifyGoogleTokenResponse {
+    operationId: string;
+    accessToken: string;
+    refreshToken: string;
+    firebaseToken?: string;
+    expiresIn: number;
+    tokenType: string;
+    isNewUser: boolean;
+    wasLinked: boolean;
+    roles?: string[];
+    permissions?: string[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.577",
+  "version": "2.0.579",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"
@@ -15,6 +15,7 @@
     "@angular/core": "^18.0.0",
     "@angular/fire": "^18.0.1",
     "@capacitor/clipboard": "^6.0.1",
+    "@codetrix-studio/capacitor-google-auth": "^3.4.0-rc.4",
     "@ionic/angular": "^8.0.0",
     "firebase": "^10.0.0",
     "ionicons": "^7.2.1",
@@ -23,6 +24,11 @@
     "rxjs": "~7.8.0",
     "swiper": "^11.2.8"
   },
+  "peerDependenciesMeta": {
+    "@codetrix-studio/capacitor-google-auth": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@capacitor/browser": "^6.0.3",
     "ng-otp-input": "^1.9.3",