@beamarco/auth-sdk 0.1.0

package/dist/components/SignUp.d.ts

@@ -0,0 +1,79 @@
+import React from 'react';
+import type { RegisterCredentials } from '../types';
+declare const defaultStyles: {
+    container: {
+        display: string;
+        flexDirection: "column";
+        gap: string;
+        maxWidth: string;
+        padding: string;
+        fontFamily: string;
+    };
+    input: {
+        padding: string;
+        fontSize: string;
+        border: string;
+        borderRadius: string;
+        width: string;
+        boxSizing: "border-box";
+    };
+    button: {
+        padding: string;
+        fontSize: string;
+        fontWeight: number;
+        border: string;
+        borderRadius: string;
+        cursor: string;
+        backgroundColor: string;
+        color: string;
+    };
+    buttonGoogle: {
+        padding: string;
+        fontSize: string;
+        border: string;
+        borderRadius: string;
+        cursor: string;
+        backgroundColor: string;
+        color: string;
+    };
+    error: {
+        color: string;
+        fontSize: string;
+    };
+    link: {
+        color: string;
+        cursor: string;
+        textDecoration: string;
+    };
+    divider: {
+        display: string;
+        alignItems: string;
+        gap: string;
+        color: string;
+    };
+    dividerLine: {
+        flex: number;
+        height: number;
+        backgroundColor: string;
+    };
+};
+export interface SignUpProps {
+    afterSignUpUrl?: string;
+    styles?: Partial<typeof defaultStyles>;
+    showGoogle?: boolean;
+    signInUrl?: string;
+    onSuccess?: () => void;
+    children?: (props: SignUpRenderProps) => React.ReactNode;
+}
+export interface SignUpRenderProps {
+    signUp: (credentials: RegisterCredentials) => Promise<void>;
+    signUpWithGoogle: (credential: {
+        credential: string;
+        clientId: string;
+    }) => Promise<void>;
+    error: string | null;
+    isLoading: boolean;
+}
+export declare function SignUp({ afterSignUpUrl, styles: customStyles, showGoogle, signInUrl, onSuccess, children, }: SignUpProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SignUp.d.ts.map

package/dist/components/SignUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUp.d.ts","sourceRoot":"","sources":["../../src/components/SignUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAEnD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDlB,CAAA;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC,OAAO,aAAa,CAAC,CAAA;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;CACzD;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,gBAAgB,EAAE,CAAC,UAAU,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzF,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;CACnB;AAoCD,wBAAgB,MAAM,CAAC,EACrB,cAAoB,EACpB,MAAM,EAAE,YAAiB,EACzB,UAAiB,EACjB,SAAsB,EACtB,SAAS,EACT,QAAQ,GACT,EAAE,WAAW,2CAgHb"}

package/dist/components/SignUp.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { useBeamarAuth } from '../hooks';
+const defaultStyles = {
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '16px',
+        maxWidth: '400px',
+        padding: '24px',
+        fontFamily: 'system-ui, sans-serif',
+    },
+    input: {
+        padding: '10px 12px',
+        fontSize: '16px',
+        border: '1px solid #ccc',
+        borderRadius: '6px',
+        width: '100%',
+        boxSizing: 'border-box',
+    },
+    button: {
+        padding: '12px 24px',
+        fontSize: '16px',
+        fontWeight: 600,
+        border: 'none',
+        borderRadius: '6px',
+        cursor: 'pointer',
+        backgroundColor: '#0066cc',
+        color: 'white',
+    },
+    buttonGoogle: {
+        padding: '12px 24px',
+        fontSize: '16px',
+        border: '1px solid #ccc',
+        borderRadius: '6px',
+        cursor: 'pointer',
+        backgroundColor: 'white',
+        color: '#333',
+    },
+    error: {
+        color: '#c00',
+        fontSize: '14px',
+    },
+    link: {
+        color: '#0066cc',
+        cursor: 'pointer',
+        textDecoration: 'none',
+    },
+    divider: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px',
+        color: '#666',
+    },
+    dividerLine: {
+        flex: 1,
+        height: 1,
+        backgroundColor: '#ddd',
+    },
+};
+function GoogleSignUpButton({ onSuccess, disabled, clientId, }) {
+    const [GoogleLogin, setGoogleLogin] = useState(null);
+    React.useEffect(() => {
+        import('@react-oauth/google').then((mod) => {
+            setGoogleLogin(() => mod.GoogleLogin);
+        });
+    }, []);
+    if (!clientId || !GoogleLogin)
+        return null;
+    return (_jsx(GoogleLogin, { onSuccess: (res) => {
+            if (res.credential && res.clientId) {
+                onSuccess({ credential: res.credential, clientId: res.clientId });
+            }
+        }, onError: () => { } }));
+}
+export function SignUp({ afterSignUpUrl = '/', styles: customStyles = {}, showGoogle = true, signInUrl = '/sign-in', onSuccess, children, }) {
+    const { signUp, signUpWithGoogle, googleClientId } = useBeamarAuth();
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [error, setError] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const styles = { ...defaultStyles, ...customStyles };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setError(null);
+        setIsLoading(true);
+        try {
+            await signUp({ email, password });
+            onSuccess?.();
+            if (afterSignUpUrl) {
+                window.location.href = afterSignUpUrl;
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Sign up failed');
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    const handleGoogleSuccess = async (credential) => {
+        setError(null);
+        setIsLoading(true);
+        try {
+            await signUpWithGoogle(credential);
+            onSuccess?.();
+            if (afterSignUpUrl) {
+                window.location.href = afterSignUpUrl;
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Sign up with Google failed');
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    if (children) {
+        return (_jsx(_Fragment, { children: children({
+                signUp: async (creds) => {
+                    setError(null);
+                    setIsLoading(true);
+                    try {
+                        await signUp(creds);
+                        onSuccess?.();
+                        if (afterSignUpUrl)
+                            window.location.href = afterSignUpUrl;
+                    }
+                    catch (err) {
+                        setError(err instanceof Error ? err.message : 'Sign up failed');
+                        throw err;
+                    }
+                    finally {
+                        setIsLoading(false);
+                    }
+                },
+                signUpWithGoogle: handleGoogleSuccess,
+                error,
+                isLoading,
+            }) }));
+    }
+    return (_jsxs("form", { onSubmit: handleSubmit, style: styles.container, children: [error && _jsx("div", { style: styles.error, children: error }), _jsx("input", { type: "email", placeholder: "Email", value: email, onChange: (e) => setEmail(e.target.value), required: true, disabled: isLoading, style: styles.input }), _jsx("input", { type: "password", placeholder: "Password", value: password, onChange: (e) => setPassword(e.target.value), required: true, disabled: isLoading, minLength: 6, style: styles.input }), _jsx("button", { type: "submit", disabled: isLoading, style: styles.button, children: isLoading ? 'Creating account...' : 'Sign up' }), showGoogle && (_jsxs(_Fragment, { children: [_jsxs("div", { style: styles.divider, children: [_jsx("span", { style: styles.dividerLine }), _jsx("span", { children: "or" }), _jsx("span", { style: styles.dividerLine })] }), _jsx(GoogleSignUpButton, { onSuccess: handleGoogleSuccess, disabled: isLoading, clientId: googleClientId })] })), _jsxs("p", { children: ["Already have an account? ", _jsx("a", { href: signInUrl, style: styles.link, children: "Sign in" })] })] }));
+}

package/dist/components/SignUpButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface SignUpButtonProps {
+    children?: React.ReactNode;
+    signUpUrl?: string;
+    fallbackRedirectUrl?: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+/**
+ * Button that redirects to sign-up page
+ */
+export declare function SignUpButton({ children, signUpUrl, fallbackRedirectUrl, style, className, }: SignUpButtonProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SignUpButton.d.ts.map

package/dist/components/SignUpButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpButton.d.ts","sourceRoot":"","sources":["../../src/components/SignUpButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAoB,EACpB,SAAsB,EACtB,mBAAmB,EACnB,KAAK,EACL,SAAS,GACV,EAAE,iBAAiB,kDAanB"}

package/dist/components/SignUpButton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useBeamarAuth } from '../hooks';
+/**
+ * Button that redirects to sign-up page
+ */
+export function SignUpButton({ children = 'Sign up', signUpUrl = '/sign-up', fallbackRedirectUrl, style, className, }) {
+    const { isSignedIn } = useBeamarAuth();
+    const to = fallbackRedirectUrl
+        ? `${signUpUrl}?redirect_url=${encodeURIComponent(fallbackRedirectUrl)}`
+        : signUpUrl;
+    if (isSignedIn)
+        return null;
+    return (_jsx("a", { href: to, style: style, className: className, children: children }));
+}

package/dist/components/SignedIn.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SignedInProps {
+    children: React.ReactNode;
+}
+/**
+ * Renders children only when user is signed in
+ */
+export declare function SignedIn({ children }: SignedInProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SignedIn.d.ts.map

package/dist/components/SignedIn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignedIn.d.ts","sourceRoot":"","sources":["../../src/components/SignedIn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,kDAKnD"}

package/dist/components/SignedIn.js

@@ -0,0 +1,13 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useBeamarAuth } from '../hooks';
+/**
+ * Renders children only when user is signed in
+ */
+export function SignedIn({ children }) {
+    const { isLoaded, isSignedIn } = useBeamarAuth();
+    if (!isLoaded)
+        return null;
+    if (!isSignedIn)
+        return null;
+    return _jsx(_Fragment, { children: children });
+}

package/dist/components/SignedOut.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SignedOutProps {
+    children: React.ReactNode;
+}
+/**
+ * Renders children only when user is signed out
+ */
+export declare function SignedOut({ children }: SignedOutProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SignedOut.d.ts.map

package/dist/components/SignedOut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignedOut.d.ts","sourceRoot":"","sources":["../../src/components/SignedOut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,kDAKrD"}

package/dist/components/SignedOut.js

@@ -0,0 +1,13 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useBeamarAuth } from '../hooks';
+/**
+ * Renders children only when user is signed out
+ */
+export function SignedOut({ children }) {
+    const { isLoaded, isSignedIn } = useBeamarAuth();
+    if (!isLoaded)
+        return null;
+    if (isSignedIn)
+        return null;
+    return _jsx(_Fragment, { children: children });
+}

package/dist/components/UserButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface UserButtonProps {
+    children?: React.ReactNode;
+    /** Custom dropdown content */
+    fallback?: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+}
+/**
+ * User menu button - shows user email/avatar, dropdown with sign out
+ */
+export declare function UserButton({ children, fallback, style, className }: UserButtonProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=UserButton.d.ts.map

package/dist/components/UserButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserButton.d.ts","sourceRoot":"","sources":["../../src/components/UserButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,kDA2GnF"}

package/dist/components/UserButton.js

@@ -0,0 +1,64 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useBeamarAuth } from '../hooks';
+/**
+ * User menu button - shows user email/avatar, dropdown with sign out
+ */
+export function UserButton({ children, fallback, style, className }) {
+    const { user, signOut, isLoaded } = useBeamarAuth();
+    const [open, setOpen] = useState(false);
+    if (!isLoaded)
+        return null;
+    if (!user)
+        return _jsx(_Fragment, { children: fallback });
+    const defaultTrigger = (_jsxs("button", { type: "button", onClick: () => setOpen(!open), style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '8px',
+            padding: '8px 12px',
+            border: '1px solid #ccc',
+            borderRadius: '6px',
+            backgroundColor: 'white',
+            cursor: 'pointer',
+            ...style,
+        }, className: className, children: [user.imageUrl ? (_jsx("img", { src: user.imageUrl, alt: "", style: { width: 24, height: 24, borderRadius: '50%' } })) : (_jsx("div", { style: {
+                    width: 24,
+                    height: 24,
+                    borderRadius: '50%',
+                    backgroundColor: '#0066cc',
+                    color: 'white',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    fontSize: 12,
+                }, children: (user.displayName || user.loginId || '?')[0].toUpperCase() })), _jsx("span", { children: user.displayName || user.loginId })] }));
+    return (_jsxs("div", { style: { position: 'relative' }, children: [children ?? defaultTrigger, open && (_jsxs(_Fragment, { children: [_jsx("div", { style: {
+                            position: 'fixed',
+                            inset: 0,
+                            zIndex: 999,
+                        }, onClick: () => setOpen(false) }), _jsxs("div", { style: {
+                            position: 'absolute',
+                            top: '100%',
+                            right: 0,
+                            marginTop: 4,
+                            padding: '8px',
+                            backgroundColor: 'white',
+                            border: '1px solid #ddd',
+                            borderRadius: '6px',
+                            boxShadow: '0 4px 12px rgba(0,0,0,0.15)',
+                            zIndex: 1000,
+                            minWidth: 180,
+                        }, children: [_jsxs("div", { style: { padding: '8px', borderBottom: '1px solid #eee' }, children: [_jsx("div", { style: { fontWeight: 600 }, children: user.displayName || user.loginId }), _jsx("div", { style: { fontSize: 12, color: '#666' }, children: user.loginId })] }), _jsx("button", { type: "button", onClick: () => {
+                                    signOut();
+                                    setOpen(false);
+                                }, style: {
+                                    width: '100%',
+                                    padding: '8px 12px',
+                                    marginTop: 4,
+                                    textAlign: 'left',
+                                    border: 'none',
+                                    backgroundColor: 'transparent',
+                                    cursor: 'pointer',
+                                    color: '#c00',
+                                }, children: "Sign out" })] })] }))] }));
+}

package/dist/context.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { BeamarAuthClient } from './client';
+import type { User, BeamarAuthConfig, LoginCredentials, RegisterCredentials, GoogleCredential } from './types';
+export interface AuthContextValue {
+    isLoaded: boolean;
+    isSignedIn: boolean;
+    user: User | null;
+    signIn: (credentials: LoginCredentials) => Promise<void>;
+    signUp: (credentials: RegisterCredentials) => Promise<void>;
+    signOut: () => Promise<void>;
+    signInWithGoogle: (credential: GoogleCredential) => Promise<void>;
+    signUpWithGoogle: (credential: GoogleCredential) => Promise<void>;
+    getToken: () => Promise<string | null>;
+    refreshSession: () => Promise<User | null>;
+    client: BeamarAuthClient;
+    /** Google OAuth client ID if configured */
+    googleClientId?: string;
+}
+declare const AuthContext: React.Context<AuthContextValue | null>;
+export interface BeamarAuthProviderProps {
+    config: BeamarAuthConfig;
+    children: React.ReactNode;
+}
+/**
+ * BeamarAuthProvider - wrap your app to enable auth
+ */
+export declare function BeamarAuthProvider({ config, children }: BeamarAuthProviderProps): import("react/jsx-runtime").JSX.Element;
+export { AuthContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAA;AAE9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE9G,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,MAAM,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,MAAM,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5B,gBAAgB,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACjE,gBAAgB,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACjE,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IACtC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;IAC1C,MAAM,EAAE,gBAAgB,CAAA;IACxB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,WAAW,wCAA+C,CAAA;AAEhE,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,gBAAgB,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CA+G/E;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/context.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useCallback, useEffect, useState } from 'react';
+import { GoogleOAuthProvider } from '@react-oauth/google';
+import { BeamarAuthClient } from './client';
+const AuthContext = createContext(null);
+/**
+ * BeamarAuthProvider - wrap your app to enable auth
+ */
+export function BeamarAuthProvider({ config, children }) {
+    const [user, setUser] = useState(null);
+    const [isLoaded, setIsLoaded] = useState(false);
+    const client = React.useMemo(() => new BeamarAuthClient({
+        apiUrl: config.apiUrl,
+        appName: config.appName,
+        parentUrl: config.parentUrl,
+    }), [config.apiUrl, config.appName, config.parentUrl]);
+    const refreshSession = useCallback(async () => {
+        const u = await client.getSession();
+        setUser(u);
+        return u;
+    }, [client]);
+    useEffect(() => {
+        let cancelled = false;
+        client
+            .getSession()
+            .then((u) => {
+            if (!cancelled) {
+                setUser(u);
+            }
+        })
+            .finally(() => {
+            if (!cancelled) {
+                setIsLoaded(true);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [client]);
+    const signIn = useCallback(async (credentials) => {
+        const u = await client.login(credentials);
+        setUser(u);
+    }, [client]);
+    const signUp = useCallback(async (credentials) => {
+        await client.register(credentials);
+        const u = await client.getSession();
+        setUser(u);
+    }, [client]);
+    const signOut = useCallback(async () => {
+        await client.logout();
+        setUser(null);
+    }, [client]);
+    const signInWithGoogle = useCallback(async (credential) => {
+        const u = await client.loginWithGoogle(credential);
+        setUser(u);
+    }, [client]);
+    const signUpWithGoogle = useCallback(async (credential) => {
+        await client.registerWithGoogle(credential);
+        const u = await client.getSession();
+        setUser(u);
+    }, [client]);
+    const getToken = useCallback(async () => {
+        // Cookie is httpOnly - we can't read it from JS.
+        // For API calls, the browser sends it automatically with credentials: 'include'.
+        // Return null - callers should use fetch with credentials: 'include' to the auth backend.
+        return null;
+    }, []);
+    const value = {
+        isLoaded,
+        isSignedIn: !!user,
+        user,
+        signIn,
+        signUp,
+        signOut,
+        signInWithGoogle,
+        signUpWithGoogle,
+        getToken,
+        refreshSession,
+        client,
+        googleClientId: config.googleClientId,
+    };
+    const content = _jsx(AuthContext.Provider, { value: value, children: children });
+    if (config.googleClientId) {
+        return (_jsx(GoogleOAuthProvider, { clientId: config.googleClientId, children: content }));
+    }
+    return content;
+}
+export { AuthContext };

package/dist/hooks.d.ts

@@ -0,0 +1,13 @@
+export declare function useBeamarAuth(): import("./context").AuthContextValue;
+/**
+ * Alias for useBeamarAuth - Clerk-style naming
+ */
+export declare function useAuth(): import("./context").AuthContextValue;
+/**
+ * Get current user - returns null if not signed in
+ */
+export declare function useUser(): {
+    user: import("./types").User | null;
+    isLoaded: boolean;
+};
+//# sourceMappingURL=hooks.d.ts.map

package/dist/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,yCAM5B;AAED;;GAEG;AACH,wBAAgB,OAAO,yCAEtB;AAED;;GAEG;AACH,wBAAgB,OAAO;;;EAGtB"}

package/dist/hooks.js

@@ -0,0 +1,22 @@
+import { useContext } from 'react';
+import { AuthContext } from './context';
+export function useBeamarAuth() {
+    const ctx = useContext(AuthContext);
+    if (!ctx) {
+        throw new Error('useBeamarAuth must be used within BeamarAuthProvider');
+    }
+    return ctx;
+}
+/**
+ * Alias for useBeamarAuth - Clerk-style naming
+ */
+export function useAuth() {
+    return useBeamarAuth();
+}
+/**
+ * Get current user - returns null if not signed in
+ */
+export function useUser() {
+    const { user, isLoaded } = useBeamarAuth();
+    return { user, isLoaded };
+}

package/dist/index.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @beamarco/auth-sdk - Embed authentication like Clerk in your React apps
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   BeamarAuthProvider,
+ *   SignIn,
+ *   SignUp,
+ *   SignedIn,
+ *   SignedOut,
+ *   useAuth,
+ * } from '@beamarco/auth-sdk'
+ *
+ * const config = {
+ *   apiUrl: 'https://auth.creztu.com',
+ *   appName: 'my-app',
+ *   googleClientId: 'xxx.apps.googleusercontent.com',
+ * }
+ *
+ * function App() {
+ *   return (
+ *     <BeamarAuthProvider config={config}>
+ *       <SignedIn>
+ *         <Dashboard />
+ *       </SignedIn>
+ *       <SignedOut>
+ *         <SignIn />
+ *       </SignedOut>
+ *     </BeamarAuthProvider>
+ *   )
+ * }
+ * ```
+ */
+export { BeamarAuthProvider, AuthContext } from './context';
+export { useBeamarAuth, useAuth, useUser } from './hooks';
+export { BeamarAuthClient } from './client';
+export { SignIn } from './components/SignIn';
+export { SignUp } from './components/SignUp';
+export { SignedIn } from './components/SignedIn';
+export { SignedOut } from './components/SignedOut';
+export { SignInButton } from './components/SignInButton';
+export { SignUpButton } from './components/SignUpButton';
+export { UserButton } from './components/UserButton';
+export { ProtectedRoute } from './components/ProtectedRoute';
+export type { User, TenantMember, BeamarAuthConfig, LoginCredentials, RegisterCredentials, GoogleCredential, } from './types';
+export { AuthError } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAE5D,YAAY,EACV,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA"}

package/dist/index.js

@@ -0,0 +1,46 @@
+/**
+ * @beamarco/auth-sdk - Embed authentication like Clerk in your React apps
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   BeamarAuthProvider,
+ *   SignIn,
+ *   SignUp,
+ *   SignedIn,
+ *   SignedOut,
+ *   useAuth,
+ * } from '@beamarco/auth-sdk'
+ *
+ * const config = {
+ *   apiUrl: 'https://auth.creztu.com',
+ *   appName: 'my-app',
+ *   googleClientId: 'xxx.apps.googleusercontent.com',
+ * }
+ *
+ * function App() {
+ *   return (
+ *     <BeamarAuthProvider config={config}>
+ *       <SignedIn>
+ *         <Dashboard />
+ *       </SignedIn>
+ *       <SignedOut>
+ *         <SignIn />
+ *       </SignedOut>
+ *     </BeamarAuthProvider>
+ *   )
+ * }
+ * ```
+ */
+export { BeamarAuthProvider, AuthContext } from './context';
+export { useBeamarAuth, useAuth, useUser } from './hooks';
+export { BeamarAuthClient } from './client';
+export { SignIn } from './components/SignIn';
+export { SignUp } from './components/SignUp';
+export { SignedIn } from './components/SignedIn';
+export { SignedOut } from './components/SignedOut';
+export { SignInButton } from './components/SignInButton';
+export { SignUpButton } from './components/SignUpButton';
+export { UserButton } from './components/UserButton';
+export { ProtectedRoute } from './components/ProtectedRoute';
+export { AuthError } from './types';