@reauth-dev/sdk 0.2.0 → 0.3.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   createReauthClient
-} from "./chunk-DMNMTW2C.mjs";
+} from "./chunk-5LFJ5PXQ.mjs";
 import "./chunk-EY5LQCDG.mjs";
 
 // src/errors.ts

package/dist/react/index.d.mts

@@ -1,4 +1,4 @@
-import { R as ReauthConfig, c as User } from '../types-BqZzje-y.mjs';
+import { R as ReauthConfig, o as User, D as DomainConfig, M as MagicLinkVerifyResult, G as GoogleOAuthStartResult, c as TwitterOAuthStartResult } from '../types-DKUKhCNE.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
@@ -43,6 +43,66 @@ declare function useAuth(config: UseAuthOptions): {
     waitlistPosition: number | null;
 };
 
+type HeadlessStep = "idle" | "magic_link_sent" | "google_started" | "twitter_started" | "completed";
+type UseHeadlessAuthOptions = {
+    domain: string;
+    callbackUrl?: string;
+    timeout?: number;
+};
+/**
+ * React hook for headless authentication (custom UI login).
+ *
+ * @example
+ * ```typescript
+ * function LoginPage() {
+ *   const {
+ *     requestMagicLink,
+ *     verifyMagicLink,
+ *     startGoogleOAuth,
+ *     loading,
+ *     error,
+ *     step,
+ *   } = useHeadlessAuth({
+ *     domain: 'yourdomain.com',
+ *     callbackUrl: 'https://app.yourdomain.com/auth/verify',
+ *   });
+ *
+ *   if (step === 'magic_link_sent') {
+ *     return <p>Check your email for a magic link!</p>;
+ *   }
+ *
+ *   if (step === 'completed') {
+ *     return <p>Authenticated!</p>;
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={() => requestMagicLink('user@example.com')}>
+ *         Send Magic Link
+ *       </button>
+ *       <button onClick={startGoogleOAuth}>
+ *         Sign in with Google
+ *       </button>
+ *       {error && <p>{error}</p>}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function useHeadlessAuth(options: UseHeadlessAuthOptions): {
+    getConfig: () => Promise<DomainConfig>;
+    requestMagicLink: (email: string) => Promise<void>;
+    verifyMagicLink: (token: string) => Promise<MagicLinkVerifyResult>;
+    startGoogleOAuth: () => Promise<GoogleOAuthStartResult>;
+    startTwitterOAuth: () => Promise<TwitterOAuthStartResult>;
+    reset: () => void;
+    loading: boolean;
+    error: string | null;
+    step: HeadlessStep;
+    config: DomainConfig | null;
+    verifyResult: MagicLinkVerifyResult | null;
+};
+
 type AuthContextType = {
     user: User | null;
     loading: boolean;
@@ -130,4 +190,4 @@ type ProtectedRouteProps = {
  */
 declare function ProtectedRoute({ children, fallback, onUnauthenticated, onWaitlist, }: ProtectedRouteProps): react_jsx_runtime.JSX.Element | null;
 
-export { AuthProvider, ProtectedRoute, type UseAuthOptions, useAuth, useAuthContext };
+export { AuthProvider, ProtectedRoute, type UseAuthOptions, type UseHeadlessAuthOptions, useAuth, useAuthContext, useHeadlessAuth };

package/dist/react/index.d.ts

@@ -1,4 +1,4 @@
-import { R as ReauthConfig, c as User } from '../types-BqZzje-y.js';
+import { R as ReauthConfig, o as User, D as DomainConfig, M as MagicLinkVerifyResult, G as GoogleOAuthStartResult, c as TwitterOAuthStartResult } from '../types-DKUKhCNE.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
@@ -43,6 +43,66 @@ declare function useAuth(config: UseAuthOptions): {
     waitlistPosition: number | null;
 };
 
+type HeadlessStep = "idle" | "magic_link_sent" | "google_started" | "twitter_started" | "completed";
+type UseHeadlessAuthOptions = {
+    domain: string;
+    callbackUrl?: string;
+    timeout?: number;
+};
+/**
+ * React hook for headless authentication (custom UI login).
+ *
+ * @example
+ * ```typescript
+ * function LoginPage() {
+ *   const {
+ *     requestMagicLink,
+ *     verifyMagicLink,
+ *     startGoogleOAuth,
+ *     loading,
+ *     error,
+ *     step,
+ *   } = useHeadlessAuth({
+ *     domain: 'yourdomain.com',
+ *     callbackUrl: 'https://app.yourdomain.com/auth/verify',
+ *   });
+ *
+ *   if (step === 'magic_link_sent') {
+ *     return <p>Check your email for a magic link!</p>;
+ *   }
+ *
+ *   if (step === 'completed') {
+ *     return <p>Authenticated!</p>;
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={() => requestMagicLink('user@example.com')}>
+ *         Send Magic Link
+ *       </button>
+ *       <button onClick={startGoogleOAuth}>
+ *         Sign in with Google
+ *       </button>
+ *       {error && <p>{error}</p>}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function useHeadlessAuth(options: UseHeadlessAuthOptions): {
+    getConfig: () => Promise<DomainConfig>;
+    requestMagicLink: (email: string) => Promise<void>;
+    verifyMagicLink: (token: string) => Promise<MagicLinkVerifyResult>;
+    startGoogleOAuth: () => Promise<GoogleOAuthStartResult>;
+    startTwitterOAuth: () => Promise<TwitterOAuthStartResult>;
+    reset: () => void;
+    loading: boolean;
+    error: string | null;
+    step: HeadlessStep;
+    config: DomainConfig | null;
+    verifyResult: MagicLinkVerifyResult | null;
+};
+
 type AuthContextType = {
     user: User | null;
     loading: boolean;
@@ -130,4 +190,4 @@ type ProtectedRouteProps = {
  */
 declare function ProtectedRoute({ children, fallback, onUnauthenticated, onWaitlist, }: ProtectedRouteProps): react_jsx_runtime.JSX.Element | null;
 
-export { AuthProvider, ProtectedRoute, type UseAuthOptions, useAuth, useAuthContext };
+export { AuthProvider, ProtectedRoute, type UseAuthOptions, type UseHeadlessAuthOptions, useAuth, useAuthContext, useHeadlessAuth };