@oxyhq/services 5.5.8 → 5.6.0

package/src/ui/store/slices/authSlice.ts

@@ -1,43 +0,0 @@
-import { createSlice, PayloadAction } from '@reduxjs/toolkit';
-import type { User } from '../../../models/interfaces';
-import type { AuthState } from './types';
-import { initialAuthState } from './types';
-
-export const authSlice = createSlice({
-  name: 'auth',
-  initialState: initialAuthState,
-  reducers: {
-    loginStart(state: AuthState) {
-      state.isLoading = true;
-      state.error = null;
-    },
-    loginSuccess(state: AuthState, action: PayloadAction<User>) {
-      state.isLoading = false;
-      state.isAuthenticated = true;
-      state.user = action.payload;
-    },
-    loginFailure(state: AuthState, action: PayloadAction<string>) {
-      state.isLoading = false;
-      state.error = action.payload;
-    },
-    logout(state: AuthState) {
-      state.user = null;
-      state.isAuthenticated = false;
-    },
-  },
-});
-
-// Export actions
-export const authActions = authSlice.actions;
-export const { loginStart, loginSuccess, loginFailure, logout } = authSlice.actions;
-
-// Export selectors
-export const authSelectors = {
-  selectUser: (state: { auth: AuthState }) => state.auth.user,
-  selectIsAuthenticated: (state: { auth: AuthState }) => state.auth.isAuthenticated,
-  selectIsLoading: (state: { auth: AuthState }) => state.auth.isLoading,
-  selectError: (state: { auth: AuthState }) => state.auth.error,
-};
-
-// Export reducer
-export const authReducer = authSlice.reducer;

package/src/ui/store/slices/followSlice.ts

@@ -1,207 +0,0 @@
-import { createSlice, PayloadAction, createAsyncThunk } from '@reduxjs/toolkit';
-import type { FollowState } from './types';
-import { initialFollowState } from './types';
-
-// Define thunk state interface for dependency injection
-interface RootState {
-  follow: FollowState;
-}
-
-// Async thunk for fetching follow status from backend with deduplication
-export const fetchFollowStatus = createAsyncThunk(
-  'follow/fetchFollowStatus',
-  async ({ userId, oxyServices }: { userId: string; oxyServices: any }, { rejectWithValue }) => {
-    try {
-      // Use the proper core service method
-      const response = await oxyServices.getFollowStatus(userId);
-      return { userId, isFollowing: response.isFollowing };
-    } catch (error: any) {
-      // Ignore authentication errors when user isn't signed in - don't update state
-      if (error?.status === 401 || error?.message?.includes('Authentication')) {
-        return rejectWithValue('Not authenticated');
-      }
-      // Log other failures and reject to not update state
-      console.warn(`Failed to fetch follow status for user ${userId}:`, error);
-      return rejectWithValue(error?.message || 'Failed to fetch follow status');
-    }
-  },
-  {
-    // Prevent duplicate requests for the same user ID
-    condition: ({ userId }, { getState }) => {
-      const state = getState() as RootState;
-      const isAlreadyFetching = state.follow.fetchingUsers[userId];
-      
-      if (isAlreadyFetching) {
-        console.log(`⚡ Deduplicating fetch request for user ${userId} - already in progress`);
-        return false; // Cancel this request
-      }
-      
-      return true; // Allow this request
-    }
-  }
-);
-
-// Async thunk for following/unfollowing users using core services
-export const toggleFollowUser = createAsyncThunk(
-  'follow/toggleFollowUser',
-  async ({ userId, oxyServices, isCurrentlyFollowing }: { 
-    userId: string; 
-    oxyServices: any; 
-    isCurrentlyFollowing: boolean; 
-  }, { rejectWithValue, dispatch }) => {
-    try {
-      let response: { success?: boolean; message?: string; action?: string };
-      let newFollowState: boolean;
-
-      if (isCurrentlyFollowing) {
-        // Use the core service to unfollow user
-        response = await oxyServices.unfollowUser(userId);
-        newFollowState = false;
-      } else {
-        // Use the core service to follow user
-        response = await oxyServices.followUser(userId);
-        newFollowState = true;
-      }
-
-      // Check if the response indicates success (different APIs might return different formats)
-      const isSuccess = response.success !== false && response.action !== 'error';
-      
-      if (isSuccess) {
-        return { 
-          userId, 
-          isFollowing: newFollowState, 
-          message: response.message || `Successfully ${newFollowState ? 'followed' : 'unfollowed'} user` 
-        };
-      } else {
-        return rejectWithValue(response.message || `Failed to ${newFollowState ? 'follow' : 'unfollow'} user`);
-      }
-    } catch (error: any) {
-      // Enhanced error handling with state mismatch detection
-      let errorMessage = 'Network error occurred';
-      
-      if (error?.message) {
-        errorMessage = error.message;
-      } else if (error?.response?.data?.message) {
-        errorMessage = error.response.data.message;
-      } else if (error?.data?.message) {
-        errorMessage = error.data.message;
-      }
-
-      // Handle state mismatch errors by syncing with backend
-      if (errorMessage.includes('Not following this user') && isCurrentlyFollowing) {
-        console.warn(`State mismatch detected for user ${userId}: Frontend thinks following, backend says not following. Syncing state...`);
-        // Auto-sync with backend state
-        try {
-          const actualStatus = await oxyServices.getFollowStatus(userId);
-          dispatch({ type: 'follow/setFollowingStatus', payload: { userId, isFollowing: actualStatus.isFollowing } });
-          return rejectWithValue('State synced with backend. Please try again.');
-        } catch (syncError) {
-          console.error('Failed to sync state with backend:', syncError);
-        }
-      } else if (errorMessage.includes('Already following this user') && !isCurrentlyFollowing) {
-        console.warn(`State mismatch detected for user ${userId}: Frontend thinks not following, backend says following. Syncing state...`);
-        // Auto-sync with backend state
-        try {
-          const actualStatus = await oxyServices.getFollowStatus(userId);
-          dispatch({ type: 'follow/setFollowingStatus', payload: { userId, isFollowing: actualStatus.isFollowing } });
-          return rejectWithValue('State synced with backend. Please try again.');
-        } catch (syncError) {
-          console.error('Failed to sync state with backend:', syncError);
-        }
-      }
-      
-      return rejectWithValue(errorMessage);
-    }
-  }
-);
-
-export const followSlice = createSlice({
-  name: 'follow',
-  initialState: initialFollowState,
-  reducers: {
-    setFollowingStatus(state: FollowState, action: PayloadAction<{ userId: string; isFollowing: boolean }>) {
-      const { userId, isFollowing } = action.payload;
-      state.followingUsers[userId] = isFollowing;
-      state.errors[userId] = null;
-    },
-    clearFollowError(state: FollowState, action: PayloadAction<string>) {
-      const userId = action.payload;
-      state.errors[userId] = null;
-    },
-    resetFollowState(state: FollowState) {
-      state.followingUsers = {};
-      state.loadingUsers = {};
-      state.fetchingUsers = {};
-      state.errors = {};
-    },
-  },
-  extraReducers: (builder) => {
-    builder
-      // Handle fetchFollowStatus
-      .addCase(fetchFollowStatus.pending, (state, action) => {
-        const { userId } = action.meta.arg;
-        state.fetchingUsers[userId] = true;
-        state.errors[userId] = null;
-      })
-      .addCase(fetchFollowStatus.fulfilled, (state, action) => {
-        const { userId, isFollowing } = action.payload;
-        state.followingUsers[userId] = isFollowing;
-        state.fetchingUsers[userId] = false;
-        state.errors[userId] = null;
-      })
-      .addCase(fetchFollowStatus.rejected, (state, action) => {
-        const { userId } = action.meta.arg;
-        state.fetchingUsers[userId] = false;
-        // Don't update follow state on fetch errors - preserve existing/initial state
-        if (action.payload !== 'Not authenticated') {
-          console.warn(`Failed to fetch follow status for user ${userId}:`, action.payload);
-        }
-      })
-      // Handle toggleFollowUser
-      .addCase(toggleFollowUser.pending, (state, action) => {
-        const { userId } = action.meta.arg;
-        state.loadingUsers[userId] = true;
-        state.errors[userId] = null;
-      })
-      .addCase(toggleFollowUser.fulfilled, (state, action) => {
-        const { userId, isFollowing } = action.payload;
-        state.followingUsers[userId] = isFollowing;
-        state.loadingUsers[userId] = false;
-        state.errors[userId] = null;
-      })
-      .addCase(toggleFollowUser.rejected, (state, action) => {
-        const { userId } = action.meta.arg;
-        state.loadingUsers[userId] = false;
-        state.errors[userId] = action.error.message || 'Failed to update follow status';
-      });
-  },
-});
-
-// Export actions
-export const followActions = followSlice.actions;
-export const { setFollowingStatus, clearFollowError, resetFollowState } = followSlice.actions;
-
-// Export thunks
-export const followThunks = {
-  fetchFollowStatus,
-  toggleFollowUser,
-};
-
-// Export selectors
-export const followSelectors = {
-  selectFollowingUsers: (state: { follow: FollowState }) => state.follow.followingUsers,
-  selectLoadingUsers: (state: { follow: FollowState }) => state.follow.loadingUsers,
-  selectFetchingUsers: (state: { follow: FollowState }) => state.follow.fetchingUsers,
-  selectFollowErrors: (state: { follow: FollowState }) => state.follow.errors,
-  selectIsUserFollowed: (state: { follow: FollowState }, userId: string) => 
-    state.follow.followingUsers[userId] ?? false,
-  selectIsUserLoading: (state: { follow: FollowState }, userId: string) => 
-    state.follow.loadingUsers[userId] ?? false,
-  selectIsUserBeingFetched: (state: { follow: FollowState }, userId: string) => 
-    state.follow.fetchingUsers[userId] ?? false,
-  selectUserError: (state: { follow: FollowState }, userId: string) => 
-    state.follow.errors[userId] ?? null,
-};
-
-// Export reducer
-export const followReducer = followSlice.reducer;

package/src/ui/store/slices/index.ts

@@ -1,31 +0,0 @@
-/**
- * Redux slices exports
- * This file exports individual slices and their components for tree-shaking
- */
-
-export { 
-  authSlice, 
-  authActions, 
-  authSelectors, 
-  authReducer,
-  loginStart,
-  loginSuccess, 
-  loginFailure,
-  logout 
-} from './authSlice';  
-
-export { 
-  followSlice, 
-  followActions, 
-  followSelectors, 
-  followThunks,
-  followReducer,
-  setFollowingStatus,
-  clearFollowError,
-  resetFollowState,
-  fetchFollowStatus,
-  toggleFollowUser
-} from './followSlice';
-
-export type { AuthState, FollowState } from './types';
-export { initialAuthState, initialFollowState } from './types';

package/src/ui/store/slices/types.ts

@@ -1,33 +0,0 @@
-import type { User } from '../../../models/interfaces';
-
-export interface AuthState {
-  user: User | null;
-  isAuthenticated: boolean;
-  isLoading: boolean;
-  error: string | null;
-}
-
-export interface FollowState {
-  // Track follow status for each user ID
-  followingUsers: Record<string, boolean>;
-  // Track loading state for each user ID
-  loadingUsers: Record<string, boolean>;
-  // Track which user IDs are currently being fetched (to prevent duplicate requests)
-  fetchingUsers: Record<string, boolean>;
-  // Track any follow/unfollow errors
-  errors: Record<string, string | null>;
-}
-
-export const initialAuthState: AuthState = {
-  user: null,
-  isAuthenticated: false,
-  isLoading: false,
-  error: null,
-};
-
-export const initialFollowState: FollowState = {
-  followingUsers: {},
-  loadingUsers: {},
-  fetchingUsers: {},
-  errors: {},
-};

package/src/ui/styles/shadows.ts

@@ -1,112 +0,0 @@
-import { Platform } from 'react-native';
-
-/**
- * Cross-platform shadow utility that eliminates "shadow*" deprecation warnings
- */
-export interface ShadowConfig {
-  shadowColor?: string;
-  shadowOffset?: { width: number; height: number };
-  shadowOpacity?: number;
-  shadowRadius?: number;
-  elevation?: number;
-}
-
-/**
- * Creates cross-platform shadow styles
- * Uses boxShadow for web and native shadow props for iOS/Android
- */
-export function createShadow(config: ShadowConfig) {
-  const {
-    shadowColor = '#000',
-    shadowOffset = { width: 0, height: 2 },
-    shadowOpacity = 0.1,
-    shadowRadius = 4,
-    elevation = 2,
-  } = config;
-
-  return Platform.select({
-    web: {
-      boxShadow: `${shadowOffset.width}px ${shadowOffset.height}px ${shadowRadius}px rgba(${hexToRgb(shadowColor)}, ${shadowOpacity})`,
-    },
-    ios: {
-      shadowColor,
-      shadowOffset,
-      shadowOpacity,
-      shadowRadius,
-    },
-    android: {
-      elevation,
-    },
-    default: {
-      shadowColor,
-      shadowOffset,
-      shadowOpacity,
-      shadowRadius,
-      elevation,
-    },
-  });
-}
-
-/**
- * Helper function to convert hex color to RGB
- */
-function hexToRgb(hex: string): string {
-  // Remove # if present
-  hex = hex.replace('#', '');
-  
-  // Handle shorthand hex colors (e.g., #fff)
-  if (hex.length === 3) {
-    hex = hex.split('').map(char => char + char).join('');
-  }
-  
-  const r = parseInt(hex.substr(0, 2), 16);
-  const g = parseInt(hex.substr(2, 2), 16);
-  const b = parseInt(hex.substr(4, 2), 16);
-  
-  return `${r}, ${g}, ${b}`;
-}
-
-/**
- * Predefined shadow presets
- */
-export const shadows = {
-  small: createShadow({
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 1 },
-    shadowOpacity: 0.05,
-    shadowRadius: 2,
-    elevation: 1,
-  }),
-  
-  medium: createShadow({
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 2,
-  }),
-  
-  large: createShadow({
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 4 },
-    shadowOpacity: 0.15,
-    shadowRadius: 8,
-    elevation: 4,
-  }),
-  
-  card: createShadow({
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.08,
-    shadowRadius: 8,
-    elevation: 3,
-  }),
-  
-  button: createShadow({
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 2,
-  }),
-}; 

package/src/utils/polyfills.ts

@@ -1,34 +0,0 @@
-/**
- * Polyfills for React Native environments that may be missing certain Web APIs
- */
-
-// FormData polyfill for React Native/Hermes environments
-if (typeof FormData === 'undefined') {
-  try {
-    const FormDataPolyfill = require('form-data');
-    // Use globalThis which is more universal than global
-    if (typeof globalThis !== 'undefined') {
-      (globalThis as any).FormData = FormDataPolyfill;
-    }
-  } catch (error) {
-    console.warn('form-data package not found. File uploads may not work in React Native environments without native FormData support.');
-  }
-}
-
-// Export a helper to ensure FormData is available
-export const ensureFormDataAvailable = (): boolean => {
-  return typeof FormData !== 'undefined' || typeof require !== 'undefined';
-};
-
-// Get FormData constructor (either native or polyfilled)
-export const getFormDataConstructor = (): any => {
-  if (typeof FormData !== 'undefined') {
-    return FormData;
-  }
-  
-  try {
-    return require('form-data');
-  } catch (error) {
-    throw new Error('FormData is not available and form-data package is not installed. Please install form-data for file upload support.');
-  }
-};