@umituz/react-native-auth 3.2.6 → 3.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.2.6",
+  "version": "3.2.8",
   "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/authModalStore.ts

@@ -17,7 +17,7 @@
  * ```
  */
 
-import { create } from "zustand";
+import { create, type StoreApi, type UseBoundStore } from "zustand";
 
 export type AuthModalMode = "login" | "register";
 
@@ -40,12 +40,21 @@ interface AuthModalActions {
 
 type AuthModalStore = AuthModalState & AuthModalActions;
 
-export const useAuthModalStore = create<AuthModalStore>((set, get) => ({
+type SetModalState = (partial: Partial<AuthModalState> | ((state: AuthModalState) => Partial<AuthModalState>)) => void;
+type GetModalState = () => AuthModalStore;
+
+export const useAuthModalStore: UseBoundStore<StoreApi<AuthModalStore>> = create<AuthModalStore>((
+  set: SetModalState,
+  get: GetModalState,
+) => ({
   isVisible: false,
   mode: "login",
   pendingCallback: null,
 
-  showAuthModal: (callback, mode = "login" as AuthModalMode) => {
+  showAuthModal: (
+    callback?: () => void | Promise<void>,
+    mode: AuthModalMode = "login",
+  ) => {
     set({
       isVisible: true,
       mode,
@@ -57,7 +66,7 @@ export const useAuthModalStore = create<AuthModalStore>((set, get) => ({
     set({ isVisible: false });
   },
 
-  setMode: (mode) => {
+  setMode: (mode: AuthModalMode) => {
     set({ mode });
   },
 
@@ -69,7 +78,6 @@ export const useAuthModalStore = create<AuthModalStore>((set, get) => ({
     }
   },
 
-
   clearPendingCallback: () => {
     set({ pendingCallback: null });
   },

package/src/presentation/stores/authStore.ts

@@ -7,11 +7,29 @@
  */
 
 import { createStore } from "@umituz/react-native-storage";
+import type { User } from "firebase/auth";
 import type { AuthUser } from "../../domain/entities/AuthUser";
 import { mapToAuthUser } from "../../infrastructure/utils/UserMapper";
 import type { AuthState, AuthActions, UserType } from "../../types/auth-store.types";
 import { initialAuthState } from "../../types/auth-store.types";
+
+// Type for the combined store
+type AuthStore = AuthState & AuthActions;
+
+// Type for set function
+type SetState = (partial: Partial<AuthState>) => void;
+
+// Type for get function
+type GetState = () => AuthStore;
 import {
+  selectUser,
+  selectLoading,
+  selectIsGuest,
+  selectError,
+  selectFirebaseUserId,
+  selectSetLoading,
+  selectSetError,
+  selectSetIsGuest,
   selectUserId,
   selectIsAuthenticated,
   selectIsAnonymous,
@@ -24,6 +42,14 @@ export type { AuthState, AuthActions, UserType };
 
 // Re-export selectors
 export {
+  selectUser,
+  selectLoading,
+  selectIsGuest,
+  selectError,
+  selectFirebaseUserId,
+  selectSetLoading,
+  selectSetError,
+  selectSetIsGuest,
   selectUserId,
   selectIsAuthenticated,
   selectIsAnonymous,
@@ -47,12 +73,12 @@ export const useAuthStore = createStore<AuthState, AuthActions>({
   initialState: initialAuthState,
   persist: true,
   version: 1,
-  partialize: (state) => ({
+  partialize: (state: AuthState) => ({
     isGuest: state.isGuest,
     initialized: state.initialized,
   }),
-  actions: (set, get) => ({
-    setFirebaseUser: (firebaseUser) => {
+  actions: (set: SetState, get: GetState) => ({
+    setFirebaseUser: (firebaseUser: User | null) => {
       const { isGuest } = get();
 
       let user: AuthUser | null = null;
@@ -72,9 +98,9 @@ export const useAuthStore = createStore<AuthState, AuthActions>({
       });
     },
 
-    setLoading: (loading) => set({ loading }),
+    setLoading: (loading: boolean) => set({ loading }),
 
-    setIsGuest: (isGuest) => {
+    setIsGuest: (isGuest: boolean) => {
       const { firebaseUser } = get();
 
       let user: AuthUser | null = null;
@@ -89,9 +115,9 @@ export const useAuthStore = createStore<AuthState, AuthActions>({
       set({ isGuest, user });
     },
 
-    setError: (error) => set({ error }),
+    setError: (error: string | null) => set({ error }),
 
-    setInitialized: (initialized) => set({ initialized }),
+    setInitialized: (initialized: boolean) => set({ initialized }),
 
     reset: () => set(initialAuthState),
   }),