react-redux-django-auth 1.3.7 → 1.3.8

package/dist/index.d.mts

@@ -42,6 +42,7 @@ interface AuthHookReturn {
     clearErrors: () => void;
     refreshUser: () => void;
     refreshAuth: () => Promise<void>;
+    isLoading: boolean;
 }
 declare const useAuthicatedUser: (apiURL: string, location: any) => AuthHookReturn;
 

package/dist/index.d.ts

@@ -42,6 +42,7 @@ interface AuthHookReturn {
     clearErrors: () => void;
     refreshUser: () => void;
     refreshAuth: () => Promise<void>;
+    isLoading: boolean;
 }
 declare const useAuthicatedUser: (apiURL: string, location: any) => AuthHookReturn;
 

package/dist/index.js

@@ -1300,6 +1300,7 @@ var import_react5 = require("react");
 var import_react_redux5 = require("react-redux");
 var useAuthicatedUser = function(apiURL, location) {
     var dispatch = (0, import_react_redux5.useDispatch)();
+    var _ref = _sliced_to_array((0, import_react5.useState)(true), 2), isLoading = _ref[0], setIsLoading = _ref[1];
     var isAuthenticated = (0, import_react_redux5.useSelector)(function(state) {
         return state.auth.isAuthenticated;
     });
@@ -1310,15 +1311,76 @@ var useAuthicatedUser = function(apiURL, location) {
         return state.auth.user;
     });
     (0, import_react5.useEffect)(function() {
-        dispatch(checkAuthenticated(apiURL));
+        var fetchAuthData = function() {
+            return _async_to_generator(function() {
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            setIsLoading(true);
+                            _state.label = 1;
+                        case 1:
+                            _state.trys.push([
+                                1,
+                                ,
+                                3,
+                                4
+                            ]);
+                            return [
+                                4,
+                                dispatch(checkAuthenticated(apiURL))
+                            ];
+                        case 2:
+                            _state.sent();
+                            return [
+                                3,
+                                4
+                            ];
+                        case 3:
+                            return [
+                                7
+                            ];
+                        case 4:
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        };
+        fetchAuthData();
     }, [
         dispatch,
         apiURL,
         location
     ]);
     (0, import_react5.useEffect)(function() {
-        if (isAuthenticated) {
-            dispatch(load_user(apiURL));
+        var fetchUserData = function() {
+            return _async_to_generator(function() {
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            if (!isAuthenticated) return [
+                                3,
+                                2
+                            ];
+                            return [
+                                4,
+                                dispatch(load_user(apiURL))
+                            ];
+                        case 1:
+                            _state.sent();
+                            _state.label = 2;
+                        case 2:
+                            setIsLoading(false);
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        };
+        if (isAuthenticated !== null) {
+            fetchUserData();
         }
     }, [
         dispatch,
@@ -1326,7 +1388,27 @@ var useAuthicatedUser = function(apiURL, location) {
         apiURL
     ]);
     var refreshUser = (0, import_react5.useCallback)(function() {
-        dispatch(load_user(apiURL));
+        setIsLoading(true);
+        var loadAndFinish = function() {
+            return _async_to_generator(function() {
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            return [
+                                4,
+                                dispatch(load_user(apiURL))
+                            ];
+                        case 1:
+                            _state.sent();
+                            setIsLoading(false);
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        };
+        loadAndFinish();
     }, [
         dispatch,
         apiURL
@@ -1336,13 +1418,37 @@ var useAuthicatedUser = function(apiURL, location) {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
+                        setIsLoading(true);
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            ,
+                            4,
+                            5
+                        ]);
                         return [
                             4,
                             dispatch(checkAuthenticated(apiURL))
                         ];
-                    case 1:
+                    case 2:
+                        _state.sent();
+                        return [
+                            4,
+                            dispatch(load_user(apiURL))
+                        ];
+                    case 3:
                         _state.sent();
-                        dispatch(load_user(apiURL));
+                        return [
+                            3,
+                            5
+                        ];
+                    case 4:
+                        setIsLoading(false);
+                        return [
+                            7
+                        ];
+                    case 5:
                         return [
                             2
                         ];
@@ -1364,7 +1470,8 @@ var useAuthicatedUser = function(apiURL, location) {
         currentUser: currentUser,
         clearErrors: clearErrorsWrapper,
         refreshUser: refreshUser,
-        refreshAuth: refreshAuth
+        refreshAuth: refreshAuth,
+        isLoading: isLoading
     };
 };
 var useLoadUser_default = useAuthicatedUser;

package/dist/index.mjs

@@ -458,29 +458,53 @@ var useSignup = (initialFields, apiUrl) => {
 var useSignup_default = useSignup;
 
 // src/hooks/useLoadUser.tsx
-import { useCallback as useCallback5, useEffect as useEffect4 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect4, useState as useState4 } from "react";
 import { useDispatch as useDispatch5, useSelector as useSelector4 } from "react-redux";
 var useAuthicatedUser = (apiURL, location) => {
   const dispatch = useDispatch5();
+  const [isLoading, setIsLoading] = useState4(true);
   const isAuthenticated = useSelector4(
     (state) => state.auth.isAuthenticated
   );
   const error = useSelector4((state) => state.auth.error);
   const currentUser = useSelector4((state) => state.auth.user);
   useEffect4(() => {
-    dispatch(checkAuthenticated(apiURL));
+    const fetchAuthData = async () => {
+      setIsLoading(true);
+      try {
+        await dispatch(checkAuthenticated(apiURL));
+      } finally {
+      }
+    };
+    fetchAuthData();
   }, [dispatch, apiURL, location]);
   useEffect4(() => {
-    if (isAuthenticated) {
-      dispatch(load_user(apiURL));
+    const fetchUserData = async () => {
+      if (isAuthenticated) {
+        await dispatch(load_user(apiURL));
+      }
+      setIsLoading(false);
+    };
+    if (isAuthenticated !== null) {
+      fetchUserData();
     }
   }, [dispatch, isAuthenticated, apiURL]);
   const refreshUser = useCallback5(() => {
-    dispatch(load_user(apiURL));
+    setIsLoading(true);
+    const loadAndFinish = async () => {
+      await dispatch(load_user(apiURL));
+      setIsLoading(false);
+    };
+    loadAndFinish();
   }, [dispatch, apiURL]);
   const refreshAuth = useCallback5(async () => {
-    await dispatch(checkAuthenticated(apiURL));
-    dispatch(load_user(apiURL));
+    setIsLoading(true);
+    try {
+      await dispatch(checkAuthenticated(apiURL));
+      await dispatch(load_user(apiURL));
+    } finally {
+      setIsLoading(false);
+    }
   }, [dispatch, apiURL]);
   const clearErrorsWrapper = useCallback5(() => {
     dispatch(clearErrors());
@@ -491,18 +515,19 @@ var useAuthicatedUser = (apiURL, location) => {
     currentUser,
     clearErrors: clearErrorsWrapper,
     refreshUser,
-    refreshAuth
+    refreshAuth,
+    isLoading
   };
 };
 var useLoadUser_default = useAuthicatedUser;
 
 // src/hooks/useResetPassword.tsx
-import { useState as useState4, useCallback as useCallback6, useEffect as useEffect5 } from "react";
+import { useState as useState5, useCallback as useCallback6, useEffect as useEffect5 } from "react";
 import { useDispatch as useDispatch6, useSelector as useSelector5 } from "react-redux";
 var useResetPassword = (apiUrl) => {
   const dispatch = useDispatch6();
-  const [loading, setLoading] = useState4(false);
-  const [email, setEmail] = useState4("");
+  const [loading, setLoading] = useState5(false);
+  const [email, setEmail] = useState5("");
   const status = useSelector5((state) => state.auth.status);
   const error = useSelector5((state) => state.auth.error);
   const isStatus204 = status === 204;
@@ -541,12 +566,12 @@ var useResetPassword = (apiUrl) => {
 var useResetPassword_default = useResetPassword;
 
 // src/hooks/usePasswordConfirm.tsx
-import { useState as useState5, useCallback as useCallback7, useEffect as useEffect6 } from "react";
+import { useState as useState6, useCallback as useCallback7, useEffect as useEffect6 } from "react";
 import { useDispatch as useDispatch7, useSelector as useSelector6 } from "react-redux";
 var usePasswordConfirm = (initialFields, apiUrl) => {
   const dispatch = useDispatch7();
-  const [loading, setLoading] = useState5(false);
-  const [formData, setFormData] = useState5(initialFields);
+  const [loading, setLoading] = useState6(false);
+  const [formData, setFormData] = useState6(initialFields);
   const error = useSelector6((state) => state.auth.error);
   const status = useSelector6((state) => state.auth.status);
   const isStatus204 = status === 204;
@@ -586,13 +611,13 @@ var usePasswordConfirm = (initialFields, apiUrl) => {
 var usePasswordConfirm_default = usePasswordConfirm;
 
 // src/hooks/useChangePassword.tsx
-import { useState as useState6, useCallback as useCallback8, useEffect as useEffect7 } from "react";
+import { useState as useState7, useCallback as useCallback8, useEffect as useEffect7 } from "react";
 import { useDispatch as useDispatch8, useSelector as useSelector7 } from "react-redux";
 var useChangeAuthenticatedUserPassword = (initialFields, apiUrl) => {
   const dispatch = useDispatch8();
-  const [loading, setLoading] = useState6(false);
-  const [formData, setFormData] = useState6(initialFields);
-  const [error, setError] = useState6(null);
+  const [loading, setLoading] = useState7(false);
+  const [formData, setFormData] = useState7(initialFields);
+  const [error, setError] = useState7(null);
   const authError = useSelector7((state) => state.auth.error);
   const status = useSelector7((state) => state.auth.status);
   useEffect7(() => {
@@ -637,7 +662,7 @@ var useChangePassword_default = useChangeAuthenticatedUserPassword;
 
 // src/hooks/useGoogleAuth.tsx
 import { useDispatch as useDispatch9, useSelector as useSelector8 } from "react-redux";
-import { useEffect as useEffect8, useCallback as useCallback9, useState as useState7 } from "react";
+import { useEffect as useEffect8, useCallback as useCallback9, useState as useState8 } from "react";
 import axios2 from "axios";
 var useGoogleAuth = (apiUrl) => {
   const dispatch = useDispatch9();
@@ -646,7 +671,7 @@ var useGoogleAuth = (apiUrl) => {
   );
   const error = useSelector8((state) => state.auth.error);
   const status = useSelector8((state) => state.auth.status);
-  const [loading, setLoading] = useState7(false);
+  const [loading, setLoading] = useState8(false);
   const isStatus201 = status === 201;
   const continueWithGoogle = useCallback9(async () => {
     setLoading(true);
@@ -695,7 +720,7 @@ var useGoogleAuth_default = useGoogleAuth;
 
 // src/hooks/useFacebookAuth.tsx
 import { useDispatch as useDispatch10, useSelector as useSelector9 } from "react-redux";
-import { useEffect as useEffect9, useCallback as useCallback10, useState as useState8 } from "react";
+import { useEffect as useEffect9, useCallback as useCallback10, useState as useState9 } from "react";
 import axios3 from "axios";
 var useFacebookAuth = (apiUrl) => {
   const dispatch = useDispatch10();
@@ -704,7 +729,7 @@ var useFacebookAuth = (apiUrl) => {
   );
   const error = useSelector9((state) => state.auth.error);
   const status = useSelector9((state) => state.auth.status);
-  const [loading, setLoading] = useState8(false);
+  const [loading, setLoading] = useState9(false);
   const isStatus201 = status === 201;
   const continueWithFacebook = useCallback10(async () => {
     setLoading(true);

package/package.json

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