@umituz/react-native-auth 3.2.6 → 3.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.2.6",
+  "version": "3.2.7",
   "description": "Authentication service for React Native apps - Secure, type-safe, and production-ready. Provider-agnostic design with dependency injection, configurable validation, and comprehensive error handling.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/hooks/useAuth.ts

@@ -9,6 +9,13 @@
 import { useCallback } from "react";
 import {
   useAuthStore,
+  selectUser,
+  selectLoading,
+  selectIsGuest,
+  selectError,
+  selectSetLoading,
+  selectSetError,
+  selectSetIsGuest,
   selectIsAuthenticated,
   selectUserId,
   selectUserType,
@@ -62,21 +69,21 @@ export interface UseAuthResult {
  * Must call initializeAuthListener() once in app root.
  */
 export function useAuth(): UseAuthResult {
-  // State from store
-  const user = useAuthStore((state) => state.user);
-  const loading = useAuthStore((state) => state.loading);
-  const isGuest = useAuthStore((state) => state.isGuest);
-  const error = useAuthStore((state) => state.error);
+  // State from store - using typed selectors
+  const user = useAuthStore(selectUser);
+  const loading = useAuthStore(selectLoading);
+  const isGuest = useAuthStore(selectIsGuest);
+  const error = useAuthStore(selectError);
   const isAuthenticated = useAuthStore(selectIsAuthenticated);
   const userId = useAuthStore(selectUserId);
   const userType = useAuthStore(selectUserType);
   const isAnonymous = useAuthStore(selectIsAnonymous);
   const isAuthReady = useAuthStore(selectIsAuthReady);
 
-  // Actions from store
-  const setLoading = useAuthStore((state) => state.setLoading);
-  const setError = useAuthStore((state) => state.setError);
-  const setIsGuest = useAuthStore((state) => state.setIsGuest);
+  // Actions from store - using typed selectors
+  const setLoading = useAuthStore(selectSetLoading);
+  const setError = useAuthStore(selectSetError);
+  const setIsGuest = useAuthStore(selectSetIsGuest);
 
   // Mutations
   const signInMutation = useSignInMutation();

package/src/presentation/hooks/useAuthRequired.ts

@@ -17,8 +17,9 @@
  */
 
 import { useCallback } from "react";
-import { useAuthStore, selectIsAuthenticated } from "../stores/authStore";
+import { useAuthStore, selectIsAuthenticated, selectLoading, selectFirebaseUserId } from "../stores/authStore";
 import { useAuthModalStore } from "../stores/authModalStore";
+import { selectShowAuthModal } from "../stores/auth.selectors";
 
 export interface UseAuthRequiredResult {
   /** Whether user is authenticated (not guest, not anonymous) */
@@ -38,9 +39,9 @@ export interface UseAuthRequiredResult {
  */
 export function useAuthRequired(): UseAuthRequiredResult {
   const isAllowed = useAuthStore(selectIsAuthenticated);
-  const isLoading = useAuthStore((state) => state.loading);
-  const userId = useAuthStore((state) => state.firebaseUser?.uid ?? null);
-  const showAuthModal = useAuthModalStore((state) => state.showAuthModal);
+  const isLoading = useAuthStore(selectLoading);
+  const userId = useAuthStore(selectFirebaseUserId);
+  const showAuthModal = useAuthModalStore(selectShowAuthModal);
 
   const requireAuth = useCallback(() => {
     showAuthModal(undefined, "login");

package/src/presentation/hooks/useRequireAuth.ts

@@ -10,7 +10,7 @@
  * ```
  */
 
-import { useAuthStore, selectIsAuthenticated } from "../stores/authStore";
+import { useAuthStore, selectIsAuthenticated, selectFirebaseUserId } from "../stores/authStore";
 
 /**
  * Get userId or throw if not authenticated
@@ -18,7 +18,7 @@ import { useAuthStore, selectIsAuthenticated } from "../stores/authStore";
  */
 export function useRequireAuth(): string {
   const isAuthenticated = useAuthStore(selectIsAuthenticated);
-  const userId = useAuthStore((state) => state.firebaseUser?.uid ?? null);
+  const userId = useAuthStore(selectFirebaseUserId);
 
   if (!isAuthenticated || !userId) {
     throw new Error("User not authenticated. This component requires auth.");
@@ -31,5 +31,5 @@ export function useRequireAuth(): string {
  * Get userId safely (returns null if not authenticated)
  */
 export function useUserId(): string | null {
-  return useAuthStore((state) => state.firebaseUser?.uid ?? null);
+  return useAuthStore(selectFirebaseUserId);
 }

package/src/presentation/stores/auth.selectors.ts

@@ -3,33 +3,97 @@
  * Pure functions for deriving state from auth store
  */
 
-import type { AuthState, UserType } from "../../types/auth-store.types";
+import type { AuthState, AuthActions, UserType } from "../../types/auth-store.types";
+import type { AuthUser } from "../../domain/entities/AuthUser";
+
+// Combined store type for selectors
+type AuthStore = AuthState & AuthActions;
+
+// =============================================================================
+// STATE SELECTORS
+// =============================================================================
+
+/**
+ * Select current user
+ */
+export const selectUser = (state: AuthStore): AuthUser | null => state.user;
+
+/**
+ * Select loading state
+ */
+export const selectLoading = (state: AuthStore): boolean => state.loading;
+
+/**
+ * Select guest mode
+ */
+export const selectIsGuest = (state: AuthStore): boolean => state.isGuest;
+
+/**
+ * Select error
+ */
+export const selectError = (state: AuthStore): string | null => state.error;
+
+/**
+ * Select firebase user uid
+ */
+export const selectFirebaseUserId = (state: AuthStore): string | null =>
+  state.firebaseUser?.uid ?? null;
+
+// =============================================================================
+// ACTION SELECTORS
+// =============================================================================
+
+/**
+ * Select setLoading action
+ */
+export const selectSetLoading = (state: AuthStore) => state.setLoading;
+
+/**
+ * Select setError action
+ */
+export const selectSetError = (state: AuthStore) => state.setError;
+
+/**
+ * Select setIsGuest action
+ */
+export const selectSetIsGuest = (state: AuthStore) => state.setIsGuest;
+
+/**
+ * Select showAuthModal action (from authModalStore)
+ */
+export type AuthModalMode = "login" | "register";
+export const selectShowAuthModal = (state: { showAuthModal: (callback?: () => void | Promise<void>, mode?: AuthModalMode) => void }) =>
+  state.showAuthModal;
+
+// =============================================================================
+// DERIVED SELECTORS
+// =============================================================================
 
 /**
  * Get current user ID
  */
-export const selectUserId = (state: AuthState): string | null => {
+export const selectUserId = (state: AuthStore): string | null => {
   return state.firebaseUser?.uid ?? state.user?.uid ?? null;
 };
 
 /**
  * Check if user is authenticated (not guest, not anonymous)
  */
-export const selectIsAuthenticated = (state: AuthState): boolean => {
+export const selectIsAuthenticated = (state: AuthStore): boolean => {
   return !!state.user && !state.isGuest && !state.user.isAnonymous;
 };
 
 /**
  * Check if user is anonymous
  */
-export const selectIsAnonymous = (state: AuthState): boolean => {
+export const selectIsAnonymous = (state: AuthStore): boolean => {
   return state.firebaseUser?.isAnonymous ?? state.user?.isAnonymous ?? false;
 };
 
 /**
  * Get current user type
  */
-export const selectUserType = (state: AuthState): UserType => {
+export const selectUserType = (state: AuthStore): UserType => {
   if (!state.firebaseUser && !state.user) {
     return "none";
   }
@@ -43,6 +107,6 @@ export const selectUserType = (state: AuthState): UserType => {
 /**
  * Check if auth is ready (initialized and not loading)
  */
-export const selectIsAuthReady = (state: AuthState): boolean => {
+export const selectIsAuthReady = (state: AuthStore): boolean => {
   return state.initialized && !state.loading;
 };

package/src/presentation/stores/authStore.ts

@@ -12,6 +12,14 @@ import { mapToAuthUser } from "../../infrastructure/utils/UserMapper";
 import type { AuthState, AuthActions, UserType } from "../../types/auth-store.types";
 import { initialAuthState } from "../../types/auth-store.types";
 import {
+  selectUser,
+  selectLoading,
+  selectIsGuest,
+  selectError,
+  selectFirebaseUserId,
+  selectSetLoading,
+  selectSetError,
+  selectSetIsGuest,
   selectUserId,
   selectIsAuthenticated,
   selectIsAnonymous,
@@ -24,6 +32,14 @@ export type { AuthState, AuthActions, UserType };
 
 // Re-export selectors
 export {
+  selectUser,
+  selectLoading,
+  selectIsGuest,
+  selectError,
+  selectFirebaseUserId,
+  selectSetLoading,
+  selectSetError,
+  selectSetIsGuest,
   selectUserId,
   selectIsAuthenticated,
   selectIsAnonymous,