create-gufran-expo-app 2.0.0 → 2.0.1

package/template/src/stores/authStore.ts

@@ -0,0 +1,159 @@
+import { create } from 'zustand';
+import { StorageService } from '../utils/storage';
+
+// Types for authentication
+export interface User {
+  userId: number;
+  email: string;
+  Name: string;
+  profileImage?: string;
+  isProfileCompleted: boolean;
+  isAddMember: boolean;
+  userType: number;
+}
+
+export interface AuthState {
+  user: User | null;
+  accessToken: string | null;
+  authorizationToken: string | null;
+  isAddMember: boolean;
+  isAuthenticated: boolean;
+  isLoading: boolean;
+}
+
+export interface AuthActions {
+  setUser: (user: User | null) => void;
+  setAccessToken: (token: string | null) => void;
+  setAuthorizationToken: (token: string | null) => void;
+  setLoading: (loading: boolean) => void;
+  login: (user: User, accessToken: string, authorizationToken: string) => void;
+  registerVerify: (user: User, accessToken: string, authorizationToken: string) => void;
+  logout: () => void;
+  clearAuth: () => void;
+}
+
+export type AuthStore = AuthState & AuthActions;
+
+// Create the auth store
+export const useAuthStore = create<AuthStore>()((set, get) => ({
+
+  
+  // Initial state
+  user: null,
+  accessToken: null,
+  authorizationToken: null,
+  isAuthenticated: false,
+  isAddMember: false,
+  isLoading: false,
+  registerVerify: (user, accessToken, authorizationToken) => {
+    const data = {
+      user,
+      accessToken,
+      authorizationToken,
+      isAddMember: user.isAddMember,
+      isAuthenticated: true,
+      isLoading: false,
+    }
+    set(data);
+    
+    // Store tokens in both individual methods and user object
+    StorageService.auth.setAccessToken(accessToken);
+    StorageService.auth.setAuthorizationToken(authorizationToken);
+    StorageService.auth.setUser(data);
+  },
+
+  // Actions
+  setUser: (user) => {
+    set({ user });
+    // persist user changes (e.g., isAddMember) to MMKV
+    const { accessToken, authorizationToken, isAuthenticated, isLoading } = get();
+    const updatedData = { user, accessToken, authorizationToken, isAuthenticated, isLoading, isAddMember: user?.isAddMember ?? false };
+    StorageService.auth.setUser(updatedData);
+  },
+  setAccessToken: (token) => {
+    set({ accessToken: token });
+    // Also store token in MMKV for API interceptor
+    if (token) {
+      StorageService.auth.setAccessToken(token);
+    } else {
+      StorageService.auth.removeAccessToken();
+    }
+  },
+  setAuthorizationToken: (token) => {
+    set({ authorizationToken: token });
+    // Also store token in MMKV for API interceptor
+    if (token) {
+      StorageService.auth.setAuthorizationToken(token);
+    } else {
+      StorageService.auth.removeAuthorizationToken();
+    }
+  },
+  setLoading: (isLoading) => set({ isLoading }),
+  
+  login: (user, accessToken, authorizationToken) => {
+    const data = {
+      user,
+      accessToken,
+      authorizationToken,
+      isAddMember: user.isAddMember,
+      isAuthenticated: true,
+      isLoading: false,
+    }
+    set(data);
+    
+    try {
+      StorageService.auth.setAccessToken(accessToken);
+      StorageService.auth.setAuthorizationToken(authorizationToken);
+      StorageService.auth.setUser(data);
+      
+  
+    } catch (error) {
+      console.error("❌ LOGIN - Error storing tokens:", error);
+    }
+  },
+
+  logout: () => {
+    set({
+      user: null,
+      accessToken: null,
+      authorizationToken: null,
+      isAuthenticated: false,
+      isLoading: false,
+    });
+    // Clear all auth data from MMKV
+    StorageService.auth.removeUser();
+    StorageService.auth.clearAuthData();
+  },
+  
+  clearAuth: () => {
+    set({
+      user: null,
+      accessToken: null,
+      authorizationToken: null,
+      isAuthenticated: false,
+      isLoading: false,
+    });
+    // Clear all auth data from MMKV
+    StorageService.auth.clearAuthData();
+  },
+}));
+
+// Selectors for better performance
+export const useAuth = () => useAuthStore((state) => ({
+  user: state.user,
+  accessToken: state.accessToken,
+  authorizationToken: state.authorizationToken,
+  isAuthenticated: state.isAuthenticated,
+  isLoading: state.isLoading,
+}));
+
+export const useAuthActions = () => useAuthStore((state) => ({
+  setUser: state.setUser,
+  setAccessToken: state.setAccessToken,
+  setAuthorizationToken: state.setAuthorizationToken,
+  setLoading: state.setLoading,
+  login: state.login,
+  registerVerify: state.registerVerify,
+  logout: state.logout,
+  clearAuth: state.clearAuth,
+}));

package/template/src/stores/index.ts

@@ -0,0 +1,2 @@
+// Auth Store
+export * from './authStore';

package/template/src/types/index.ts

@@ -0,0 +1,85 @@
+// Navigation types
+export * from './navigation';
+
+// Common types
+export interface User {
+  id: string;
+  name: string;
+  email: string;
+  avatar?: string;
+  createdAt: Date;
+  updatedAt: Date;
+}
+
+export interface BaseResponse {
+  success: boolean;
+  message: string;
+}
+
+export interface ApiResponse<T = any> extends BaseResponse {
+  data?: T;
+}
+
+// Common component props
+export interface BaseScreenProps {
+  testID?: string;
+}
+
+// Theme types
+export interface ThemeColors {
+  primary: string;
+  secondary: string;
+  background: string;
+  surface: string;
+  text: string;
+  textSecondary: string;
+  border: string;
+  error: string;
+  success: string;
+  warning: string;
+  blue: string;
+  appleGreen: string;
+  DarkGray: string;
+  green: string;
+  white: string;
+  black: string;
+  lightLavenderGray: string;
+  imageBorder: string;
+  paraText: string;
+  cancelButton: string;
+  red: string;
+}
+
+export interface Theme {
+  colors: ThemeColors;
+  spacing: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+  };
+  borderRadius: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+  };
+  typography: {
+    fontSize: {
+      xs: number;
+      sm: number;
+      md: number;
+      lg: number;
+      xl: number;
+      xxl: number;
+    };
+    fontWeight: {
+      normal: '400';
+      medium: '500';
+      semibold: '600';
+      bold: '700';
+    };
+  };
+}

package/template/src/types/navigation.ts

@@ -0,0 +1,206 @@
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+
+// Auth Stack Parameter List
+export type AuthStackParamList = {
+  Welcome: undefined;
+  Login: undefined;
+  Register: undefined;
+  ForgotPassword: undefined;
+  OTPVerify: undefined;
+  Success: undefined;
+};
+
+// Middle Stack Parameter List
+export type MiddleStackParamList = {
+  AddMember: undefined;
+};
+
+// Main App Stack Parameter List
+export type MainStackParamList = {
+  Home: undefined;
+  Profile: { userId: string };
+  Settings: undefined;
+  Details: { itemId: string; title?: string };
+  JoinClub: undefined;
+  JoinTeam: {
+    selectedClub?: any;
+    selectedMember?: any;
+  };
+  MyTeam: {
+    selectedClub?: any;
+    selectedMember?: any;
+  };
+  MyTeamDetails: {
+    club?: any;
+    selectedClub?: any;
+    selectedMember?: any;
+  };
+  Announcements: {
+    selectedClub?: any;
+    selectedMember?: any;
+  };
+  PendingRequests: any;
+  ClubDetails: {
+    TeamDetails?: any;
+    clubName?: string;
+    totalMembers?: number;
+    clubCode?: string;
+    clubAddress?: string;
+    selectedMember?: any;
+    [key: string]: any;
+  };
+  SportHub: {
+    selectedClub?: any;
+    selectedMember?: any;
+  };
+  ChatThreads: {
+    team?: any;
+    selectedClub?: any;
+    selectedMember?: any;
+  };
+  ChatScreen: {
+    itemDetails?: any;
+    memberId?: string;
+    teamId?: string;
+    team?: any;
+    userType?: string;
+  };
+  ReportMessage: {
+    message: any;
+    memberId: string;
+    onReportSubmit?: (reason: string, message: any) => void;
+  };
+
+
+  
+  // Raffles
+  Raffles: {
+    selectedClub?: any;
+    selectedMember?: any;
+  };
+  RaffleDetails: {
+    selectedClub?: any;
+    selectedMember?: any;
+    raffleId: number;
+  };
+  BuyRaffleTickets: {
+    selectedClub?: any;
+    selectedMember?: any;
+    raffleId: number;
+    raffleTitle: string;
+    ticketOptions: Array<{
+      id: number;
+      raffleId: number;
+      ticketCount: number;
+      totalAmount: number;
+      perTicketAmount: number;
+    }>;
+  };
+  VolunteerOpportunitiesScreen:{
+    selectedClub?: any;
+    selectedMember?: any;
+  }
+  SetReminder:{
+    item?:any 
+    selectedClub?: any;
+    selectedMember?: any;
+  }
+  VolunteerOpportunitiesDetailsScreen:{
+    item?:any 
+    selectedClub?: any;
+    selectedMember?: any;
+  },
+  MyReferralMembers:{
+    selectedClub?: any;
+    selectedMember?: any;
+    raffleId?: number;
+    raffleTitle?: string;
+  },
+  SetRaffleReminder:{
+    selectedClub?: any;
+    selectedMember?: any;
+    raffle?: any;
+  }
+  
+  //Events
+  EventScreen:{
+    selectedClub?: any;
+    selectedMember?: any;
+    raffle?: any;
+  }
+};
+
+// Root Stack Parameter List (combines Auth, Middle and Main)
+export type RootStackParamList = AuthStackParamList & MiddleStackParamList & MainStackParamList;
+
+// Auth Stack Navigation Props
+export type WelcomeScreenProps = NativeStackScreenProps<AuthStackParamList, 'Welcome'>;
+export type LoginScreenProps = NativeStackScreenProps<AuthStackParamList, 'Login'>;
+export type RegisterScreenProps = NativeStackScreenProps<AuthStackParamList, 'Register'>;
+export type ForgotPasswordScreenProps = NativeStackScreenProps<AuthStackParamList, 'ForgotPassword'>;
+export type OTPVerifyScreenProps = NativeStackScreenProps<AuthStackParamList, 'OTPVerify'>;
+export type SuccessScreenProps = NativeStackScreenProps<AuthStackParamList, 'Success'>;
+
+// Middle Stack Navigation Props
+export type AddMemberScreenProps = NativeStackScreenProps<MiddleStackParamList, 'AddMember'>;
+
+// Main Stack Navigation Props
+export type HomeScreenProps = NativeStackScreenProps<MainStackParamList, 'Home'>;
+export type ProfileScreenProps = NativeStackScreenProps<MainStackParamList, 'Profile'>;
+export type SettingsScreenProps = NativeStackScreenProps<MainStackParamList, 'Settings'>;
+export type DetailsScreenProps = NativeStackScreenProps<MainStackParamList, 'Details'>;
+export type JoinClubScreenProps = NativeStackScreenProps<MainStackParamList, 'JoinClub'>;
+export type ClubDetailsScreenProps = NativeStackScreenProps<MainStackParamList, 'ClubDetails'>;
+export type SportHubScreenProps = NativeStackScreenProps<MainStackParamList, 'SportHub'>;
+
+
+
+export type MyTeamScreen = NativeStackScreenProps<MainStackParamList, 'MyTeam'>;
+export type MyTeamDetailsScreenProps = NativeStackScreenProps<MainStackParamList, 'MyTeamDetails'>;
+export type PendingRequestsScreenProps = NativeStackScreenProps<MainStackParamList, 'PendingRequests'>;
+export type JoinTeamProps = NativeStackScreenProps<MainStackParamList, 'JoinTeam'>;
+export type AnnouncementsScreenProps = NativeStackScreenProps<MainStackParamList, 'Announcements'>;
+
+//Chat
+export type ChatThreadsScreenProps = NativeStackScreenProps<MainStackParamList, 'ChatThreads'>;
+export type ChatScreenProps = NativeStackScreenProps<MainStackParamList, 'ChatScreen'>;
+
+// VolunteerOpportunitiesScreen
+export type VolunteerOpportunitiesScreenProps = NativeStackScreenProps<MainStackParamList, 'VolunteerOpportunitiesScreen'>;
+export type VolunteerOpportunitiesDetailsScreenProps = NativeStackScreenProps<MainStackParamList, 'VolunteerOpportunitiesDetailsScreen'>;
+export type SetReminderScreenProps = NativeStackScreenProps<MainStackParamList, 'SetReminder'>;
+
+//Raffles
+export type RafflesScreenProps = NativeStackScreenProps<MainStackParamList, 'Raffles'>;
+export type MyReferralMembersScreenProps = NativeStackScreenProps<MainStackParamList, 'MyReferralMembers'>;
+export type SetRaffleReminderScreenProps = NativeStackScreenProps<MainStackParamList, 'SetRaffleReminder'>;
+
+//Event Screens
+export type EventScreenProps = NativeStackScreenProps<MainStackParamList, 'EventScreen'>;
+
+// Generic navigation prop types
+export type AuthStackScreenProps<T extends keyof AuthStackParamList> = NativeStackScreenProps<
+  AuthStackParamList,
+  T
+>;
+
+export type MiddleStackScreenProps<T extends keyof MiddleStackParamList> = NativeStackScreenProps<
+  MiddleStackParamList,
+  T
+>;
+
+export type MainStackScreenProps<T extends keyof MainStackParamList> = NativeStackScreenProps<
+  MainStackParamList,
+  T
+>;
+
+export type RootStackScreenProps<T extends keyof RootStackParamList> = NativeStackScreenProps<
+  RootStackParamList,
+  T
+>;
+
+declare global {
+  namespace ReactNavigation {
+    interface RootParamList extends RootStackParamList {}
+  }
+}