@githat/nextjs 0.2.1 → 0.3.1

package/dist/index.js

@@ -31,6 +31,7 @@ __export(src_exports, {
   UserButton: () => UserButton,
   VerifiedBadge: () => VerifiedBadge,
   useAuth: () => useAuth,
+  useData: () => useData,
   useGitHat: () => useGitHat
 });
 module.exports = __toCommonJS(src_exports);
@@ -53,15 +54,16 @@ function resolveConfig(config) {
     signInUrl: config.signInUrl || "/sign-in",
     signUpUrl: config.signUpUrl || "/sign-up",
     afterSignInUrl: config.afterSignInUrl || "/dashboard",
-    afterSignOutUrl: config.afterSignOutUrl || "/"
+    afterSignOutUrl: config.afterSignOutUrl || "/",
+    tokenStorage: config.tokenStorage || "localStorage"
   };
 }
 
 // src/client.ts
 var _refreshPromise = null;
-async function refreshTokens(apiUrl, appKey) {
-  const refreshToken = typeof window !== "undefined" ? localStorage.getItem(TOKEN_KEYS.refreshToken) : null;
-  if (!refreshToken) return false;
+async function refreshTokens(apiUrl, appKey, useCookies) {
+  const refreshToken = typeof window !== "undefined" && !useCookies ? localStorage.getItem(TOKEN_KEYS.refreshToken) : null;
+  if (!useCookies && !refreshToken) return false;
   let orgId = null;
   try {
     const orgStr = localStorage.getItem(TOKEN_KEYS.org);
@@ -69,18 +71,22 @@ async function refreshTokens(apiUrl, appKey) {
   } catch {
   }
   try {
-    const res = await fetch(`${apiUrl}/auth/refresh`, {
+    const refreshUrl = useCookies ? `${apiUrl}/auth/refresh?setCookie=true` : `${apiUrl}/auth/refresh`;
+    const res = await fetch(refreshUrl, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
         "X-GitHat-App-Key": appKey
       },
-      body: JSON.stringify({ refreshToken, orgId })
+      credentials: useCookies ? "include" : "same-origin",
+      body: JSON.stringify(useCookies ? { orgId } : { refreshToken, orgId })
     });
     if (!res.ok) return false;
     const data = await res.json();
-    if (data.accessToken) localStorage.setItem(TOKEN_KEYS.accessToken, data.accessToken);
-    if (data.refreshToken) localStorage.setItem(TOKEN_KEYS.refreshToken, data.refreshToken);
+    if (!useCookies) {
+      if (data.accessToken) localStorage.setItem(TOKEN_KEYS.accessToken, data.accessToken);
+      if (data.refreshToken) localStorage.setItem(TOKEN_KEYS.refreshToken, data.refreshToken);
+    }
     if (data.org) localStorage.setItem(TOKEN_KEYS.org, JSON.stringify(data.org));
     return true;
   } catch {
@@ -90,23 +96,30 @@ async function refreshTokens(apiUrl, appKey) {
 function clearAuth() {
   if (typeof window === "undefined") return;
   Object.values(TOKEN_KEYS).forEach((key) => localStorage.removeItem(key));
-  window.dispatchEvent(new CustomEvent("githat:auth-changed", {
-    detail: { user: null, org: null, signedIn: false }
-  }));
+  window.dispatchEvent(
+    new CustomEvent("githat:auth-changed", {
+      detail: { user: null, org: null, signedIn: false }
+    })
+  );
 }
-function createClient(apiUrl, appKey) {
-  async function fetchApi(endpoint, options = {}) {
+function createClient(apiUrl, appKey, options = {}) {
+  const { useCookies = false } = options;
+  async function fetchApi(endpoint, fetchOptions = {}) {
     const url = `${apiUrl}${endpoint}`;
-    const token = typeof window !== "undefined" ? localStorage.getItem(TOKEN_KEYS.accessToken) : null;
+    const token = typeof window !== "undefined" && !useCookies ? localStorage.getItem(TOKEN_KEYS.accessToken) : null;
     const headers = {
       "Content-Type": "application/json",
       "X-GitHat-App-Key": appKey,
       ...token && { Authorization: `Bearer ${token}` },
-      ...options.headers
+      ...fetchOptions.headers
     };
     let response;
     try {
-      response = await fetch(url, { ...options, headers });
+      response = await fetch(url, {
+        ...fetchOptions,
+        headers,
+        credentials: useCookies ? "include" : "same-origin"
+      });
     } catch (networkError) {
       if (networkError instanceof TypeError) {
         const isMissingKey = !appKey || !appKey.startsWith("pk_live_");
@@ -116,27 +129,26 @@ function createClient(apiUrl, appKey) {
             "Missing GitHat API key. Add NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY to .env.local"
           );
         }
-        throw new Error(
-          "Unable to connect to GitHat API. Check your network connection."
-        );
+        throw new Error("Unable to connect to GitHat API. Check your network connection.");
       }
       throw networkError;
     }
     if (response.status === 401) {
       if (!_refreshPromise) {
-        _refreshPromise = refreshTokens(apiUrl, appKey).finally(() => {
+        _refreshPromise = refreshTokens(apiUrl, appKey, useCookies).finally(() => {
           _refreshPromise = null;
         });
       }
       const refreshed = await _refreshPromise;
       if (refreshed) {
-        const newToken = localStorage.getItem(TOKEN_KEYS.accessToken);
+        const newToken = !useCookies && typeof window !== "undefined" ? localStorage.getItem(TOKEN_KEYS.accessToken) : null;
         const retryResponse = await fetch(url, {
-          ...options,
+          ...fetchOptions,
           headers: {
             ...headers,
             ...newToken && { Authorization: `Bearer ${newToken}` }
-          }
+          },
+          credentials: useCookies ? "include" : "same-origin"
         });
         const retryData = await retryResponse.json();
         if (!retryResponse.ok) throw new Error(retryData.error || "Request failed");
@@ -157,38 +169,57 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var GitHatContext = (0, import_react.createContext)(null);
 function GitHatProvider({ config: rawConfig, children }) {
   const config = (0, import_react.useMemo)(() => resolveConfig(rawConfig), [rawConfig]);
-  const clientRef = (0, import_react.useRef)(createClient(config.apiUrl, config.publishableKey));
+  const useCookies = config.tokenStorage === "cookie";
+  const clientRef = (0, import_react.useRef)(createClient(config.apiUrl, config.publishableKey, { useCookies }));
   const [user, setUser] = (0, import_react.useState)(null);
   const [org, setOrg] = (0, import_react.useState)(null);
   const [isSignedIn, setIsSignedIn] = (0, import_react.useState)(false);
   const [isLoading, setIsLoading] = (0, import_react.useState)(true);
   const [authError, setAuthError] = (0, import_react.useState)(null);
   (0, import_react.useEffect)(() => {
-    const token = localStorage.getItem(TOKEN_KEYS.accessToken);
-    const storedUser = localStorage.getItem(TOKEN_KEYS.user);
-    if (token && storedUser) {
-      clientRef.current.fetchApi("/auth/me").then((data) => {
-        const u = data.user || JSON.parse(storedUser);
-        setUser(u);
-        const storedOrg = localStorage.getItem(TOKEN_KEYS.org);
-        setOrg(data.currentOrg || (storedOrg ? JSON.parse(storedOrg) : null));
-        setIsSignedIn(true);
-        setAuthError(null);
-      }).catch((err) => {
-        if (err.message === "Session expired") {
+    const validateSession = async () => {
+      try {
+        if (!useCookies) {
+          const token = localStorage.getItem(TOKEN_KEYS.accessToken);
+          const storedUser = localStorage.getItem(TOKEN_KEYS.user);
+          if (!token || !storedUser) {
+            setIsLoading(false);
+            return;
+          }
+        }
+        const data = await clientRef.current.fetchApi("/auth/me");
+        if (data.user) {
+          setUser(data.user);
+          setOrg(data.currentOrg || null);
+          setIsSignedIn(true);
+          setAuthError(null);
+          if (!useCookies) {
+            localStorage.setItem(TOKEN_KEYS.user, JSON.stringify(data.user));
+            if (data.currentOrg) {
+              localStorage.setItem(TOKEN_KEYS.org, JSON.stringify(data.currentOrg));
+            }
+          }
+        }
+      } catch (err) {
+        const error = err;
+        if (error.message === "Session expired") {
           clientRef.current.clearAuth();
-        } else {
-          try {
-            setUser(JSON.parse(storedUser));
-          } catch {
+        } else if (!useCookies) {
+          const storedUser = localStorage.getItem(TOKEN_KEYS.user);
+          if (storedUser) {
+            try {
+              setUser(JSON.parse(storedUser));
+              setIsSignedIn(true);
+            } catch {
+            }
           }
-          setAuthError(err.message || "Failed to verify session");
+          setAuthError(error.message || "Failed to verify session");
         }
-      }).finally(() => setIsLoading(false));
-    } else {
+      }
       setIsLoading(false);
-    }
-  }, []);
+    };
+    validateSession();
+  }, [useCookies]);
   (0, import_react.useEffect)(() => {
     const handleAuthChanged = (e) => {
       const detail = e.detail;
@@ -206,30 +237,36 @@ function GitHatProvider({ config: rawConfig, children }) {
     return () => window.removeEventListener("githat:auth-changed", handleAuthChanged);
   }, []);
   const signIn = (0, import_react.useCallback)(async (email, password) => {
-    const data = await clientRef.current.fetchApi("/auth/login", {
+    const loginUrl = useCookies ? "/auth/login?setCookie=true" : "/auth/login";
+    const data = await clientRef.current.fetchApi(loginUrl, {
       method: "POST",
       body: JSON.stringify({ email, password })
     });
-    localStorage.setItem(TOKEN_KEYS.accessToken, data.accessToken);
-    localStorage.setItem(TOKEN_KEYS.refreshToken, data.refreshToken);
-    localStorage.setItem(TOKEN_KEYS.user, JSON.stringify(data.user));
-    if (data.org) localStorage.setItem(TOKEN_KEYS.org, JSON.stringify(data.org));
+    if (!useCookies && data.accessToken && data.refreshToken) {
+      localStorage.setItem(TOKEN_KEYS.accessToken, data.accessToken);
+      localStorage.setItem(TOKEN_KEYS.refreshToken, data.refreshToken);
+      localStorage.setItem(TOKEN_KEYS.user, JSON.stringify(data.user));
+      if (data.org) localStorage.setItem(TOKEN_KEYS.org, JSON.stringify(data.org));
+    }
     setUser(data.user);
     setOrg(data.org || null);
     setIsSignedIn(true);
     window.dispatchEvent(new CustomEvent("githat:auth-changed", {
       detail: { user: data.user, org: data.org, signedIn: true }
     }));
-  }, []);
+  }, [useCookies]);
   const signUp = (0, import_react.useCallback)(async (signUpData) => {
-    const data = await clientRef.current.fetchApi("/auth/register", {
+    const registerUrl = useCookies ? "/auth/register?setCookie=true" : "/auth/register";
+    const data = await clientRef.current.fetchApi(registerUrl, {
       method: "POST",
       body: JSON.stringify(signUpData)
     });
-    localStorage.setItem(TOKEN_KEYS.accessToken, data.accessToken);
-    localStorage.setItem(TOKEN_KEYS.refreshToken, data.refreshToken);
-    localStorage.setItem(TOKEN_KEYS.user, JSON.stringify(data.user));
-    if (data.org) localStorage.setItem(TOKEN_KEYS.org, JSON.stringify(data.org));
+    if (!useCookies && data.accessToken && data.refreshToken) {
+      localStorage.setItem(TOKEN_KEYS.accessToken, data.accessToken);
+      localStorage.setItem(TOKEN_KEYS.refreshToken, data.refreshToken);
+      localStorage.setItem(TOKEN_KEYS.user, JSON.stringify(data.user));
+      if (data.org) localStorage.setItem(TOKEN_KEYS.org, JSON.stringify(data.org));
+    }
     setUser(data.user);
     setOrg(data.org || null);
     setIsSignedIn(true);
@@ -237,10 +274,11 @@ function GitHatProvider({ config: rawConfig, children }) {
       detail: { user: data.user, org: data.org, signedIn: true }
     }));
     return { requiresVerification: !data.user.emailVerified, email: signUpData.email };
-  }, []);
+  }, [useCookies]);
   const signOut = (0, import_react.useCallback)(async () => {
     try {
-      await clientRef.current.fetchApi("/auth/logout", { method: "POST" });
+      const logoutUrl = useCookies ? "/auth/logout?setCookie=true" : "/auth/logout";
+      await clientRef.current.fetchApi(logoutUrl, { method: "POST" });
     } catch {
     }
     clientRef.current.clearAuth();
@@ -250,22 +288,24 @@ function GitHatProvider({ config: rawConfig, children }) {
     if (typeof window !== "undefined" && config.afterSignOutUrl) {
       window.location.href = config.afterSignOutUrl;
     }
-  }, [config.afterSignOutUrl]);
+  }, [config.afterSignOutUrl, useCookies]);
   const switchOrg = (0, import_react.useCallback)(async (orgId) => {
     try {
-      const data = await clientRef.current.fetchApi(`/user/orgs/${orgId}/switch`, { method: "POST" });
-      if (data.accessToken) localStorage.setItem(TOKEN_KEYS.accessToken, data.accessToken);
-      if (data.refreshToken) localStorage.setItem(TOKEN_KEYS.refreshToken, data.refreshToken);
-      const orgData = data.org;
-      localStorage.setItem(TOKEN_KEYS.org, JSON.stringify(orgData));
-      setOrg(orgData);
+      const switchUrl = useCookies ? `/user/orgs/${orgId}/switch?setCookie=true` : `/user/orgs/${orgId}/switch`;
+      const data = await clientRef.current.fetchApi(switchUrl, { method: "POST" });
+      if (!useCookies) {
+        if (data.accessToken) localStorage.setItem(TOKEN_KEYS.accessToken, data.accessToken);
+        if (data.refreshToken) localStorage.setItem(TOKEN_KEYS.refreshToken, data.refreshToken);
+        localStorage.setItem(TOKEN_KEYS.org, JSON.stringify(data.org));
+      }
+      setOrg(data.org);
       window.dispatchEvent(new CustomEvent("githat:auth-changed", {
-        detail: { user, org: orgData, signedIn: true }
+        detail: { user, org: data.org, signedIn: true }
       }));
     } catch (e) {
       console.error("Org switch failed:", e);
     }
-  }, [user]);
+  }, [user, useCookies]);
   const value = (0, import_react.useMemo)(() => ({
     user,
     org,
@@ -294,23 +334,128 @@ function useGitHat() {
     () => createClient(ctx.config.apiUrl, ctx.config.publishableKey),
     [ctx.config.apiUrl, ctx.config.publishableKey]
   );
+  const getOrgMetadata = (0, import_react2.useCallback)(async () => {
+    if (!ctx.org?.id) {
+      throw new Error("No active organization");
+    }
+    const response = await client.fetchApi(
+      `/orgs/${ctx.org.id}/metadata`
+    );
+    return response.metadata || {};
+  }, [client, ctx.org?.id]);
+  const updateOrgMetadata = (0, import_react2.useCallback)(
+    async (updates) => {
+      if (!ctx.org?.id) {
+        throw new Error("No active organization");
+      }
+      const response = await client.fetchApi(
+        `/orgs/${ctx.org.id}/metadata`,
+        {
+          method: "PATCH",
+          body: JSON.stringify(updates)
+        }
+      );
+      return response.metadata || {};
+    },
+    [client, ctx.org?.id]
+  );
   return {
     fetch: client.fetchApi,
     getUserOrgs: () => client.fetchApi("/user/orgs"),
     verifyMCP: (domain) => client.fetchApi(`/verify/mcp/${domain}`),
-    verifyAgent: (wallet) => client.fetchApi(`/verify/agent/${wallet}`)
+    verifyAgent: (wallet) => client.fetchApi(`/verify/agent/${wallet}`),
+    getOrgMetadata,
+    updateOrgMetadata
   };
 }
 
-// src/components/SignInForm.tsx
+// src/data.ts
 var import_react3 = require("react");
+function useData() {
+  const ctx = useAuth();
+  const client = (0, import_react3.useMemo)(
+    () => createClient(ctx.config.apiUrl, ctx.config.publishableKey),
+    [ctx.config.apiUrl, ctx.config.publishableKey]
+  );
+  return (0, import_react3.useMemo)(() => ({
+    /**
+     * Store an item in a collection. If the item exists, it will be updated.
+     * @param collection - Collection name (e.g., 'orders', 'users')
+     * @param data - Data object with required `id` field
+     */
+    put: async (collection, data) => {
+      if (!data.id) {
+        throw new Error('Data must include an "id" field');
+      }
+      return client.fetchApi(`/data/${collection}/${data.id}`, {
+        method: "PUT",
+        body: JSON.stringify(data)
+      });
+    },
+    /**
+     * Get a single item from a collection.
+     * @param collection - Collection name
+     * @param id - Item ID
+     */
+    get: async (collection, id) => {
+      try {
+        const result = await client.fetchApi(`/data/${collection}/${id}`);
+        return result.item;
+      } catch (err) {
+        if (err instanceof Error && err.message === "Item not found") {
+          return null;
+        }
+        throw err;
+      }
+    },
+    /**
+     * Query items from a collection with optional filters and pagination.
+     * @param collection - Collection name
+     * @param options - Query options (limit, cursor, filter)
+     */
+    query: async (collection, options = {}) => {
+      const params = new URLSearchParams();
+      if (options.limit) params.set("limit", options.limit.toString());
+      if (options.cursor) params.set("cursor", options.cursor);
+      if (options.filter) params.set("filter", JSON.stringify(options.filter));
+      const queryString = params.toString();
+      const url = `/data/${collection}${queryString ? `?${queryString}` : ""}`;
+      return client.fetchApi(url);
+    },
+    /**
+     * Delete an item from a collection.
+     * @param collection - Collection name
+     * @param id - Item ID
+     */
+    remove: async (collection, id) => {
+      return client.fetchApi(`/data/${collection}/${id}`, {
+        method: "DELETE"
+      });
+    },
+    /**
+     * Batch operations (put/delete) on a collection.
+     * Maximum 100 operations per request.
+     * @param collection - Collection name
+     * @param operations - Array of operations
+     */
+    batch: async (collection, operations) => {
+      return client.fetchApi(`/data/${collection}/batch`, {
+        method: "POST",
+        body: JSON.stringify({ operations })
+      });
+    }
+  }), [client]);
+}
+
+// src/components/SignInForm.tsx
+var import_react4 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
   const { signIn, config } = useAuth();
-  const [email, setEmail] = (0, import_react3.useState)("");
-  const [password, setPassword] = (0, import_react3.useState)("");
-  const [error, setError] = (0, import_react3.useState)("");
-  const [loading, setLoading] = (0, import_react3.useState)(false);
+  const [email, setEmail] = (0, import_react4.useState)("");
+  const [password, setPassword] = (0, import_react4.useState)("");
+  const [error, setError] = (0, import_react4.useState)("");
+  const [loading, setLoading] = (0, import_react4.useState)(false);
   const emailValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
   const handleSubmit = async (e) => {
     e.preventDefault();
@@ -396,15 +541,15 @@ function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
 }
 
 // src/components/SignUpForm.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function SignUpForm({ onSuccess, signInUrl }) {
   const { signUp, config } = useAuth();
-  const [name, setName] = (0, import_react4.useState)("");
-  const [email, setEmail] = (0, import_react4.useState)("");
-  const [password, setPassword] = (0, import_react4.useState)("");
-  const [error, setError] = (0, import_react4.useState)("");
-  const [loading, setLoading] = (0, import_react4.useState)(false);
+  const [name, setName] = (0, import_react5.useState)("");
+  const [email, setEmail] = (0, import_react5.useState)("");
+  const [password, setPassword] = (0, import_react5.useState)("");
+  const [error, setError] = (0, import_react5.useState)("");
+  const [loading, setLoading] = (0, import_react5.useState)(false);
   const emailValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
   const passwordValid = password.length >= 8 && /[A-Z]/.test(password) && /[a-z]/.test(password) && /\d/.test(password);
   const handleSubmit = async (e) => {
@@ -510,31 +655,31 @@ function SignUpForm({ onSuccess, signInUrl }) {
 }
 
 // src/components/SignInButton.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function SignInButton({ className, children, href }) {
-  const ctx = (0, import_react5.useContext)(GitHatContext);
+  const ctx = (0, import_react6.useContext)(GitHatContext);
   const url = href || ctx?.config.signInUrl || "/sign-in";
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { href: url, className: className || "githat-button githat-button-primary", "aria-label": "Sign in", children: children || "Sign in" });
 }
 
 // src/components/SignUpButton.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function SignUpButton({ className, children, href }) {
-  const ctx = (0, import_react6.useContext)(GitHatContext);
+  const ctx = (0, import_react7.useContext)(GitHatContext);
   const url = href || ctx?.config.signUpUrl || "/sign-up";
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: url, className: className || "githat-button githat-button-outline", "aria-label": "Sign up", children: children || "Sign up" });
 }
 
 // src/components/UserButton.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function UserButton() {
   const { user, org, isSignedIn, signOut } = useAuth();
-  const [open, setOpen] = (0, import_react7.useState)(false);
-  const ref = (0, import_react7.useRef)(null);
-  (0, import_react7.useEffect)(() => {
+  const [open, setOpen] = (0, import_react8.useState)(false);
+  const ref = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
     };
@@ -561,23 +706,23 @@ function UserButton() {
 }
 
 // src/components/OrgSwitcher.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function OrgSwitcher() {
   const { org, isSignedIn, switchOrg } = useAuth();
   const githat = useGitHat();
-  const [orgs, setOrgs] = (0, import_react8.useState)([]);
-  const [orgsLoading, setOrgsLoading] = (0, import_react8.useState)(false);
-  const [open, setOpen] = (0, import_react8.useState)(false);
-  const ref = (0, import_react8.useRef)(null);
-  (0, import_react8.useEffect)(() => {
+  const [orgs, setOrgs] = (0, import_react9.useState)([]);
+  const [orgsLoading, setOrgsLoading] = (0, import_react9.useState)(false);
+  const [open, setOpen] = (0, import_react9.useState)(false);
+  const ref = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     if (isSignedIn) {
       setOrgsLoading(true);
       githat.getUserOrgs().then((data) => setOrgs(data.orgs || [])).catch(() => {
       }).finally(() => setOrgsLoading(false));
     }
   }, [isSignedIn]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
     };
@@ -611,15 +756,15 @@ function OrgSwitcher() {
 }
 
 // src/components/VerifiedBadge.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var CACHE_TTL = 5 * 60 * 1e3;
 var cache = /* @__PURE__ */ new Map();
 function VerifiedBadge({ type, identifier, label }) {
   const githat = useGitHat();
-  const [verified, setVerified] = (0, import_react9.useState)(null);
-  const mounted = (0, import_react9.useRef)(true);
-  (0, import_react9.useEffect)(() => {
+  const [verified, setVerified] = (0, import_react10.useState)(null);
+  const mounted = (0, import_react10.useRef)(true);
+  (0, import_react10.useEffect)(() => {
     mounted.current = true;
     const key = `${type}:${identifier}`;
     const cached = cache.get(key);
@@ -675,6 +820,7 @@ function ProtectedRoute({ children, fallback }) {
   UserButton,
   VerifiedBadge,
   useAuth,
+  useData,
   useGitHat
 });
 //# sourceMappingURL=index.js.map