zudoku 0.0.0-fed343e → 0.0.0-ff27e7ea

package/dist/lib/authentication/providers/supabase/SupabaseAuthUI.d.ts

@@ -0,0 +1,8 @@
+import { type ViewType } from "@supabase/auth-ui-shared";
+import type { SupabaseClient } from "@supabase/supabase-js";
+import type { SupabaseAuthenticationConfig } from "../../../../config/config.js";
+export declare const SupabaseAuthUI: ({ client, config, view, }: {
+    client: SupabaseClient;
+    config: SupabaseAuthenticationConfig;
+    view: ViewType;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/authentication/providers/supabase/SupabaseAuthUI.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Auth } from "@supabase/auth-ui-react";
+import { ThemeSupa, } from "@supabase/auth-ui-shared";
+import { useSearchParams } from "react-router";
+import { Heading } from "../../../components/Heading.js";
+export const SupabaseAuthUI = ({ client, config, view = "sign_in", }) => {
+    const [searchParams] = useSearchParams();
+    const redirectTo = searchParams.get("redirectTo");
+    const providers = config.provider ? [config.provider] : config.providers;
+    const root = config.basePath ?? "/";
+    const redirectToAfterSignUp = redirectTo ?? config.redirectToAfterSignUp ?? root;
+    const redirectToAfterSignIn = redirectTo ?? config.redirectToAfterSignIn ?? root;
+    const redirectToAfterSignOut = redirectTo ?? config.redirectToAfterSignOut ?? root;
+    return (_jsx("div", { className: "flex items-center justify-center", children: _jsxs("div", { className: "max-w-md w-full mt-10", children: [_jsx(Heading, { level: 1, children: view === "sign_in" ? "Sign in" : "Sign up" }), _jsx(Auth, { view: view, redirectToAfterSignIn: redirectToAfterSignIn, redirectToAfterSignUp: redirectToAfterSignUp, redirectToAfterSignOut: redirectToAfterSignOut, supabaseClient: client, onlyThirdPartyProviders: config.onlyThirdPartyProviders, appearance: {
+                        theme: ThemeSupa,
+                        variables: {
+                            default: {
+                                colors: {
+                                    dividerBackground: "var(--border)",
+                                    brand: "var(--primary)",
+                                    brandAccent: "hsla(from var(--primary) h s l / 0.8)",
+                                    brandButtonText: "var(--primary-foreground)",
+                                    defaultButtonBorder: "var(--border)",
+                                    inputBorder: "var(--border)",
+                                    inputText: "var(--foreground)",
+                                    inputBorderHover: "var(--accent)",
+                                    defaultButtonBackground: "var(--secondary)",
+                                    defaultButtonBackgroundHover: "var(--accent)",
+                                },
+                                radii: {
+                                    borderRadiusButton: "var(--radius)",
+                                    buttonBorderRadius: "var(--radius)",
+                                    inputBorderRadius: "var(--radius)",
+                                },
+                            },
+                        },
+                    }, providers: providers, redirectTo: config.redirectToAfterSignIn ?? "/" })] }) }));
+};
+//# sourceMappingURL=SupabaseAuthUI.js.map

package/dist/lib/authentication/providers/supabase/SupabaseAuthUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupabaseAuthUI.js","sourceRoot":"","sources":["../../../../../src/lib/authentication/providers/supabase/SupabaseAuthUI.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACL,SAAS,GAGV,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAEzD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,MAAM,EACN,MAAM,EACN,IAAI,GAAG,SAAS,GAKjB,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,CAAC,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;IACzE,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,IAAI,GAAG,CAAC;IACpC,MAAM,qBAAqB,GACzB,UAAU,IAAI,MAAM,CAAC,qBAAqB,IAAI,IAAI,CAAC;IACrD,MAAM,qBAAqB,GACzB,UAAU,IAAI,MAAM,CAAC,qBAAqB,IAAI,IAAI,CAAC;IACrD,MAAM,sBAAsB,GAC1B,UAAU,IAAI,MAAM,CAAC,sBAAsB,IAAI,IAAI,CAAC;IAEtD,OAAO,CACL,cAAK,SAAS,EAAC,kCAAkC,YAC/C,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,YACd,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACnC,EACV,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,qBAAqB,EAAE,qBAAqB,EAC5C,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,cAAc,EAAE,MAAM,EACtB,uBAAuB,EAAE,MAAM,CAAC,uBAAuB,EACvD,UAAU,EAAE;wBACV,KAAK,EAAE,SAAS;wBAChB,SAAS,EAAE;4BACT,OAAO,EAAE;gCACP,MAAM,EAAE;oCACN,iBAAiB,EAAE,eAAe;oCAClC,KAAK,EAAE,gBAAgB;oCACvB,WAAW,EAAE,uCAAuC;oCACpD,eAAe,EAAE,2BAA2B;oCAC5C,mBAAmB,EAAE,eAAe;oCACpC,WAAW,EAAE,eAAe;oCAC5B,SAAS,EAAE,mBAAmB;oCAC9B,gBAAgB,EAAE,eAAe;oCACjC,uBAAuB,EAAE,kBAAkB;oCAC3C,4BAA4B,EAAE,eAAe;iCAC9C;gCACD,KAAK,EAAE;oCACL,kBAAkB,EAAE,eAAe;oCACnC,kBAAkB,EAAE,eAAe;oCACnC,iBAAiB,EAAE,eAAe;iCACnC;6BACuB;yBAC3B;qBACF,EACD,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,MAAM,CAAC,qBAAqB,IAAI,GAAG,GAC/C,IACE,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/authentication/providers/supabase.d.ts

@@ -0,0 +1,4 @@
+import type { SupabaseAuthenticationConfig } from "../../../config/config.js";
+import type { AuthenticationProviderInitializer } from "../authentication.js";
+declare const supabaseAuth: AuthenticationProviderInitializer<SupabaseAuthenticationConfig>;
+export default supabaseAuth;

package/dist/lib/authentication/providers/supabase.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createClient, } from "@supabase/supabase-js";
+import { CoreAuthenticationPlugin } from "../AuthenticationPlugin.js";
+import { SignOut } from "../components/SignOut.js";
+import { AuthorizationError } from "../errors.js";
+import { useAuthState } from "../state.js";
+import { SupabaseAuthUI } from "./supabase/SupabaseAuthUI.js";
+class SupabaseAuthenticationProvider extends CoreAuthenticationPlugin {
+    client;
+    config;
+    constructor(config) {
+        const { supabaseUrl, supabaseKey } = config;
+        super();
+        this.client = createClient(supabaseUrl, supabaseKey, {
+            auth: {
+                autoRefreshToken: true,
+                persistSession: true,
+            },
+        });
+        this.config = config;
+        this.client.auth.onAuthStateChange(async (event, session) => {
+            if (session && (event === "SIGNED_IN" || event === "TOKEN_REFRESHED")) {
+                await this.updateUserState(session);
+            }
+            else if (event === "SIGNED_OUT") {
+                useAuthState.getState().setLoggedOut();
+            }
+        });
+    }
+    async updateUserState(session) {
+        const { user } = session;
+        const profile = {
+            sub: user.id,
+            email: user.email,
+            name: user.user_metadata.full_name || user.user_metadata.name,
+            emailVerified: user.email_confirmed_at != null,
+            pictureUrl: user.user_metadata.avatar_url,
+        };
+        useAuthState.getState().setLoggedIn({
+            profile,
+            providerData: { session },
+        });
+    }
+    async getAccessToken() {
+        const { data, error } = await this.client.auth.getSession();
+        if (error || !data.session) {
+            throw new AuthorizationError("User is not authenticated");
+        }
+        return data.session.access_token;
+    }
+    async signRequest(request) {
+        const accessToken = await this.getAccessToken();
+        request.headers.set("Authorization", `Bearer ${accessToken}`);
+        return request;
+    }
+    signUp = async ({ navigate }, { redirectTo }) => {
+        void navigate(redirectTo
+            ? `/signup?redirectTo=${encodeURIComponent(redirectTo)}`
+            : `/signup`);
+    };
+    signIn = async ({ navigate }, { redirectTo }) => {
+        void navigate(redirectTo
+            ? `/signin?redirectTo=${encodeURIComponent(redirectTo)}`
+            : `/signin`);
+    };
+    getRoutes = () => {
+        return [
+            {
+                path: "/signin",
+                element: (_jsx(SupabaseAuthUI, { view: "sign_in", client: this.client, config: this.config })),
+            },
+            {
+                path: "/signup",
+                element: (_jsx(SupabaseAuthUI, { view: "sign_up", client: this.client, config: this.config })),
+            },
+            {
+                path: "/signout",
+                element: _jsx(SignOut, {}),
+            },
+        ];
+    };
+    signOut = async () => {
+        await new Promise((resolve) => {
+            const { data } = this.client.auth.onAuthStateChange(async (event) => {
+                if (event !== "SIGNED_OUT")
+                    return;
+                data.subscription.unsubscribe();
+                resolve();
+            });
+            void this.client.auth.signOut();
+        });
+        useAuthState.setState({
+            isAuthenticated: false,
+            isPending: false,
+            profile: undefined,
+            providerData: undefined,
+        });
+    };
+    onPageLoad = async () => {
+        const { data, error } = await this.client.auth.getSession();
+        if (!error && data.session) {
+            await this.updateUserState(data.session);
+        }
+    };
+}
+const supabaseAuth = (options) => new SupabaseAuthenticationProvider(options);
+export default supabaseAuth;
+//# sourceMappingURL=supabase.js.map

package/dist/lib/authentication/providers/supabase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"supabase.js","sourceRoot":"","sources":["../../../../src/lib/authentication/providers/supabase.tsx"],"names":[],"mappings":"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"}

package/dist/lib/authentication/state.d.ts

@@ -1,9 +1,28 @@
-export declare const useAuthState: import("zustand").UseBoundStore<import("zustand").StoreApi<AuthState>>;
-export interface AuthState {
+export interface AuthState<ProviderData = unknown> {
     isAuthenticated: boolean;
     isPending: boolean;
-    profile?: UserProfile;
+    profile: UserProfile | null;
+    providerData: ProviderData | null;
+    setAuthenticationPending: () => void;
+    setLoggedOut: () => void;
+    setLoggedIn: ({ profile, providerData, }: {
+        profile: UserProfile;
+        providerData: unknown;
+    }) => void;
 }
+export declare const useAuthState: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<AuthState<unknown>>, "setState" | "persist"> & {
+    setState(partial: AuthState<unknown> | Partial<AuthState<unknown>> | ((state: AuthState<unknown>) => AuthState<unknown> | Partial<AuthState<unknown>>), replace?: false | undefined): unknown;
+    setState(state: AuthState<unknown> | ((state: AuthState<unknown>) => AuthState<unknown>), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<AuthState<unknown>, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: AuthState<unknown>) => void) => () => void;
+        onFinishHydration: (fn: (state: AuthState<unknown>) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<AuthState<unknown>, unknown, unknown>>;
+    };
+}>;
 export interface UserProfile {
     sub: string;
     email: string | undefined;

package/dist/lib/authentication/state.js

@@ -1,6 +1,39 @@
 import { create } from "zustand";
-export const useAuthState = create(() => ({
-    isPending: false,
+import { createJSONStorage, persist } from "zustand/middleware";
+import { syncZustandState } from "../util/syncZustandState.js";
+export const useAuthState = create()(persist((set) => ({
     isAuthenticated: false,
+    isPending: true,
+    profile: null,
+    providerData: null,
+    setAuthenticationPending: () => set(() => ({
+        isAuthenticated: false,
+        isPending: false,
+        profile: null,
+        providerData: null,
+    })),
+    setLoggedOut: () => set(() => ({
+        isAuthenticated: false,
+        isPending: false,
+        profile: null,
+        providerData: null,
+    })),
+    setLoggedIn: ({ profile, providerData, }) => set(() => ({
+        isAuthenticated: true,
+        isPending: false,
+        profile,
+        providerData,
+    })),
+}), {
+    merge: (persistedState, currentState) => {
+        return {
+            ...currentState,
+            isPending: false,
+            ...(typeof persistedState === "object" ? persistedState : {}),
+        };
+    },
+    name: "auth-state",
+    storage: createJSONStorage(() => localStorage),
 }));
+syncZustandState(useAuthState);
 //# sourceMappingURL=state.js.map

package/dist/lib/authentication/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/lib/authentication/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAY,GAAG,EAAE,CAAC,CAAC;IACnD,SAAS,EAAE,KAAK;IAChB,eAAe,EAAE,KAAK;CACvB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/lib/authentication/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAkB/D,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,EAAa,CAC7C,OAAO,CACL,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACR,eAAe,EAAE,KAAK;IACtB,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,IAAI;IACb,YAAY,EAAE,IAAI;IAClB,wBAAwB,EAAE,GAAG,EAAE,CAC7B,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;QACT,eAAe,EAAE,KAAK;QACtB,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,IAAI;QACb,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;IACL,YAAY,EAAE,GAAG,EAAE,CACjB,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;QACT,eAAe,EAAE,KAAK;QACtB,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,IAAI;QACb,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;IACL,WAAW,EAAE,CAAC,EACZ,OAAO,EACP,YAAY,GAIb,EAAE,EAAE,CACH,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;QACT,eAAe,EAAE,IAAI;QACrB,SAAS,EAAE,KAAK;QAChB,OAAO;QACP,YAAY;KACb,CAAC,CAAC;CACN,CAAC,EACF;IACE,KAAK,EAAE,CAAC,cAAc,EAAE,YAAY,EAAE,EAAE;QACtC,OAAO;YACL,GAAG,YAAY;YACf,SAAS,EAAE,KAAK;YAChB,GAAG,CAAC,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;SAC9D,CAAC;IACJ,CAAC;IACD,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,iBAAiB,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;CAC/C,CACF,CACF,CAAC;AAEF,gBAAgB,CAAC,YAAY,CAAC,CAAC"}

package/dist/lib/authentication/ui/ZudokuAuthUi.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export declare const AUTH_PROVIDER_NAMES: Record<AuthProviderId, string>;
+export type AuthProviderId = keyof typeof ProviderIcons;
+declare const ProviderIcons: {
+    readonly google: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly github: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly facebook: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly twitter: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly x: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly apple: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly microsoft: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly yahoo: React.ExoticComponent<React.FragmentProps>;
+};
+export declare const ZudokuSignInUi: ({ providers, onOAuthSignIn, onUsernamePasswordSignIn, }: {
+    providers: string[];
+    onOAuthSignIn: (providerId: string) => Promise<void>;
+    onUsernamePasswordSignIn: (email: string, password: string) => Promise<void>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ZudokuSignUpUi: ({ providers, onOAuthSignUp, onUsernamePasswordSignUp, }: {
+    providers: string[];
+    onOAuthSignUp: (providerId: string) => Promise<void>;
+    onUsernamePasswordSignUp: (email: string, password: string) => Promise<void>;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/authentication/ui/ZudokuAuthUi.js

@@ -0,0 +1,124 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
+import React from "react";
+import { useForm } from "react-hook-form";
+import { Link, useNavigate, useSearchParams } from "react-router";
+import { ActionButton } from "zudoku/ui/ActionButton.js";
+import { Alert, AlertDescription, AlertTitle } from "zudoku/ui/Alert.js";
+import { Button } from "zudoku/ui/Button.js";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "zudoku/ui/Card.js";
+import { Input } from "zudoku/ui/Input.js";
+import { Separator } from "zudoku/ui/Separator.js";
+import { Form, FormControl, FormItem, FormLabel, FormMessage, } from "../../ui/Form.js";
+import { cn } from "../../util/cn.js";
+import createVariantComponent from "../../util/createVariantComponent.js";
+import AppleIcon from "./icons/Apple.js";
+import FacebookIcon from "./icons/Facebook.js";
+import GithubIcon from "./icons/Github.js";
+import GoogleIcon from "./icons/Google.js";
+import MicrosoftIcon from "./icons/Microsoft.js";
+import XIcon from "./icons/X.js";
+export const AUTH_PROVIDER_NAMES = {
+    google: "Google",
+    github: "GitHub",
+    facebook: "Facebook",
+    twitter: "X",
+    x: "X",
+    microsoft: "Microsoft",
+    apple: "Apple",
+    yahoo: "Yahoo",
+};
+const ProviderIcons = {
+    google: GoogleIcon,
+    github: GithubIcon,
+    facebook: FacebookIcon,
+    twitter: XIcon,
+    x: XIcon,
+    apple: AppleIcon,
+    microsoft: MicrosoftIcon,
+    yahoo: React.Fragment,
+};
+const isValidAuthProviderId = (provider) => {
+    return provider in ProviderIcons;
+};
+const isAuthProviderIdArray = (providers) => {
+    return providers.every(isValidAuthProviderId);
+};
+const AuthProviderButton = ({ providerId, onClick, ...buttonProps }) => {
+    const IconRenderer = ProviderIcons[providerId];
+    return (_jsxs(Button, { variant: "outline", className: "gap-2", onClick: onClick, ...buttonProps, children: [_jsx(IconRenderer, { className: "w-4 h-4 fill-foreground" }), AUTH_PROVIDER_NAMES[providerId]] }));
+};
+const EmailPasswordForm = ({ form, onSubmit, submitLabel, isPending, }) => {
+    return (_jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-2", children: [_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "E-Mail" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "Email", ...form.register("email") }) }), _jsx(FormMessage, {})] }), _jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Password" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "Password", ...form.register("password"), type: "password" }) }), _jsx(FormMessage, {})] }), _jsx(ActionButton, { type: "submit", isPending: isPending, children: submitLabel })] }) }));
+};
+export const ZudokuSignInUi = ({ providers, onOAuthSignIn, onUsernamePasswordSignIn, }) => {
+    const navigate = useNavigate();
+    const [searchParams] = useSearchParams();
+    const redirectTo = searchParams.get("redirectTo");
+    if (!isAuthProviderIdArray(providers)) {
+        throw new Error("Invalid auth provider IDs");
+    }
+    const signInUsernameMutation = useMutation({
+        mutationFn: async ({ email, password }) => {
+            await onUsernamePasswordSignIn(email, password);
+        },
+        onSuccess: () => {
+            void navigate(redirectTo ?? "/");
+        },
+    });
+    const signInByProviderMutation = useMutation({
+        mutationFn: async ({ providerId }) => {
+            await onOAuthSignIn(providerId);
+        },
+        onSuccess: () => {
+            void navigate(redirectTo ?? "/");
+        },
+    });
+    const form = useForm({
+        defaultValues: {
+            email: "",
+            password: "",
+        },
+    });
+    const pending = signInUsernameMutation.isPending || signInByProviderMutation.isPending;
+    const error = signInUsernameMutation.error ?? signInByProviderMutation.error;
+    return (_jsxs(AuthCard, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Sign in" }), _jsx(CardDescription, { children: "Sign in to your account to continue." })] }), _jsxs(CardContent, { className: "flex flex-col gap-4", children: [error && (_jsxs(Alert, { variant: "destructive", children: [_jsx(AlertTitle, { children: "Error" }), _jsx(AlertDescription, { children: error?.message })] })), _jsx(EmailPasswordForm, { form: form, onSubmit: (data) => void signInUsernameMutation.mutate({
+                            email: data.email,
+                            password: data.password,
+                        }), submitLabel: "Sign in", isPending: pending }), _jsx(ProviderSeparator, { providers: providers }), _jsx(ProviderButtons, { providers: providers, onClick: (providerId) => signInByProviderMutation.mutate({ providerId }) }), _jsx(Link, { to: "/signup", className: "text-sm text-muted-foreground", children: "Don't have an account? Sign up." })] })] }));
+};
+export const ZudokuSignUpUi = ({ providers, onOAuthSignUp, onUsernamePasswordSignUp, }) => {
+    if (!isAuthProviderIdArray(providers)) {
+        throw new Error("Invalid auth provider IDs");
+    }
+    const signUpUsernameMutation = useMutation({
+        mutationFn: async ({ email, password }) => {
+            await onUsernamePasswordSignUp(email, password);
+        },
+    });
+    const signUpByProviderMutation = useMutation({
+        mutationFn: async ({ providerId }) => {
+            await onOAuthSignUp(providerId);
+        },
+    });
+    const form = useForm({
+        defaultValues: {
+            email: "",
+            password: "",
+        },
+    });
+    const pending = signUpUsernameMutation.isPending || signUpByProviderMutation.isPending;
+    const error = signUpUsernameMutation.error ?? signUpByProviderMutation.error;
+    return (_jsxs(AuthCard, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Sign up" }), _jsx(CardDescription, { children: "Sign up to your account to continue." })] }), _jsxs(CardContent, { className: "flex flex-col gap-4", children: [error && (_jsxs(Alert, { variant: "destructive", children: [_jsx(AlertTitle, { children: "Error" }), _jsx(AlertDescription, { children: error?.message })] })), _jsx(EmailPasswordForm, { form: form, onSubmit: (data) => void signUpUsernameMutation.mutate({
+                            email: data.email,
+                            password: data.password,
+                        }), submitLabel: "Sign up", isPending: pending }), _jsx(ProviderSeparator, { providers: providers }), _jsx(ProviderButtons, { providers: providers, onClick: (providerId) => signUpByProviderMutation.mutate({ providerId }) }), _jsx(Link, { to: "/signin", className: "text-sm text-muted-foreground", children: "Already have an account? Sign in." })] })] }));
+};
+const AuthCard = createVariantComponent(Card, "max-w-md w-full mt-10 mx-auto");
+const ProviderButtons = ({ providers, onClick, }) => {
+    return (_jsx("div", { className: cn("grid grid-cols-2 gap-2", providers.length % 2 === 0 ? "grid-cols-2" : "grid-cols-1"), children: providers.map((provider) => (_jsx(AuthProviderButton, { providerId: provider, onClick: () => onClick(provider) }, provider))) }));
+};
+const ProviderSeparator = ({ providers }) => {
+    return (providers.length > 0 && (_jsx(Separator, { className: "my-3 relative", children: _jsx("span", { className: "bg-card text-muted-foreground text-sm px-2 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", children: "or continue with" }) })));
+};
+//# sourceMappingURL=ZudokuAuthUi.js.map

package/dist/lib/authentication/ui/ZudokuAuthUi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZudokuAuthUi.js","sourceRoot":"","sources":["../../../../src/lib/authentication/ui/ZudokuAuthUi.tsx"],"names":[],"mappings":"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"}

package/dist/lib/authentication/ui/icons/Apple.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const AppleIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AppleIcon;

package/dist/lib/authentication/ui/icons/Apple.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AppleIcon = (props) => (_jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("title", { children: "Apple" }), _jsx("path", { d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701" })] }));
+export default AppleIcon;
+//# sourceMappingURL=Apple.js.map

package/dist/lib/authentication/ui/icons/Apple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Apple.js","sourceRoot":"","sources":["../../../../../src/lib/authentication/ui/icons/Apple.tsx"],"names":[],"mappings":";AAEA,MAAM,SAAS,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACpD,eAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,aACnE,0BAAQ,OAAO,GAAS,EACxB,eAAM,CAAC,EAAC,+hBAA+hB,GAAG,IACtiB,CACP,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/lib/authentication/ui/icons/Facebook.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const FacebookIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default FacebookIcon;

package/dist/lib/authentication/ui/icons/Facebook.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FacebookIcon = (props) => (_jsxs("svg", { fill: "#0866FF", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("title", { children: "Facebook" }), _jsx("path", { d: "M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" })] }));
+export default FacebookIcon;
+//# sourceMappingURL=Facebook.js.map

package/dist/lib/authentication/ui/icons/Facebook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Facebook.js","sourceRoot":"","sources":["../../../../../src/lib/authentication/ui/icons/Facebook.tsx"],"names":[],"mappings":";AAEA,MAAM,YAAY,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACvD,eACE,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,KAC9B,KAAK,aAET,0BAAQ,UAAU,GAAS,EAC3B,eAAM,CAAC,EAAC,gbAAgb,GAAG,IACvb,CACP,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/lib/authentication/ui/icons/Github.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const GithubIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default GithubIcon;

package/dist/lib/authentication/ui/icons/Github.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const GithubIcon = (props) => (_jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", ...props, children: [_jsx("title", { children: "GitHub" }), _jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" })] }));
+export default GithubIcon;
+//# sourceMappingURL=Github.js.map

package/dist/lib/authentication/ui/icons/Github.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Github.js","sourceRoot":"","sources":["../../../../../src/lib/authentication/ui/icons/Github.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACrD,eACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,KACR,KAAK,aAET,0BAAQ,QAAQ,GAAS,EACzB,eAAM,CAAC,EAAC,0sBAA0sB,GAAG,IACjtB,CACP,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/lib/authentication/ui/icons/Google.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const GoogleIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default GoogleIcon;

package/dist/lib/authentication/ui/icons/Google.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const GoogleIcon = (props) => (_jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", ...props, children: [_jsx("title", { children: "Google" }), _jsx("path", { d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z" })] }));
+export default GoogleIcon;
+//# sourceMappingURL=Google.js.map

package/dist/lib/authentication/ui/icons/Google.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Google.js","sourceRoot":"","sources":["../../../../../src/lib/authentication/ui/icons/Google.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACrD,eACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,KACR,KAAK,aAET,0BAAQ,QAAQ,GAAS,EACzB,eAAM,CAAC,EAAC,6VAA6V,GAAG,IACpW,CACP,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/lib/authentication/ui/icons/Microsoft.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const MicrosoftIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default MicrosoftIcon;

package/dist/lib/authentication/ui/icons/Microsoft.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MicrosoftIcon = (props) => (_jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { fill: "#f25022", d: "M1 1h9v9H1z" }), _jsx("path", { fill: "#00a4ef", d: "M1 11h9v9H1z" }), _jsx("path", { fill: "#7fba00", d: "M11 1h9v9h-9z" }), _jsx("path", { fill: "#ffb900", d: "M11 11h9v9h-9z" })] }));
+export default MicrosoftIcon;
+//# sourceMappingURL=Microsoft.js.map

package/dist/lib/authentication/ui/icons/Microsoft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Microsoft.js","sourceRoot":"","sources":["../../../../../src/lib/authentication/ui/icons/Microsoft.tsx"],"names":[],"mappings":";AAEA,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACxD,eAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,aACnE,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,aAAa,GAAG,EACvC,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,cAAc,GAAG,EACxC,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,eAAe,GAAG,EACzC,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,gBAAgB,GAAG,IACtC,CACP,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/lib/authentication/ui/icons/X.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const XIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default XIcon;

package/dist/lib/authentication/ui/icons/X.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const XIcon = (props) => (_jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("title", { children: "X" }), _jsx("path", { d: "M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z" })] }));
+export default XIcon;
+//# sourceMappingURL=X.js.map

package/dist/lib/authentication/ui/icons/X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"X.js","sourceRoot":"","sources":["../../../../../src/lib/authentication/ui/icons/X.tsx"],"names":[],"mappings":";AAEA,MAAM,KAAK,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAChD,eAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,aACnE,0BAAQ,GAAG,GAAS,EACpB,eAAM,CAAC,EAAC,oMAAoM,GAAG,IAC3M,CACP,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/lib/authentication/use-broadcast/shared.d.ts

@@ -0,0 +1,48 @@
+import type { StateCreator, StoreMutatorIdentifier } from "zustand";
+export type SharedOptions = {
+    /**
+     * The name of the broadcast channel
+     * It must be unique
+     */
+    name?: string;
+    /**
+     * Main timeout
+     * If the main tab / window doesn't respond in this time, this tab / window will become the main
+     * @default 100 ms
+     */
+    mainTimeout?: number;
+    /**
+     * If true, the store will only synchronize once with the main tab. After that, the store will be unsynchronized.
+     * @default false
+     */
+    unsync?: boolean;
+    /**
+     * Callback when this tab / window becomes the main tab / window
+     * Triggered only in the main tab / window
+     */
+    onBecomeMain?: (id: number) => void;
+    /**
+     * Callback when a new tab is opened / closed
+     * Triggered only in the main tab / window
+     */
+    onTabsChange?: (ids: number[]) => void;
+};
+/**
+ * The Shared type
+ */
+export type Shared = <T, Mps extends [StoreMutatorIdentifier, unknown][] = [], Mcs extends [StoreMutatorIdentifier, unknown][] = []>(f: StateCreator<T, Mps, Mcs>, options?: SharedOptions) => StateCreator<T, Mps, Mcs>;
+/**
+ * Shared middleware
+ *
+ * @example
+ * import { create } from 'zustand';
+ * import { shared } from 'use-broadcast-ts';
+ *
+ * const useStore = create(
+ *      shared(
+ *          (set) => ({ count: 0 }),
+ *          { name: 'my-store' }
+ *      )
+ * );
+ */
+export declare const shared: Shared;