@githat/nextjs 0.2.5 → 0.2.7

package/dist/index.js

@@ -22,8 +22,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   ChangePasswordForm: () => ChangePasswordForm,
+  CognitoButton: () => CognitoButton,
+  CognitoCallback: () => CognitoCallback,
   ForgotPasswordForm: () => ForgotPasswordForm,
   GitHatProvider: () => GitHatProvider,
+  GitHubButton: () => GitHubButton,
+  GitHubCallback: () => GitHubCallback,
   OrgSwitcher: () => OrgSwitcher,
   ProtectedRoute: () => ProtectedRoute,
   ResetPasswordForm: () => ResetPasswordForm,
@@ -36,6 +40,7 @@ __export(src_exports, {
   VerifyEmailStatus: () => VerifyEmailStatus,
   useAuth: () => useAuth,
   useData: () => useData,
+  useEmail: () => useEmail,
   useGitHat: () => useGitHat
 });
 module.exports = __toCommonJS(src_exports);
@@ -472,6 +477,73 @@ function useGitHat() {
     },
     [client]
   );
+  const getGitHubOAuthUrl = (0, import_react2.useCallback)(
+    async (options) => {
+      const params = new URLSearchParams();
+      if (options?.redirectUri) params.append("redirectUri", options.redirectUri);
+      if (options?.state) params.append("state", options.state);
+      const queryString = params.toString();
+      const path = queryString ? `/auth/oauth/github/url?${queryString}` : "/auth/oauth/github/url";
+      return client.fetchApi(path);
+    },
+    [client]
+  );
+  const signInWithGitHub = (0, import_react2.useCallback)(
+    async (code, options) => {
+      const response = await client.fetchApi("/auth/oauth/github", {
+        method: "POST",
+        body: JSON.stringify({
+          code,
+          redirectUri: options?.redirectUri
+        })
+      });
+      if (response.accessToken) {
+        window.dispatchEvent(new CustomEvent("githat:auth-changed", {
+          detail: { user: response.user, org: response.org, signedIn: true }
+        }));
+      }
+      return {
+        user: response.user,
+        org: response.org,
+        isNewUser: response.isNewUser
+      };
+    },
+    [client]
+  );
+  const getCognitoOAuthUrl = (0, import_react2.useCallback)(
+    async (options) => {
+      const params = new URLSearchParams();
+      if (options?.redirectUri) params.append("redirectUri", options.redirectUri);
+      if (options?.state) params.append("state", options.state);
+      if (options?.identityProvider) params.append("identityProvider", options.identityProvider);
+      const queryString = params.toString();
+      const path = queryString ? `/auth/oauth/cognito/url?${queryString}` : "/auth/oauth/cognito/url";
+      return client.fetchApi(path);
+    },
+    [client]
+  );
+  const signInWithCognito = (0, import_react2.useCallback)(
+    async (code, options) => {
+      const response = await client.fetchApi("/auth/oauth/cognito", {
+        method: "POST",
+        body: JSON.stringify({
+          code,
+          redirectUri: options?.redirectUri
+        })
+      });
+      if (response.accessToken) {
+        window.dispatchEvent(new CustomEvent("githat:auth-changed", {
+          detail: { user: response.user, org: response.org, signedIn: true }
+        }));
+      }
+      return {
+        user: response.user,
+        org: response.org,
+        isNewUser: response.isNewUser
+      };
+    },
+    [client]
+  );
   return {
     fetch: client.fetchApi,
     getUserOrgs: () => client.fetchApi("/user/orgs"),
@@ -485,7 +557,12 @@ function useGitHat() {
     changePassword,
     // Email verification
     verifyEmail,
-    resendVerificationEmail
+    resendVerificationEmail,
+    // OAuth (Web2)
+    getGitHubOAuthUrl,
+    signInWithGitHub,
+    getCognitoOAuthUrl,
+    signInWithCognito
   };
 }
 
@@ -567,15 +644,40 @@ function useData() {
   }), [client]);
 }
 
-// src/components/SignInForm.tsx
+// src/email.ts
 var import_react4 = require("react");
+function useEmail() {
+  const ctx = useAuth();
+  const client = (0, import_react4.useMemo)(
+    () => createClient(ctx.config.apiUrl, ctx.config.publishableKey),
+    [ctx.config.apiUrl, ctx.config.publishableKey]
+  );
+  return (0, import_react4.useMemo)(() => ({
+    /**
+     * Send a transactional email.
+     * @param options - Email options (to, subject, html/text, replyTo)
+     */
+    send: async (options) => {
+      if (!options.to) throw new Error('Recipient "to" is required');
+      if (!options.subject) throw new Error("Subject is required");
+      if (!options.html && !options.text) throw new Error('At least one of "html" or "text" is required');
+      return client.fetchApi("/email/send", {
+        method: "POST",
+        body: JSON.stringify(options)
+      });
+    }
+  }), [client]);
+}
+
+// src/components/SignInForm.tsx
+var import_react5 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
   const { signIn, config } = useAuth();
-  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 [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 handleSubmit = async (e) => {
     e.preventDefault();
@@ -661,15 +763,15 @@ function SignInForm({ onSuccess, signUpUrl, forgotPasswordUrl }) {
 }
 
 // src/components/SignUpForm.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function SignUpForm({ onSuccess, signInUrl }) {
   const { signUp, config } = useAuth();
-  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 [name, setName] = (0, import_react6.useState)("");
+  const [email, setEmail] = (0, import_react6.useState)("");
+  const [password, setPassword] = (0, import_react6.useState)("");
+  const [error, setError] = (0, import_react6.useState)("");
+  const [loading, setLoading] = (0, import_react6.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) => {
@@ -775,31 +877,31 @@ function SignUpForm({ onSuccess, signInUrl }) {
 }
 
 // src/components/SignInButton.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function SignInButton({ className, children, href }) {
-  const ctx = (0, import_react6.useContext)(GitHatContext);
+  const ctx = (0, import_react7.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_react7 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function SignUpButton({ className, children, href }) {
-  const ctx = (0, import_react7.useContext)(GitHatContext);
+  const ctx = (0, import_react8.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_react8 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function UserButton() {
   const { user, org, isSignedIn, signOut } = useAuth();
-  const [open, setOpen] = (0, import_react8.useState)(false);
-  const ref = (0, import_react8.useRef)(null);
-  (0, import_react8.useEffect)(() => {
+  const [open, setOpen] = (0, import_react9.useState)(false);
+  const ref = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
     };
@@ -826,23 +928,23 @@ function UserButton() {
 }
 
 // src/components/OrgSwitcher.tsx
-var import_react9 = require("react");
+var import_react10 = 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_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)(() => {
+  const [orgs, setOrgs] = (0, import_react10.useState)([]);
+  const [orgsLoading, setOrgsLoading] = (0, import_react10.useState)(false);
+  const [open, setOpen] = (0, import_react10.useState)(false);
+  const ref = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
     if (isSignedIn) {
       setOrgsLoading(true);
       githat.getUserOrgs().then((data) => setOrgs(data.orgs || [])).catch(() => {
       }).finally(() => setOrgsLoading(false));
     }
   }, [isSignedIn]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
     };
@@ -876,15 +978,15 @@ function OrgSwitcher() {
 }
 
 // src/components/VerifiedBadge.tsx
-var import_react10 = require("react");
+var import_react11 = 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_react10.useState)(null);
-  const mounted = (0, import_react10.useRef)(true);
-  (0, import_react10.useEffect)(() => {
+  const [verified, setVerified] = (0, import_react11.useState)(null);
+  const mounted = (0, import_react11.useRef)(true);
+  (0, import_react11.useEffect)(() => {
     mounted.current = true;
     const key = `${type}:${identifier}`;
     const cached = cache.get(key);
@@ -930,7 +1032,7 @@ function ProtectedRoute({ children, fallback }) {
 }
 
 // src/components/ForgotPasswordForm.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function ForgotPasswordForm({
   onSuccess,
@@ -938,10 +1040,10 @@ function ForgotPasswordForm({
   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 [email, setEmail] = (0, import_react12.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react12.useState)(false);
+  const [sent, setSent] = (0, import_react12.useState)(false);
+  const [error, setError] = (0, import_react12.useState)("");
   const emailValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
   const handleSubmit = async (e) => {
     e.preventDefault();
@@ -1025,7 +1127,7 @@ function ForgotPasswordForm({
 }
 
 // src/components/ResetPasswordForm.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function ResetPasswordForm({
   token,
@@ -1035,11 +1137,11 @@ function ResetPasswordForm({
   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 [password, setPassword] = (0, import_react13.useState)("");
+  const [confirm, setConfirm] = (0, import_react13.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react13.useState)(false);
+  const [success, setSuccess] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)("");
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (password !== confirm) {
@@ -1137,7 +1239,7 @@ function ResetPasswordForm({
 }
 
 // src/components/VerifyEmailStatus.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function VerifyEmailStatus({
   token,
@@ -1147,9 +1249,9 @@ function VerifyEmailStatus({
   redirectDelay = 3e3
 }) {
   const { verifyEmail } = useGitHat();
-  const [status, setStatus] = (0, import_react13.useState)("loading");
-  const [error, setError] = (0, import_react13.useState)("");
-  (0, import_react13.useEffect)(() => {
+  const [status, setStatus] = (0, import_react14.useState)("loading");
+  const [error, setError] = (0, import_react14.useState)("");
+  (0, import_react14.useEffect)(() => {
     if (!token) {
       setStatus("error");
       setError("Missing verification token");
@@ -1200,7 +1302,7 @@ function VerifyEmailStatus({
 }
 
 // src/components/ChangePasswordForm.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function ChangePasswordForm({
   onSuccess,
@@ -1208,12 +1310,12 @@ function ChangePasswordForm({
   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 [current, setCurrent] = (0, import_react15.useState)("");
+  const [newPass, setNewPass] = (0, import_react15.useState)("");
+  const [confirm, setConfirm] = (0, import_react15.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)("");
+  const [success, setSuccess] = (0, import_react15.useState)(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (newPass !== confirm) {
@@ -1317,11 +1419,436 @@ function ChangePasswordForm({
     ] })
   ] });
 }
+
+// src/components/GitHubButton.tsx
+var import_react16 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var GitHubIcon = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z" }) });
+function GitHubButton({
+  children = "Continue with GitHub",
+  redirectUri,
+  onSuccess,
+  onError,
+  className = "",
+  variant = "default",
+  disabled = false
+}) {
+  const { getGitHubOAuthUrl } = useGitHat();
+  const [isLoading, setIsLoading] = (0, import_react16.useState)(false);
+  const handleClick = (0, import_react16.useCallback)(async () => {
+    if (isLoading || disabled) return;
+    setIsLoading(true);
+    try {
+      const state = crypto.randomUUID();
+      sessionStorage.setItem("githat_oauth_state", state);
+      const { url } = await getGitHubOAuthUrl({ redirectUri, state });
+      window.location.href = url;
+    } catch (error) {
+      setIsLoading(false);
+      if (onError) {
+        onError(error instanceof Error ? error : new Error("Failed to start GitHub OAuth"));
+      }
+    }
+  }, [getGitHubOAuthUrl, redirectUri, onError, isLoading, disabled]);
+  const baseStyles = "githat-github-button";
+  const variantStyles = variant === "outline" ? "githat-github-button-outline" : "";
+  const disabledStyles = disabled || isLoading ? "githat-github-button-disabled" : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      disabled: disabled || isLoading,
+      className: `${baseStyles} ${variantStyles} ${disabledStyles} ${className}`.trim(),
+      children: [
+        isLoading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "githat-github-spinner" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(GitHubIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children })
+      ]
+    }
+  );
+}
+if (typeof document !== "undefined") {
+  const styleId = "githat-github-button-styles";
+  if (!document.getElementById(styleId)) {
+    const style = document.createElement("style");
+    style.id = styleId;
+    style.textContent = `
+      .githat-github-button {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.5rem;
+        padding: 0.625rem 1rem;
+        font-size: 0.875rem;
+        font-weight: 500;
+        border-radius: 0.375rem;
+        border: none;
+        cursor: pointer;
+        transition: all 0.15s ease;
+        background-color: #24292f;
+        color: #ffffff;
+        width: 100%;
+      }
+      .githat-github-button:hover:not(:disabled) {
+        background-color: #32383f;
+      }
+      .githat-github-button-outline {
+        background-color: transparent;
+        color: #24292f;
+        border: 1px solid #d0d7de;
+      }
+      .githat-github-button-outline:hover:not(:disabled) {
+        background-color: #f6f8fa;
+        border-color: #24292f;
+      }
+      .githat-github-button-disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+      .githat-github-spinner {
+        width: 1rem;
+        height: 1rem;
+        border: 2px solid currentColor;
+        border-top-color: transparent;
+        border-radius: 50%;
+        animation: githat-spin 0.6s linear infinite;
+      }
+      @keyframes githat-spin {
+        to { transform: rotate(360deg); }
+      }
+    `;
+    document.head.appendChild(style);
+  }
+}
+
+// src/components/GitHubCallback.tsx
+var import_react17 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function GitHubCallback({
+  redirectUrl = "/dashboard",
+  newUserRedirectUrl,
+  onSuccess,
+  onError,
+  loadingComponent,
+  errorComponent
+}) {
+  const { signInWithGitHub } = useGitHat();
+  const { config } = useAuth();
+  const [error, setError] = (0, import_react17.useState)(null);
+  const [isProcessing, setIsProcessing] = (0, import_react17.useState)(true);
+  (0, import_react17.useEffect)(() => {
+    const handleCallback = async () => {
+      const params = new URLSearchParams(window.location.search);
+      const code = params.get("code");
+      const state = params.get("state");
+      const errorParam = params.get("error");
+      const errorDescription = params.get("error_description");
+      if (errorParam) {
+        const errorMsg = errorDescription || errorParam;
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(new Error(errorMsg));
+        }
+        return;
+      }
+      if (!code) {
+        const errorMsg = "No authorization code received";
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(new Error(errorMsg));
+        }
+        return;
+      }
+      const savedState = sessionStorage.getItem("githat_oauth_state");
+      if (savedState && state !== savedState) {
+        const errorMsg = "Invalid state parameter";
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(new Error(errorMsg));
+        }
+        return;
+      }
+      sessionStorage.removeItem("githat_oauth_state");
+      try {
+        const result = await signInWithGitHub(code);
+        if (onSuccess) {
+          onSuccess(result);
+        }
+        const targetUrl = result.isNewUser && newUserRedirectUrl ? newUserRedirectUrl : redirectUrl || config.afterSignInUrl || "/dashboard";
+        window.location.href = targetUrl;
+      } catch (err) {
+        const errorMsg = err instanceof Error ? err.message : "Authentication failed";
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(err instanceof Error ? err : new Error(errorMsg));
+        }
+      }
+    };
+    handleCallback();
+  }, [signInWithGitHub, redirectUrl, newUserRedirectUrl, config.afterSignInUrl, onSuccess, onError]);
+  if (error) {
+    if (errorComponent) {
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: errorComponent(error) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "githat-callback-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h2", { children: "Authentication Failed" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { href: "/sign-in", children: "Back to Sign In" })
+    ] });
+  }
+  if (loadingComponent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: loadingComponent });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "githat-callback-loading", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "githat-callback-spinner" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { children: "Completing sign in with GitHub..." })
+  ] });
+}
+if (typeof document !== "undefined") {
+  const styleId = "githat-callback-styles";
+  if (!document.getElementById(styleId)) {
+    const style = document.createElement("style");
+    style.id = styleId;
+    style.textContent = `
+      .githat-callback-loading,
+      .githat-callback-error {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        min-height: 200px;
+        padding: 2rem;
+        text-align: center;
+      }
+      .githat-callback-spinner {
+        width: 2rem;
+        height: 2rem;
+        border: 3px solid #e5e7eb;
+        border-top-color: #3b82f6;
+        border-radius: 50%;
+        animation: githat-spin 0.8s linear infinite;
+        margin-bottom: 1rem;
+      }
+      .githat-callback-error h2 {
+        color: #dc2626;
+        margin-bottom: 0.5rem;
+      }
+      .githat-callback-error p {
+        color: #6b7280;
+        margin-bottom: 1rem;
+      }
+      .githat-callback-error a {
+        color: #3b82f6;
+        text-decoration: underline;
+      }
+      @keyframes githat-spin {
+        to { transform: rotate(360deg); }
+      }
+    `;
+    document.head.appendChild(style);
+  }
+}
+
+// src/components/CognitoButton.tsx
+var import_react18 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var AWSIcon = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M6.763 10.036c0 .296.032.535.088.71.064.176.144.368.256.576.04.063.056.127.056.183 0 .08-.048.16-.152.24l-.503.335a.383.383 0 0 1-.208.072c-.08 0-.16-.04-.239-.112a2.47 2.47 0 0 1-.287-.375 6.18 6.18 0 0 1-.248-.471c-.622.734-1.405 1.101-2.347 1.101-.67 0-1.205-.191-1.596-.574-.391-.384-.59-.894-.59-1.533 0-.678.239-1.23.726-1.644.487-.415 1.133-.623 1.955-.623.272 0 .551.024.846.064.296.04.6.104.918.176v-.583c0-.607-.127-1.03-.375-1.277-.255-.248-.686-.367-1.3-.367-.28 0-.568.031-.863.103-.295.072-.583.16-.862.272a2.287 2.287 0 0 1-.28.104.488.488 0 0 1-.127.023c-.112 0-.168-.08-.168-.247v-.391c0-.128.016-.224.056-.28a.597.597 0 0 1 .224-.167c.279-.144.614-.264 1.005-.36a4.84 4.84 0 0 1 1.246-.151c.95 0 1.644.216 2.091.647.439.43.662 1.085.662 1.963v2.586zm-3.24 1.214c.263 0 .534-.048.822-.144.287-.096.543-.271.758-.51.128-.152.224-.32.272-.512.047-.191.08-.423.08-.694v-.335a6.66 6.66 0 0 0-.735-.136 6.02 6.02 0 0 0-.75-.048c-.535 0-.926.104-1.19.32-.263.215-.39.518-.39.917 0 .375.095.655.295.846.191.2.47.296.838.296zm6.41.862c-.144 0-.24-.024-.304-.08-.064-.048-.12-.16-.168-.311L7.586 5.55a1.398 1.398 0 0 1-.072-.32c0-.128.064-.2.191-.2h.783c.151 0 .255.025.31.08.065.048.113.16.16.312l1.342 5.284 1.245-5.284c.04-.16.088-.264.151-.312a.549.549 0 0 1 .32-.08h.638c.152 0 .256.025.32.08.063.048.12.16.151.312l1.261 5.348 1.381-5.348c.048-.16.104-.264.16-.312a.52.52 0 0 1 .311-.08h.743c.127 0 .2.065.2.2 0 .04-.009.08-.017.128a1.137 1.137 0 0 1-.056.2l-1.923 6.17c-.048.16-.104.264-.168.312a.51.51 0 0 1-.303.08h-.687c-.151 0-.255-.024-.32-.08-.063-.056-.119-.16-.15-.32l-1.238-5.148-1.23 5.14c-.04.16-.087.264-.15.32-.065.056-.177.08-.32.08zm10.256.215c-.415 0-.83-.048-1.229-.143-.399-.096-.71-.2-.918-.32-.128-.071-.215-.151-.247-.223a.563.563 0 0 1-.048-.224v-.407c0-.167.064-.247.183-.247.048 0 .096.008.144.024.048.016.12.048.2.08.271.12.566.215.878.279.319.064.63.096.95.096.502 0 .894-.088 1.165-.264a.86.86 0 0 0 .415-.758.777.777 0 0 0-.215-.559c-.144-.151-.415-.287-.806-.415l-1.157-.36c-.583-.183-1.014-.454-1.277-.813a1.902 1.902 0 0 1-.4-1.158c0-.335.073-.63.216-.886.144-.255.336-.479.575-.654.24-.184.51-.32.83-.415.32-.096.655-.136 1.006-.136.176 0 .359.008.535.032.183.024.35.056.518.088.16.04.312.08.455.127.144.048.256.096.336.144a.69.69 0 0 1 .24.2.43.43 0 0 1 .071.263v.375c0 .168-.064.256-.184.256a.83.83 0 0 1-.303-.096 3.652 3.652 0 0 0-1.532-.311c-.455 0-.815.071-1.062.223-.248.152-.375.383-.375.71 0 .224.08.416.24.567.159.152.454.304.877.44l1.134.358c.574.184.99.44 1.237.767.247.327.367.702.367 1.117 0 .343-.072.655-.207.926-.144.272-.336.511-.583.703-.248.2-.543.343-.886.447-.36.111-.734.167-1.142.167z" }) });
+function CognitoButton({
+  children = "Continue with AWS",
+  redirectUri,
+  identityProvider,
+  onError,
+  className = "",
+  variant = "default",
+  disabled = false
+}) {
+  const { getCognitoOAuthUrl } = useGitHat();
+  const [isLoading, setIsLoading] = (0, import_react18.useState)(false);
+  const handleClick = (0, import_react18.useCallback)(async () => {
+    if (isLoading || disabled) return;
+    setIsLoading(true);
+    try {
+      const state = crypto.randomUUID();
+      sessionStorage.setItem("githat_cognito_oauth_state", state);
+      const { url } = await getCognitoOAuthUrl({ redirectUri, state, identityProvider });
+      window.location.href = url;
+    } catch (error) {
+      setIsLoading(false);
+      if (onError) {
+        onError(error instanceof Error ? error : new Error("Failed to start Cognito OAuth"));
+      }
+    }
+  }, [getCognitoOAuthUrl, redirectUri, identityProvider, onError, isLoading, disabled]);
+  const baseStyles = "githat-cognito-button";
+  const variantStyles = variant === "outline" ? "githat-cognito-button-outline" : "";
+  const disabledStyles = disabled || isLoading ? "githat-cognito-button-disabled" : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      disabled: disabled || isLoading,
+      className: `${baseStyles} ${variantStyles} ${disabledStyles} ${className}`.trim(),
+      children: [
+        isLoading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "githat-cognito-spinner" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AWSIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children })
+      ]
+    }
+  );
+}
+if (typeof document !== "undefined") {
+  const styleId = "githat-cognito-button-styles";
+  if (!document.getElementById(styleId)) {
+    const style = document.createElement("style");
+    style.id = styleId;
+    style.textContent = `
+      .githat-cognito-button {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.5rem;
+        padding: 0.625rem 1rem;
+        font-size: 0.875rem;
+        font-weight: 500;
+        border-radius: 0.375rem;
+        border: none;
+        cursor: pointer;
+        transition: all 0.15s ease;
+        background-color: #ff9900;
+        color: #232f3e;
+        width: 100%;
+      }
+      .githat-cognito-button:hover:not(:disabled) {
+        background-color: #ec7211;
+      }
+      .githat-cognito-button-outline {
+        background-color: transparent;
+        color: #ff9900;
+        border: 1px solid #ff9900;
+      }
+      .githat-cognito-button-outline:hover:not(:disabled) {
+        background-color: rgba(255, 153, 0, 0.1);
+      }
+      .githat-cognito-button-disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+      .githat-cognito-spinner {
+        width: 1rem;
+        height: 1rem;
+        border: 2px solid currentColor;
+        border-top-color: transparent;
+        border-radius: 50%;
+        animation: githat-cognito-spin 0.6s linear infinite;
+      }
+      @keyframes githat-cognito-spin {
+        to { transform: rotate(360deg); }
+      }
+    `;
+    document.head.appendChild(style);
+  }
+}
+
+// src/components/CognitoCallback.tsx
+var import_react19 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function CognitoCallback({
+  redirectUrl = "/dashboard",
+  newUserRedirectUrl,
+  onSuccess,
+  onError,
+  loadingComponent,
+  errorComponent
+}) {
+  const { signInWithCognito } = useGitHat();
+  const { config } = useAuth();
+  const [error, setError] = (0, import_react19.useState)(null);
+  const [isProcessing, setIsProcessing] = (0, import_react19.useState)(true);
+  (0, import_react19.useEffect)(() => {
+    const handleCallback = async () => {
+      const params = new URLSearchParams(window.location.search);
+      const code = params.get("code");
+      const state = params.get("state");
+      const errorParam = params.get("error");
+      const errorDescription = params.get("error_description");
+      if (errorParam) {
+        const errorMsg = errorDescription || errorParam;
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(new Error(errorMsg));
+        }
+        return;
+      }
+      if (!code) {
+        const errorMsg = "No authorization code received";
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(new Error(errorMsg));
+        }
+        return;
+      }
+      const savedState = sessionStorage.getItem("githat_cognito_oauth_state");
+      if (savedState && state !== savedState) {
+        const errorMsg = "Invalid state parameter";
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(new Error(errorMsg));
+        }
+        return;
+      }
+      sessionStorage.removeItem("githat_cognito_oauth_state");
+      try {
+        const result = await signInWithCognito(code);
+        if (onSuccess) {
+          onSuccess(result);
+        }
+        const targetUrl = result.isNewUser && newUserRedirectUrl ? newUserRedirectUrl : redirectUrl || config.afterSignInUrl || "/dashboard";
+        window.location.href = targetUrl;
+      } catch (err) {
+        const errorMsg = err instanceof Error ? err.message : "Authentication failed";
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(err instanceof Error ? err : new Error(errorMsg));
+        }
+      }
+    };
+    handleCallback();
+  }, [signInWithCognito, redirectUrl, newUserRedirectUrl, config.afterSignInUrl, onSuccess, onError]);
+  if (error) {
+    if (errorComponent) {
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: errorComponent(error) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "githat-callback-error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { children: "Authentication Failed" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("a", { href: "/sign-in", children: "Back to Sign In" })
+    ] });
+  }
+  if (loadingComponent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: loadingComponent });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "githat-callback-loading", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "githat-callback-spinner" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Completing sign in with AWS Cognito..." })
+  ] });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ChangePasswordForm,
+  CognitoButton,
+  CognitoCallback,
   ForgotPasswordForm,
   GitHatProvider,
+  GitHubButton,
+  GitHubCallback,
   OrgSwitcher,
   ProtectedRoute,
   ResetPasswordForm,
@@ -1334,6 +1861,7 @@ function ChangePasswordForm({
   VerifyEmailStatus,
   useAuth,
   useData,
+  useEmail,
   useGitHat
 });
 //# sourceMappingURL=index.js.map