react-redux-django-auth 1.4.0 → 1.4.2

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

@@ -1029,6 +1029,7 @@ var useActivate = function(uid, token, apiUrl) {
     });
     var isStatus204 = status === 204;
     (0, import_react.useEffect)(function() {
+        dispatch(clearErrors());
         return function() {
             dispatch(clearErrors());
         };
@@ -1116,6 +1117,7 @@ var useLogin = function(initialFields, apiUrl) {
     });
     var isStatus200 = status === 200;
     (0, import_react2.useEffect)(function() {
+        dispatch(clearErrors());
         return function() {
             dispatch(clearErrors());
         };
@@ -1221,6 +1223,7 @@ var useSignup = function(initialFields, apiUrl) {
     });
     var isStatus201 = status === 201;
     (0, import_react4.useEffect)(function() {
+        dispatch(clearErrors());
         return function() {
             dispatch(clearErrors());
         };
@@ -1300,6 +1303,8 @@ 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), isAuthLoading = _ref[0], setIsAuthLoading = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react5.useState)(false), 2), isUserLoading = _ref1[0], setIsUserLoading = _ref1[1];
     var isAuthenticated = (0, import_react_redux5.useSelector)(function(state) {
         return state.auth.isAuthenticated;
     });
@@ -1310,7 +1315,27 @@ var useAuthicatedUser = function(apiURL, location) {
         return state.auth.user;
     });
     (0, import_react5.useEffect)(function() {
-        dispatch(checkAuthenticated(apiURL));
+        var runAuthCheck = function() {
+            return _async_to_generator(function() {
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            setIsAuthLoading(true);
+                            return [
+                                4,
+                                dispatch(checkAuthenticated(apiURL))
+                            ];
+                        case 1:
+                            _state.sent();
+                            setIsAuthLoading(false);
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        };
+        runAuthCheck();
     }, [
         dispatch,
         apiURL,
@@ -1318,7 +1343,27 @@ var useAuthicatedUser = function(apiURL, location) {
     ]);
     (0, import_react5.useEffect)(function() {
         if (isAuthenticated) {
-            dispatch(load_user(apiURL));
+            var runUserLoad = function() {
+                return _async_to_generator(function() {
+                    return _ts_generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                setIsUserLoading(true);
+                                return [
+                                    4,
+                                    dispatch(load_user(apiURL))
+                                ];
+                            case 1:
+                                _state.sent();
+                                setIsUserLoading(false);
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                })();
+            };
+            runUserLoad();
         }
     }, [
         dispatch,
@@ -1358,13 +1403,15 @@ var useAuthicatedUser = function(apiURL, location) {
     }, [
         dispatch
     ]);
+    var isLoading = isAuthLoading || isUserLoading;
     return {
         error: error,
         isAuthenticated: isAuthenticated,
         currentUser: currentUser,
         clearErrors: clearErrorsWrapper,
         refreshUser: refreshUser,
-        refreshAuth: refreshAuth
+        refreshAuth: refreshAuth,
+        isLoading: isLoading
     };
 };
 var useLoadUser_default = useAuthicatedUser;
@@ -1383,6 +1430,7 @@ var useResetPassword = function(apiUrl) {
     });
     var isStatus204 = status === 204;
     (0, import_react6.useEffect)(function() {
+        dispatch(clearErrors());
         return function() {
             dispatch(clearErrors());
         };
@@ -1468,6 +1516,7 @@ var usePasswordConfirm = function(initialFields, apiUrl) {
     });
     var isStatus204 = status === 204;
     (0, import_react7.useEffect)(function() {
+        dispatch(clearErrors());
         return function() {
             dispatch(clearErrors());
         };
@@ -1556,6 +1605,7 @@ var useChangeAuthenticatedUserPassword = function(initialFields, apiUrl) {
         return state.auth.status;
     });
     (0, import_react8.useEffect)(function() {
+        dispatch(clearErrors());
         return function() {
             dispatch(clearErrors());
         };
@@ -1751,6 +1801,7 @@ var useGoogleAuth = function(apiUrl) {
         dispatch
     ]);
     (0, import_react9.useEffect)(function() {
+        dispatch(clearErrors());
         return function() {
             dispatch(clearErrors());
         };
@@ -1885,6 +1936,7 @@ var useFacebookAuth = function(apiUrl) {
         dispatch
     ]);
     (0, import_react10.useEffect)(function() {
+        dispatch(clearErrors());
         return function() {
             dispatch(clearErrors());
         };

package/dist/index.mjs

@@ -318,6 +318,7 @@ var useActivate = (uid, token, apiUrl) => {
   const status = useSelector((state) => state.auth.status);
   const isStatus204 = status === 204;
   useEffect(() => {
+    dispatch(clearErrors());
     return () => {
       dispatch(clearErrors());
     };
@@ -361,6 +362,7 @@ var useLogin = (initialFields, apiUrl) => {
   const currentUser = useSelector2((state) => state.auth.user);
   const isStatus200 = status === 200;
   useEffect2(() => {
+    dispatch(clearErrors());
     return () => {
       dispatch(clearErrors());
     };
@@ -422,6 +424,7 @@ var useSignup = (initialFields, apiUrl) => {
   const status = useSelector3((state) => state.auth.status);
   const isStatus201 = status === 201;
   useEffect3(() => {
+    dispatch(clearErrors());
     return () => {
       dispatch(clearErrors());
     };
@@ -458,21 +461,33 @@ 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 [isAuthLoading, setIsAuthLoading] = useState4(true);
+  const [isUserLoading, setIsUserLoading] = useState4(false);
   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 runAuthCheck = async () => {
+      setIsAuthLoading(true);
+      await dispatch(checkAuthenticated(apiURL));
+      setIsAuthLoading(false);
+    };
+    runAuthCheck();
   }, [dispatch, apiURL, location]);
   useEffect4(() => {
     if (isAuthenticated) {
-      dispatch(load_user(apiURL));
+      const runUserLoad = async () => {
+        setIsUserLoading(true);
+        await dispatch(load_user(apiURL));
+        setIsUserLoading(false);
+      };
+      runUserLoad();
     }
   }, [dispatch, isAuthenticated, apiURL]);
   const refreshUser = useCallback5(() => {
@@ -485,28 +500,31 @@ var useAuthicatedUser = (apiURL, location) => {
   const clearErrorsWrapper = useCallback5(() => {
     dispatch(clearErrors());
   }, [dispatch]);
+  const isLoading = isAuthLoading || isUserLoading;
   return {
     error,
     isAuthenticated,
     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;
   useEffect5(() => {
+    dispatch(clearErrors());
     return () => {
       dispatch(clearErrors());
     };
@@ -541,16 +559,17 @@ 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;
   useEffect6(() => {
+    dispatch(clearErrors());
     return () => {
       dispatch(clearErrors());
     };
@@ -586,16 +605,17 @@ 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(() => {
+    dispatch(clearErrors());
     return () => {
       dispatch(clearErrors());
     };
@@ -637,7 +657,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 +666,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);
@@ -678,6 +698,7 @@ var useGoogleAuth = (apiUrl) => {
     [apiUrl, dispatch]
   );
   useEffect8(() => {
+    dispatch(clearErrors());
     return () => {
       dispatch(clearErrors());
     };
@@ -695,7 +716,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 +725,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);
@@ -736,6 +757,7 @@ var useFacebookAuth = (apiUrl) => {
     [apiUrl, dispatch]
   );
   useEffect9(() => {
+    dispatch(clearErrors());
     return () => {
       dispatch(clearErrors());
     };

package/package.json

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