@githat/nextjs 0.2.6 → 0.2.7

package/dist/index.d.mts

@@ -232,6 +232,52 @@ declare function useData(): {
     batch: (collection: string, operations: BatchOperation[]) => Promise<BatchResult>;
 };
 
+interface SendEmailOptions {
+    /** Recipient email address(es). Single string or array of up to 50 addresses. */
+    to: string | string[];
+    /** Email subject line (max 998 characters). */
+    subject: string;
+    /** HTML body (optional if text is provided). */
+    html?: string;
+    /** Plain text body (optional if html is provided). */
+    text?: string;
+    /** Reply-to email address. Recipients can reply directly to this address. */
+    replyTo?: string;
+}
+interface SendEmailResult {
+    /** SES message ID for tracking. */
+    messageId: string;
+    /** Recipient addresses the email was sent to. */
+    to: string[];
+    /** Subject line as sent. */
+    subject: string;
+    /** Whether the email was sent successfully. */
+    sent: boolean;
+}
+/**
+ * Hook for sending transactional emails via GitHat's Email API.
+ * Emails are sent from noreply@githat.io. Use replyTo for customer replies.
+ *
+ * @example
+ * ```tsx
+ * const { send } = useEmail();
+ *
+ * await send({
+ *   to: 'user@example.com',
+ *   subject: 'Your order is confirmed',
+ *   html: '<h1>Order Confirmed</h1><p>Thank you!</p>',
+ *   replyTo: 'support@myapp.com'
+ * });
+ * ```
+ */
+declare function useEmail(): {
+    /**
+     * Send a transactional email.
+     * @param options - Email options (to, subject, html/text, replyTo)
+     */
+    send: (options: SendEmailOptions) => Promise<SendEmailResult>;
+};
+
 interface SignInFormProps {
     onSuccess?: () => void;
     signUpUrl?: string;
@@ -439,5 +485,23 @@ interface WithAuthOptions {
      */
     onUnauthorized?: () => Response;
 }
+interface ServerSendEmailOptions {
+    /** Recipient email address(es). */
+    to: string | string[];
+    /** Email subject line. */
+    subject: string;
+    /** HTML body. */
+    html?: string;
+    /** Plain text body. */
+    text?: string;
+    /** Reply-to email address. */
+    replyTo?: string;
+}
+interface ServerSendEmailResult {
+    messageId: string;
+    to: string[];
+    subject: string;
+    sent: boolean;
+}
 
-export { type AuthActions, type AuthPayload, type AuthState, type AuthenticatedHandler, type BatchOperation, type BatchResult, ChangePasswordForm, CognitoButton, CognitoCallback, type DataItem, type DeleteResult, type EmailVerificationResult, ForgotPasswordForm, type GitHatConfig, type GitHatContextValue, type GitHatOrg, GitHatProvider, type GitHatUser, GitHubButton, GitHubCallback, type OrgMetadata, OrgSwitcher, type PasswordResetResult, ProtectedRoute, type PutResult, type QueryOptions, type QueryResult, ResetPasswordForm, SignInButton, SignInForm, SignUpButton, type SignUpData, SignUpForm, type SignUpResult, UserButton, VerifiedBadge, VerifyEmailStatus, type VerifyOptions, type WithAuthOptions, useAuth, useData, useGitHat };
+export { type AuthActions, type AuthPayload, type AuthState, type AuthenticatedHandler, type BatchOperation, type BatchResult, ChangePasswordForm, CognitoButton, CognitoCallback, type DataItem, type DeleteResult, type EmailVerificationResult, ForgotPasswordForm, type GitHatConfig, type GitHatContextValue, type GitHatOrg, GitHatProvider, type GitHatUser, GitHubButton, GitHubCallback, type OrgMetadata, OrgSwitcher, type PasswordResetResult, ProtectedRoute, type PutResult, type QueryOptions, type QueryResult, ResetPasswordForm, type SendEmailOptions, type SendEmailResult, type ServerSendEmailOptions, type ServerSendEmailResult, SignInButton, SignInForm, SignUpButton, type SignUpData, SignUpForm, type SignUpResult, UserButton, VerifiedBadge, VerifyEmailStatus, type VerifyOptions, type WithAuthOptions, useAuth, useData, useEmail, useGitHat };

package/dist/index.d.ts

@@ -232,6 +232,52 @@ declare function useData(): {
     batch: (collection: string, operations: BatchOperation[]) => Promise<BatchResult>;
 };
 
+interface SendEmailOptions {
+    /** Recipient email address(es). Single string or array of up to 50 addresses. */
+    to: string | string[];
+    /** Email subject line (max 998 characters). */
+    subject: string;
+    /** HTML body (optional if text is provided). */
+    html?: string;
+    /** Plain text body (optional if html is provided). */
+    text?: string;
+    /** Reply-to email address. Recipients can reply directly to this address. */
+    replyTo?: string;
+}
+interface SendEmailResult {
+    /** SES message ID for tracking. */
+    messageId: string;
+    /** Recipient addresses the email was sent to. */
+    to: string[];
+    /** Subject line as sent. */
+    subject: string;
+    /** Whether the email was sent successfully. */
+    sent: boolean;
+}
+/**
+ * Hook for sending transactional emails via GitHat's Email API.
+ * Emails are sent from noreply@githat.io. Use replyTo for customer replies.
+ *
+ * @example
+ * ```tsx
+ * const { send } = useEmail();
+ *
+ * await send({
+ *   to: 'user@example.com',
+ *   subject: 'Your order is confirmed',
+ *   html: '<h1>Order Confirmed</h1><p>Thank you!</p>',
+ *   replyTo: 'support@myapp.com'
+ * });
+ * ```
+ */
+declare function useEmail(): {
+    /**
+     * Send a transactional email.
+     * @param options - Email options (to, subject, html/text, replyTo)
+     */
+    send: (options: SendEmailOptions) => Promise<SendEmailResult>;
+};
+
 interface SignInFormProps {
     onSuccess?: () => void;
     signUpUrl?: string;
@@ -439,5 +485,23 @@ interface WithAuthOptions {
      */
     onUnauthorized?: () => Response;
 }
+interface ServerSendEmailOptions {
+    /** Recipient email address(es). */
+    to: string | string[];
+    /** Email subject line. */
+    subject: string;
+    /** HTML body. */
+    html?: string;
+    /** Plain text body. */
+    text?: string;
+    /** Reply-to email address. */
+    replyTo?: string;
+}
+interface ServerSendEmailResult {
+    messageId: string;
+    to: string[];
+    subject: string;
+    sent: boolean;
+}
 
-export { type AuthActions, type AuthPayload, type AuthState, type AuthenticatedHandler, type BatchOperation, type BatchResult, ChangePasswordForm, CognitoButton, CognitoCallback, type DataItem, type DeleteResult, type EmailVerificationResult, ForgotPasswordForm, type GitHatConfig, type GitHatContextValue, type GitHatOrg, GitHatProvider, type GitHatUser, GitHubButton, GitHubCallback, type OrgMetadata, OrgSwitcher, type PasswordResetResult, ProtectedRoute, type PutResult, type QueryOptions, type QueryResult, ResetPasswordForm, SignInButton, SignInForm, SignUpButton, type SignUpData, SignUpForm, type SignUpResult, UserButton, VerifiedBadge, VerifyEmailStatus, type VerifyOptions, type WithAuthOptions, useAuth, useData, useGitHat };
+export { type AuthActions, type AuthPayload, type AuthState, type AuthenticatedHandler, type BatchOperation, type BatchResult, ChangePasswordForm, CognitoButton, CognitoCallback, type DataItem, type DeleteResult, type EmailVerificationResult, ForgotPasswordForm, type GitHatConfig, type GitHatContextValue, type GitHatOrg, GitHatProvider, type GitHatUser, GitHubButton, GitHubCallback, type OrgMetadata, OrgSwitcher, type PasswordResetResult, ProtectedRoute, type PutResult, type QueryOptions, type QueryResult, ResetPasswordForm, type SendEmailOptions, type SendEmailResult, type ServerSendEmailOptions, type ServerSendEmailResult, SignInButton, SignInForm, SignUpButton, type SignUpData, SignUpForm, type SignUpResult, UserButton, VerifiedBadge, VerifyEmailStatus, type VerifyOptions, type WithAuthOptions, useAuth, useData, useEmail, useGitHat };

package/dist/index.js

@@ -40,6 +40,7 @@ __export(src_exports, {
   VerifyEmailStatus: () => VerifyEmailStatus,
   useAuth: () => useAuth,
   useData: () => useData,
+  useEmail: () => useEmail,
   useGitHat: () => useGitHat
 });
 module.exports = __toCommonJS(src_exports);
@@ -643,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();
@@ -737,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) => {
@@ -851,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);
     };
@@ -902,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);
     };
@@ -952,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);
@@ -1006,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,
@@ -1014,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();
@@ -1101,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,
@@ -1111,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) {
@@ -1213,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,
@@ -1223,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");
@@ -1276,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,
@@ -1284,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) {
@@ -1395,7 +1421,7 @@ function ChangePasswordForm({
 }
 
 // src/components/GitHubButton.tsx
-var import_react15 = require("react");
+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({
@@ -1408,8 +1434,8 @@ function GitHubButton({
   disabled = false
 }) {
   const { getGitHubOAuthUrl } = useGitHat();
-  const [isLoading, setIsLoading] = (0, import_react15.useState)(false);
-  const handleClick = (0, import_react15.useCallback)(async () => {
+  const [isLoading, setIsLoading] = (0, import_react16.useState)(false);
+  const handleClick = (0, import_react16.useCallback)(async () => {
     if (isLoading || disabled) return;
     setIsLoading(true);
     try {
@@ -1496,7 +1522,7 @@ if (typeof document !== "undefined") {
 }
 
 // src/components/GitHubCallback.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function GitHubCallback({
   redirectUrl = "/dashboard",
@@ -1508,9 +1534,9 @@ function GitHubCallback({
 }) {
   const { signInWithGitHub } = useGitHat();
   const { config } = useAuth();
-  const [error, setError] = (0, import_react16.useState)(null);
-  const [isProcessing, setIsProcessing] = (0, import_react16.useState)(true);
-  (0, import_react16.useEffect)(() => {
+  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");
@@ -1628,7 +1654,7 @@ if (typeof document !== "undefined") {
 }
 
 // src/components/CognitoButton.tsx
-var import_react17 = require("react");
+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({
@@ -1641,8 +1667,8 @@ function CognitoButton({
   disabled = false
 }) {
   const { getCognitoOAuthUrl } = useGitHat();
-  const [isLoading, setIsLoading] = (0, import_react17.useState)(false);
-  const handleClick = (0, import_react17.useCallback)(async () => {
+  const [isLoading, setIsLoading] = (0, import_react18.useState)(false);
+  const handleClick = (0, import_react18.useCallback)(async () => {
     if (isLoading || disabled) return;
     setIsLoading(true);
     try {
@@ -1728,7 +1754,7 @@ if (typeof document !== "undefined") {
 }
 
 // src/components/CognitoCallback.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function CognitoCallback({
   redirectUrl = "/dashboard",
@@ -1740,9 +1766,9 @@ function CognitoCallback({
 }) {
   const { signInWithCognito } = useGitHat();
   const { config } = useAuth();
-  const [error, setError] = (0, import_react18.useState)(null);
-  const [isProcessing, setIsProcessing] = (0, import_react18.useState)(true);
-  (0, import_react18.useEffect)(() => {
+  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");
@@ -1835,6 +1861,7 @@ function CognitoCallback({
   VerifyEmailStatus,
   useAuth,
   useData,
+  useEmail,
   useGitHat
 });
 //# sourceMappingURL=index.js.map