@insforge/nextjs 0.6.8 → 0.6.9

package/dist/api.d.mts

@@ -0,0 +1,50 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+interface AuthRouteConfig {
+    baseUrl: string;
+    cookieName?: string;
+    cookieMaxAge?: number;
+    secure?: boolean;
+}
+declare function createAuthRouteHandlers(config: AuthRouteConfig): {
+    POST: (request: NextRequest) => Promise<NextResponse<{
+        error: string;
+    }> | NextResponse<{
+        user: any;
+        session: {
+            userId: any;
+            expiresAt: string;
+            createdAt: string;
+        };
+    }>>;
+    GET: (request: NextRequest) => Promise<NextResponse<{
+        user: null;
+        session: null;
+    }> | NextResponse<{
+        user: any;
+        session: {
+            userId: any;
+            token: string;
+            expiresAt: string;
+            createdAt: string;
+        };
+    }>>;
+    DELETE: (request: NextRequest) => Promise<NextResponse<{
+        success: boolean;
+    }> | NextResponse<{
+        error: string;
+    }>>;
+};
+
+interface ProfileHandlerConfig {
+    baseUrl: string;
+}
+declare function createProfileHandler(config: ProfileHandlerConfig): (request: NextRequest) => Promise<NextResponse<{
+    success: boolean;
+    error: string;
+}> | NextResponse<{
+    success: boolean;
+    user: any;
+}>>;
+
+export { type AuthRouteConfig, type ProfileHandlerConfig, createAuthRouteHandlers, createProfileHandler };

package/dist/api.d.ts

@@ -0,0 +1,50 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+interface AuthRouteConfig {
+    baseUrl: string;
+    cookieName?: string;
+    cookieMaxAge?: number;
+    secure?: boolean;
+}
+declare function createAuthRouteHandlers(config: AuthRouteConfig): {
+    POST: (request: NextRequest) => Promise<NextResponse<{
+        error: string;
+    }> | NextResponse<{
+        user: any;
+        session: {
+            userId: any;
+            expiresAt: string;
+            createdAt: string;
+        };
+    }>>;
+    GET: (request: NextRequest) => Promise<NextResponse<{
+        user: null;
+        session: null;
+    }> | NextResponse<{
+        user: any;
+        session: {
+            userId: any;
+            token: string;
+            expiresAt: string;
+            createdAt: string;
+        };
+    }>>;
+    DELETE: (request: NextRequest) => Promise<NextResponse<{
+        success: boolean;
+    }> | NextResponse<{
+        error: string;
+    }>>;
+};
+
+interface ProfileHandlerConfig {
+    baseUrl: string;
+}
+declare function createProfileHandler(config: ProfileHandlerConfig): (request: NextRequest) => Promise<NextResponse<{
+    success: boolean;
+    error: string;
+}> | NextResponse<{
+    success: boolean;
+    user: any;
+}>>;
+
+export { type AuthRouteConfig, type ProfileHandlerConfig, createAuthRouteHandlers, createProfileHandler };

package/dist/index.d.mts

@@ -0,0 +1,250 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, CSSProperties, InputHTMLAttributes } from 'react';
+
+interface InsforgeUser {
+    id: string;
+    email: string;
+    avatar_url?: string;
+    nickname?: string;
+    bio?: string;
+    birthday?: string;
+    createdAt: string;
+    updatedAt: string;
+    [key: string]: any;
+}
+interface InsforgeSession {
+    userId: string;
+    token: string;
+    expiresAt: string;
+    createdAt: string;
+}
+interface SignInProps {
+    afterSignInUrl?: string;
+    appearance?: {
+        container?: React.CSSProperties;
+        form?: React.CSSProperties;
+        button?: React.CSSProperties;
+    };
+    title?: string;
+    subtitle?: string;
+    emailLabel?: string;
+    emailPlaceholder?: string;
+    passwordLabel?: string;
+    passwordPlaceholder?: string;
+    forgotPasswordText?: string;
+    submitButtonText?: string;
+    loadingButtonText?: string;
+    signUpText?: string;
+    signUpLinkText?: string;
+    signUpUrl?: string;
+    dividerText?: string;
+    onSuccess?: (user: InsforgeUser) => void;
+    onError?: (error: Error) => void;
+}
+interface SignUpProps {
+    afterSignUpUrl?: string;
+    appearance?: {
+        container?: React.CSSProperties;
+        form?: React.CSSProperties;
+        button?: React.CSSProperties;
+    };
+    title?: string;
+    subtitle?: string;
+    emailLabel?: string;
+    emailPlaceholder?: string;
+    passwordLabel?: string;
+    passwordPlaceholder?: string;
+    submitButtonText?: string;
+    loadingButtonText?: string;
+    signInText?: string;
+    signInLinkText?: string;
+    signInUrl?: string;
+    dividerText?: string;
+    onSuccess?: (user: InsforgeUser) => void;
+    onError?: (error: Error) => void;
+}
+interface UserButtonProps {
+    afterSignOutUrl?: string;
+    mode?: 'detailed' | 'simple';
+    appearance?: {
+        button?: React.CSSProperties;
+        dropdown?: React.CSSProperties;
+    };
+}
+interface ProtectProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    redirectTo?: string;
+    condition?: (user: InsforgeUser) => boolean;
+}
+interface ConditionalProps {
+    children: ReactNode;
+}
+type OAuthProvider = 'google' | 'github' | 'discord' | 'facebook' | 'linkedin' | 'instagram' | 'tiktok' | 'apple' | 'x' | 'spotify' | 'microsoft';
+interface OAuthProviderConfig {
+    name: string;
+    svg: React.ReactElement;
+    className: string;
+}
+
+interface InsforgeContextValue {
+    user: InsforgeUser | null;
+    session: InsforgeSession | null;
+    isLoaded: boolean;
+    isSignedIn: boolean;
+    setUser: (user: InsforgeUser | null) => void;
+    signIn: (email: string, password: string) => Promise<void>;
+    signUp: (email: string, password: string) => Promise<void>;
+    signOut: () => Promise<void>;
+    updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
+    baseUrl: string;
+}
+interface InsforgeProviderProps {
+    children: ReactNode;
+    baseUrl: string;
+    frontendUrl?: string;
+    onAuthChange?: (user: InsforgeUser | null) => void;
+    useBuiltInAuth?: boolean;
+}
+declare function InsforgeProvider({ children, baseUrl, frontendUrl, onAuthChange, useBuiltInAuth }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useInsforge(): InsforgeContextValue;
+
+declare function useAuth(): {
+    signIn: (email: string, password: string) => Promise<void>;
+    signUp: (email: string, password: string) => Promise<void>;
+    signOut: () => Promise<void>;
+    isLoaded: boolean;
+    isSignedIn: boolean;
+};
+
+declare function useUser(): {
+    user: InsforgeUser | null;
+    isLoaded: boolean;
+    updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
+    setUser: (user: InsforgeUser | null) => void;
+};
+
+declare function useSession(): {
+    session: InsforgeSession | null;
+    isLoaded: boolean;
+};
+
+declare function useOAuthProviders(): {
+    providers: OAuthProvider[];
+    isLoaded: boolean;
+};
+
+declare function SignIn({ afterSignInUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, onSuccess, onError, }: SignInProps): react_jsx_runtime.JSX.Element;
+
+declare function SignUp({ afterSignUpUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, onSuccess, onError, }: SignUpProps): react_jsx_runtime.JSX.Element;
+
+declare function UserButton({ afterSignOutUrl, mode, appearance, }: UserButtonProps): react_jsx_runtime.JSX.Element | null;
+
+declare function SignedIn({ children }: ConditionalProps): react_jsx_runtime.JSX.Element | null;
+
+declare function SignedOut({ children }: ConditionalProps): react_jsx_runtime.JSX.Element | null;
+
+declare function Protect({ children, fallback, redirectTo, condition, }: ProtectProps): string | number | bigint | true | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
+
+interface AuthContainerProps {
+    children: ReactNode;
+    style?: CSSProperties;
+}
+declare function AuthContainer({ children, style }: AuthContainerProps): react_jsx_runtime.JSX.Element;
+
+interface AuthHeaderProps {
+    title: string;
+    subtitle?: string;
+}
+declare function AuthHeader({ title, subtitle }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface AuthErrorBannerProps {
+    error: string;
+}
+declare function AuthErrorBanner({ error }: AuthErrorBannerProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthFormFieldProps extends InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    id: string;
+}
+declare function AuthFormField({ label, id, className, ...props }: AuthFormFieldProps): react_jsx_runtime.JSX.Element;
+
+interface AuthPasswordFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label: string;
+    id: string;
+    showStrengthIndicator?: boolean;
+    forgotPasswordLink?: {
+        href: string;
+        text?: string;
+    };
+}
+declare function AuthPasswordField({ label, id, showStrengthIndicator, forgotPasswordLink, value, className, onFocus, ...props }: AuthPasswordFieldProps): react_jsx_runtime.JSX.Element;
+
+interface AuthSubmitButtonProps {
+    children: ReactNode;
+    isLoading?: boolean;
+    confirmed?: boolean;
+    disabled?: boolean;
+    style?: CSSProperties;
+}
+declare function AuthSubmitButton({ children, isLoading, confirmed, disabled, style, }: AuthSubmitButtonProps): react_jsx_runtime.JSX.Element;
+
+interface AuthDividerProps {
+    text?: string;
+}
+declare function AuthDivider({ text }: AuthDividerProps): react_jsx_runtime.JSX.Element;
+
+interface AuthLinkProps {
+    text: string;
+    linkText: string;
+    href: string;
+}
+declare function AuthLink({ text, linkText, href }: AuthLinkProps): react_jsx_runtime.JSX.Element;
+
+interface AuthOAuthProvidersProps {
+    providers: OAuthProvider[];
+    onClick: (provider: OAuthProvider) => void;
+    disabled?: boolean;
+    loading: OAuthProvider | null;
+}
+declare function AuthOAuthProviders({ providers, onClick, disabled, loading, }: AuthOAuthProvidersProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthBrandingProps {
+    text?: string;
+    href?: string;
+}
+declare function AuthBranding({ text, href }: AuthBrandingProps): react_jsx_runtime.JSX.Element;
+
+type DisplayMode = 'full' | 'short' | 'icon';
+interface AuthOAuthButtonProps {
+    provider: OAuthProvider;
+    onClick: (provider: OAuthProvider) => void;
+    disabled?: boolean;
+    loading?: boolean;
+    displayMode?: DisplayMode;
+    style?: React.CSSProperties;
+}
+declare function AuthOAuthButton({ provider, onClick, disabled, loading, displayMode, style }: AuthOAuthButtonProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthPasswordStrengthIndicatorProps {
+    password: string;
+}
+declare function validatePasswordStrength(password: string): boolean;
+declare function AuthPasswordStrengthIndicator({ password }: AuthPasswordStrengthIndicatorProps): react_jsx_runtime.JSX.Element;
+
+interface AuthVerificationCodeInputProps {
+    length?: number;
+    value: string;
+    email: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+declare function AuthVerificationCodeInput({ length, value, email, onChange, disabled, }: AuthVerificationCodeInputProps): react_jsx_runtime.JSX.Element;
+
+declare const OAUTH_PROVIDER_CONFIG: Record<OAuthProvider, OAuthProviderConfig>;
+declare function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig | null;
+declare function getProviderName(provider: OAuthProvider): string;
+declare function isProviderSupported(provider: string): provider is OAuthProvider;
+
+export { AuthBranding, AuthContainer, AuthDivider, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, type ConditionalProps, InsforgeProvider, type InsforgeSession, type InsforgeUser, OAUTH_PROVIDER_CONFIG, type OAuthProvider, type OAuthProviderConfig, Protect, type ProtectProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, getProviderConfig, getProviderName, isProviderSupported, useAuth, useInsforge, useOAuthProviders, useSession, useUser, validatePasswordStrength };

package/dist/index.d.ts

@@ -0,0 +1,250 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, CSSProperties, InputHTMLAttributes } from 'react';
+
+interface InsforgeUser {
+    id: string;
+    email: string;
+    avatar_url?: string;
+    nickname?: string;
+    bio?: string;
+    birthday?: string;
+    createdAt: string;
+    updatedAt: string;
+    [key: string]: any;
+}
+interface InsforgeSession {
+    userId: string;
+    token: string;
+    expiresAt: string;
+    createdAt: string;
+}
+interface SignInProps {
+    afterSignInUrl?: string;
+    appearance?: {
+        container?: React.CSSProperties;
+        form?: React.CSSProperties;
+        button?: React.CSSProperties;
+    };
+    title?: string;
+    subtitle?: string;
+    emailLabel?: string;
+    emailPlaceholder?: string;
+    passwordLabel?: string;
+    passwordPlaceholder?: string;
+    forgotPasswordText?: string;
+    submitButtonText?: string;
+    loadingButtonText?: string;
+    signUpText?: string;
+    signUpLinkText?: string;
+    signUpUrl?: string;
+    dividerText?: string;
+    onSuccess?: (user: InsforgeUser) => void;
+    onError?: (error: Error) => void;
+}
+interface SignUpProps {
+    afterSignUpUrl?: string;
+    appearance?: {
+        container?: React.CSSProperties;
+        form?: React.CSSProperties;
+        button?: React.CSSProperties;
+    };
+    title?: string;
+    subtitle?: string;
+    emailLabel?: string;
+    emailPlaceholder?: string;
+    passwordLabel?: string;
+    passwordPlaceholder?: string;
+    submitButtonText?: string;
+    loadingButtonText?: string;
+    signInText?: string;
+    signInLinkText?: string;
+    signInUrl?: string;
+    dividerText?: string;
+    onSuccess?: (user: InsforgeUser) => void;
+    onError?: (error: Error) => void;
+}
+interface UserButtonProps {
+    afterSignOutUrl?: string;
+    mode?: 'detailed' | 'simple';
+    appearance?: {
+        button?: React.CSSProperties;
+        dropdown?: React.CSSProperties;
+    };
+}
+interface ProtectProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    redirectTo?: string;
+    condition?: (user: InsforgeUser) => boolean;
+}
+interface ConditionalProps {
+    children: ReactNode;
+}
+type OAuthProvider = 'google' | 'github' | 'discord' | 'facebook' | 'linkedin' | 'instagram' | 'tiktok' | 'apple' | 'x' | 'spotify' | 'microsoft';
+interface OAuthProviderConfig {
+    name: string;
+    svg: React.ReactElement;
+    className: string;
+}
+
+interface InsforgeContextValue {
+    user: InsforgeUser | null;
+    session: InsforgeSession | null;
+    isLoaded: boolean;
+    isSignedIn: boolean;
+    setUser: (user: InsforgeUser | null) => void;
+    signIn: (email: string, password: string) => Promise<void>;
+    signUp: (email: string, password: string) => Promise<void>;
+    signOut: () => Promise<void>;
+    updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
+    baseUrl: string;
+}
+interface InsforgeProviderProps {
+    children: ReactNode;
+    baseUrl: string;
+    frontendUrl?: string;
+    onAuthChange?: (user: InsforgeUser | null) => void;
+    useBuiltInAuth?: boolean;
+}
+declare function InsforgeProvider({ children, baseUrl, frontendUrl, onAuthChange, useBuiltInAuth }: InsforgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useInsforge(): InsforgeContextValue;
+
+declare function useAuth(): {
+    signIn: (email: string, password: string) => Promise<void>;
+    signUp: (email: string, password: string) => Promise<void>;
+    signOut: () => Promise<void>;
+    isLoaded: boolean;
+    isSignedIn: boolean;
+};
+
+declare function useUser(): {
+    user: InsforgeUser | null;
+    isLoaded: boolean;
+    updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
+    setUser: (user: InsforgeUser | null) => void;
+};
+
+declare function useSession(): {
+    session: InsforgeSession | null;
+    isLoaded: boolean;
+};
+
+declare function useOAuthProviders(): {
+    providers: OAuthProvider[];
+    isLoaded: boolean;
+};
+
+declare function SignIn({ afterSignInUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, onSuccess, onError, }: SignInProps): react_jsx_runtime.JSX.Element;
+
+declare function SignUp({ afterSignUpUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, onSuccess, onError, }: SignUpProps): react_jsx_runtime.JSX.Element;
+
+declare function UserButton({ afterSignOutUrl, mode, appearance, }: UserButtonProps): react_jsx_runtime.JSX.Element | null;
+
+declare function SignedIn({ children }: ConditionalProps): react_jsx_runtime.JSX.Element | null;
+
+declare function SignedOut({ children }: ConditionalProps): react_jsx_runtime.JSX.Element | null;
+
+declare function Protect({ children, fallback, redirectTo, condition, }: ProtectProps): string | number | bigint | true | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
+
+interface AuthContainerProps {
+    children: ReactNode;
+    style?: CSSProperties;
+}
+declare function AuthContainer({ children, style }: AuthContainerProps): react_jsx_runtime.JSX.Element;
+
+interface AuthHeaderProps {
+    title: string;
+    subtitle?: string;
+}
+declare function AuthHeader({ title, subtitle }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface AuthErrorBannerProps {
+    error: string;
+}
+declare function AuthErrorBanner({ error }: AuthErrorBannerProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthFormFieldProps extends InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    id: string;
+}
+declare function AuthFormField({ label, id, className, ...props }: AuthFormFieldProps): react_jsx_runtime.JSX.Element;
+
+interface AuthPasswordFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label: string;
+    id: string;
+    showStrengthIndicator?: boolean;
+    forgotPasswordLink?: {
+        href: string;
+        text?: string;
+    };
+}
+declare function AuthPasswordField({ label, id, showStrengthIndicator, forgotPasswordLink, value, className, onFocus, ...props }: AuthPasswordFieldProps): react_jsx_runtime.JSX.Element;
+
+interface AuthSubmitButtonProps {
+    children: ReactNode;
+    isLoading?: boolean;
+    confirmed?: boolean;
+    disabled?: boolean;
+    style?: CSSProperties;
+}
+declare function AuthSubmitButton({ children, isLoading, confirmed, disabled, style, }: AuthSubmitButtonProps): react_jsx_runtime.JSX.Element;
+
+interface AuthDividerProps {
+    text?: string;
+}
+declare function AuthDivider({ text }: AuthDividerProps): react_jsx_runtime.JSX.Element;
+
+interface AuthLinkProps {
+    text: string;
+    linkText: string;
+    href: string;
+}
+declare function AuthLink({ text, linkText, href }: AuthLinkProps): react_jsx_runtime.JSX.Element;
+
+interface AuthOAuthProvidersProps {
+    providers: OAuthProvider[];
+    onClick: (provider: OAuthProvider) => void;
+    disabled?: boolean;
+    loading: OAuthProvider | null;
+}
+declare function AuthOAuthProviders({ providers, onClick, disabled, loading, }: AuthOAuthProvidersProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthBrandingProps {
+    text?: string;
+    href?: string;
+}
+declare function AuthBranding({ text, href }: AuthBrandingProps): react_jsx_runtime.JSX.Element;
+
+type DisplayMode = 'full' | 'short' | 'icon';
+interface AuthOAuthButtonProps {
+    provider: OAuthProvider;
+    onClick: (provider: OAuthProvider) => void;
+    disabled?: boolean;
+    loading?: boolean;
+    displayMode?: DisplayMode;
+    style?: React.CSSProperties;
+}
+declare function AuthOAuthButton({ provider, onClick, disabled, loading, displayMode, style }: AuthOAuthButtonProps): react_jsx_runtime.JSX.Element | null;
+
+interface AuthPasswordStrengthIndicatorProps {
+    password: string;
+}
+declare function validatePasswordStrength(password: string): boolean;
+declare function AuthPasswordStrengthIndicator({ password }: AuthPasswordStrengthIndicatorProps): react_jsx_runtime.JSX.Element;
+
+interface AuthVerificationCodeInputProps {
+    length?: number;
+    value: string;
+    email: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+declare function AuthVerificationCodeInput({ length, value, email, onChange, disabled, }: AuthVerificationCodeInputProps): react_jsx_runtime.JSX.Element;
+
+declare const OAUTH_PROVIDER_CONFIG: Record<OAuthProvider, OAuthProviderConfig>;
+declare function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig | null;
+declare function getProviderName(provider: OAuthProvider): string;
+declare function isProviderSupported(provider: string): provider is OAuthProvider;
+
+export { AuthBranding, AuthContainer, AuthDivider, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, type ConditionalProps, InsforgeProvider, type InsforgeSession, type InsforgeUser, OAUTH_PROVIDER_CONFIG, type OAuthProvider, type OAuthProviderConfig, Protect, type ProtectProps, SignIn, type SignInProps, SignUp, type SignUpProps, SignedIn, SignedOut, UserButton, type UserButtonProps, getProviderConfig, getProviderName, isProviderSupported, useAuth, useInsforge, useOAuthProviders, useSession, useUser, validatePasswordStrength };

package/dist/index.js

@@ -113,7 +113,7 @@ function InsforgeProvider({
   const [user, setUser] = (0, import_react.useState)(null);
   const [session, setSession] = (0, import_react.useState)(null);
   const [isLoaded, setIsLoaded] = (0, import_react.useState)(false);
-  const refreshIntervalRef = (0, import_react.useRef)();
+  const refreshIntervalRef = (0, import_react.useRef)(null);
   const [insforge] = (0, import_react.useState)(() => (0, import_sdk.createClient)({ baseUrl }));
   const loadAuthState = (0, import_react.useCallback)(async () => {
     try {
@@ -367,7 +367,6 @@ function useSession() {
 
 // src/hooks/useOAuthProviders.ts
 var import_react2 = require("react");
-var import_sdk2 = require("@insforge/sdk");
 function useOAuthProviders() {
   const { baseUrl } = useInsforge();
   const [providers, setProviders] = (0, import_react2.useState)([]);
@@ -376,20 +375,25 @@ function useOAuthProviders() {
     let mounted = true;
     async function fetchProviders() {
       try {
-        const insforge = (0, import_sdk2.createClient)({ baseUrl });
-        const { data, error } = await insforge.auth.getOAuthProviders();
-        if (!mounted) return;
-        if (error) {
-          console.warn("[useOAuthProviders] Failed to fetch OAuth providers:", error);
-          setProviders([]);
-        } else if (data) {
-          setProviders(data);
-        } else {
-          setProviders([]);
+        const response = await fetch(`${baseUrl}/api/auth/oauth/providers`);
+        if (!response.ok) {
+          if (mounted) {
+            setProviders([]);
+            setIsLoaded(true);
+          }
+          return;
+        }
+        const result = await response.json();
+        if (mounted) {
+          if (result?.data && Array.isArray(result.data)) {
+            setProviders(result.data);
+          } else {
+            setProviders([]);
+          }
+          setIsLoaded(true);
         }
-        setIsLoaded(true);
       } catch (error) {
-        console.warn("[useOAuthProviders] Unexpected error:", error);
+        console.warn("[useOAuthProviders] Failed to fetch OAuth providers:", error);
         if (mounted) {
           setProviders([]);
           setIsLoaded(true);
@@ -406,7 +410,7 @@ function useOAuthProviders() {
 
 // src/components/SignIn.tsx
 var import_react5 = require("react");
-var import_sdk3 = require("@insforge/sdk");
+var import_sdk2 = require("@insforge/sdk");
 
 // src/components/auth/AuthBranding.tsx
 var import_link = __toESM(require("next/link"));
@@ -1000,7 +1004,7 @@ function SignIn({
   const [error, setError] = (0, import_react5.useState)("");
   const [loading, setLoading] = (0, import_react5.useState)(false);
   const [oauthLoading, setOauthLoading] = (0, import_react5.useState)(null);
-  const insforge = (0, import_react5.useState)(() => (0, import_sdk3.createClient)({ baseUrl }))[0];
+  const insforge = (0, import_react5.useState)(() => (0, import_sdk2.createClient)({ baseUrl }))[0];
   async function handleSubmit(e) {
     e.preventDefault();
     setLoading(true);
@@ -1094,7 +1098,7 @@ function SignIn({
 
 // src/components/SignUp.tsx
 var import_react6 = require("react");
-var import_sdk4 = require("@insforge/sdk");
+var import_sdk3 = require("@insforge/sdk");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function SignUp({
   afterSignUpUrl = "/",
@@ -1124,7 +1128,7 @@ function SignUp({
   const [error, setError] = (0, import_react6.useState)("");
   const [loading, setLoading] = (0, import_react6.useState)(false);
   const [oauthLoading, setOauthLoading] = (0, import_react6.useState)(null);
-  const insforge = (0, import_react6.useState)(() => (0, import_sdk4.createClient)({ baseUrl }))[0];
+  const insforge = (0, import_react6.useState)(() => (0, import_sdk3.createClient)({ baseUrl }))[0];
   async function handleCredentialsSubmit(e) {
     e.preventDefault();
     setLoading(true);