@fadyshawky/react-native-magic 1.0.7 → 1.0.9

package/template/src/core/api/serverHeaders.ts

@@ -1,6 +1,4 @@
-import Config from 'react-native-config';
-import axios from 'axios';
-import {AxiosDefaults} from 'axios';
+import axios, {AxiosDefaults} from 'axios';
 
 export const defaultHeaders: HeadersInit_ = {
   Connection: 'keep-alive',
@@ -12,28 +10,20 @@ declare type MethodData = {
   config?: any;
 };
 
+const baseURL = '';
+
 const instance = axios.create({
-  baseURL: Config.API_BASE_URL,
-  timeout: 5000,
-  maxRate: 100,
+  baseURL: baseURL,
   headers: {
-    Connection: 'keep-alive',
-    'Content-Type': 'application/json',
+    ...defaultHeaders,
   },
 });
 
-export const post = ({url, data, config}: MethodData) => {
-  return instance.post(url, data, config);
-};
-
-export const get = ({url, config}: MethodData) => {
-  return instance.get(url, config);
-};
-
-export const put = ({url, data, config}: MethodData) => {
-  return instance.put(url, data, config);
-};
-
-export const deleteApi = ({url, config}: MethodData) => {
-  return instance.delete(url, config);
-};
+// Export HTTP methods using the configured instance
+export const post = ({url, data, config}: MethodData) =>
+  instance.post(url, data, config);
+export const get = ({url, config}: MethodData) => instance.get(url, config);
+export const put = ({url, data, config}: MethodData) =>
+  instance.put(url, data, config);
+export const deleteApi = ({url, config}: MethodData) =>
+  instance.delete(url, config);

package/template/src/core/store/app/appSlice.ts

@@ -1,7 +1,6 @@
 import {createSlice} from '@reduxjs/toolkit';
-import {newState} from '../../../common/utils/newState';
 
-import {appInitialState, AppInitialEntity} from './appState';
+import {appInitialState} from './appState';
 
 export const {reducer: AppReducer, actions} = createSlice({
   name: 'app',

package/template/src/core/store/user/userSlice.ts

@@ -25,6 +25,7 @@ function loginErrorHandler(
   handleErrorResponse((payload.payload as string) || 'Login failed');
   return newState(state, {
     loginLoading: LoadState['error'],
+    accessToken: 'kl;hadjlcnaidojp8989y4hrkn4w3r89',
   });
 }
 

package/template/src/core/theme/ThemeProvider.tsx

@@ -0,0 +1,63 @@
+import React, {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useState,
+} from 'react';
+import {useColorScheme} from 'react-native';
+import {Theme, ThemeMode} from './types';
+import {darkTheme, lightTheme} from './themes';
+
+interface ThemeContextType {
+  theme: Theme;
+  toggleTheme: () => void;
+  setThemeMode: (mode: ThemeMode) => void;
+}
+
+const ThemeContext = createContext<ThemeContextType>({
+  theme: lightTheme,
+  toggleTheme: () => {},
+  setThemeMode: () => {},
+});
+
+export const useTheme = () => {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
+};
+
+interface ThemeProviderProps {
+  children: React.ReactNode;
+  initialTheme?: ThemeMode;
+}
+
+export const ThemeProvider: React.FC<ThemeProviderProps> = ({
+  children,
+  initialTheme,
+}) => {
+  const systemColorScheme = useColorScheme();
+  const [themeMode, setThemeMode] = useState<ThemeMode>(
+    initialTheme || systemColorScheme || 'light',
+  );
+
+  useEffect(() => {
+    if (!initialTheme && systemColorScheme) {
+      setThemeMode(systemColorScheme);
+    }
+  }, [systemColorScheme, initialTheme]);
+
+  const toggleTheme = useCallback(() => {
+    setThemeMode(prev => (prev === 'light' ? 'dark' : 'light'));
+  }, []);
+
+  const theme = themeMode === 'dark' ? darkTheme : lightTheme;
+
+  return (
+    <ThemeContext.Provider value={{theme, toggleTheme, setThemeMode}}>
+      {children}
+    </ThemeContext.Provider>
+  );
+};

package/template/src/core/theme/colors.ts

@@ -1,49 +1,36 @@
-export enum Colors {
+export enum BlackColors {
+  indigoBlue = '#6666FF',
+  mutedLavender = '#B3B5FF',
+  tintColor = '#B3B5FF',
+  mutedLavender30 = 'rgba(184, 186, 255, 0.3)',
+  balanceBackground = 'rgba(41, 45, 50, 0.8)',
+  white = '#FFFFFF',
+  backgroundOpacity = 'rgba(36, 40, 44, 0.8)',
   black = '#000000',
+  background = '#000000',
+  surface = '#121212',
+  card = '#1E1E1E',
+  shadow = '#FFFFFF',
+  red = '#FB043E',
+}
+
+export enum WhiteColors {
+  indigoBlue = '#6666FF',
+  mutedLavender = '#B3B5FF',
+  tintColor = '#6666FF',
+  mutedLavender30 = 'rgba(184, 186, 255, 0.3)',
+  balanceBackground = 'rgba(184, 186, 255, 0.3)',
   white = '#FFFFFF',
-  gray = '#929292',
-  gray2 = '#949494',
-  gray5 = '#E0E0E0',
-  background = '#F9FCFF',
-  gray_disabled = '#BDBDBD',
-  lightGray = '#BDBDBD',
-  darkGray = '#262626',
-  green = '#4DAD4A',
-  red = '#CE3C3E',
-  transparent = 'transparent',
-  primary100 = '#8481FD',
-  primary50 = '#C1C0FE',
-  primary20 = '#E6E6FF',
-  primary10 = '#F3F2FF',
-  primary5 = '#F9F9FF',
-  teal100 = '#1ED3B8',
-  teal50 = '#8EE9DB',
-  teal20 = '#D2F6F1',
-  teal10 = '#E9FBF8',
-  teal5 = '#F4FDFB',
-  blue100 = '#52BDFF',
-  blue50 = '#A8DEFF',
-  blue20 = '#DCF2FF',
-  blue10 = '#EEF8FF',
-  blue5 = '#F6FCFF',
-  coral100 = '#F2565E',
-  coral50 = '#F9AAAF',
-  coral20 = '#FCDDDF',
-  coral10 = '#FEF7F7',
-  coral5 = '#FEF7F7',
-  orange100 = '#F79E69',
-  orange50 = '#FBCEB4',
-  orange20 = '#FDECE1',
-  orange10 = '#FEF5F0',
-  orange5 = '#FFFAF8',
-  yellow100 = '#FFDF75',
-  yellow50 = '#FFEFBA',
-  yellow20 = '#FFF8E3',
-  yellow10 = '#FFFCF1',
-  yellow5 = '#FFFDF8',
+  backgroundOpacity = 'rgba(255, 255, 255, 0.7)',
+  black = '#000000',
+  background = '#FFFFFF',
+  surface = '#FFFFFF',
+  card = '#FFFFFF',
+  shadow = 'rgba(0, 0, 0, 0.8)',
+  red = '#FB043E',
 }
 
-export enum NewColors {
+export enum Colors {
   violetLight = '#F3F2FF',
   violetLightHover = '#E6E6FF',
   violetLightActive = '#C1C0FE',
@@ -85,4 +72,6 @@ export enum NewColors {
   red = '#FFFCF1',
   green = '#F4FDFB',
   background = '#FAFAFA',
+  white = 'white',
+  gray = 'gray',
 }

package/template/src/core/theme/commonConsts.ts

@@ -9,7 +9,7 @@ import {
   StyleSheet,
 } from 'react-native';
 import DeviceInfo from 'react-native-device-info';
-import {createPerfectSize} from '../../common/utils/createPerfectSize';
+import {createPerfectSize} from '../../common/utils';
 
 const windowDimensions = Dimensions.get('window');
 export const isIos = Platform.OS == 'ios';