feat : Setup redux store and api for the authentication feature (for the moment)

App.tsx

@@ -2,20 +2,24 @@ import ProvideQueryClient from "@components/providers_wrappers/ProvideQueryClien
 import { LOG } from "@logger";
 import { NavigationContainer } from "@react-navigation/native";
 import { ThemeProvider } from "@shopify/restyle";
-import { SafeAreaProvider } from "react-native-safe-area-context";
+import { injectStoreIntoAxiosInstance } from "@/axios";
 import { ModalsManagerProvider } from "@/contexts/ModalsManagerContext";
 import { UserAuthenticationContextProvider } from "@/contexts/UserAuthenticationContext";
 import { AppMainStackNavigatorAuthWrapper } from "@/navigations/AppMainStackNavigator";
 import theme from "@/themes/Theme";
-
 import "react-native-gesture-handler";
 import "react-native-reanimated";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import { Provider } from "react-redux";
+import { store } from "./src/redux";
 
 const log = LOG.extend("App");
+injectStoreIntoAxiosInstance(store);
 
 export default function App() {
 	log.verbose("App started...");
 	return (
+		<Provider store={store}>
 			<ThemeProvider theme={theme}>
 				<ModalsManagerProvider>
 					<SafeAreaProvider>
@@ -29,5 +33,6 @@ export default function App() {
 					</SafeAreaProvider>
 				</ModalsManagerProvider>
 			</ThemeProvider>
+		</Provider>
 	);
 }

src/features/auth/api.ts

+import { axiosInstance } from "@/axios";
+import type { LoginPayload, Token } from "./types";
+
+export const login = (data: LoginPayload) => {
+	return axiosInstance.post<Token>("/login/token/", data);
+};
+
+// On this one you just provide the bear token and its should return the userData.
+export const getUserData = () => {
+	return axiosInstance.get<Token>("/login/token/");
+};

src/features/auth/slice.ts

+import type { PayloadAction } from "@reduxjs/toolkit";
+import { createSlice } from "@reduxjs/toolkit";
+import type { Token, UserData, UserDataAndToken } from "./types";
+
+export interface AuthState {
+	isAuthenticated: boolean;
+	user: UserData;
+	token: Token;
+}
+
+const initialState: AuthState = {
+	isAuthenticated: false,
+	user: {} as UserData,
+	token: {} as Token,
+};
+
+export const authSlice = createSlice({
+	name: "auth",
+	initialState: initialState,
+	reducers: {
+		login: (state, action: PayloadAction<UserDataAndToken>) => {
+			state.isAuthenticated = true;
+			state.user = action.payload.user;
+			state.token = action.payload.tokens;
+		},
+		logout: (state) => {
+			state = initialState;
+		},
+	},
+});
+
+export const { login, logout } = authSlice.actions;
+export const authReducer = authSlice.reducer;

src/features/auth/types.ts

+export type UserData = {
+	id: number;
+	username: string;
+	email: string;
+	first_name: string;
+	last_name: string;
+	role: string;
+	marchand: number;
+};
+
+export type Token = {
+	access: string;
+	refresh: string;
+};
+
+export type LoginPayload = {
+	username: string;
+	password: string;
+};
+
+export type UserDataAndToken = {
+	user: UserData;
+	tokens: Token;
+};