react-redux-django-auth 1.4.8 → 1.5.0

package/dist/auth-core/actions/authActions.d.ts

@@ -4,23 +4,23 @@ export type AppDispatch = Dispatch<any>;
 /**
  * Load Authenticated User
  */
-export declare const load_user: (storage: AuthStorage) => (dispatch: AppDispatch) => Promise<{
+export declare const load_user: () => (dispatch: AppDispatch, getState: any, storage: AuthStorage) => Promise<{
     type: string;
 } | undefined>;
 /**
  * Facebook Auth
  */
-export declare const facebookAuthenticate: (state: any, code: any, storage: AuthStorage) => (dispatch: AppDispatch) => Promise<void>;
+export declare const facebookAuthenticate: (state: any, code: any) => (dispatch: AppDispatch, getState: any, storage: AuthStorage) => Promise<void>;
 /**
  * Check Authentication
  */
-export declare const checkAuthenticated: (storage: AuthStorage) => (dispatch: AppDispatch) => Promise<{
+export declare const checkAuthenticated: () => (dispatch: AppDispatch, getState: any, storage: AuthStorage) => Promise<{
     type: string;
 } | undefined>;
 /**
  * Login
  */
-export declare const login: (formData: any, storage: AuthStorage) => (dispatch: AppDispatch) => Promise<void>;
+export declare const login: (formData: any) => (dispatch: AppDispatch, getState: any, storage: AuthStorage) => Promise<void>;
 /**
  * Signup
  */
@@ -40,7 +40,7 @@ export declare const reset_password_confirm: (formData: any) => (dispatch: AppDi
 /**
  * Logout
  */
-export declare const logout: (storage: AuthStorage) => (dispatch: AppDispatch) => Promise<void>;
+export declare const logout: () => (dispatch: AppDispatch, getState: any, storage: AuthStorage) => Promise<void>;
 /**
  * Clear Errors
  */
@@ -48,10 +48,10 @@ export declare const clearErrors: () => (dispatch: AppDispatch) => void;
 /**
  * Change Password (Authenticated)
  */
-export declare const changeLoggedInUserPassword: (formData: any, storage: AuthStorage) => (dispatch: AppDispatch) => Promise<{
+export declare const changeLoggedInUserPassword: (formData: any) => (dispatch: AppDispatch, getState: any, storage: AuthStorage) => Promise<{
     type: string;
 } | undefined>;
 /**
  * 🔄 Refresh Access Token
  */
-export declare const refreshAccessToken: (storage: AuthStorage) => (dispatch: AppDispatch) => Promise<any>;
+export declare const refreshAccessToken: () => (dispatch: AppDispatch, getState: any, storage: AuthStorage) => Promise<any>;

package/dist/auth-core/actions/authActions.js

@@ -61,8 +61,8 @@ var getAuthConfig = function (storage) { return __awaiter(void 0, void 0, void 0
 /**
  * Load Authenticated User
  */
-export var load_user = function (storage) {
-    return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+export var load_user = function () {
+    return function (dispatch, getState, storage) { return __awaiter(void 0, void 0, void 0, function () {
         var config, res, _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -95,7 +95,7 @@ export var load_user = function (storage) {
 /**
  * Facebook Auth
  */
-export var facebookAuthenticate = function (state, code, storage) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+export var facebookAuthenticate = function (state, code) { return function (dispatch, getState, storage) { return __awaiter(void 0, void 0, void 0, function () {
     var token, res, _a, access, refresh, err_1;
     var _b;
     return __generator(this, function (_c) {
@@ -122,7 +122,7 @@ export var facebookAuthenticate = function (state, code, storage) { return funct
                     type: FACEBOOK_AUTH_SUCCESS,
                     payload: res.data
                 });
-                dispatch(load_user(storage));
+                dispatch(load_user());
                 return [3 /*break*/, 6];
             case 5:
                 err_1 = _c.sent();
@@ -138,8 +138,8 @@ export var facebookAuthenticate = function (state, code, storage) { return funct
 /**
  * Check Authentication
  */
-export var checkAuthenticated = function (storage) {
-    return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+export var checkAuthenticated = function () {
+    return function (dispatch, getState, storage) { return __awaiter(void 0, void 0, void 0, function () {
         var token, res, _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -173,7 +173,7 @@ export var checkAuthenticated = function (storage) {
 /**
  * Login
  */
-export var login = function (formData, storage) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+export var login = function (formData) { return function (dispatch, getState, storage) { return __awaiter(void 0, void 0, void 0, function () {
     var res, _a, access, refresh, err_2;
     var _b;
     return __generator(this, function (_c) {
@@ -195,7 +195,7 @@ export var login = function (formData, storage) { return function (dispatch) { r
                         status: res.status
                     }
                 });
-                dispatch(load_user(storage));
+                dispatch(load_user());
                 return [3 /*break*/, 4];
             case 3:
                 err_2 = _c.sent();
@@ -339,8 +339,8 @@ export var reset_password_confirm = function (formData) {
 /**
  * Logout
  */
-export var logout = function (storage) {
-    return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+export var logout = function () {
+    return function (dispatch, getState, storage) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0: return [4 /*yield*/, storage.clearTokens()];
@@ -361,7 +361,7 @@ export var clearErrors = function () { return function (dispatch) {
 /**
  * Change Password (Authenticated)
  */
-export var changeLoggedInUserPassword = function (formData, storage) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+export var changeLoggedInUserPassword = function (formData) { return function (dispatch, getState, storage) { return __awaiter(void 0, void 0, void 0, function () {
     var config, res, err_7;
     var _a;
     return __generator(this, function (_b) {
@@ -397,7 +397,7 @@ export var changeLoggedInUserPassword = function (formData, storage) { return fu
 /**
  * 🔄 Refresh Access Token
  */
-export var refreshAccessToken = function (storage) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+export var refreshAccessToken = function () { return function (dispatch, getState, storage) { return __awaiter(void 0, void 0, void 0, function () {
     var refresh, res, access, err_8;
     var _a;
     return __generator(this, function (_b) {
@@ -432,7 +432,7 @@ export var refreshAccessToken = function (storage) { return function (dispatch)
                     }
                 });
                 // 🔄 Reload user after refresh
-                dispatch(load_user(storage));
+                dispatch(load_user());
                 return [2 /*return*/, access];
             case 6:
                 err_8 = _b.sent();

package/dist/auth-core/hooks/useChangePassword.d.ts

@@ -1,4 +1,3 @@
-import { AuthStorage } from "../actions/types";
 interface FormData {
     current_password?: string;
     new_password?: string;
@@ -12,5 +11,5 @@ interface ChangePasswordHookReturn {
     onSubmit: (e: React.FormEvent) => Promise<void>;
     status: any;
 }
-declare const useChangeAuthenticatedUserPassword: (initialFields: FormData, storage: AuthStorage) => ChangePasswordHookReturn;
+declare const useChangeAuthenticatedUserPassword: (initialFields: FormData) => ChangePasswordHookReturn;
 export default useChangeAuthenticatedUserPassword;

package/dist/auth-core/hooks/useChangePassword.js

@@ -49,7 +49,7 @@ import { useState, useCallback, useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { changeLoggedInUserPassword, clearErrors, } from "../actions/authActions";
 // The custom hook is now typed with its parameters and return value
-var useChangeAuthenticatedUserPassword = function (initialFields, storage) {
+var useChangeAuthenticatedUserPassword = function (initialFields) {
     // useDispatch is typed with our custom AppDispatch
     var dispatch = useDispatch();
     // useState is typed as boolean, FormData, and string | null
@@ -93,7 +93,11 @@ var useChangeAuthenticatedUserPassword = function (initialFields, storage) {
                 case 1:
                     _a.trys.push([1, 3, 4, 5]);
                     // The dispatch call is type-safe
-                    return [4 /*yield*/, dispatch(changeLoggedInUserPassword({ current_password: current_password, new_password: new_password, re_new_password: re_new_password }, storage))];
+                    return [4 /*yield*/, dispatch(changeLoggedInUserPassword({
+                            current_password: current_password,
+                            new_password: new_password,
+                            re_new_password: re_new_password,
+                        }))];
                 case 2:
                     // The dispatch call is type-safe
                     _a.sent();

package/dist/auth-core/hooks/useFacebookAuth.d.ts

@@ -1,4 +1,3 @@
-import { AuthStorage } from "../actions/types";
 interface FacebookAuthHookReturn {
     continueWithFacebook: () => Promise<void>;
     authenticateWithFacebook: (state: string, code: string) => Promise<void>;
@@ -7,5 +6,5 @@ interface FacebookAuthHookReturn {
     isStatus201: boolean;
     loading: boolean;
 }
-declare const useFacebookAuth: (storage: AuthStorage) => FacebookAuthHookReturn;
+declare const useFacebookAuth: () => FacebookAuthHookReturn;
 export default useFacebookAuth;

package/dist/auth-core/hooks/useFacebookAuth.js

@@ -40,7 +40,7 @@ import { facebookAuthenticate, clearErrors } from "../actions/authActions";
 import axios from "axios";
 import { getBaseURL } from "../apis/config";
 // The custom hook is now typed with its parameters and return value
-var useFacebookAuth = function (storage) {
+var useFacebookAuth = function () {
     // useDispatch is typed with our custom AppDispatch
     var dispatch = useDispatch();
     // useSelector is typed with AuthState for type-safe state access
@@ -77,7 +77,7 @@ var useFacebookAuth = function (storage) {
                 case 5: return [2 /*return*/];
             }
         });
-    }); }, [dispatch, storage]);
+    }); }, [dispatch]);
     // Authenticate with Facebook after redirection
     var authenticateWithFacebook = useCallback(function (state, code) { return __awaiter(void 0, void 0, void 0, function () {
         var err_2;
@@ -90,7 +90,7 @@ var useFacebookAuth = function (storage) {
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, dispatch(facebookAuthenticate(state, code, storage))];
+                    return [4 /*yield*/, dispatch(facebookAuthenticate(state, code))];
                 case 2:
                     _a.sent();
                     return [3 /*break*/, 5];
@@ -104,7 +104,7 @@ var useFacebookAuth = function (storage) {
                 case 5: return [2 /*return*/];
             }
         });
-    }); }, [dispatch, storage]);
+    }); }, [dispatch]);
     // Clear errors when the hook is unmounted
     useEffect(function () {
         // Clear errors when the component mounts

package/dist/auth-core/hooks/useLoadUser.d.ts

@@ -1,4 +1,3 @@
-import { AuthStorage } from "../actions/types";
 interface AuthHookReturn {
     error: any;
     isAuthenticated: boolean | null;
@@ -8,5 +7,5 @@ interface AuthHookReturn {
     refreshAuth: () => Promise<void>;
     isLoading: boolean;
 }
-declare const useAuthicatedUser: (location: any, storage: AuthStorage) => AuthHookReturn;
+declare const useAuthicatedUser: (location: any) => AuthHookReturn;
 export default useAuthicatedUser;

package/dist/auth-core/hooks/useLoadUser.js

@@ -37,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { useCallback, useEffect, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { checkAuthenticated, load_user, clearErrors, } from "../actions/authActions";
-var useAuthicatedUser = function (location, storage) {
+var useAuthicatedUser = function (location) {
     var dispatch = useDispatch();
     // Use separate loading states for each async action
     var _a = useState(true), isAuthLoading = _a[0], setIsAuthLoading = _a[1];
@@ -51,8 +51,10 @@ var useAuthicatedUser = function (location, storage) {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
+                        if (isAuthenticated)
+                            return [2 /*return*/];
                         setIsAuthLoading(true);
-                        return [4 /*yield*/, dispatch(checkAuthenticated(storage))];
+                        return [4 /*yield*/, dispatch(checkAuthenticated())];
                     case 1:
                         _a.sent();
                         setIsAuthLoading(false);
@@ -61,7 +63,7 @@ var useAuthicatedUser = function (location, storage) {
             });
         }); };
         runAuthCheck();
-    }, [dispatch, location, storage]);
+    }, [dispatch, location]);
     // 2️⃣ Whenever isAuthenticated flips true: load the user profile
     useEffect(function () {
         if (isAuthenticated) {
@@ -70,7 +72,7 @@ var useAuthicatedUser = function (location, storage) {
                     switch (_a.label) {
                         case 0:
                             setIsUserLoading(true);
-                            return [4 /*yield*/, dispatch(load_user(storage))];
+                            return [4 /*yield*/, dispatch(load_user())];
                         case 1:
                             _a.sent();
                             setIsUserLoading(false);
@@ -80,23 +82,23 @@ var useAuthicatedUser = function (location, storage) {
             }); };
             runUserLoad();
         }
-    }, [dispatch, isAuthenticated, storage]);
+    }, [dispatch, isAuthenticated]);
     // Expose a manual “refresh user” function
     var refreshUser = useCallback(function () {
-        dispatch(load_user(storage));
-    }, [dispatch, storage]);
+        dispatch(load_user());
+    }, [dispatch]);
     // Expose a manual “re-auth + reload” function
     var refreshAuth = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, dispatch(checkAuthenticated(storage))];
+                case 0: return [4 /*yield*/, dispatch(checkAuthenticated())];
                 case 1:
                     _a.sent();
-                    dispatch(load_user(storage));
+                    dispatch(load_user());
                     return [2 /*return*/];
             }
         });
-    }); }, [dispatch, storage]);
+    }); }, [dispatch]);
     // Wrap clearErrors so consumer can wipe errors
     var clearErrorsWrapper = useCallback(function () {
         dispatch(clearErrors());

package/dist/auth-core/hooks/useLogin.d.ts

@@ -1,4 +1,3 @@
-import { AuthStorage } from "../actions/types";
 interface LoginHookReturn {
     loading: boolean;
     formData: any;
@@ -9,5 +8,5 @@ interface LoginHookReturn {
     isAuthenticated: boolean | null;
     isStatus200: boolean;
 }
-declare const useLogin: (initialFields: any, location: any, storage: AuthStorage) => LoginHookReturn;
+declare const useLogin: (initialFields: any, location: any) => LoginHookReturn;
 export default useLogin;

package/dist/auth-core/hooks/useLogin.js

@@ -49,7 +49,7 @@ import { useState, useCallback, useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { login, clearErrors } from "../actions/authActions";
 // The custom hook is now typed with its parameters and return value
-var useLogin = function (initialFields, location, storage) {
+var useLogin = function (initialFields, location) {
     var _a = useState(false), loading = _a[0], setLoading = _a[1];
     var _b = useState(initialFields), formData = _b[0], setFormData = _b[1];
     // useDispatch is typed with our custom AppDispatch
@@ -88,7 +88,7 @@ var useLogin = function (initialFields, location, storage) {
                 case 1:
                     _a.trys.push([1, 3, 4, 5]);
                     // The dispatch call is type-safe
-                    return [4 /*yield*/, dispatch(login(formData, storage))];
+                    return [4 /*yield*/, dispatch(login(formData))];
                 case 2:
                     // The dispatch call is type-safe
                     _a.sent();
@@ -104,7 +104,7 @@ var useLogin = function (initialFields, location, storage) {
                 case 5: return [2 /*return*/];
             }
         });
-    }); }, [dispatch, formData, storage]);
+    }); }, [dispatch, formData]);
     return {
         loading: loading,
         formData: formData,

package/dist/auth-core/hooks/useLogout.d.ts

@@ -1,3 +1,2 @@
-import { AuthStorage } from "../actions/types";
-declare const useLogout: (storage: AuthStorage) => (() => void);
+declare const useLogout: () => (() => void);
 export default useLogout;

package/dist/auth-core/hooks/useLogout.js

@@ -2,12 +2,12 @@ import { useCallback } from "react";
 import { useDispatch } from "react-redux";
 import { logout } from "../actions/authActions";
 // The custom hook is now typed with its return value
-var useLogout = function (storage) {
+var useLogout = function () {
     // useDispatch is typed with our custom AppDispatch
     var dispatch = useDispatch();
     // The handleLogout function is memoized and typed
     var handleLogout = useCallback(function () {
-        dispatch(logout(storage));
+        dispatch(logout());
     }, [dispatch]);
     return handleLogout;
 };

package/dist/auth-native/hooks/useBiometricAuth.js

@@ -66,7 +66,7 @@ var useBiometricAuth = function (_a) {
                     access = _a.sent();
                     if (access)
                         return [2 /*return*/, access];
-                    return [4 /*yield*/, dispatch(refreshAccessToken(storage))];
+                    return [4 /*yield*/, dispatch(refreshAccessToken())];
                 case 5:
                     newAccess = _a.sent();
                     if (!newAccess)

package/dist/auth-native/storage/nativeStorage.js

@@ -36,7 +36,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import * as Keychain from 'react-native-keychain';
 import AsyncStorage from '@react-native-async-storage/async-storage';
+import { Platform } from 'react-native';
 var ACCESS_KEY = 'access';
+var REFRESH_KEY = 'refresh'; // Fallback for web
 export var storage = {
     /**
      * 🔑 Access token (fast access)
@@ -56,16 +58,14 @@ export var storage = {
         var credentials;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, Keychain.getGenericPassword({
-                        authenticationPrompt: {
-                            title: 'Authenticate to continue',
-                        },
-                    })];
-                case 1:
+                case 0:
+                    if (!(Platform.OS === 'web')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, AsyncStorage.getItem(REFRESH_KEY)];
+                case 1: return [2 /*return*/, _a.sent()];
+                case 2: return [4 /*yield*/, Keychain.getGenericPassword()];
+                case 3:
                     credentials = _a.sent();
-                    if (!credentials)
-                        return [2 /*return*/, null];
-                    return [2 /*return*/, credentials.password]; // refresh token
+                    return [2 /*return*/, credentials ? credentials.password : null];
             }
         });
     }); },
@@ -78,17 +78,25 @@ export var storage = {
                 case 0: return [4 /*yield*/, AsyncStorage.setItem(ACCESS_KEY, access)];
                 case 1:
                     _a.sent();
-                    if (!refresh) return [3 /*break*/, 3];
-                    return [4 /*yield*/, Keychain.setGenericPassword('refreshToken', // username (not important)
-                        refresh, {
-                            accessControl: Keychain.ACCESS_CONTROL.BIOMETRY_ANY_OR_DEVICE_PASSCODE,
-                            accessible: Keychain.ACCESSIBLE.WHEN_UNLOCKED,
-                            //   authenticationType: Keychain.AUTHENTICATION_TYPE.BIOMETRICS,
-                        })];
+                    if (!refresh) return [3 /*break*/, 5];
+                    if (!(Platform.OS === 'web')) return [3 /*break*/, 3];
+                    // Use localStorage or AsyncStorage for web fallback
+                    return [4 /*yield*/, AsyncStorage.setItem(REFRESH_KEY, refresh)];
                 case 2:
+                    // Use localStorage or AsyncStorage for web fallback
                     _a.sent();
-                    _a.label = 3;
-                case 3: return [2 /*return*/];
+                    return [3 /*break*/, 5];
+                case 3: 
+                // Native Keychain logic
+                return [4 /*yield*/, Keychain.setGenericPassword('refreshToken', refresh, {
+                        accessControl: Keychain.ACCESS_CONTROL.BIOMETRY_ANY_OR_DEVICE_PASSCODE,
+                        accessible: Keychain.ACCESSIBLE.WHEN_UNLOCKED,
+                    })];
+                case 4:
+                    // Native Keychain logic
+                    _a.sent();
+                    _a.label = 5;
+                case 5: return [2 /*return*/];
             }
         });
     }); },
@@ -101,10 +109,16 @@ export var storage = {
                 case 0: return [4 /*yield*/, AsyncStorage.removeItem(ACCESS_KEY)];
                 case 1:
                     _a.sent();
-                    return [4 /*yield*/, Keychain.resetGenericPassword()];
+                    if (!(Platform.OS === 'web')) return [3 /*break*/, 3];
+                    return [4 /*yield*/, AsyncStorage.removeItem(REFRESH_KEY)];
                 case 2:
                     _a.sent();
-                    return [2 /*return*/];
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, Keychain.resetGenericPassword()];
+                case 4:
+                    _a.sent();
+                    _a.label = 5;
+                case 5: return [2 /*return*/];
             }
         });
     }); },

package/dist/auth-native/store.d.ts

@@ -3,6 +3,12 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
 }, any, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
     dispatch: import("redux-thunk").ThunkDispatch<{
         auth: import("../auth-core/reducers/authReducer").AuthState;
-    }, undefined, import("redux").UnknownAction>;
+    }, {
+        getAccessToken: () => Promise<string | null>;
+        getRefreshToken: () => Promise<string | null>;
+        setTokens: (access: string, refresh?: string) => Promise<void>;
+        clearTokens: () => Promise<void>;
+    }, import("redux").UnknownAction>;
 }>, import("redux").StoreEnhancer]>>;
+export type AppDispatch = typeof store.dispatch;
 export default store;

package/dist/auth-native/store.js

@@ -1,9 +1,18 @@
 import { configureStore } from '@reduxjs/toolkit';
 import rootReducer from '../auth-core/reducers';
+import { storage } from './storage/nativeStorage';
 var initialState = {};
 var store = configureStore({
     reducer: rootReducer,
-    // If you want to set an initial state, use preloadedState instead:
     preloadedState: initialState,
+    // 2. This is the "Magic" part
+    middleware: function (getDefaultMiddleware) {
+        return getDefaultMiddleware({
+            thunk: {
+                extraArgument: storage, // 💉 Inject the "Fuel Tank" here
+            },
+            serializableCheck: false, // Recommended when passing storage objects
+        });
+    },
 });
 export default store;

package/dist/auth-web/hooks/useGoogleAuth.d.ts

@@ -1,4 +1,3 @@
-import { AuthStorage } from "../../auth-core/actions/types";
 interface GoogleAuthHookReturn {
     continueWithGoogle: () => Promise<void>;
     authenticateWithGoogle: (state: string, code: string) => Promise<void>;
@@ -7,5 +6,5 @@ interface GoogleAuthHookReturn {
     isStatus201: boolean;
     loading: boolean;
 }
-declare const useGoogleAuth: (storage: AuthStorage) => GoogleAuthHookReturn;
+declare const useGoogleAuth: () => GoogleAuthHookReturn;
 export default useGoogleAuth;

package/dist/auth-web/hooks/useGoogleAuth.js

@@ -41,7 +41,7 @@ import axios from "axios";
 import { googleAuthenticate } from "../oauth/google";
 import { getBaseURL } from "../../auth-core/apis/config";
 // The custom hook is now typed with its parameters and return value
-var useGoogleAuth = function (storage) {
+var useGoogleAuth = function () {
     // useDispatch is typed with our custom AppDispatch
     var dispatch = useDispatch();
     // useSelector is typed with AuthState for type-safe state access
@@ -91,7 +91,7 @@ var useGoogleAuth = function (storage) {
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, dispatch(googleAuthenticate(state, code, storage))];
+                    return [4 /*yield*/, dispatch(googleAuthenticate(state, code))];
                 case 2:
                     _a.sent();
                     return [3 /*break*/, 5];
@@ -105,7 +105,7 @@ var useGoogleAuth = function (storage) {
                 case 5: return [2 /*return*/];
             }
         });
-    }); }, [dispatch, storage]);
+    }); }, [dispatch]);
     // Clear errors when the hook is unmounted
     useEffect(function () {
         // Clear errors when the component mounts

package/dist/auth-web/oauth/google.d.ts

@@ -1,3 +1,3 @@
 import { AppDispatch } from '../../auth-core/actions/authActions';
 import { AuthStorage } from '../../auth-core/actions/types';
-export declare const googleAuthenticate: (state: any, code: any, storage: AuthStorage) => (dispatch: AppDispatch) => Promise<void>;
+export declare const googleAuthenticate: (state: any, code: any) => (dispatch: AppDispatch, getState: any, storage: AuthStorage) => Promise<void>;

package/dist/auth-web/oauth/google.js

@@ -49,7 +49,7 @@ import axios from 'axios';
 import { load_user } from '../../auth-core/actions/authActions';
 import { GOOGLE_AUTH_FAIL, GOOGLE_AUTH_SUCCESS, } from '../../auth-core/actions/types';
 import { getBaseURL } from '../../auth-core/apis/config';
-export var googleAuthenticate = function (state, code, storage) { return function (dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+export var googleAuthenticate = function (state, code) { return function (dispatch, getState, storage) { return __awaiter(void 0, void 0, void 0, function () {
     var config, details_1, formBody, res, err_1, error;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -75,7 +75,7 @@ export var googleAuthenticate = function (state, code, storage) { return functio
                     type: GOOGLE_AUTH_SUCCESS,
                     payload: __assign(__assign({}, res.data), { status: res.status })
                 });
-                dispatch(load_user(storage));
+                dispatch(load_user());
                 return [3 /*break*/, 4];
             case 3:
                 err_1 = _a.sent();

package/dist/auth-web/store.d.ts

@@ -3,6 +3,11 @@ declare const store: import("@reduxjs/toolkit").EnhancedStore<{
 }, any, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
     dispatch: import("redux-thunk").ThunkDispatch<{
         auth: import("../auth-core/reducers/authReducer").AuthState;
-    }, undefined, import("redux").UnknownAction>;
+    }, {
+        getAccessToken: () => string | null;
+        setTokens: (access: string, refresh?: string) => void;
+        clearTokens: () => void;
+    }, import("redux").UnknownAction>;
 }>, import("redux").StoreEnhancer]>>;
+export type AppDispatch = typeof store.dispatch;
 export default store;

package/dist/auth-web/store.js

@@ -1,9 +1,18 @@
 import { configureStore } from '@reduxjs/toolkit';
 import rootReducer from '../auth-core/reducers';
+import { storage } from './storage/webStorage';
 var initialState = {};
 var store = configureStore({
     reducer: rootReducer,
-    // If you want to set an initial state, use preloadedState instead:
     preloadedState: initialState,
+    // 2. This is the "Magic" part
+    middleware: function (getDefaultMiddleware) {
+        return getDefaultMiddleware({
+            thunk: {
+                extraArgument: storage, // 💉 Inject the "Fuel Tank" here
+            },
+            serializableCheck: false, // Recommended when passing storage objects
+        });
+    },
 });
 export default store;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-redux-django-auth",
-  "version": "1.4.8",
+  "version": "1.5.0",
   "description": "A React Redux Authentication system for django app built with TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",