@djangocfg/layouts 2.1.9 → 2.1.14

package/src/auth/context/AccountsContext.tsx

@@ -1,240 +0,0 @@
-/**
- * Accounts Context
- *
- * Manages user authentication and profile operations using generated SWR hooks
- *
- * Features:
- * - OTP-based authentication
- * - User profile management
- * - Avatar upload
- * - Profile updates
- * - localStorage cache with TTL (1 hour)
- */
-
-"use client";
-
-import { createContext, useContext, ReactNode, useState, useCallback, useRef, useEffect } from 'react';
-import { getCachedProfile, setCachedProfile, clearProfileCache } from '../hooks/useProfileCache';
-import { authLogger } from '../../utils/logger';
-import {
-  api,
-  usePartialUpdateAccountsProfilePartialUpdate,
-  useUpdateAccountsProfileUpdateUpdate,
-  useCreateAccountsProfileAvatarCreate,
-  useCreateAccountsOtpRequestCreate,
-  useCreateAccountsOtpVerifyCreate,
-  useCreateAccountsTokenRefreshCreate,
-  getAccountsProfileRetrieve,
-  PatchedUserProfileUpdateRequestSchema,
-  type User,
-  type UserProfileUpdateRequest,
-  type PatchedUserProfileUpdateRequest,
-  type OTPRequestRequest,
-  type OTPVerifyRequest,
-  type OTPRequestResponse,
-  type OTPVerifyResponse,
-  type TokenRefresh,
-  type API,
-} from '@djangocfg/api';
-
-// Re-export schemas for external use
-export { PatchedUserProfileUpdateRequestSchema };
-export type { PatchedUserProfileUpdateRequest };
-
-// ─────────────────────────────────────────────────────────────────────────
-// Context Type
-// ─────────────────────────────────────────────────────────────────────────
-
-export interface AccountsContextValue {
-  // Current user profile
-  profile?: User;
-  isLoadingProfile: boolean;
-  profileError: Error | null;
-
-  // Profile operations
-  updateProfile: (data: UserProfileUpdateRequest) => Promise<User>;
-  partialUpdateProfile: (data: PatchedUserProfileUpdateRequest) => Promise<User>;
-  uploadAvatar: (formData: FormData) => Promise<User>;
-  refreshProfile: (callerId?: string) => Promise<User | undefined>;
-
-  // Authentication
-  requestOTP: (data: OTPRequestRequest) => Promise<OTPRequestResponse>;
-  verifyOTP: (data: OTPVerifyRequest) => Promise<OTPVerifyResponse>;
-  refreshToken: (refresh: string) => Promise<TokenRefresh>;
-  logout: () => void;
-}
-
-// ─────────────────────────────────────────────────────────────────────────
-// Context
-// ─────────────────────────────────────────────────────────────────────────
-
-const AccountsContext = createContext<AccountsContextValue | undefined>(undefined);
-
-// ─────────────────────────────────────────────────────────────────────────
-// Provider Component
-// ─────────────────────────────────────────────────────────────────────────
-
-interface AccountsProviderProps {
-  children: ReactNode;
-}
-
-export function AccountsProvider({ children }: AccountsProviderProps) {
-  // State management with localStorage cache
-  const [profile, setProfile] = useState<User | undefined>(() => {
-    // Initialize from cache on mount
-    const cached = getCachedProfile();
-    return cached || undefined;
-  });
-  const [isLoadingProfile, setIsLoadingProfile] = useState(false);
-  const [profileError, setProfileError] = useState<Error | null>(null);
-
-  // Use refs to access current state without adding to dependencies
-  const profileRef = useRef<User | undefined>(profile);
-  const isLoadingRef = useRef(false);
-
-  // Keep refs in sync with state
-  useEffect(() => {
-    profileRef.current = profile;
-  }, [profile]);
-
-  useEffect(() => {
-    isLoadingRef.current = isLoadingProfile;
-  }, [isLoadingProfile]);
-
-  // Mutation hooks
-  const updateMutation = useUpdateAccountsProfileUpdateUpdate();
-  const partialUpdateMutation = usePartialUpdateAccountsProfilePartialUpdate();
-  const avatarMutation = useCreateAccountsProfileAvatarCreate();
-  const otpRequestMutation = useCreateAccountsOtpRequestCreate();
-  const otpVerifyMutation = useCreateAccountsOtpVerifyCreate();
-  const tokenRefreshMutation = useCreateAccountsTokenRefreshCreate();
-
-  // Refresh profile - fetch and cache with stable callback
-  const refreshProfile = useCallback(async (callerId?: string): Promise<User | undefined> => {
-    // Use refs to check current state without creating dependency
-    const currentProfile = profileRef.current;
-    const currentLoading = isLoadingRef.current;
-
-    // Prevent duplicate calls if profile is already loaded and not loading
-    if (currentProfile && !currentLoading) {
-      authLogger.debug(`Profile already loaded, returning cached (caller: ${callerId})`);
-      return currentProfile;
-    }
-
-    setIsLoadingProfile(true);
-    isLoadingRef.current = true;
-    setProfileError(null);
-    try {
-      // Log caller for debugging excessive API calls using consola logger
-      if (callerId) {
-        authLogger.debug(`Profile refresh called by: ${callerId}`);
-      }
-      const result = await getAccountsProfileRetrieve(api as unknown as API);
-      setProfile(result);
-      profileRef.current = result;
-      // Save to cache with 1 hour TTL
-      setCachedProfile(result);
-      return result;
-    } catch (error) {
-      const err = error instanceof Error ? error : new Error('Failed to fetch profile');
-      setProfileError(err);
-      throw err;
-    } finally {
-      setIsLoadingProfile(false);
-      isLoadingRef.current = false;
-    }
-  }, []); // Empty dependencies - callback is stable
-
-  // Update profile (full)
-  const updateProfile = async (data: UserProfileUpdateRequest): Promise<User> => {
-    const result = await updateMutation(data, api as unknown as API);
-    await refreshProfile('AccountsContext.updateProfile');
-    return result as User;
-  };
-
-  // Partial update profile
-  const partialUpdateProfile = async (data: PatchedUserProfileUpdateRequest): Promise<User> => {
-    const result = await partialUpdateMutation(data, api as unknown as API);
-    await refreshProfile('AccountsContext.partialUpdateProfile');
-    return result as User;
-  };
-
-  // Upload avatar
-  const uploadAvatar = async (formData: FormData): Promise<User> => {
-    const result = await avatarMutation(formData, api as unknown as API);
-    await refreshProfile('AccountsContext.uploadAvatar');
-    return result as User;
-  };
-
-  // Request OTP
-  const requestOTP = async (data: OTPRequestRequest): Promise<OTPRequestResponse> => {
-    const result = await otpRequestMutation(data, api as unknown as API);
-    return result as OTPRequestResponse;
-  };
-
-  // Verify OTP
-  const verifyOTP = async (data: OTPVerifyRequest): Promise<OTPVerifyResponse> => {
-    const result = await otpVerifyMutation(data, api as unknown as API);
-
-    // Automatically save tokens after successful verification
-    if (result.access && result.refresh) {
-      api.setToken(result.access, result.refresh);
-      // Refresh profile to load user data with new token
-      await refreshProfile('AccountsContext.verifyOTP');
-    }
-
-    return result as OTPVerifyResponse;
-  };
-
-  // Refresh token
-  const refreshToken = async (refresh: string): Promise<TokenRefresh> => {
-    const result = await tokenRefreshMutation({ refresh }, api as unknown as API);
-
-    // Automatically save new access token
-    if (result.access) {
-      api.setToken(result.access, refresh);
-    }
-
-    return result as TokenRefresh;
-  };
-
-  // Logout - clear tokens, profile state, and cache
-  const logout = useCallback(() => {
-    api.clearTokens();
-    setProfile(undefined);
-    setProfileError(null);
-    clearProfileCache();
-  }, []);
-
-  const value: AccountsContextValue = {
-    profile,
-    isLoadingProfile,
-    profileError,
-    updateProfile,
-    partialUpdateProfile,
-    uploadAvatar,
-    refreshProfile,
-    requestOTP,
-    verifyOTP,
-    refreshToken,
-    logout,
-  };
-
-  return (
-    <AccountsContext.Provider value={value}>
-      {children}
-    </AccountsContext.Provider>
-  );
-}
-
-// ─────────────────────────────────────────────────────────────────────────
-// Hook
-// ─────────────────────────────────────────────────────────────────────────
-
-export function useAccountsContext(): AccountsContextValue {
-  const context = useContext(AccountsContext);
-  if (!context) {
-    throw new Error('useAccountsContext must be used within AccountsProvider');
-  }
-  return context;
-}