nextauthz 1.1.0 → 1.1.2

package/dist/index.d.mts

@@ -1,22 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 
 type AuthContextType<UserType> = {
     user: UserType | null;
-    login: (tokens: Record<string, string>, user: UserType) => void;
+    login: (userData: UserType) => void;
     logout: () => void;
-    setUser: (user: UserType) => void;
+    setUser: (userData: UserType) => void;
     loading: boolean;
     error: Error | null;
 };
-type AuthContextOptions = {
-    storage?: 'localStorage' | 'sessionStorage' | 'cookie';
-};
-/**
- * Factory to create AuthProvider and typed useAuth hook
- */
-declare function createAuthContext<UserType>(options?: AuthContextOptions): {
+declare function createAuthContext<UserType>(): {
     AuthProvider: ({ children }: {
         children: ReactNode;
     }) => react_jsx_runtime.JSX.Element;
@@ -24,28 +17,15 @@ declare function createAuthContext<UserType>(options?: AuthContextOptions): {
 };
 
 type AuthGuardProps = {
-    children: React__default.ReactNode;
+    children: React.ReactNode;
     redirectTo?: string;
     tokenKey?: string;
     refreshToken?: () => Promise<string | null>;
 };
 declare const AuthGuard: ({ children, redirectTo, tokenKey, refreshToken, }: AuthGuardProps) => react_jsx_runtime.JSX.Element | null;
 
-type RoleGuardProps = {
-    children: React__default.ReactNode;
-    allowedRoles: string[];
-    redirectTo?: string;
-};
-declare const RoleGuard: React__default.FC<RoleGuardProps>;
-
 type User = {
     [key: string]: any;
 };
-declare function createAppAuth(storage?: 'localStorage' | 'sessionStorage' | 'cookie'): {
-    AuthProvider: ({ children }: {
-        children: React.ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
-    useAuth: () => AuthContextType<User>;
-};
 
-export { AuthGuard, RoleGuard, type User, createAppAuth, createAuthContext };
+export { AuthGuard, type User, createAuthContext };

package/dist/index.d.ts

@@ -1,22 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 
 type AuthContextType<UserType> = {
     user: UserType | null;
-    login: (tokens: Record<string, string>, user: UserType) => void;
+    login: (userData: UserType) => void;
     logout: () => void;
-    setUser: (user: UserType) => void;
+    setUser: (userData: UserType) => void;
     loading: boolean;
     error: Error | null;
 };
-type AuthContextOptions = {
-    storage?: 'localStorage' | 'sessionStorage' | 'cookie';
-};
-/**
- * Factory to create AuthProvider and typed useAuth hook
- */
-declare function createAuthContext<UserType>(options?: AuthContextOptions): {
+declare function createAuthContext<UserType>(): {
     AuthProvider: ({ children }: {
         children: ReactNode;
     }) => react_jsx_runtime.JSX.Element;
@@ -24,28 +17,15 @@ declare function createAuthContext<UserType>(options?: AuthContextOptions): {
 };
 
 type AuthGuardProps = {
-    children: React__default.ReactNode;
+    children: React.ReactNode;
     redirectTo?: string;
     tokenKey?: string;
     refreshToken?: () => Promise<string | null>;
 };
 declare const AuthGuard: ({ children, redirectTo, tokenKey, refreshToken, }: AuthGuardProps) => react_jsx_runtime.JSX.Element | null;
 
-type RoleGuardProps = {
-    children: React__default.ReactNode;
-    allowedRoles: string[];
-    redirectTo?: string;
-};
-declare const RoleGuard: React__default.FC<RoleGuardProps>;
-
 type User = {
     [key: string]: any;
 };
-declare function createAppAuth(storage?: 'localStorage' | 'sessionStorage' | 'cookie'): {
-    AuthProvider: ({ children }: {
-        children: React.ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
-    useAuth: () => AuthContextType<User>;
-};
 
-export { AuthGuard, RoleGuard, type User, createAppAuth, createAuthContext };
+export { AuthGuard, type User, createAuthContext };

package/dist/index.js

@@ -1699,18 +1699,18 @@ var require_react_jsx_runtime_development = __commonJS({
       function isValidElement(object) {
         return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
       }
-      var React4 = require_react(), REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), ReactSharedInternals = React4.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+      var React3 = require_react(), REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), ReactSharedInternals = React3.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
         return null;
       };
-      React4 = {
+      React3 = {
         react_stack_bottom_frame: function(callStackForError) {
           return callStackForError();
         }
       };
       var specialPropKeyWarningShown;
       var didWarnAboutElementRef = {};
-      var unknownOwnerDebugStack = React4.react_stack_bottom_frame.bind(
-        React4,
+      var unknownOwnerDebugStack = React3.react_stack_bottom_frame.bind(
+        React3,
         UnknownOwner
       )();
       var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
@@ -1758,72 +1758,35 @@ var require_jsx_runtime = __commonJS({
 var index_exports = {};
 __export(index_exports, {
   AuthGuard: () => AuthGuard_default,
-  RoleGuard: () => RoleGuard_default,
-  createAppAuth: () => createAppAuth,
   createAuthContext: () => createAuthContext
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/AuthProvider.tsx
 var import_react = __toESM(require_react());
-
-// store/useGuardStore.ts
-var import_zustand = require("zustand");
-var useAuthStore = (0, import_zustand.create)((set) => ({
-  user: null,
-  isAuthenticated: false,
-  isAuthChecked: false,
-  error: null,
-  setUser: (user) => set({ user }),
-  setAuth: (isAuth) => set({ isAuthenticated: isAuth }),
-  setAuthChecked: (checked) => set({ isAuthChecked: checked }),
-  setError: (err) => set({ error: err }),
-  resetAuth: () => set({
-    user: null,
-    isAuthenticated: false,
-    isAuthChecked: false,
-    error: null
-  })
-}));
-
-// src/AuthProvider.tsx
 var import_jsx_runtime = __toESM(require_jsx_runtime());
-function createAuthContext(options) {
+function createAuthContext() {
   const AuthContext = (0, import_react.createContext)(null);
   const AuthProvider = ({ children }) => {
-    const [loading, setLoading] = (0, import_react.useState)(true);
-    const rawUser = useAuthStore((state) => state.user);
-    const error = useAuthStore((state) => state.error);
-    const user = rawUser;
-    const setUser = (userData) => {
-      useAuthStore.getState().setUser(userData);
-      useAuthStore.getState().setError(null);
-    };
-    const login = (tokens, userData) => {
+    const [user, setUser] = (0, import_react.useState)(null);
+    const [loading, setLoading] = (0, import_react.useState)(false);
+    const [error, setError] = (0, import_react.useState)(null);
+    const login = (userData) => {
+      setLoading(true);
       try {
         setUser(userData);
+        setError(null);
       } catch (err) {
-        useAuthStore.getState().setError(
-          err instanceof Error ? err : new Error(String(err))
-        );
+        setError(err instanceof Error ? err : new Error(String(err)));
+      } finally {
+        setLoading(false);
       }
     };
     const logout = () => {
-      try {
-        useAuthStore.getState().resetAuth();
-      } catch (err) {
-        useAuthStore.getState().setError(
-          err instanceof Error ? err : new Error(String(err))
-        );
-      }
+      setUser(null);
+      setError(null);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      AuthContext.Provider,
-      {
-        value: { user, login, logout, setUser, loading, error },
-        children
-      }
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthContext.Provider, { value: { user, login, logout, setUser, loading, error }, children });
   };
   const useAuth = () => {
     const ctx = (0, import_react.useContext)(AuthContext);
@@ -1837,6 +1800,27 @@ function createAuthContext(options) {
 var import_react2 = __toESM(require_react());
 var import_navigation = require("next/navigation");
 var import_react_token_manager = require("react-token-manager");
+
+// store/useGuardStore.ts
+var import_zustand = require("zustand");
+var useAuthStore = (0, import_zustand.create)((set) => ({
+  user: null,
+  isAuthenticated: false,
+  isAuthChecked: false,
+  error: null,
+  setUser: (user) => set({ user }),
+  setAuth: (isAuth) => set({ isAuthenticated: isAuth }),
+  setAuthChecked: (checked) => set({ isAuthChecked: checked }),
+  setError: (err) => set({ error: err }),
+  resetAuth: () => set({
+    user: null,
+    isAuthenticated: false,
+    isAuthChecked: false,
+    error: null
+  })
+}));
+
+// src/AuthGuard.tsx
 var import_jsx_runtime2 = __toESM(require_jsx_runtime());
 var AuthGuard = ({
   children,
@@ -1886,47 +1870,9 @@ var AuthGuard = ({
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
 };
 var AuthGuard_default = AuthGuard;
-
-// src/RoleGuard.tsx
-var import_react3 = __toESM(require_react());
-var import_navigation2 = require("next/navigation");
-
-// src/myAuth.ts
-var auth = createAppAuth();
-
-// src/RoleGuard.tsx
-var import_jsx_runtime3 = __toESM(require_jsx_runtime());
-var RoleGuard = ({
-  children,
-  allowedRoles,
-  redirectTo = "/unauthorized"
-}) => {
-  const { useAuth } = auth;
-  const { user, loading } = useAuth();
-  const router = (0, import_navigation2.useRouter)();
-  const [isChecking, setIsChecking] = (0, import_react3.useState)(true);
-  (0, import_react3.useEffect)(() => {
-    if (!user) return;
-    const hasAccess = allowedRoles.includes(user?.role);
-    if (!hasAccess) {
-      router.replace(redirectTo);
-    }
-    setIsChecking(false);
-  }, [user, allowedRoles, redirectTo, router]);
-  if (loading || !user || isChecking) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: "Loading..." });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children });
-};
-var RoleGuard_default = RoleGuard;
-
-// src/index.ts
-function createAppAuth(storage = "cookie") {
-  return createAuthContext({ storage });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AuthGuard,
-  RoleGuard,
-  createAppAuth,
   createAuthContext
 });
 /*! Bundled license information:

package/dist/index.mjs

@@ -1693,18 +1693,18 @@ var require_react_jsx_runtime_development = __commonJS({
       function isValidElement(object) {
         return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
       }
-      var React4 = require_react(), REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), ReactSharedInternals = React4.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+      var React3 = require_react(), REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), ReactSharedInternals = React3.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
         return null;
       };
-      React4 = {
+      React3 = {
         react_stack_bottom_frame: function(callStackForError) {
           return callStackForError();
         }
       };
       var specialPropKeyWarningShown;
       var didWarnAboutElementRef = {};
-      var unknownOwnerDebugStack = React4.react_stack_bottom_frame.bind(
-        React4,
+      var unknownOwnerDebugStack = React3.react_stack_bottom_frame.bind(
+        React3,
         UnknownOwner
       )();
       var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
@@ -1750,64 +1750,29 @@ var require_jsx_runtime = __commonJS({
 
 // src/AuthProvider.tsx
 var import_react = __toESM(require_react());
-
-// store/useGuardStore.ts
-import { create } from "zustand";
-var useAuthStore = create((set) => ({
-  user: null,
-  isAuthenticated: false,
-  isAuthChecked: false,
-  error: null,
-  setUser: (user) => set({ user }),
-  setAuth: (isAuth) => set({ isAuthenticated: isAuth }),
-  setAuthChecked: (checked) => set({ isAuthChecked: checked }),
-  setError: (err) => set({ error: err }),
-  resetAuth: () => set({
-    user: null,
-    isAuthenticated: false,
-    isAuthChecked: false,
-    error: null
-  })
-}));
-
-// src/AuthProvider.tsx
 var import_jsx_runtime = __toESM(require_jsx_runtime());
-function createAuthContext(options) {
+function createAuthContext() {
   const AuthContext = (0, import_react.createContext)(null);
   const AuthProvider = ({ children }) => {
-    const [loading, setLoading] = (0, import_react.useState)(true);
-    const rawUser = useAuthStore((state) => state.user);
-    const error = useAuthStore((state) => state.error);
-    const user = rawUser;
-    const setUser = (userData) => {
-      useAuthStore.getState().setUser(userData);
-      useAuthStore.getState().setError(null);
-    };
-    const login = (tokens, userData) => {
+    const [user, setUser] = (0, import_react.useState)(null);
+    const [loading, setLoading] = (0, import_react.useState)(false);
+    const [error, setError] = (0, import_react.useState)(null);
+    const login = (userData) => {
+      setLoading(true);
       try {
         setUser(userData);
+        setError(null);
       } catch (err) {
-        useAuthStore.getState().setError(
-          err instanceof Error ? err : new Error(String(err))
-        );
+        setError(err instanceof Error ? err : new Error(String(err)));
+      } finally {
+        setLoading(false);
       }
     };
     const logout = () => {
-      try {
-        useAuthStore.getState().resetAuth();
-      } catch (err) {
-        useAuthStore.getState().setError(
-          err instanceof Error ? err : new Error(String(err))
-        );
-      }
+      setUser(null);
+      setError(null);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      AuthContext.Provider,
-      {
-        value: { user, login, logout, setUser, loading, error },
-        children
-      }
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthContext.Provider, { value: { user, login, logout, setUser, loading, error }, children });
   };
   const useAuth = () => {
     const ctx = (0, import_react.useContext)(AuthContext);
@@ -1821,6 +1786,27 @@ function createAuthContext(options) {
 var import_react2 = __toESM(require_react());
 import { useRouter } from "next/navigation";
 import { useTokenManager } from "react-token-manager";
+
+// store/useGuardStore.ts
+import { create } from "zustand";
+var useAuthStore = create((set) => ({
+  user: null,
+  isAuthenticated: false,
+  isAuthChecked: false,
+  error: null,
+  setUser: (user) => set({ user }),
+  setAuth: (isAuth) => set({ isAuthenticated: isAuth }),
+  setAuthChecked: (checked) => set({ isAuthChecked: checked }),
+  setError: (err) => set({ error: err }),
+  resetAuth: () => set({
+    user: null,
+    isAuthenticated: false,
+    isAuthChecked: false,
+    error: null
+  })
+}));
+
+// src/AuthGuard.tsx
 var import_jsx_runtime2 = __toESM(require_jsx_runtime());
 var AuthGuard = ({
   children,
@@ -1870,46 +1856,8 @@ var AuthGuard = ({
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
 };
 var AuthGuard_default = AuthGuard;
-
-// src/RoleGuard.tsx
-var import_react3 = __toESM(require_react());
-import { useRouter as useRouter2 } from "next/navigation";
-
-// src/myAuth.ts
-var auth = createAppAuth();
-
-// src/RoleGuard.tsx
-var import_jsx_runtime3 = __toESM(require_jsx_runtime());
-var RoleGuard = ({
-  children,
-  allowedRoles,
-  redirectTo = "/unauthorized"
-}) => {
-  const { useAuth } = auth;
-  const { user, loading } = useAuth();
-  const router = useRouter2();
-  const [isChecking, setIsChecking] = (0, import_react3.useState)(true);
-  (0, import_react3.useEffect)(() => {
-    if (!user) return;
-    const hasAccess = allowedRoles.includes(user?.role);
-    if (!hasAccess) {
-      router.replace(redirectTo);
-    }
-    setIsChecking(false);
-  }, [user, allowedRoles, redirectTo, router]);
-  if (loading || !user || isChecking) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: "Loading..." });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children });
-};
-var RoleGuard_default = RoleGuard;
-
-// src/index.ts
-function createAppAuth(storage = "cookie") {
-  return createAuthContext({ storage });
-}
 export {
   AuthGuard_default as AuthGuard,
-  RoleGuard_default as RoleGuard,
-  createAppAuth,
   createAuthContext
 };
 /*! Bundled license information:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextauthz",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/AuthProvider.tsx

@@ -1,101 +1,155 @@
+// 'use client'
+
+// import React, {
+//   createContext,
+//   useContext,
+//   ReactNode,
+//   useEffect,
+//   useState,
+// } from 'react'
+// import { configureTokenManager, useTokenManager } from 'react-token-manager'
+// import { useAuthStore } from '../store/useGuardStore'
+
+// export type AuthContextType<UserType> = {
+//   user: UserType | null
+//   login: (tokens: Record<string, string>, user: UserType) => void
+//   logout: () => void
+//   setUser: (user: UserType) => void
+//   loading: boolean
+//   error: Error | null
+// }
+
+// export type AuthContextOptions = {
+//   storage?: 'localStorage' | 'sessionStorage' | 'cookie'
+// }
+
+// /**
+//  * Factory to create AuthProvider and typed useAuth hook
+//  */
+// export function createAuthContext<UserType>(options?: AuthContextOptions) {
+//   const AuthContext = createContext<AuthContextType<UserType> | null>(null)
+
+//   const AuthProvider = ({ children }: { children: ReactNode }) => {
+//     const storageType = options?.storage || 'cookie'
+
+//     // Configure token manager once on mount
+//     useEffect(() => {
+//       configureTokenManager({ storage: storageType })
+//     }, [storageType])
+
+//     // ✅ Hooks must be called inside component
+//     const manager = useTokenManager()
+
+//     const [loading, setLoading] = useState(true)
+
+//     const rawUser = useAuthStore((state) => state.user)
+//     const error = useAuthStore((state) => state.error)
+//     const user = rawUser as UserType | null
+
+//     // Restore saved user from token manager
+//     useEffect(() => {
+//       const savedUser = manager.getSingleToken('user')
+//       if (savedUser) {
+//         try {
+//           const parsedUser = JSON.parse(savedUser)
+//           useAuthStore.getState().setUser(parsedUser)
+//           useAuthStore.getState().setError(null)
+//         } catch {
+//           useAuthStore.getState().resetAuth()
+//           useAuthStore.getState().setError(
+//             new Error('Failed to parse saved user')
+//           )
+//         }
+//       }
+//       setLoading(false)
+//     }, [manager])
+
+//     const setUser = (userData: UserType) => {
+//       useAuthStore.getState().setUser(userData as any)
+//       useAuthStore.getState().setError(null)
+//       manager.setTokens({ user: JSON.stringify(userData) })
+//     }
+
+//     const login = (tokens: Record<string, string>, userData: UserType) => {
+//       try {
+//         manager.setTokens(tokens)
+//         setUser(userData)
+//       } catch (err) {
+//         useAuthStore.getState().setError(
+//           err instanceof Error ? err : new Error(String(err))
+//         )
+//       }
+//     }
+
+//     const logout = () => {
+//       try {
+//         manager.clearTokens()
+//         useAuthStore.getState().resetAuth()
+//       } catch (err) {
+//         useAuthStore.getState().setError(
+//           err instanceof Error ? err : new Error(String(err))
+//         )
+//       }
+//     }
+
+//     return (
+//       <AuthContext.Provider
+//         value={{ user, login, logout, setUser, loading, error }}
+//       >
+//         {children}
+//       </AuthContext.Provider>
+//     )
+//   }
+
+//   const useAuth = (): AuthContextType<UserType> => {
+//     const ctx = useContext(AuthContext)
+//     if (!ctx) throw new Error('useAuth must be used inside AuthProvider')
+//     return ctx
+//   }
+
+//   return { AuthProvider, useAuth }
+// }
+
 'use client'
 
-import React, {
-  createContext,
-  useContext,
-  ReactNode,
-  useEffect,
-  useState,
-} from 'react'
-// import { configureTokenManager, useTokenManager } from 'react-token-manager'
-import { useAuthStore } from '../store/useGuardStore'
+import React, { createContext, useContext, ReactNode, useState } from 'react'
 
 export type AuthContextType<UserType> = {
   user: UserType | null
-  login: (tokens: Record<string, string>, user: UserType) => void
+  login: (userData: UserType) => void
   logout: () => void
-  setUser: (user: UserType) => void
+  setUser: (userData: UserType) => void
   loading: boolean
   error: Error | null
 }
 
-export type AuthContextOptions = {
-  storage?: 'localStorage' | 'sessionStorage' | 'cookie'
-}
-
-/**
- * Factory to create AuthProvider and typed useAuth hook
- */
-export function createAuthContext<UserType>(options?: AuthContextOptions) {
+export function createAuthContext<UserType>() {
   const AuthContext = createContext<AuthContextType<UserType> | null>(null)
 
   const AuthProvider = ({ children }: { children: ReactNode }) => {
-    // const storageType = options?.storage || 'cookie'
-
-    // Configure token manager once on mount
-    // useEffect(() => {
-    //   configureTokenManager({ storage: storageType })
-    // }, [storageType])
-
-    // ✅ Hooks must be called inside component
-    // const manager = useTokenManager()
-
-    const [loading, setLoading] = useState(true)
-
-    const rawUser = useAuthStore((state) => state.user)
-    const error = useAuthStore((state) => state.error)
-    const user = rawUser as UserType | null
-
-    // Restore saved user from token manager
-    // useEffect(() => {
-    //   const savedUser = manager.getSingleToken('user')
-    //   if (savedUser) {
-    //     try {
-    //       const parsedUser = JSON.parse(savedUser)
-    //       useAuthStore.getState().setUser(parsedUser)
-    //       useAuthStore.getState().setError(null)
-    //     } catch {
-    //       useAuthStore.getState().resetAuth()
-    //       useAuthStore.getState().setError(
-    //         new Error('Failed to parse saved user')
-    //       )
-    //     }
-    //   }
-    //   setLoading(false)
-    // }, [manager])
-
-    const setUser = (userData: UserType) => {
-      useAuthStore.getState().setUser(userData as any)
-      useAuthStore.getState().setError(null)
-      // manager.setTokens({ user: JSON.stringify(userData) })
-    }
+    const [user, setUser] = useState<UserType | null>(null)
+    const [loading, setLoading] = useState(false)
+    const [error, setError] = useState<Error | null>(null)
 
-    const login = (tokens: Record<string, string>, userData: UserType) => {
+    const login = (userData: UserType) => {
+      setLoading(true)
       try {
-        // manager.setTokens(tokens)
         setUser(userData)
+        setError(null)
       } catch (err) {
-        useAuthStore.getState().setError(
-          err instanceof Error ? err : new Error(String(err))
-        )
+        setError(err instanceof Error ? err : new Error(String(err)))
+      } finally {
+        setLoading(false)
       }
     }
 
     const logout = () => {
-      try {
-        // manager.clearTokens()
-        useAuthStore.getState().resetAuth()
-      } catch (err) {
-        useAuthStore.getState().setError(
-          err instanceof Error ? err : new Error(String(err))
-        )
-      }
+      setUser(null)
+      setError(null)
     }
 
     return (
-      <AuthContext.Provider
-        value={{ user, login, logout, setUser, loading, error }}
-      >
+      <AuthContext.Provider value={{ user, login, logout, setUser, loading, error }}>
         {children}
       </AuthContext.Provider>
     )

package/src/RoleGuard.tsx

@@ -1,40 +1,40 @@
-'use client'
-
-import React, { useEffect, useState } from 'react'
-import { useRouter } from 'next/navigation'
-import { auth } from './myAuth'
-
-type RoleGuardProps = {
-  children: React.ReactNode
-  allowedRoles: string[]
-  redirectTo?: string
-}
-
-const RoleGuard: React.FC<RoleGuardProps> = ({
-  children,
-  allowedRoles,
-  redirectTo = '/unauthorized',
-}) => {
-  // ✅ Destructure useAuth INSIDE the component
-  const { useAuth } = auth
-  const { user, loading } = useAuth()
-
-  const router = useRouter()
-  const [isChecking, setIsChecking] = useState(true)
-
-  useEffect(() => {
-    if (!user) return
-
-    const hasAccess = allowedRoles.includes(user?.role)
-    if (!hasAccess) {
-      router.replace(redirectTo)
-    }
-    setIsChecking(false)
-  }, [user, allowedRoles, redirectTo, router])
-
-  if (loading || !user || isChecking) return <div>Loading...</div>
-
-  return <>{children}</>
-}
-
-export default RoleGuard
+// 'use client'
+
+// import React, { useEffect, useState } from 'react'
+// import { useRouter } from 'next/navigation'
+// import { auth } from './myAuth'
+
+// type RoleGuardProps = {
+//   children: React.ReactNode
+//   allowedRoles: string[]
+//   redirectTo?: string
+// }
+
+// const RoleGuard: React.FC<RoleGuardProps> = ({
+//   children,
+//   allowedRoles,
+//   redirectTo = '/unauthorized',
+// }) => {
+//   // ✅ Destructure useAuth INSIDE the component
+//   const { useAuth } = auth
+//   const { user, loading } = useAuth()
+
+//   const router = useRouter()
+//   const [isChecking, setIsChecking] = useState(true)
+
+//   useEffect(() => {
+//     if (!user) return
+
+//     const hasAccess = allowedRoles.includes(user?.role)
+//     if (!hasAccess) {
+//       router.replace(redirectTo)
+//     }
+//     setIsChecking(false)
+//   }, [user, allowedRoles, redirectTo, router])
+
+//   if (loading || !user || isChecking) return <div>Loading...</div>
+
+//   return <>{children}</>
+// }
+
+// export default RoleGuard

package/src/index.ts

@@ -5,12 +5,12 @@ export type User = {
 }
 
 // Export factory instead of fixed instance
-export function createAppAuth(
-  storage: 'localStorage' | 'sessionStorage' | 'cookie' = 'cookie'
-) {
-  return createAuthContext<User>({ storage })
-}
+// export function createAppAuth(
+//   storage: 'localStorage' | 'sessionStorage' | 'cookie' = 'cookie'
+// ) {
+//   return createAuthContext<User>({ storage })
+// }
 
 export { createAuthContext } from './AuthProvider'
 export { default as AuthGuard } from './AuthGuard'
-export { default as RoleGuard } from './RoleGuard'
+// export { default as RoleGuard } from './RoleGuard'

package/src/myAuth.ts

@@ -1,4 +1,4 @@
-// myAuth.ts
-'use client'
-import { createAppAuth } from '.'
-export const auth = createAppAuth() // { AuthProvider, useAuth }
+// // myAuth.ts
+// 'use client'
+// import { createAppAuth } from '.'
+// export const auth = createAppAuth() // { AuthProvider, useAuth }