nextauthz 1.1.6 → 1.1.7

package/dist/index.d.mts

@@ -1,18 +1,51 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import react from 'react';
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
 
-declare const ThemeProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
+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;
+};
+type AuthContextOptions = {
+    storage?: 'localStorage' | 'sessionStorage' | 'cookie';
+};
+/**
+ * Factory to create AuthProvider and typed useAuth hook
+ */
+declare function createAuthContext<UserType>(options?: AuthContextOptions): {
+    AuthProvider: ({ children }: {
+        children: ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    useAuth: () => AuthContextType<UserType>;
+};
 
 type AuthGuardProps = {
-    children: react.ReactNode;
+    children: React__default.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, ThemeProvider, type User };
+export { AuthGuard, RoleGuard, type User, createAppAuth, createAuthContext };

package/dist/index.d.ts

@@ -1,18 +1,51 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import react from 'react';
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
 
-declare const ThemeProvider: ({ children }: any) => react_jsx_runtime.JSX.Element;
+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;
+};
+type AuthContextOptions = {
+    storage?: 'localStorage' | 'sessionStorage' | 'cookie';
+};
+/**
+ * Factory to create AuthProvider and typed useAuth hook
+ */
+declare function createAuthContext<UserType>(options?: AuthContextOptions): {
+    AuthProvider: ({ children }: {
+        children: ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    useAuth: () => AuthContextType<UserType>;
+};
 
 type AuthGuardProps = {
-    children: react.ReactNode;
+    children: React__default.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, ThemeProvider, type User };
+export { AuthGuard, RoleGuard, type User, createAppAuth, 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 React2 = 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 = React2.__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 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() {
         return null;
       };
-      React2 = {
+      React4 = {
         react_stack_bottom_frame: function(callStackForError) {
           return callStackForError();
         }
       };
       var specialPropKeyWarningShown;
       var didWarnAboutElementRef = {};
-      var unknownOwnerDebugStack = React2.react_stack_bottom_frame.bind(
-        React2,
+      var unknownOwnerDebugStack = React4.react_stack_bottom_frame.bind(
+        React4,
         UnknownOwner
       )();
       var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
@@ -1758,31 +1758,14 @@ var require_jsx_runtime = __commonJS({
 var index_exports = {};
 __export(index_exports, {
   AuthGuard: () => AuthGuard_default,
-  ThemeProvider: () => ThemeProvider
+  RoleGuard: () => RoleGuard_default,
+  createAppAuth: () => createAppAuth,
+  createAuthContext: () => createAuthContext
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/AuthProvider.tsx
 var import_react = __toESM(require_react());
-var import_jsx_runtime = __toESM(require_jsx_runtime());
-var ThemeContext = (0, import_react.createContext)({
-  theme: "light",
-  // default value
-  toggleTheme: () => {
-  }
-  // default empty function
-});
-var ThemeProvider = ({ children }) => {
-  const [theme, setTheme] = (0, import_react.useState)("light");
-  const toggleTheme = () => {
-    setTheme((prev) => prev === "light" ? "dark" : "light");
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value: { theme, toggleTheme }, children });
-};
-
-// src/AuthGuard.tsx
-var import_react2 = __toESM(require_react());
-var import_navigation = require("next/navigation");
 var import_react_token_manager = require("react-token-manager");
 
 // store/useGuardStore.ts
@@ -1804,7 +1787,81 @@ var useAuthStore = (0, import_zustand.create)((set) => ({
   })
 }));
 
+// src/AuthProvider.tsx
+var import_jsx_runtime = __toESM(require_jsx_runtime());
+function createAuthContext(options) {
+  const AuthContext = (0, import_react.createContext)(null);
+  const AuthProvider = ({ children }) => {
+    const storageType = options?.storage || "cookie";
+    (0, import_react.useEffect)(() => {
+      (0, import_react_token_manager.configureTokenManager)({ storage: storageType });
+    }, [storageType]);
+    const manager = (0, import_react_token_manager.useTokenManager)();
+    const [loading, setLoading] = (0, import_react.useState)(true);
+    const rawUser = useAuthStore((state) => state.user);
+    const error = useAuthStore((state) => state.error);
+    const user = rawUser;
+    (0, import_react.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) => {
+      useAuthStore.getState().setUser(userData);
+      useAuthStore.getState().setError(null);
+      manager.setTokens({ user: JSON.stringify(userData) });
+    };
+    const login = (tokens, userData) => {
+      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 /* @__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);
+    if (!ctx) throw new Error("useAuth must be used inside AuthProvider");
+    return ctx;
+  };
+  return { AuthProvider, useAuth };
+}
+
 // src/AuthGuard.tsx
+var import_react2 = __toESM(require_react());
+var import_navigation = require("next/navigation");
+var import_react_token_manager2 = require("react-token-manager");
 var import_jsx_runtime2 = __toESM(require_jsx_runtime());
 var AuthGuard = ({
   children,
@@ -1812,7 +1869,7 @@ var AuthGuard = ({
   tokenKey = "access_token",
   refreshToken
 }) => {
-  const manager = (0, import_react_token_manager.useTokenManager)();
+  const manager = (0, import_react_token_manager2.useTokenManager)();
   const router = (0, import_navigation.useRouter)();
   const isAuthChecked = useAuthStore((state) => state.isAuthChecked);
   const isAuthenticated = useAuthStore((state) => state.isAuthenticated);
@@ -1854,10 +1911,48 @@ 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,
-  ThemeProvider
+  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 React2 = 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 = React2.__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 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() {
         return null;
       };
-      React2 = {
+      React4 = {
         react_stack_bottom_frame: function(callStackForError) {
           return callStackForError();
         }
       };
       var specialPropKeyWarningShown;
       var didWarnAboutElementRef = {};
-      var unknownOwnerDebugStack = React2.react_stack_bottom_frame.bind(
-        React2,
+      var unknownOwnerDebugStack = React4.react_stack_bottom_frame.bind(
+        React4,
         UnknownOwner
       )();
       var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
@@ -1750,26 +1750,7 @@ var require_jsx_runtime = __commonJS({
 
 // src/AuthProvider.tsx
 var import_react = __toESM(require_react());
-var import_jsx_runtime = __toESM(require_jsx_runtime());
-var ThemeContext = (0, import_react.createContext)({
-  theme: "light",
-  // default value
-  toggleTheme: () => {
-  }
-  // default empty function
-});
-var ThemeProvider = ({ children }) => {
-  const [theme, setTheme] = (0, import_react.useState)("light");
-  const toggleTheme = () => {
-    setTheme((prev) => prev === "light" ? "dark" : "light");
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value: { theme, toggleTheme }, children });
-};
-
-// src/AuthGuard.tsx
-var import_react2 = __toESM(require_react());
-import { useRouter } from "next/navigation";
-import { useTokenManager } from "react-token-manager";
+import { configureTokenManager, useTokenManager } from "react-token-manager";
 
 // store/useGuardStore.ts
 import { create } from "zustand";
@@ -1790,7 +1771,81 @@ var useAuthStore = create((set) => ({
   })
 }));
 
+// src/AuthProvider.tsx
+var import_jsx_runtime = __toESM(require_jsx_runtime());
+function createAuthContext(options) {
+  const AuthContext = (0, import_react.createContext)(null);
+  const AuthProvider = ({ children }) => {
+    const storageType = options?.storage || "cookie";
+    (0, import_react.useEffect)(() => {
+      configureTokenManager({ storage: storageType });
+    }, [storageType]);
+    const manager = useTokenManager();
+    const [loading, setLoading] = (0, import_react.useState)(true);
+    const rawUser = useAuthStore((state) => state.user);
+    const error = useAuthStore((state) => state.error);
+    const user = rawUser;
+    (0, import_react.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) => {
+      useAuthStore.getState().setUser(userData);
+      useAuthStore.getState().setError(null);
+      manager.setTokens({ user: JSON.stringify(userData) });
+    };
+    const login = (tokens, userData) => {
+      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 /* @__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);
+    if (!ctx) throw new Error("useAuth must be used inside AuthProvider");
+    return ctx;
+  };
+  return { AuthProvider, useAuth };
+}
+
 // src/AuthGuard.tsx
+var import_react2 = __toESM(require_react());
+import { useRouter } from "next/navigation";
+import { useTokenManager as useTokenManager2 } from "react-token-manager";
 var import_jsx_runtime2 = __toESM(require_jsx_runtime());
 var AuthGuard = ({
   children,
@@ -1798,7 +1853,7 @@ var AuthGuard = ({
   tokenKey = "access_token",
   refreshToken
 }) => {
-  const manager = useTokenManager();
+  const manager = useTokenManager2();
   const router = useRouter();
   const isAuthChecked = useAuthStore((state) => state.isAuthChecked);
   const isAuthenticated = useAuthStore((state) => state.isAuthenticated);
@@ -1840,9 +1895,47 @@ 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,
-  ThemeProvider
+  RoleGuard_default as RoleGuard,
+  createAppAuth,
+  createAuthContext
 };
 /*! Bundled license information:
 

package/package.json

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

package/src/AuthProvider.tsx

@@ -1,137 +1,111 @@
-// '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 }
-// }
-
-// src/context/ThemeContext.js
 'use client'
-import { createContext, useState } from 'react';
-
-// 1️⃣ Create the context
-export const ThemeContext = createContext({
-  theme: 'light',          // default value
-  toggleTheme: () => {}    // default empty function
-});
-
-// 2️⃣ Create the provider component
-export const ThemeProvider = ({ children }: any) => {
-  const [theme, setTheme] = useState('light');
-
-  const toggleTheme = () => {
-    setTheme(prev => (prev === 'light' ? 'dark' : 'light'));
-  };
-
-  return (
-    <ThemeContext.Provider value={{ theme, toggleTheme }}>
-      {children}
-    </ThemeContext.Provider>
-  );
-};
 
+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 }
+}

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

@@ -1,16 +1,16 @@
-import { ThemeProvider } from './AuthProvider'
+import { createAuthContext } from './AuthProvider'
 
 export type User = {
   [key: string]: any
 }
 
 // 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 { ThemeProvider } from './AuthProvider'
+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 }