@gately/react 1.0.0

package/dist/hooks/context.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Gately React Context
+ * Provides authentication state and methods to React components
+ */
+import React, { ReactNode } from 'react';
+import { GatelyClient } from '@gately/sdk';
+import type { Session, User } from '@gately/sdk';
+export interface GatelyContextValue {
+    user: User | null;
+    session: Session | null;
+    isLoading: boolean;
+    isAuthenticated: boolean;
+    error: Error | null;
+    login: (email: string, password: string) => Promise<any>;
+    signup: (email: string, password: string, metadata?: any) => Promise<any>;
+    logout: () => Promise<void>;
+    sendMagicLink: (email: string, redirectTo?: string) => Promise<void>;
+    resetPassword: (email: string) => Promise<void>;
+    fetchSession: () => Promise<Session | null>;
+    getUserProfile: () => Promise<any>;
+    updateUserProfile: (updates: any) => Promise<any>;
+    deleteUserAccount: () => Promise<void>;
+    changePassword: (current: string, newPassword: string) => Promise<void>;
+    client: GatelyClient | null;
+}
+export declare const GatelyContext: React.Context<GatelyContextValue | undefined>;
+export interface GatelyProviderProps {
+    projectId: string;
+    apiUrl?: string;
+    children: ReactNode;
+    autoRefresh?: boolean;
+}
+export declare function GatelyProvider({ projectId, apiUrl, children, autoRefresh }: GatelyProviderProps): React.FunctionComponentElement<React.ProviderProps<GatelyContextValue | undefined>>;
+export default GatelyProvider;
+//# sourceMappingURL=context.d.ts.map

package/dist/hooks/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAoC,MAAM,OAAO,CAAA;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IACvB,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACxD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACzE,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACpE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/C,YAAY,EAAE,MAAM,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAA;IAC3C,cAAc,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA;IAClC,iBAAiB,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACjD,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACvE,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;CAC5B;AAED,eAAO,MAAM,aAAa,+CAA2D,CAAA;AAErF,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,MAAM,EACN,QAAQ,EACR,WAAkB,EACnB,EAAE,mBAAmB,uFA+KrB;AAED,eAAe,cAAc,CAAA"}

package/dist/hooks/hooks/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Gately React Hooks
+ * Collection of hooks for common auth and user operations
+ */
+export { useAuth } from './useAuth';
+export type {} from './useAuth';
+export { useUser } from './useUser';
+export type { UseUserReturn } from './useUser';
+export { useProtected } from './useProtected';
+export type { UseProtectedReturn } from './useProtected';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAG,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/hooks/hooks/useAuth.d.ts

@@ -0,0 +1,38 @@
+/**
+ * useAuth Hook
+ * Main hook for accessing Gately auth context
+ */
+import { GatelyContextValue } from '../context';
+/**
+ * Hook to access Gately authentication context
+ * Must be used inside a GatelyProvider
+ *
+ * @returns {GatelyContextValue} Auth context with user, session, and auth methods
+ *
+ * @example
+ * ```tsx
+ * function LoginForm() {
+ *   const { login, isLoading, error } = useAuth()
+ *
+ *   const handleSubmit = async (email, password) => {
+ *     try {
+ *       await login(email, password)
+ *     } catch (err) {
+ *       console.error(err)
+ *     }
+ *   }
+ *
+ *   return (
+ *     <>
+ *       {error && <p>{error.message}</p>}
+ *       <button disabled={isLoading} onClick={() => handleSubmit('test@example.com', 'pass')}>
+ *         {isLoading ? 'Logging in...' : 'Log In'}
+ *       </button>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+export declare function useAuth(): GatelyContextValue;
+export default useAuth;
+//# sourceMappingURL=useAuth.d.ts.map

package/dist/hooks/hooks/useAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/hooks/useAuth.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAiB,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,OAAO,IAAI,kBAAkB,CAQ5C;AAED,eAAe,OAAO,CAAA"}

package/dist/hooks/hooks/useProtected.d.ts

@@ -0,0 +1,29 @@
+/**
+ * useProtected Hook
+ * Hook for protecting components that require authentication
+ */
+export interface UseProtectedReturn {
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    user: any | null;
+}
+/**
+ * Hook to check if user is authenticated and protect a component
+ *
+ * @returns {UseProtectedReturn} Authentication status
+ *
+ * @example
+ * ```tsx
+ * function ProtectedPage() {
+ *   const { isAuthenticated, isLoading } = useProtected()
+ *
+ *   if (isLoading) return <p>Loading...</p>
+ *   if (!isAuthenticated) return <p>Please log in to access this page</p>
+ *
+ *   return <div>Protected content</div>
+ * }
+ * ```
+ */
+export declare function useProtected(): UseProtectedReturn;
+export default useProtected;
+//# sourceMappingURL=useProtected.d.ts.map

package/dist/hooks/hooks/useProtected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProtected.d.ts","sourceRoot":"","sources":["../../src/hooks/useProtected.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,OAAO,CAAA;IACxB,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,GAAG,GAAG,IAAI,CAAA;CACjB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,IAAI,kBAAkB,CAQjD;AAED,eAAe,YAAY,CAAA"}

package/dist/hooks/hooks/useUser.d.ts

@@ -0,0 +1,42 @@
+/**
+ * useUser Hook
+ * Dedicated hook for accessing user information
+ */
+import type { User } from '@gately/sdk';
+export interface UseUserReturn {
+    user: User | null;
+    profile: any | null;
+    isLoading: boolean;
+    error: Error | null;
+    refetch: () => Promise<void>;
+    update: (updates: any) => Promise<any>;
+    delete: () => Promise<void>;
+}
+/**
+ * Hook to access and manage user information
+ *
+ * @returns {UseUserReturn} User data with loading and error states
+ *
+ * @example
+ * ```tsx
+ * function UserProfile() {
+ *   const { user, profile, isLoading, error, update } = useUser()
+ *
+ *   if (isLoading) return <p>Loading...</p>
+ *   if (error) return <p>Error: {error.message}</p>
+ *   if (!user) return <p>Not logged in</p>
+ *
+ *   return (
+ *     <div>
+ *       <p>Email: {user.email}</p>
+ *       <button onClick={() => update({ name: 'New Name' })}>
+ *         Update Profile
+ *       </button>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export declare function useUser(): UseUserReturn;
+export default useUser;
+//# sourceMappingURL=useUser.d.ts.map

package/dist/hooks/hooks/useUser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUser.d.ts","sourceRoot":"","sources":["../../src/hooks/useUser.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,OAAO,EAAE,GAAG,GAAG,IAAI,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5B,MAAM,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACtC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,OAAO,IAAI,aAAa,CAoGvC;AAED,eAAe,OAAO,CAAA"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Gately React Hooks
+ * Collection of hooks for common auth and user operations
+ */
+export { useAuth } from './useAuth';
+export type {} from './useAuth';
+export { useUser } from './useUser';
+export type { UseUserReturn } from './useUser';
+export { useProtected } from './useProtected';
+export type { UseProtectedReturn } from './useProtected';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAG,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/hooks/index.js

@@ -0,0 +1,212 @@
+'use strict';
+
+var React = require('react');
+require('@gately/sdk');
+
+/**
+ * Gately React Context
+ * Provides authentication state and methods to React components
+ */
+const GatelyContext = React.createContext(undefined);
+
+/**
+ * useAuth Hook
+ * Main hook for accessing Gately auth context
+ */
+/**
+ * Hook to access Gately authentication context
+ * Must be used inside a GatelyProvider
+ *
+ * @returns {GatelyContextValue} Auth context with user, session, and auth methods
+ *
+ * @example
+ * ```tsx
+ * function LoginForm() {
+ *   const { login, isLoading, error } = useAuth()
+ *
+ *   const handleSubmit = async (email, password) => {
+ *     try {
+ *       await login(email, password)
+ *     } catch (err) {
+ *       console.error(err)
+ *     }
+ *   }
+ *
+ *   return (
+ *     <>
+ *       {error && <p>{error.message}</p>}
+ *       <button disabled={isLoading} onClick={() => handleSubmit('test@example.com', 'pass')}>
+ *         {isLoading ? 'Logging in...' : 'Log In'}
+ *       </button>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+function useAuth() {
+    const context = React.useContext(GatelyContext);
+    if (context === undefined) {
+        throw new Error('useAuth must be used within a GatelyProvider');
+    }
+    return context;
+}
+
+/**
+ * useUser Hook
+ * Dedicated hook for accessing user information
+ */
+/**
+ * Hook to access and manage user information
+ *
+ * @returns {UseUserReturn} User data with loading and error states
+ *
+ * @example
+ * ```tsx
+ * function UserProfile() {
+ *   const { user, profile, isLoading, error, update } = useUser()
+ *
+ *   if (isLoading) return <p>Loading...</p>
+ *   if (error) return <p>Error: {error.message}</p>
+ *   if (!user) return <p>Not logged in</p>
+ *
+ *   return (
+ *     <div>
+ *       <p>Email: {user.email}</p>
+ *       <button onClick={() => update({ name: 'New Name' })}>
+ *         Update Profile
+ *       </button>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+function useUser() {
+    const { user, isAuthenticated, getUserProfile, updateUserProfile, deleteUserAccount } = useAuth();
+    const [profile, setProfile] = React.useState(null);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    // Fetch user profile on mount or when auth state changes
+    React.useEffect(() => {
+        if (!isAuthenticated || !user) {
+            setProfile(null);
+            return;
+        }
+        const fetchProfile = async () => {
+            setIsLoading(true);
+            setError(null);
+            try {
+                const profileData = await getUserProfile();
+                setProfile(profileData);
+            }
+            catch (err) {
+                setError(err instanceof Error ? err : new Error(String(err)));
+                setProfile(null);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        fetchProfile();
+    }, [isAuthenticated, user, getUserProfile]);
+    const refetch = React.useCallback(async () => {
+        if (!isAuthenticated) {
+            throw new Error('User must be authenticated to fetch profile');
+        }
+        setIsLoading(true);
+        setError(null);
+        try {
+            const profileData = await getUserProfile();
+            setProfile(profileData);
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error(String(err));
+            setError(error);
+            throw error;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [isAuthenticated, getUserProfile]);
+    const update = React.useCallback(async (updates) => {
+        if (!isAuthenticated) {
+            throw new Error('User must be authenticated to update profile');
+        }
+        setIsLoading(true);
+        setError(null);
+        try {
+            const updatedProfile = await updateUserProfile(updates);
+            setProfile(updatedProfile);
+            return updatedProfile;
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error(String(err));
+            setError(error);
+            throw error;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [isAuthenticated, updateUserProfile]);
+    const deleteUser = React.useCallback(async () => {
+        if (!isAuthenticated) {
+            throw new Error('User must be authenticated to delete account');
+        }
+        setIsLoading(true);
+        setError(null);
+        try {
+            await deleteUserAccount();
+            setProfile(null);
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error(String(err));
+            setError(error);
+            throw error;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [isAuthenticated, deleteUserAccount]);
+    return {
+        user,
+        profile,
+        isLoading,
+        error,
+        refetch,
+        update,
+        delete: deleteUser
+    };
+}
+
+/**
+ * useProtected Hook
+ * Hook for protecting components that require authentication
+ */
+/**
+ * Hook to check if user is authenticated and protect a component
+ *
+ * @returns {UseProtectedReturn} Authentication status
+ *
+ * @example
+ * ```tsx
+ * function ProtectedPage() {
+ *   const { isAuthenticated, isLoading } = useProtected()
+ *
+ *   if (isLoading) return <p>Loading...</p>
+ *   if (!isAuthenticated) return <p>Please log in to access this page</p>
+ *
+ *   return <div>Protected content</div>
+ * }
+ * ```
+ */
+function useProtected() {
+    const { isAuthenticated, isLoading, user } = useAuth();
+    return {
+        isAuthenticated,
+        isLoading,
+        user
+    };
+}
+
+exports.useAuth = useAuth;
+exports.useProtected = useProtected;
+exports.useUser = useUser;

package/dist/hooks/index.mjs

@@ -0,0 +1,208 @@
+import { createContext, useContext, useState, useEffect, useCallback } from 'react';
+import '@gately/sdk';
+
+/**
+ * Gately React Context
+ * Provides authentication state and methods to React components
+ */
+const GatelyContext = createContext(undefined);
+
+/**
+ * useAuth Hook
+ * Main hook for accessing Gately auth context
+ */
+/**
+ * Hook to access Gately authentication context
+ * Must be used inside a GatelyProvider
+ *
+ * @returns {GatelyContextValue} Auth context with user, session, and auth methods
+ *
+ * @example
+ * ```tsx
+ * function LoginForm() {
+ *   const { login, isLoading, error } = useAuth()
+ *
+ *   const handleSubmit = async (email, password) => {
+ *     try {
+ *       await login(email, password)
+ *     } catch (err) {
+ *       console.error(err)
+ *     }
+ *   }
+ *
+ *   return (
+ *     <>
+ *       {error && <p>{error.message}</p>}
+ *       <button disabled={isLoading} onClick={() => handleSubmit('test@example.com', 'pass')}>
+ *         {isLoading ? 'Logging in...' : 'Log In'}
+ *       </button>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+function useAuth() {
+    const context = useContext(GatelyContext);
+    if (context === undefined) {
+        throw new Error('useAuth must be used within a GatelyProvider');
+    }
+    return context;
+}
+
+/**
+ * useUser Hook
+ * Dedicated hook for accessing user information
+ */
+/**
+ * Hook to access and manage user information
+ *
+ * @returns {UseUserReturn} User data with loading and error states
+ *
+ * @example
+ * ```tsx
+ * function UserProfile() {
+ *   const { user, profile, isLoading, error, update } = useUser()
+ *
+ *   if (isLoading) return <p>Loading...</p>
+ *   if (error) return <p>Error: {error.message}</p>
+ *   if (!user) return <p>Not logged in</p>
+ *
+ *   return (
+ *     <div>
+ *       <p>Email: {user.email}</p>
+ *       <button onClick={() => update({ name: 'New Name' })}>
+ *         Update Profile
+ *       </button>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+function useUser() {
+    const { user, isAuthenticated, getUserProfile, updateUserProfile, deleteUserAccount } = useAuth();
+    const [profile, setProfile] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    // Fetch user profile on mount or when auth state changes
+    useEffect(() => {
+        if (!isAuthenticated || !user) {
+            setProfile(null);
+            return;
+        }
+        const fetchProfile = async () => {
+            setIsLoading(true);
+            setError(null);
+            try {
+                const profileData = await getUserProfile();
+                setProfile(profileData);
+            }
+            catch (err) {
+                setError(err instanceof Error ? err : new Error(String(err)));
+                setProfile(null);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        fetchProfile();
+    }, [isAuthenticated, user, getUserProfile]);
+    const refetch = useCallback(async () => {
+        if (!isAuthenticated) {
+            throw new Error('User must be authenticated to fetch profile');
+        }
+        setIsLoading(true);
+        setError(null);
+        try {
+            const profileData = await getUserProfile();
+            setProfile(profileData);
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error(String(err));
+            setError(error);
+            throw error;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [isAuthenticated, getUserProfile]);
+    const update = useCallback(async (updates) => {
+        if (!isAuthenticated) {
+            throw new Error('User must be authenticated to update profile');
+        }
+        setIsLoading(true);
+        setError(null);
+        try {
+            const updatedProfile = await updateUserProfile(updates);
+            setProfile(updatedProfile);
+            return updatedProfile;
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error(String(err));
+            setError(error);
+            throw error;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [isAuthenticated, updateUserProfile]);
+    const deleteUser = useCallback(async () => {
+        if (!isAuthenticated) {
+            throw new Error('User must be authenticated to delete account');
+        }
+        setIsLoading(true);
+        setError(null);
+        try {
+            await deleteUserAccount();
+            setProfile(null);
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error(String(err));
+            setError(error);
+            throw error;
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [isAuthenticated, deleteUserAccount]);
+    return {
+        user,
+        profile,
+        isLoading,
+        error,
+        refetch,
+        update,
+        delete: deleteUser
+    };
+}
+
+/**
+ * useProtected Hook
+ * Hook for protecting components that require authentication
+ */
+/**
+ * Hook to check if user is authenticated and protect a component
+ *
+ * @returns {UseProtectedReturn} Authentication status
+ *
+ * @example
+ * ```tsx
+ * function ProtectedPage() {
+ *   const { isAuthenticated, isLoading } = useProtected()
+ *
+ *   if (isLoading) return <p>Loading...</p>
+ *   if (!isAuthenticated) return <p>Please log in to access this page</p>
+ *
+ *   return <div>Protected content</div>
+ * }
+ * ```
+ */
+function useProtected() {
+    const { isAuthenticated, isLoading, user } = useAuth();
+    return {
+        isAuthenticated,
+        isLoading,
+        user
+    };
+}
+
+export { useAuth, useProtected, useUser };

package/dist/hooks/useAuth.d.ts

@@ -0,0 +1,38 @@
+/**
+ * useAuth Hook
+ * Main hook for accessing Gately auth context
+ */
+import { GatelyContextValue } from '../context';
+/**
+ * Hook to access Gately authentication context
+ * Must be used inside a GatelyProvider
+ *
+ * @returns {GatelyContextValue} Auth context with user, session, and auth methods
+ *
+ * @example
+ * ```tsx
+ * function LoginForm() {
+ *   const { login, isLoading, error } = useAuth()
+ *
+ *   const handleSubmit = async (email, password) => {
+ *     try {
+ *       await login(email, password)
+ *     } catch (err) {
+ *       console.error(err)
+ *     }
+ *   }
+ *
+ *   return (
+ *     <>
+ *       {error && <p>{error.message}</p>}
+ *       <button disabled={isLoading} onClick={() => handleSubmit('test@example.com', 'pass')}>
+ *         {isLoading ? 'Logging in...' : 'Log In'}
+ *       </button>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+export declare function useAuth(): GatelyContextValue;
+export default useAuth;
+//# sourceMappingURL=useAuth.d.ts.map

package/dist/hooks/useAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/hooks/useAuth.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAiB,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,OAAO,IAAI,kBAAkB,CAQ5C;AAED,eAAe,OAAO,CAAA"}

package/dist/hooks/useProtected.d.ts

@@ -0,0 +1,29 @@
+/**
+ * useProtected Hook
+ * Hook for protecting components that require authentication
+ */
+export interface UseProtectedReturn {
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    user: any | null;
+}
+/**
+ * Hook to check if user is authenticated and protect a component
+ *
+ * @returns {UseProtectedReturn} Authentication status
+ *
+ * @example
+ * ```tsx
+ * function ProtectedPage() {
+ *   const { isAuthenticated, isLoading } = useProtected()
+ *
+ *   if (isLoading) return <p>Loading...</p>
+ *   if (!isAuthenticated) return <p>Please log in to access this page</p>
+ *
+ *   return <div>Protected content</div>
+ * }
+ * ```
+ */
+export declare function useProtected(): UseProtectedReturn;
+export default useProtected;
+//# sourceMappingURL=useProtected.d.ts.map

package/dist/hooks/useProtected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProtected.d.ts","sourceRoot":"","sources":["../../src/hooks/useProtected.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,OAAO,CAAA;IACxB,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,GAAG,GAAG,IAAI,CAAA;CACjB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,IAAI,kBAAkB,CAQjD;AAED,eAAe,YAAY,CAAA"}