@githat/nextjs 0.4.0 → 0.4.1

package/dist/index.js

@@ -21,15 +21,19 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  ChangePasswordForm: () => ChangePasswordForm,
+  ForgotPasswordForm: () => ForgotPasswordForm,
   GitHatProvider: () => GitHatProvider,
   OrgSwitcher: () => OrgSwitcher,
   ProtectedRoute: () => ProtectedRoute,
+  ResetPasswordForm: () => ResetPasswordForm,
   SignInButton: () => SignInButton,
   SignInForm: () => SignInForm,
   SignUpButton: () => SignUpButton,
   SignUpForm: () => SignUpForm,
   UserButton: () => UserButton,
   VerifiedBadge: () => VerifiedBadge,
+  VerifyEmailStatus: () => VerifyEmailStatus,
   useAuth: () => useAuth,
   useData: () => useData,
   useGitHat: () => useGitHat
@@ -359,13 +363,90 @@ function useGitHat() {
     },
     [client, ctx.org?.id]
   );
+  const forgotPassword = (0, import_react2.useCallback)(
+    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 = (0, import_react2.useCallback)(
+    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 = (0, import_react2.useCallback)(
+    async (currentPassword, newPassword) => {
+      await client.fetchApi("/auth/change-password", {
+        method: "POST",
+        body: JSON.stringify({ currentPassword, newPassword })
+      });
+      return { success: true };
+    },
+    [client]
+  );
+  const verifyEmail = (0, import_react2.useCallback)(
+    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 = (0, import_react2.useCallback)(
+    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
   };
 }
 
@@ -808,17 +889,410 @@ function ProtectedRoute({ children, fallback }) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children });
 }
+
+// src/components/ForgotPasswordForm.tsx
+var import_react11 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function ForgotPasswordForm({
+  onSuccess,
+  onError,
+  signInUrl = "/sign-in"
+}) {
+  const { forgotPassword } = useGitHat();
+  const [email, setEmail] = (0, import_react11.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react11.useState)(false);
+  const [sent, setSent] = (0, import_react11.useState)(false);
+  const [error, setError] = (0, import_react11.useState)("");
+  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__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "githat-form-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "githat-form-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "githat-form-title", children: "Check your email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "githat-form-subtitle", children: [
+          "We sent a password reset link to ",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: email })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { href: signInUrl, className: "githat-link", children: "Back to sign in" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "githat-powered-by", children: [
+        "Secured by ",
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "GitHat" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "githat-form-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "githat-form-title", children: "Forgot password" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "githat-form-subtitle", children: "Enter your email and we'll send you a reset link" })
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Forgot password form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "githat-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { className: "githat-label", htmlFor: "githat-forgot-email", children: "Email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "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__ */ (0, import_jsx_runtime10.jsx)(
+        "button",
+        {
+          type: "submit",
+          className: "githat-button githat-button-primary",
+          disabled: isLoading || !email || email.length > 0 && !emailValid,
+          children: isLoading ? "Sending..." : "Send reset link"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "githat-form-footer", children: [
+      "Remember your password? ",
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("a", { href: signInUrl, className: "githat-link", children: "Sign in" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "githat-powered-by", children: [
+      "Secured by ",
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { children: "GitHat" })
+    ] })
+  ] });
+}
+
+// src/components/ResetPasswordForm.tsx
+var import_react12 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function ResetPasswordForm({
+  token,
+  onSuccess,
+  onError,
+  signInUrl = "/sign-in",
+  minPasswordLength = 8
+}) {
+  const { resetPassword } = useGitHat();
+  const [password, setPassword] = (0, import_react12.useState)("");
+  const [confirm, setConfirm] = (0, import_react12.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react12.useState)(false);
+  const [success, setSuccess] = (0, import_react12.useState)(false);
+  const [error, setError] = (0, import_react12.useState)("");
+  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__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "githat-form-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "githat-form-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: "githat-form-title", children: "Password reset!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "githat-form-subtitle", children: "Your password has been successfully reset." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("a", { href: signInUrl, className: "githat-button githat-button-primary", style: { display: "block", textAlign: "center", textDecoration: "none" }, children: "Sign in" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "githat-powered-by", children: [
+        "Secured by ",
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "GitHat" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "githat-form-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: "githat-form-title", children: "Reset password" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "githat-form-subtitle", children: "Enter your new password" })
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Reset password form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "githat-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { className: "githat-label", htmlFor: "githat-reset-password", children: "New password" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "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__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "githat-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { className: "githat-label", htmlFor: "githat-reset-confirm", children: "Confirm password" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "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__ */ (0, import_jsx_runtime11.jsx)(
+        "button",
+        {
+          type: "submit",
+          className: "githat-button githat-button-primary",
+          disabled: isLoading || !password || !confirm,
+          children: isLoading ? "Resetting..." : "Reset password"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "githat-powered-by", children: [
+      "Secured by ",
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "GitHat" })
+    ] })
+  ] });
+}
+
+// src/components/VerifyEmailStatus.tsx
+var import_react13 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function VerifyEmailStatus({
+  token,
+  onSuccess,
+  onError,
+  signInUrl = "/sign-in",
+  redirectDelay = 3e3
+}) {
+  const { verifyEmail } = useGitHat();
+  const [status, setStatus] = (0, import_react13.useState)("loading");
+  const [error, setError] = (0, import_react13.useState)("");
+  (0, import_react13.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "githat-form-container", children: [
+    status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "githat-form-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "githat-form-title", children: "Verifying email..." }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "githat-form-subtitle", children: "Please wait while we verify your email address." })
+    ] }),
+    status === "success" && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "githat-form-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "githat-form-title", children: "Email verified!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "githat-form-subtitle", children: "Your email has been successfully verified. Redirecting to sign in..." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("a", { href: signInUrl, className: "githat-button githat-button-primary", style: { display: "block", textAlign: "center", textDecoration: "none" }, children: "Sign in now" })
+    ] }),
+    status === "error" && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "githat-form-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "githat-form-title", children: "Verification failed" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "githat-form-subtitle", children: error })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "githat-form-footer", children: [
+        "The link may have expired. ",
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("a", { href: "/sign-up", className: "githat-link", children: "Try signing up again" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "githat-powered-by", children: [
+      "Secured by ",
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "GitHat" })
+    ] })
+  ] });
+}
+
+// src/components/ChangePasswordForm.tsx
+var import_react14 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function ChangePasswordForm({
+  onSuccess,
+  onError,
+  minPasswordLength = 8
+}) {
+  const { changePassword } = useGitHat();
+  const [current, setCurrent] = (0, import_react14.useState)("");
+  const [newPass, setNewPass] = (0, import_react14.useState)("");
+  const [confirm, setConfirm] = (0, import_react14.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)("");
+  const [success, setSuccess] = (0, import_react14.useState)(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__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "githat-form-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "githat-form-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { className: "githat-form-title", children: "Change password" }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "githat-form-subtitle", children: "Update your account password" })
+    ] }),
+    success && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "githat-alert githat-alert-success", role: "status", "aria-live": "polite", children: "Password changed successfully!" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "githat-alert githat-alert-error", role: "alert", "aria-live": "polite", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("form", { onSubmit: handleSubmit, className: "githat-form", "aria-label": "Change password form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "githat-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { className: "githat-label", htmlFor: "githat-change-current", children: "Current password" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "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__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "githat-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { className: "githat-label", htmlFor: "githat-change-new", children: "New password" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "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__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "githat-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { className: "githat-label", htmlFor: "githat-change-confirm", children: "Confirm new password" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "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__ */ (0, import_jsx_runtime13.jsx)(
+        "button",
+        {
+          type: "submit",
+          className: "githat-button githat-button-primary",
+          disabled: isLoading || !current || !newPass || !confirm,
+          children: isLoading ? "Changing..." : "Change password"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "githat-powered-by", children: [
+      "Secured by ",
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: "GitHat" })
+    ] })
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ChangePasswordForm,
+  ForgotPasswordForm,
   GitHatProvider,
   OrgSwitcher,
   ProtectedRoute,
+  ResetPasswordForm,
   SignInButton,
   SignInForm,
   SignUpButton,
   SignUpForm,
   UserButton,
   VerifiedBadge,
+  VerifyEmailStatus,
   useAuth,
   useData,
   useGitHat