@githat/nextjs 0.4.0 → 0.4.2

package/dist/index.mjs

@@ -86,14 +86,21 @@ function createClient(apiUrl, appKey, options = {}) {
       });
     } catch (networkError) {
       if (networkError instanceof TypeError) {
-        const isMissingKey = !appKey || !appKey.startsWith("pk_live_");
+        const isMissingKey = !appKey || !appKey.startsWith("pk_live_") && !appKey.startsWith("pk_test_");
         const isLocalhost = typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1");
         if (isMissingKey && !isLocalhost) {
           throw new Error(
-            "Missing GitHat API key. Add NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY to .env.local"
+            "GitHat: Missing or invalid publishable key. Add NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY to your environment variables. Get your key at https://githat.io/dashboard/apps"
           );
         }
-        throw new Error("Unable to connect to GitHat API. Check your network connection.");
+        if (isLocalhost) {
+          throw new Error(
+            "GitHat: Cannot reach api.githat.io. Check your internet connection."
+          );
+        }
+        throw new Error(
+          "GitHat: API request failed. Verify your publishable key and app domain at https://githat.io/dashboard/apps"
+        );
       }
       throw networkError;
     }
@@ -129,12 +136,61 @@ function createClient(apiUrl, appKey, options = {}) {
 }
 
 // src/provider.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var GitHatContext = createContext(null);
+function isDevMode(key) {
+  return !key || !key.startsWith("pk_live_") && !key.startsWith("pk_test_");
+}
+function DevModeBanner() {
+  const [dismissed, setDismissed] = useState(() => {
+    if (typeof window === "undefined") return true;
+    return localStorage.getItem("githat_dev_banner_dismissed") === "1";
+  });
+  if (dismissed || typeof window === "undefined") return null;
+  const hostname = window.location.hostname;
+  if (hostname !== "localhost" && hostname !== "127.0.0.1") return null;
+  return /* @__PURE__ */ jsxs("div", { className: "githat-dev-banner", role: "status", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      /* @__PURE__ */ jsx("strong", { children: "GitHat Dev Mode" }),
+      " \u2014 No publishable key. Auth works on localhost.",
+      " ",
+      /* @__PURE__ */ jsx("a", { href: "https://githat.io/dashboard/apps", target: "_blank", rel: "noopener noreferrer", children: "Get your key" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => {
+          setDismissed(true);
+          localStorage.setItem("githat_dev_banner_dismissed", "1");
+        },
+        "aria-label": "Dismiss",
+        children: "\xD7"
+      }
+    )
+  ] });
+}
 function GitHatProvider({ config: rawConfig, children }) {
   const config = useMemo(() => resolveConfig(rawConfig), [rawConfig]);
   const useCookies = config.tokenStorage === "cookie";
+  const devMode = isDevMode(config.publishableKey);
   const clientRef = useRef(createClient(config.apiUrl, config.publishableKey, { useCookies }));
+  useEffect(() => {
+    if (!devMode || typeof window === "undefined") return;
+    const hostname = window.location.hostname;
+    if (hostname === "localhost" || hostname === "127.0.0.1") {
+      console.warn(
+        "%c GitHat Dev Mode %c No publishable key configured. Auth works on localhost but will fail in production. Get your key at https://githat.io/dashboard/apps",
+        "background: #f59e0b; color: #000; font-weight: bold; padding: 2px 6px; border-radius: 3px;",
+        "color: #f59e0b;"
+      );
+    } else {
+      console.error(
+        "%c GitHat %c Missing publishable key. Auth requests will fail. Add NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY to your environment. Get your key at https://githat.io/dashboard/apps",
+        "background: #ef4444; color: #fff; font-weight: bold; padding: 2px 6px; border-radius: 3px;",
+        "color: #ef4444;"
+      );
+    }
+  }, []);
   const [user, setUser] = useState(null);
   const [org, setOrg] = useState(null);
   const [isSignedIn, setIsSignedIn] = useState(false);
@@ -282,7 +338,10 @@ function GitHatProvider({ config: rawConfig, children }) {
     signOut,
     switchOrg
   }), [user, org, isSignedIn, isLoading, authError, config, signIn, signUp, signOut, switchOrg]);
-  return /* @__PURE__ */ jsx(GitHatContext.Provider, { value, children });
+  return /* @__PURE__ */ jsxs(GitHatContext.Provider, { value, children: [
+    devMode && /* @__PURE__ */ jsx(DevModeBanner, {}),
+    children
+  ] });
 }
 
 // src/hooks.ts
@@ -323,13 +382,90 @@ function useGitHat() {
     },
     [client, ctx.org?.id]
   );
+  const forgotPassword = useCallback2(
+    async (email) => {
+      const response = await fetch(`${ctx.config.apiUrl}/auth/forgot-password`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ email })
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({}));
+        throw new Error(error.message || "Failed to send reset email");
+      }
+      return { success: true };
+    },
+    [ctx.config.apiUrl]
+  );
+  const resetPassword = useCallback2(
+    async (token, newPassword) => {
+      const response = await fetch(`${ctx.config.apiUrl}/auth/reset-password`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ token, password: newPassword })
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({}));
+        throw new Error(error.message || "Failed to reset password");
+      }
+      return { success: true };
+    },
+    [ctx.config.apiUrl]
+  );
+  const changePassword = useCallback2(
+    async (currentPassword, newPassword) => {
+      await client.fetchApi("/auth/change-password", {
+        method: "POST",
+        body: JSON.stringify({ currentPassword, newPassword })
+      });
+      return { success: true };
+    },
+    [client]
+  );
+  const verifyEmail = useCallback2(
+    async (token) => {
+      const response = await fetch(`${ctx.config.apiUrl}/auth/verify-email`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ token })
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({}));
+        throw new Error(error.message || "Failed to verify email");
+      }
+      return { success: true };
+    },
+    [ctx.config.apiUrl]
+  );
+  const resendVerificationEmail = useCallback2(
+    async (email) => {
+      const response = await fetch(`${ctx.config.apiUrl}/auth/resend-verification`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ email })
+      });
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({}));
+        throw new Error(error.message || "Failed to resend verification email");
+      }
+      return { success: true };
+    },
+    [ctx.config.apiUrl]
+  );
   return {
     fetch: client.fetchApi,
     getUserOrgs: () => client.fetchApi("/user/orgs"),
     verifyMCP: (domain) => client.fetchApi(`/verify/mcp/${domain}`),
     verifyAgent: (wallet) => client.fetchApi(`/verify/agent/${wallet}`),
     getOrgMetadata,
-    updateOrgMetadata
+    updateOrgMetadata,
+    // Password management
+    forgotPassword,
+    resetPassword,
+    changePassword,
+    // Email verification
+    verifyEmail,
+    resendVerificationEmail
   };
 }
 
@@ -413,7 +549,7 @@ function useData() {
 
 // src/components/SignInForm.tsx
 import { useState as useState2 } from "react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
   const { signIn, config } = useAuth();
   const [email, setEmail] = useState2("");
@@ -443,14 +579,14 @@ function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: "githat-form-container", children: [
-    /* @__PURE__ */ jsxs("div", { className: "githat-form-header", children: [
+  return /* @__PURE__ */ jsxs2("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "githat-form-header", children: [
       /* @__PURE__ */ jsx2("h2", { className: "githat-form-title", children: "Sign in" }),
       /* @__PURE__ */ jsx2("p", { className: "githat-form-subtitle", children: "Welcome back to GitHat" })
     ] }),
     error && /* @__PURE__ */ jsx2("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Sign in form", children: [
-      /* @__PURE__ */ jsxs("div", { className: "githat-field", children: [
+    /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Sign in form", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx2("label", { className: "githat-label", htmlFor: "githat-signin-email", children: "Email" }),
         /* @__PURE__ */ jsx2(
           "input",
@@ -466,7 +602,7 @@ function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "githat-field", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx2("label", { className: "githat-label", htmlFor: "githat-signin-password", children: "Password" }),
         /* @__PURE__ */ jsx2(
           "input",
@@ -493,11 +629,11 @@ function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
         }
       )
     ] }),
-    signUpUrl && /* @__PURE__ */ jsxs("p", { className: "githat-form-footer", children: [
+    signUpUrl && /* @__PURE__ */ jsxs2("p", { className: "githat-form-footer", children: [
       "Don't have an account? ",
       /* @__PURE__ */ jsx2("a", { href: signUpUrl, className: "githat-link", children: "Sign up" })
     ] }),
-    /* @__PURE__ */ jsxs("p", { className: "githat-powered-by", children: [
+    /* @__PURE__ */ jsxs2("p", { className: "githat-powered-by", children: [
       "Secured by ",
       /* @__PURE__ */ jsx2("strong", { children: "GitHat" })
     ] })
@@ -506,7 +642,7 @@ function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
 
 // src/components/SignUpForm.tsx
 import { useState as useState3 } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function SignUpForm({ onSuccess, signInUrl }) {
   const { signUp, config } = useAuth();
   const [name, setName] = useState3("");
@@ -541,14 +677,14 @@ function SignUpForm({ onSuccess, signInUrl }) {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs2("div", { className: "githat-form-container", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "githat-form-header", children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "githat-form-header", children: [
       /* @__PURE__ */ jsx3("h2", { className: "githat-form-title", children: "Create an account" }),
       /* @__PURE__ */ jsx3("p", { className: "githat-form-subtitle", children: "Get started with GitHat" })
     ] }),
     error && /* @__PURE__ */ jsx3("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
-    /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Sign up form", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "githat-field", children: [
+    /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Sign up form", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx3("label", { className: "githat-label", htmlFor: "githat-signup-name", children: "Full name" }),
         /* @__PURE__ */ jsx3(
           "input",
@@ -564,7 +700,7 @@ function SignUpForm({ onSuccess, signInUrl }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "githat-field", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx3("label", { className: "githat-label", htmlFor: "githat-signup-email", children: "Email" }),
         /* @__PURE__ */ jsx3(
           "input",
@@ -580,7 +716,7 @@ function SignUpForm({ onSuccess, signInUrl }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "githat-field", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "githat-field", children: [
         /* @__PURE__ */ jsx3("label", { className: "githat-label", htmlFor: "githat-signup-password", children: "Password" }),
         /* @__PURE__ */ jsx3(
           "input",
@@ -607,11 +743,11 @@ function SignUpForm({ onSuccess, signInUrl }) {
         }
       )
     ] }),
-    signInUrl && /* @__PURE__ */ jsxs2("p", { className: "githat-form-footer", children: [
+    signInUrl && /* @__PURE__ */ jsxs3("p", { className: "githat-form-footer", children: [
       "Already have an account? ",
       /* @__PURE__ */ jsx3("a", { href: signInUrl, className: "githat-link", children: "Sign in" })
     ] }),
-    /* @__PURE__ */ jsxs2("p", { className: "githat-powered-by", children: [
+    /* @__PURE__ */ jsxs3("p", { className: "githat-powered-by", children: [
       "Secured by ",
       /* @__PURE__ */ jsx3("strong", { children: "GitHat" })
     ] })
@@ -638,7 +774,7 @@ function SignUpButton({ className, children, href }) {
 
 // src/components/UserButton.tsx
 import { useState as useState4, useRef as useRef2, useEffect as useEffect2 } from "react";
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function UserButton() {
   const { user, org, isSignedIn, signOut } = useAuth();
   const [open, setOpen] = useState4(false);
@@ -652,10 +788,10 @@ function UserButton() {
   }, []);
   if (!isSignedIn || !user) return null;
   const initials = user.name ? user.name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) : user.email[0].toUpperCase();
-  return /* @__PURE__ */ jsxs3("div", { className: "githat-user-button", ref, children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "githat-user-button", ref, children: [
     /* @__PURE__ */ jsx6("button", { className: "githat-avatar-trigger", onClick: () => setOpen(!open), "aria-label": "User menu", "aria-expanded": open, "aria-haspopup": "true", children: user.avatarUrl ? /* @__PURE__ */ jsx6("img", { src: user.avatarUrl, alt: user.name || "User avatar", className: "githat-avatar-img" }) : /* @__PURE__ */ jsx6("span", { className: "githat-avatar-initials", children: initials }) }),
-    open && /* @__PURE__ */ jsxs3("div", { className: "githat-dropdown", role: "menu", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "githat-dropdown-header", children: [
+    open && /* @__PURE__ */ jsxs4("div", { className: "githat-dropdown", role: "menu", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "githat-dropdown-header", children: [
         /* @__PURE__ */ jsx6("p", { className: "githat-dropdown-name", children: user.name }),
         /* @__PURE__ */ jsx6("p", { className: "githat-dropdown-email", children: user.email }),
         org && /* @__PURE__ */ jsx6("p", { className: "githat-dropdown-org", children: org.name })
@@ -671,7 +807,7 @@ function UserButton() {
 
 // src/components/OrgSwitcher.tsx
 import { useState as useState5, useEffect as useEffect3, useRef as useRef3 } from "react";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function OrgSwitcher() {
   const { org, isSignedIn, switchOrg } = useAuth();
   const githat = useGitHat();
@@ -694,12 +830,12 @@ function OrgSwitcher() {
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   if (!isSignedIn || !org || orgs.length < 2 && !orgsLoading) return null;
-  return /* @__PURE__ */ jsxs4("div", { className: "githat-org-switcher", ref, children: [
-    /* @__PURE__ */ jsxs4("button", { className: "githat-org-trigger", onClick: () => setOpen(!open), "aria-label": "Switch organization", "aria-expanded": open, "aria-haspopup": "true", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "githat-org-switcher", ref, children: [
+    /* @__PURE__ */ jsxs5("button", { className: "githat-org-trigger", onClick: () => setOpen(!open), "aria-label": "Switch organization", "aria-expanded": open, "aria-haspopup": "true", children: [
       /* @__PURE__ */ jsx7("span", { className: "githat-org-name", children: org.name }),
       /* @__PURE__ */ jsx7("span", { className: "githat-chevron", children: open ? "\u25B2" : "\u25BC" })
     ] }),
-    open && /* @__PURE__ */ jsx7("div", { className: "githat-dropdown", role: "menu", children: orgsLoading ? /* @__PURE__ */ jsx7("div", { className: "githat-dropdown-item", "aria-busy": "true", children: "Loading..." }) : orgs.map((o) => /* @__PURE__ */ jsxs4(
+    open && /* @__PURE__ */ jsx7("div", { className: "githat-dropdown", role: "menu", children: orgsLoading ? /* @__PURE__ */ jsx7("div", { className: "githat-dropdown-item", "aria-busy": "true", children: "Loading..." }) : orgs.map((o) => /* @__PURE__ */ jsxs5(
       "button",
       {
         className: `githat-dropdown-item ${o.id === org.id ? "githat-dropdown-item-active" : ""}`,
@@ -721,7 +857,7 @@ function OrgSwitcher() {
 
 // src/components/VerifiedBadge.tsx
 import { useState as useState6, useEffect as useEffect4, useRef as useRef4 } from "react";
-import { jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsxs as jsxs6 } from "react/jsx-runtime";
 var CACHE_TTL = 5 * 60 * 1e3;
 var cache = /* @__PURE__ */ new Map();
 function VerifiedBadge({ type, identifier, label }) {
@@ -750,7 +886,7 @@ function VerifiedBadge({ type, identifier, label }) {
     };
   }, [type, identifier]);
   if (verified === null) return null;
-  return /* @__PURE__ */ jsxs5("span", { className: `githat-badge ${verified ? "githat-badge-verified" : "githat-badge-unverified"}`, children: [
+  return /* @__PURE__ */ jsxs6("span", { className: `githat-badge ${verified ? "githat-badge-verified" : "githat-badge-unverified"}`, children: [
     verified ? "\u2713" : "\u2717",
     " ",
     label || (verified ? "Verified" : "Unverified")
@@ -772,16 +908,409 @@ function ProtectedRoute({ children, fallback }) {
   }
   return /* @__PURE__ */ jsx8(Fragment, { children });
 }
+
+// src/components/ForgotPasswordForm.tsx
+import { useState as useState7 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function ForgotPasswordForm({
+  onSuccess,
+  onError,
+  signInUrl = "/sign-in"
+}) {
+  const { forgotPassword } = useGitHat();
+  const [email, setEmail] = useState7("");
+  const [isLoading, setIsLoading] = useState7(false);
+  const [sent, setSent] = useState7(false);
+  const [error, setError] = useState7("");
+  const emailValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!emailValid) {
+      setError("Please enter a valid email address");
+      return;
+    }
+    setIsLoading(true);
+    setError("");
+    try {
+      await forgotPassword(email);
+      setSent(true);
+      onSuccess?.(email);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to send reset email";
+      setError(message);
+      onError?.(err instanceof Error ? err : new Error(message));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  if (sent) {
+    return /* @__PURE__ */ jsxs7("div", { className: "githat-form-container", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "githat-form-header", children: [
+        /* @__PURE__ */ jsx9("h2", { className: "githat-form-title", children: "Check your email" }),
+        /* @__PURE__ */ jsxs7("p", { className: "githat-form-subtitle", children: [
+          "We sent a password reset link to ",
+          /* @__PURE__ */ jsx9("strong", { children: email })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx9("a", { href: signInUrl, className: "githat-link", children: "Back to sign in" }),
+      /* @__PURE__ */ jsxs7("p", { className: "githat-powered-by", children: [
+        "Secured by ",
+        /* @__PURE__ */ jsx9("strong", { children: "GitHat" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "githat-form-header", children: [
+      /* @__PURE__ */ jsx9("h2", { className: "githat-form-title", children: "Forgot password" }),
+      /* @__PURE__ */ jsx9("p", { className: "githat-form-subtitle", children: "Enter your email and we'll send you a reset link" })
+    ] }),
+    error && /* @__PURE__ */ jsx9("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
+    /* @__PURE__ */ jsxs7("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Forgot password form", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "githat-field", children: [
+        /* @__PURE__ */ jsx9("label", { className: "githat-label", htmlFor: "githat-forgot-email", children: "Email" }),
+        /* @__PURE__ */ jsx9(
+          "input",
+          {
+            id: "githat-forgot-email",
+            className: "githat-input",
+            type: "email",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            placeholder: "you@example.com",
+            autoComplete: "email",
+            disabled: isLoading,
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx9(
+        "button",
+        {
+          type: "submit",
+          className: "githat-button githat-button-primary",
+          disabled: isLoading || !email || email.length > 0 && !emailValid,
+          children: isLoading ? "Sending..." : "Send reset link"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs7("p", { className: "githat-form-footer", children: [
+      "Remember your password? ",
+      /* @__PURE__ */ jsx9("a", { href: signInUrl, className: "githat-link", children: "Sign in" })
+    ] }),
+    /* @__PURE__ */ jsxs7("p", { className: "githat-powered-by", children: [
+      "Secured by ",
+      /* @__PURE__ */ jsx9("strong", { children: "GitHat" })
+    ] })
+  ] });
+}
+
+// src/components/ResetPasswordForm.tsx
+import { useState as useState8 } from "react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function ResetPasswordForm({
+  token,
+  onSuccess,
+  onError,
+  signInUrl = "/sign-in",
+  minPasswordLength = 8
+}) {
+  const { resetPassword } = useGitHat();
+  const [password, setPassword] = useState8("");
+  const [confirm, setConfirm] = useState8("");
+  const [isLoading, setIsLoading] = useState8(false);
+  const [success, setSuccess] = useState8(false);
+  const [error, setError] = useState8("");
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (password !== confirm) {
+      setError("Passwords do not match");
+      return;
+    }
+    if (password.length < minPasswordLength) {
+      setError(`Password must be at least ${minPasswordLength} characters`);
+      return;
+    }
+    setIsLoading(true);
+    setError("");
+    try {
+      await resetPassword(token, password);
+      setSuccess(true);
+      onSuccess?.();
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to reset password";
+      setError(message);
+      onError?.(err instanceof Error ? err : new Error(message));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  if (success) {
+    return /* @__PURE__ */ jsxs8("div", { className: "githat-form-container", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "githat-form-header", children: [
+        /* @__PURE__ */ jsx10("h2", { className: "githat-form-title", children: "Password reset!" }),
+        /* @__PURE__ */ jsx10("p", { className: "githat-form-subtitle", children: "Your password has been successfully reset." })
+      ] }),
+      /* @__PURE__ */ jsx10("a", { href: signInUrl, className: "githat-button githat-button-primary", style: { display: "block", textAlign: "center", textDecoration: "none" }, children: "Sign in" }),
+      /* @__PURE__ */ jsxs8("p", { className: "githat-powered-by", children: [
+        "Secured by ",
+        /* @__PURE__ */ jsx10("strong", { children: "GitHat" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs8("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "githat-form-header", children: [
+      /* @__PURE__ */ jsx10("h2", { className: "githat-form-title", children: "Reset password" }),
+      /* @__PURE__ */ jsx10("p", { className: "githat-form-subtitle", children: "Enter your new password" })
+    ] }),
+    error && /* @__PURE__ */ jsx10("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
+    /* @__PURE__ */ jsxs8("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Reset password form", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "githat-field", children: [
+        /* @__PURE__ */ jsx10("label", { className: "githat-label", htmlFor: "githat-reset-password", children: "New password" }),
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            id: "githat-reset-password",
+            className: "githat-input",
+            type: "password",
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            placeholder: "Enter new password",
+            autoComplete: "new-password",
+            disabled: isLoading,
+            required: true,
+            minLength: minPasswordLength
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { className: "githat-field", children: [
+        /* @__PURE__ */ jsx10("label", { className: "githat-label", htmlFor: "githat-reset-confirm", children: "Confirm password" }),
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            id: "githat-reset-confirm",
+            className: "githat-input",
+            type: "password",
+            value: confirm,
+            onChange: (e) => setConfirm(e.target.value),
+            placeholder: "Confirm new password",
+            autoComplete: "new-password",
+            disabled: isLoading,
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx10(
+        "button",
+        {
+          type: "submit",
+          className: "githat-button githat-button-primary",
+          disabled: isLoading || !password || !confirm,
+          children: isLoading ? "Resetting..." : "Reset password"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs8("p", { className: "githat-powered-by", children: [
+      "Secured by ",
+      /* @__PURE__ */ jsx10("strong", { children: "GitHat" })
+    ] })
+  ] });
+}
+
+// src/components/VerifyEmailStatus.tsx
+import { useEffect as useEffect5, useState as useState9 } from "react";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function VerifyEmailStatus({
+  token,
+  onSuccess,
+  onError,
+  signInUrl = "/sign-in",
+  redirectDelay = 3e3
+}) {
+  const { verifyEmail } = useGitHat();
+  const [status, setStatus] = useState9("loading");
+  const [error, setError] = useState9("");
+  useEffect5(() => {
+    if (!token) {
+      setStatus("error");
+      setError("Missing verification token");
+      return;
+    }
+    verifyEmail(token).then(() => {
+      setStatus("success");
+      onSuccess?.();
+      if (signInUrl && redirectDelay > 0) {
+        setTimeout(() => {
+          window.location.href = signInUrl;
+        }, redirectDelay);
+      }
+    }).catch((err) => {
+      setStatus("error");
+      const message = err instanceof Error ? err.message : "Verification failed";
+      setError(message);
+      onError?.(err instanceof Error ? err : new Error(message));
+    });
+  }, [token, verifyEmail, onSuccess, onError, signInUrl, redirectDelay]);
+  return /* @__PURE__ */ jsxs9("div", { className: "githat-form-container", children: [
+    status === "loading" && /* @__PURE__ */ jsxs9("div", { className: "githat-form-header", children: [
+      /* @__PURE__ */ jsx11("h2", { className: "githat-form-title", children: "Verifying email..." }),
+      /* @__PURE__ */ jsx11("p", { className: "githat-form-subtitle", children: "Please wait while we verify your email address." })
+    ] }),
+    status === "success" && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+      /* @__PURE__ */ jsxs9("div", { className: "githat-form-header", children: [
+        /* @__PURE__ */ jsx11("h2", { className: "githat-form-title", children: "Email verified!" }),
+        /* @__PURE__ */ jsx11("p", { className: "githat-form-subtitle", children: "Your email has been successfully verified. Redirecting to sign in..." })
+      ] }),
+      /* @__PURE__ */ jsx11("a", { href: signInUrl, className: "githat-button githat-button-primary", style: { display: "block", textAlign: "center", textDecoration: "none" }, children: "Sign in now" })
+    ] }),
+    status === "error" && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+      /* @__PURE__ */ jsxs9("div", { className: "githat-form-header", children: [
+        /* @__PURE__ */ jsx11("h2", { className: "githat-form-title", children: "Verification failed" }),
+        /* @__PURE__ */ jsx11("p", { className: "githat-form-subtitle", children: error })
+      ] }),
+      /* @__PURE__ */ jsxs9("p", { className: "githat-form-footer", children: [
+        "The link may have expired. ",
+        /* @__PURE__ */ jsx11("a", { href: "/sign-up", className: "githat-link", children: "Try signing up again" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs9("p", { className: "githat-powered-by", children: [
+      "Secured by ",
+      /* @__PURE__ */ jsx11("strong", { children: "GitHat" })
+    ] })
+  ] });
+}
+
+// src/components/ChangePasswordForm.tsx
+import { useState as useState10 } from "react";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function ChangePasswordForm({
+  onSuccess,
+  onError,
+  minPasswordLength = 8
+}) {
+  const { changePassword } = useGitHat();
+  const [current, setCurrent] = useState10("");
+  const [newPass, setNewPass] = useState10("");
+  const [confirm, setConfirm] = useState10("");
+  const [isLoading, setIsLoading] = useState10(false);
+  const [error, setError] = useState10("");
+  const [success, setSuccess] = useState10(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (newPass !== confirm) {
+      setError("Passwords do not match");
+      return;
+    }
+    if (newPass.length < minPasswordLength) {
+      setError(`Password must be at least ${minPasswordLength} characters`);
+      return;
+    }
+    setIsLoading(true);
+    setError("");
+    try {
+      await changePassword(current, newPass);
+      setSuccess(true);
+      setCurrent("");
+      setNewPass("");
+      setConfirm("");
+      onSuccess?.();
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to change password";
+      setError(message);
+      onError?.(err instanceof Error ? err : new Error(message));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs10("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "githat-form-header", children: [
+      /* @__PURE__ */ jsx12("h2", { className: "githat-form-title", children: "Change password" }),
+      /* @__PURE__ */ jsx12("p", { className: "githat-form-subtitle", children: "Update your account password" })
+    ] }),
+    success && /* @__PURE__ */ jsx12("div", { className: "githat-alert githat-alert-success", role: "status", "aria-live": "polite", children: "Password changed successfully!" }),
+    error && /* @__PURE__ */ jsx12("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
+    /* @__PURE__ */ jsxs10("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Change password form", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "githat-field", children: [
+        /* @__PURE__ */ jsx12("label", { className: "githat-label", htmlFor: "githat-change-current", children: "Current password" }),
+        /* @__PURE__ */ jsx12(
+          "input",
+          {
+            id: "githat-change-current",
+            className: "githat-input",
+            type: "password",
+            value: current,
+            onChange: (e) => setCurrent(e.target.value),
+            placeholder: "Enter current password",
+            autoComplete: "current-password",
+            disabled: isLoading,
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs10("div", { className: "githat-field", children: [
+        /* @__PURE__ */ jsx12("label", { className: "githat-label", htmlFor: "githat-change-new", children: "New password" }),
+        /* @__PURE__ */ jsx12(
+          "input",
+          {
+            id: "githat-change-new",
+            className: "githat-input",
+            type: "password",
+            value: newPass,
+            onChange: (e) => setNewPass(e.target.value),
+            placeholder: "Enter new password",
+            autoComplete: "new-password",
+            disabled: isLoading,
+            required: true,
+            minLength: minPasswordLength
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs10("div", { className: "githat-field", children: [
+        /* @__PURE__ */ jsx12("label", { className: "githat-label", htmlFor: "githat-change-confirm", children: "Confirm new password" }),
+        /* @__PURE__ */ jsx12(
+          "input",
+          {
+            id: "githat-change-confirm",
+            className: "githat-input",
+            type: "password",
+            value: confirm,
+            onChange: (e) => setConfirm(e.target.value),
+            placeholder: "Confirm new password",
+            autoComplete: "new-password",
+            disabled: isLoading,
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx12(
+        "button",
+        {
+          type: "submit",
+          className: "githat-button githat-button-primary",
+          disabled: isLoading || !current || !newPass || !confirm,
+          children: isLoading ? "Changing..." : "Change password"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs10("p", { className: "githat-powered-by", children: [
+      "Secured by ",
+      /* @__PURE__ */ jsx12("strong", { children: "GitHat" })
+    ] })
+  ] });
+}
 export {
+  ChangePasswordForm,
+  ForgotPasswordForm,
   GitHatProvider,
   OrgSwitcher,
   ProtectedRoute,
+  ResetPasswordForm,
   SignInButton,
   SignInForm,
   SignUpButton,
   SignUpForm,
   UserButton,
   VerifiedBadge,
+  VerifyEmailStatus,
   useAuth,
   useData,
   useGitHat