@githat/nextjs 0.4.0 → 0.4.1

package/dist/index.mjs

@@ -323,13 +323,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
   };
 }
 
@@ -772,16 +849,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 jsxs6 } 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__ */ jsxs6("div", { className: "githat-form-container", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "githat-form-header", children: [
+        /* @__PURE__ */ jsx9("h2", { className: "githat-form-title", children: "Check your email" }),
+        /* @__PURE__ */ jsxs6("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__ */ jsxs6("p", { className: "githat-powered-by", children: [
+        "Secured by ",
+        /* @__PURE__ */ jsx9("strong", { children: "GitHat" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs6("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs6("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__ */ jsxs6("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Forgot password form", children: [
+      /* @__PURE__ */ jsxs6("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__ */ jsxs6("p", { className: "githat-form-footer", children: [
+      "Remember your password? ",
+      /* @__PURE__ */ jsx9("a", { href: signInUrl, className: "githat-link", children: "Sign in" })
+    ] }),
+    /* @__PURE__ */ jsxs6("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 jsxs7 } 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__ */ jsxs7("div", { className: "githat-form-container", children: [
+      /* @__PURE__ */ jsxs7("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__ */ jsxs7("p", { className: "githat-powered-by", children: [
+        "Secured by ",
+        /* @__PURE__ */ jsx10("strong", { children: "GitHat" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs7("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__ */ jsxs7("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Reset password form", children: [
+      /* @__PURE__ */ jsxs7("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__ */ jsxs7("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__ */ jsxs7("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 jsxs8 } 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__ */ jsxs8("div", { className: "githat-form-container", children: [
+    status === "loading" && /* @__PURE__ */ jsxs8("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__ */ jsxs8(Fragment2, { children: [
+      /* @__PURE__ */ jsxs8("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__ */ jsxs8(Fragment2, { children: [
+      /* @__PURE__ */ jsxs8("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__ */ jsxs8("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__ */ jsxs8("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 jsxs9 } 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__ */ jsxs9("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ jsxs9("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__ */ jsxs9("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Change password form", children: [
+      /* @__PURE__ */ jsxs9("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__ */ jsxs9("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__ */ jsxs9("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__ */ jsxs9("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