react-redux-django-auth 1.2.0 → 1.3.1

package/README.md

@@ -29,7 +29,7 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import App from './App';
-import AuthProvider from 'react-redux-django-auth'; // Add this import line
+import {AuthProvider} from 'react-redux-django-auth'; // Add this import line
 
 const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
 
@@ -59,7 +59,7 @@ The `useLogin` hook is a custom hook designed to manage the state and logic for
    First, import the useLogin hook into your component. You'll need to define an object for your initial form state, which should match the expected fields for your login form (e.g., email, password), as required in your django backend.
 
    ```JavaScript
-   import useLogin from "react-redux-django-auth";
+   import {useLogin} from "react-redux-django-auth";
 
    const initialFormData = {
        email: "",
@@ -142,7 +142,7 @@ The `useSignup` hook is a custom hook designed to manage the state and logic for
    First, import the `useSignup` hook into your component. You'll need to define an object for your initial form state, which should match the expected fields for your sign-up form (e.g., email, password, etc.).
 
    ```JavaScript
-   import useSignup from "react-redux-django-auth";
+   import {useSignup} from "react-redux-django-auth";
 
    const initialFormData = {
         // Add other fields as needed
@@ -216,7 +216,7 @@ The `useActivate` hook is a custom hook designed to handle the user account acti
 First, import the `useActivate` hook into your component. Typically, account activation links contain `uid` and `token` parameters, which you can extract from the URL using `useParams` from `react-router-dom`.
 
 ```javascript
-import useActivate from "react-redux-django-auth";
+import { useActivate } from "react-redux-django-auth";
 import { useParams } from "react-router-dom";
 
 const ActivateAccount = () => {
@@ -276,7 +276,7 @@ The `useResetPassword` hook is designed to manage the state and logic for a pass
 Call the `useResetPassword` hook inside your functional component, passing your API URL as an argument. The hook will return an object with all the necessary state and functions to build a password reset form.
 
 ```javascript
-import useResetPassword from "react-redux-django-auth";
+import { useResetPassword } from "react-redux-django-auth";
 
 const ResetPasswordPage = () => {
   const apiURL = process.env.REACT_APP_API_URL;
@@ -335,7 +335,7 @@ The `usePasswordConfirm` hook is designed to manage the state and logic for conf
 First, import the `usePasswordConfirm` hook into your component. The hook requires an object for your initial form state, which should include fields for the new password, a confirmation field, and the `uid` and `token` from the URL.
 
 ```javascript
-import usePasswordConfirm from "react-redux-django-auth";
+import { usePasswordConfirm } from "react-redux-django-auth";
 import { useParams } from "react-router-dom";
 
 const ResetPasswordConfirm = () => {
@@ -417,7 +417,7 @@ The `useLogout` hook is a straightforward custom hook designed to handle user lo
 First, import the `useLogout` hook into the component where you need to provide a logout function, such as a navigation bar or a user profile dropdown.
 
 ```javascript
-import useLogout from "react-redux-django-auth";
+import { useLogout } from "react-redux-django-auth";
 ```
 
 #### 2\. Call the Hook in Your Component
@@ -460,7 +460,7 @@ The `useChangeAuthenticatedUserPassword` hook is a custom hook that simplifies t
 First, import the `useChangeAuthenticatedUserPassword` hook into your component. Define an object for your initial form state that includes fields for the current password, a new password, and a confirmation of the new password.
 
 ```javascript
-import useChangeAuthenticatedUserPassword from "react-redux-django-auth";
+import { useChangeAuthenticatedUserPassword } from "react-redux-django-auth";
 
 const initialFormData = {
   current_password: "",
@@ -544,7 +544,7 @@ The `useAuthenticatedUser` hook is a central part of your authentication system,
 First, import the `useAuthenticatedUser` hook into a high-level component that needs access to the user's data, such as a layout component or a dashboard. You'll need to pass the `apiURL` and the current `location` (typically from `react-router-dom`) to the hook.
 
 ```javascript
-import useAuthenticatedUser from "react-redux-django-auth";
+import { useAuthenticatedUser } from "react-redux-django-auth";
 import { useLocation } from "react-router-dom";
 
 const DashboardLayout = () => {

package/dist/index.js

@@ -1088,13 +1088,13 @@ var useLogin = function(initialFields, apiUrl) {
     var _ref1 = _sliced_to_array((0, import_react2.useState)(initialFields), 2), formData = _ref1[0], setFormData = _ref1[1];
     var dispatch = (0, import_react_redux2.useDispatch)();
     var isAuthenticated = (0, import_react_redux2.useSelector)(function(state) {
-        return state.isAuthenticated;
+        return state.auth.isAuthenticated;
     });
     var error = (0, import_react_redux2.useSelector)(function(state) {
-        return state.error;
+        return state.auth.error;
     });
     var status = (0, import_react_redux2.useSelector)(function(state) {
-        return state.status;
+        return state.auth.status;
     });
     var isStatus200 = status === 200;
     (0, import_react2.useEffect)(function() {
@@ -1976,9 +1976,10 @@ function authReducer() {
     }
 }
 // src/reducers/index.ts
-var reducers_default = (0, import_redux.combineReducers)({
+var rootReducer = (0, import_redux.combineReducers)({
     auth: authReducer
 });
+var reducers_default = rootReducer;
 // src/store.ts
 var initialState2 = {};
 var store = (0, import_toolkit.configureStore)({

package/dist/index.mjs

@@ -354,10 +354,10 @@ var useLogin = (initialFields, apiUrl) => {
   const [formData, setFormData] = useState2(initialFields);
   const dispatch = useDispatch2();
   const isAuthenticated = useSelector2(
-    (state) => state.isAuthenticated
+    (state) => state.auth.isAuthenticated
   );
-  const error = useSelector2((state) => state.error);
-  const status = useSelector2((state) => state.status);
+  const error = useSelector2((state) => state.auth.error);
+  const status = useSelector2((state) => state.auth.status);
   const isStatus200 = status === 200;
   useEffect2(() => {
     return () => {
@@ -856,9 +856,10 @@ function authReducer(state = initialState, action) {
 }
 
 // src/reducers/index.ts
-var reducers_default = combineReducers({
+var rootReducer = combineReducers({
   auth: authReducer
 });
+var reducers_default = rootReducer;
 
 // src/store.ts
 var initialState2 = {};

package/package.json

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