@stackframe/stack 2.2.5 → 2.3.1

package/dist/{components/PasswordReset.d.ts → components-page/magic-link-callback.d.ts}

@@ -1,5 +1,4 @@
-export default function PasswordReset({ searchParams, fullPage, }: {
+export default function MagicLinkCallback({ searchParams: { code, }, fullPage, }: {
     searchParams?: Record<string, string>;
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element | undefined;
-//# sourceMappingURL=PasswordReset.d.ts.map

package/dist/components-page/magic-link-callback.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { useStackApp, useUser } from "..";
+import MessageCard from "../components/message-card";
+import RedirectMessageCard from "../components/redirect-message-card";
+import { KnownErrors } from "@stackframe/stack-shared";
+import { neverResolve } from "@stackframe/stack-shared/dist/utils/promises";
+export default function MagicLinkCallback({ searchParams: { code = "", } = {}, fullPage = false, }) {
+    const stackApp = useStackApp();
+    const user = useUser();
+    if (user) {
+        return _jsx(RedirectMessageCard, { type: 'signedIn', fullPage: fullPage });
+    }
+    const invalidJsx = (_jsx(MessageCard, { title: "Invalid Magic Link", fullPage: fullPage, children: _jsx("p", { children: "Please check if you have the correct link. If you continue to have issues, please contact support." }) }));
+    const expiredJsx = (_jsx(MessageCard, { title: "Expired Magic Link", fullPage: fullPage, children: _jsx("p", { children: "Your magic link has expired. Please request a new magic link if you need to sign-in." }) }));
+    const allredyUsedJsx = (_jsx(MessageCard, { title: "Magic Link Already Used", fullPage: fullPage, children: _jsx("p", { children: "The magic link has already been used. The link can only be used once. Please request a new magic link if you need to sign-in again." }) }));
+    if (!code) {
+        return invalidJsx;
+    }
+    const error = use(stackApp.signInWithMagicLink(code));
+    if (error instanceof KnownErrors.MagicLinkCodeNotFound) {
+        return invalidJsx;
+    }
+    else if (error instanceof KnownErrors.MagicLinkCodeExpired) {
+        return expiredJsx;
+    }
+    else if (error instanceof KnownErrors.MagicLinkCodeAlreadyUsed) {
+        return allredyUsedJsx;
+    }
+    else if (error) {
+        throw error;
+    }
+    use(neverResolve());
+}

package/dist/components-page/oauth-callback.d.ts

@@ -1,2 +1 @@
 export default function OAuthCallback(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=oauth-callback.d.ts.map

package/dist/components-page/password-reset.d.ts

@@ -2,4 +2,3 @@ export default function PasswordReset({ searchParams, fullPage, }: {
     searchParams?: Record<string, string>;
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=password-reset.d.ts.map

package/dist/components-page/sign-in.d.ts

@@ -1,4 +1,3 @@
 export default function SignIn({ fullPage }: {
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=sign-in.d.ts.map

package/dist/components-page/sign-in.js

@@ -1,19 +1,6 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CredentialSignIn from '../components/credential-sign-in';
-import SeparatorWithText from '../components/separator-with-text';
-import OAuthGroup from '../components/oauth-group';
-import CardFrame from '../components/card-frame';
-import { useUser, useStackApp } from '..';
-import RedirectMessageCard from '../components/redirect-message-card';
-import { Link, Text } from "../components-core";
+import { jsx as _jsx } from "react/jsx-runtime";
+import AuthPage from './auth-page';
 export default function SignIn({ fullPage = false }) {
-    const stackApp = useStackApp();
-    const user = useUser();
-    const project = stackApp.useProject();
-    if (user) {
-        return _jsx(RedirectMessageCard, { type: 'signedIn', fullPage: fullPage });
-    }
-    const enableSeparator = project.credentialEnabled && project.oauthProviders.filter(p => p.enabled).length > 0;
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsxs("div", { style: { textAlign: 'center', marginBottom: '1.5rem' }, children: [_jsx(Text, { size: "xl", as: 'h2', children: "Sign into Your Account" }), _jsxs(Text, { children: ["Don't have an account? ", _jsx(Link, { href: stackApp.urls['signUp'], children: "Sign up" })] })] }), _jsx(OAuthGroup, { type: 'signin' }), enableSeparator && _jsx(SeparatorWithText, { text: 'or continue with email' }), project.credentialEnabled && _jsx(CredentialSignIn, {})] }));
+    return _jsx(AuthPage, { fullPage: fullPage, type: 'sign-in' });
 }

package/dist/components-page/sign-out.d.ts

@@ -1,2 +1 @@
 export default function Signout(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=sign-out.d.ts.map

package/dist/components-page/sign-out.js

@@ -1,11 +1,10 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
-import { useStackApp, useUser } from "..";
+import { useUser } from "..";
 import GoHomeMessageCard from "../components/redirect-message-card";
 export default function Signout() {
     const user = useUser();
-    const app = useStackApp();
     if (user) {
         use(user.signOut());
     }

package/dist/components-page/sign-up.d.ts

@@ -1,4 +1,3 @@
 export default function SignUp({ fullPage }: {
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=sign-up.d.ts.map

package/dist/components-page/sign-up.js

@@ -1,19 +1,6 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import SeparatorWithText from '../components/separator-with-text';
-import OAuthGroup from '../components/oauth-group';
-import CardFrame from '../components/card-frame';
-import CredentialSignUp from '../components/credential-sign-up';
-import { useUser, useStackApp } from '..';
-import RedirectMessageCard from '../components/redirect-message-card';
-import { Link, Text } from "../components-core";
+import { jsx as _jsx } from "react/jsx-runtime";
+import AuthPage from './auth-page';
 export default function SignUp({ fullPage = false }) {
-    const stackApp = useStackApp();
-    const user = useUser();
-    const project = stackApp.useProject();
-    if (user) {
-        return _jsx(RedirectMessageCard, { type: 'signedIn', fullPage: fullPage });
-    }
-    const enableSeparator = project.credentialEnabled && project.oauthProviders.filter(p => p.enabled).length > 0;
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsxs("div", { style: { textAlign: 'center', marginBottom: '1.5rem' }, children: [_jsx(Text, { size: "xl", as: 'h2', children: "Create a New Account" }), _jsxs(Text, { children: ["Already have an account? ", _jsx(Link, { href: stackApp.urls['signIn'], children: "Sign in" })] })] }), _jsx(OAuthGroup, { type: 'signup' }), enableSeparator && _jsx(SeparatorWithText, { text: 'or continue with email' }), project.credentialEnabled && _jsx(CredentialSignUp, {})] }));
+    return _jsx(AuthPage, { fullPage: fullPage, type: 'sign-up' });
 }

package/dist/components-page/stack-handler.d.ts

@@ -6,4 +6,3 @@ export default function StackHandler<HasTokenStore extends boolean>({ app, param
     };
     searchParams?: Record<string, string>;
 }): Promise<import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=stack-handler.d.ts.map

package/dist/components-page/stack-handler.js

@@ -9,6 +9,7 @@ import Signout from "./sign-out";
 import ForgotPassword from "./forgot-password";
 import OAuthCallback from "./oauth-callback";
 import AccountSettings from "./account-settings";
+import MagicLinkCallback from "./magic-link-callback";
 export default async function StackHandler({ app, params: { stack } = {}, searchParams = {}, }) {
     if (!stack) {
         return (_jsx(MessageCard, { title: "Invalid Stack Handler Setup", fullPage: true, children: _jsx("p", { children: "Can't use Stack handler at this location. Make sure that the file is in a folder called [...stack]." }) }));
@@ -56,6 +57,10 @@ export default async function StackHandler({ app, params: { stack } = {}, search
             redirectIfNotHandler('accountSettings');
             return _jsx(AccountSettings, { fullPage: true });
         }
+        case 'magic-link-callback': {
+            redirectIfNotHandler('magicLinkCallback');
+            return _jsx(MagicLinkCallback, { searchParams: searchParams, fullPage: true });
+        }
         default: {
             return notFound();
         }

package/dist/index.d.ts

@@ -20,4 +20,3 @@ export { useComponents } from './providers/component-provider';
 export { StackTheme, ThemeConfig } from './providers/theme-provider';
 export { CurrentUser, Project, ServerUser, ApiKeySetFirstView, ApiKeySet } from './lib/stack-app';
 export * from './components-core';
-//# sourceMappingURL=index.d.ts.map

package/dist/joy.d.ts

@@ -1,2 +1 @@
 export { StackJoyTheme } from './providers/joy-provider';
-//# sourceMappingURL=joy.d.ts.map

package/dist/lib/auth.d.ts

@@ -5,4 +5,3 @@ export declare function signInWithOAuth(iface: StackClientInterface, { provider,
     redirectUrl?: string;
 }): Promise<void>;
 export declare function callOAuthCallback(iface: StackClientInterface, tokenStore: TokenStore, redirectUrl: string): Promise<import("oauth4webapi").OAuth2TokenEndpointResponse | null>;
-//# sourceMappingURL=auth.d.ts.map

package/dist/lib/cookie.d.ts

@@ -10,4 +10,3 @@ export declare function getVerifierAndState(): {
     codeVerifier: string | null;
     state: string | null;
 };
-//# sourceMappingURL=cookie.d.ts.map

package/dist/lib/cookie.js

@@ -31,7 +31,7 @@ export function setCookie(name, value) {
         rscCookies().set(name, value);
     }
     else {
-        Cookies.set(name, value);
+        Cookies.set(name, value, { secure: window.location.protocol === "https:" });
     }
 }
 export async function saveVerifierAndState() {

package/dist/lib/hooks.d.ts

@@ -27,4 +27,3 @@ export declare function useStackApp<ProjectId extends string>(options?: {
     projectIdMustMatch?: ProjectId;
 }): StackClientApp<true, ProjectId>;
 export {};
-//# sourceMappingURL=hooks.d.ts.map

package/dist/lib/stack-app.d.ts

@@ -16,6 +16,7 @@ export type HandlerUrls = {
     forgotPassword: string;
     home: string;
     oauthCallback: string;
+    magicLinkCallback: string;
     accountSettings: string;
 };
 type ProjectCurrentUser<ProjectId> = ProjectId extends "internal" ? CurrentInternalUser : CurrentUser;
@@ -71,6 +72,9 @@ export type User = {
     readonly signedUpAt: Date;
     readonly clientMetadata: ReadonlyJson;
     readonly authMethod: 'credential' | 'oauth';
+    readonly hasPassword: boolean;
+    readonly authWithEmail: boolean;
+    readonly oauthProviders: readonly string[];
     toJson(this: CurrentUser): UserJson;
 };
 export type CurrentUser = Auth<User, UserCustomizableJson> & User;
@@ -165,12 +169,14 @@ export type StackClientApp<HasTokenStore extends boolean = boolean, ProjectId ex
     }): Promise<KnownErrors["UserEmailAlreadyExists"] | undefined>;
     callOAuthCallback(): Promise<void>;
     sendForgotPasswordEmail(email: string): Promise<KnownErrors["UserNotFound"] | undefined>;
+    sendMagicLinkEmail(email: string): Promise<KnownErrors["RedirectUrlNotWhitelisted"] | undefined>;
     resetPassword(options: {
         code: string;
         password: string;
     }): Promise<KnownErrors["PasswordResetError"] | undefined>;
     verifyPasswordResetCode(code: string): Promise<KnownErrors["PasswordResetCodeError"] | undefined>;
     verifyEmail(code: string): Promise<KnownErrors["EmailVerificationError"] | undefined>;
+    signInWithMagicLink(code: string): Promise<KnownErrors["MagicLinkError"] | undefined>;
     [stackAppInternalsSymbol]: {
         toClientJson(): Promise<StackClientAppJson<HasTokenStore, ProjectId>>;
     };
@@ -217,4 +223,3 @@ type StackAdminAppConstructor = {
 };
 export declare const StackAdminApp: StackAdminAppConstructor;
 export {};
-//# sourceMappingURL=stack-app.d.ts.map

package/dist/lib/stack-app.js

@@ -1,5 +1,5 @@
 import React, { use, useCallback, useMemo } from "react";
-import { StackAdminInterface, StackClientInterface, StackServerInterface } from "@stackframe/stack-shared";
+import { KnownError, StackAdminInterface, StackClientInterface, StackServerInterface } from "@stackframe/stack-shared";
 import { getCookie, setOrDeleteCookie } from "./cookie";
 import { StackAssertionError, throwErr } from "@stackframe/stack-shared/dist/utils/errors";
 import { generateUuid } from "@stackframe/stack-shared/dist/utils/uuids";
@@ -29,6 +29,7 @@ function getUrls(partial) {
         passwordReset: `${handler}/password-reset`,
         forgotPassword: `${handler}/forgot-password`,
         oauthCallback: `${handler}/oauth-callback`,
+        magicLinkCallback: `${handler}/magic-link-callback`,
         home: "/",
         accountSettings: `${handler}/account-settings`,
         ...filterUndefined(partial),
@@ -240,6 +241,9 @@ class _StackClientAppImpl {
             signedUpAt: new Date(json.signedUpAtMillis),
             clientMetadata: json.clientMetadata,
             authMethod: json.authMethod,
+            hasPassword: json.hasPassword,
+            authWithEmail: json.authWithEmail,
+            oauthProviders: json.oauthProviders,
             toJson() {
                 return json;
             }
@@ -300,6 +304,9 @@ class _StackClientAppImpl {
             signedUpAtMillis: user.signedUpAt.getTime(),
             clientMetadata: user.clientMetadata,
             authMethod: user.authMethod,
+            hasPassword: user.hasPassword,
+            authWithEmail: user.authWithEmail,
+            oauthProviders: user.oauthProviders,
         };
     }
     _projectAdminFromJson(data, adminInterface, onRefresh) {
@@ -361,6 +368,7 @@ class _StackClientAppImpl {
     async redirectToForgotPassword() { return await this._redirectTo("forgotPassword"); }
     async redirectToHome() { return await this._redirectTo("home"); }
     async redirectToOAuthCallback() { return await this._redirectTo("oauthCallback"); }
+    async redirectToMagicLinkCallback() { return await this._redirectTo("magicLinkCallback"); }
     async redirectToAfterSignIn() { return await this._redirectTo("afterSignIn"); }
     async redirectToAfterSignUp() { return await this._redirectTo("afterSignUp"); }
     async redirectToAfterSignOut() { return await this._redirectTo("afterSignOut"); }
@@ -370,6 +378,11 @@ class _StackClientAppImpl {
         const error = await this._interface.sendForgotPasswordEmail(email, redirectUrl);
         return error;
     }
+    async sendMagicLinkEmail(email) {
+        const magicLinkRedirectUrl = constructRedirectUrl(this.urls.magicLinkCallback);
+        const error = await this._interface.sendMagicLinkEmail(email, magicLinkRedirectUrl);
+        return error;
+    }
     async resetPassword(options) {
         const error = await this._interface.resetPassword(options);
         return error;
@@ -460,6 +473,21 @@ class _StackClientAppImpl {
         }
         return errorCode;
     }
+    async signInWithMagicLink(code) {
+        this._ensurePersistentTokenStore();
+        const tokenStore = getTokenStore(this._tokenStoreOptions);
+        const result = await this._interface.signInWithMagicLink(code, tokenStore);
+        if (result instanceof KnownError) {
+            return result;
+        }
+        if (result.newUser) {
+            window.location.replace(this.urls.afterSignUp);
+        }
+        else {
+            window.location.replace(this.urls.afterSignIn);
+        }
+        await neverResolve();
+    }
     async callOAuthCallback() {
         this._ensurePersistentTokenStore();
         const tokenStore = getTokenStore(this._tokenStoreOptions);
@@ -704,6 +732,9 @@ class _StackServerAppImpl extends _StackClientAppImpl {
             clientMetadata: user.clientMetadata,
             serverMetadata: user.serverMetadata,
             authMethod: user.authMethod,
+            hasPassword: user.hasPassword,
+            authWithEmail: user.authWithEmail,
+            oauthProviders: user.oauthProviders,
         };
     }
     async getServerUser() {

package/dist/providers/component-provider.d.ts

@@ -36,6 +36,10 @@ export declare const Components: {
     readonly CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     readonly CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     readonly CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    readonly Tabs: React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>>;
+    readonly TabsList: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly TabsContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly TabsTrigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
 export type ComponentConfig = {
     components?: Partial<typeof Components>;
@@ -75,8 +79,11 @@ export declare function useComponents(): {
     readonly CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     readonly CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     readonly CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    readonly Tabs: React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>>;
+    readonly TabsList: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly TabsContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly TabsTrigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
 export declare function StackComponentProvider(props: {
     children?: React.ReactNode;
 } & ComponentConfig): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=component-provider.d.ts.map

package/dist/providers/component-provider.js

@@ -13,6 +13,7 @@ import { Popover, PopoverTrigger, PopoverContent } from '../components-core/popo
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, } from '../components-core/dropdown';
 import { Avatar, AvatarFallback, AvatarImage } from '../components-core/avatar';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../components-core/collapsible';
+import { Tabs, TabsList, TabsContent, TabsTrigger } from '../components-core/tabs';
 export const Components = {
     Input,
     Button,
@@ -40,6 +41,10 @@ export const Components = {
     CardHeader,
     CardContent,
     CardFooter,
+    Tabs,
+    TabsList,
+    TabsContent,
+    TabsTrigger,
 };
 const ComponentContext = createContext(undefined);
 export function useComponents() {

package/dist/providers/design-provider.d.ts

@@ -37,4 +37,3 @@ export declare function StackDesignProvider(props: {
 } & DesignConfig): import("react/jsx-runtime").JSX.Element | null;
 export declare function useDesign(): DesignContextValue;
 export {};
-//# sourceMappingURL=design-provider.d.ts.map

package/dist/providers/joy-provider.d.ts

@@ -8,10 +8,13 @@ export declare const defaultComponents: {
         as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     } & Omit<import("react").HTMLProps<HTMLParagraphElement>, "size">, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
-    Separator: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLHRElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Tabs: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    TabsList: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    TabsTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    TabsContent: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 export declare function StackJoyTheme(props: {
     theme?: ThemeConfig;
     children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=joy-provider.d.ts.map

package/dist/providers/joy-provider.js

@@ -6,11 +6,16 @@ import { Button } from '../components-core-joy/button';
 import { Input } from '../components-core-joy/input';
 import { Text } from '../components-core-joy/text';
 import { Separator } from '../components-core-joy/separator';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '../components-core-joy/tabs';
 export const defaultComponents = {
     Button,
     Input,
     Text,
     Separator,
+    Tabs,
+    TabsList,
+    TabsTrigger,
+    TabsContent,
 };
 export function StackJoyTheme(props) {
     const { mode, systemMode, setMode } = useColorScheme();

package/dist/providers/stack-provider-client.d.ts

@@ -7,4 +7,3 @@ export declare function StackProviderClient(props: {
     appJsonPromise: Promise<StackClientAppJson<true, string>>;
     children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=stack-provider-client.d.ts.map

package/dist/providers/stack-provider.d.ts

@@ -4,4 +4,3 @@ export default function StackProvider({ children, app, }: {
     children: React.ReactNode;
     app: StackClientApp<true>;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=stack-provider.d.ts.map

package/dist/providers/styled-components-registry.d.ts

@@ -2,4 +2,3 @@ import React from 'react';
 export default function StyledComponentsRegistry({ children, }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=styled-components-registry.d.ts.map

package/dist/providers/theme-provider.d.ts

@@ -8,4 +8,3 @@ export declare function StackTheme({ theme, children, colorModeConfig, }: {
     theme?: DesignConfig & ComponentConfig;
     colorModeConfig?: Omit<ComponentProps<typeof NextThemeProvider>, "themes" | "children">;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=theme-provider.d.ts.map

package/dist/utils/constants.d.ts

@@ -44,4 +44,3 @@ export declare const DEFAULT_COLORS: {
         readonly neutralColor: "#e4e4e7";
     };
 };
-//# sourceMappingURL=constants.d.ts.map

package/dist/utils/email.d.ts

@@ -1,2 +1 @@
-export declare function validateEmail(email: string): RegExpMatchArray | null;
-//# sourceMappingURL=email.d.ts.map
+export declare function validateEmail(email: string): boolean;

package/dist/utils/email.js

@@ -1,7 +1,7 @@
+import * as yup from "yup";
 export function validateEmail(email) {
-    // TODO prevent regex DoS
-    return String(email)
-        .toLowerCase()
-        .match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);
+    if (typeof email !== "string")
+        throw new Error("Email must be a string");
+    return yup.string().email().isValidSync(email);
 }
 ;

package/dist/utils/next.d.ts

@@ -1,2 +1 @@
 export declare function isClient(): boolean;
-//# sourceMappingURL=next.d.ts.map

package/dist/utils/url.d.ts

@@ -1,3 +1,2 @@
 export declare function autoRedirect(): void;
 export declare function constructRedirectUrl(redirectUrl: URL | string | undefined): string;
-//# sourceMappingURL=url.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack",
-  "version": "2.2.5",
+  "version": "2.3.1",
   "type": "module",
   "exports": {
     ".": {
@@ -16,12 +16,13 @@
     "dist"
   ],
   "dependencies": {
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-separator": "^1.0.3",
     "color": "^4.2.3",
     "js-cookie": "^3.0.5",
     "next-themes": "^0.2.1",
@@ -30,8 +31,9 @@
     "server-only": "^0.0.1",
     "styled-components": "^6.1.8",
     "tailwindcss-scoped-preflight": "^2.1.0",
-    "@stackframe/stack-sc": "1.3.2",
-    "@stackframe/stack-shared": "2.2.2"
+    "yup": "^1.4.0",
+    "@stackframe/stack-sc": "1.4.0",
+    "@stackframe/stack-shared": "2.3.0"
   },
   "peerDependencies": {
     "@mui/joy": "^5.0.0-beta.30",

package/dist/components/EmailVerification.d.ts

@@ -1,6 +0,0 @@
-export default function EmailVerification({ searchParams: { code, }, fullPage, }: {
-    searchParams?: Record<string, string>;
-    fullPage?: boolean;
-    redirectUrl?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=EmailVerification.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmailVerification.d.ts","sourceRoot":"","sources":["../../src/components/EmailVerification.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,YAAY,EAAE,EACZ,IAAS,GACL,EACN,QAAgB,GACjB,EAAE;IACD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,kDAkCA"}

package/dist/components/EmailVerification.js

@@ -1,29 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { use } from "react";
-import { useStackApp } from "..";
-import MessageCard from "../elements/MessageCard";
-import RedirectMessageCard from "../elements/RedirectMessageCard";
-import { EmailVerificationLinkExpiredErrorCode, EmailVerificationLinkInvalidErrorCode, EmailVerificationLinkUsedErrorCode } from "@stackframe/stack-shared/dist/utils/types";
-export default function EmailVerification({ searchParams: { code = "", } = {}, fullPage = false, }) {
-    const stackApp = useStackApp();
-    const invalidJsx = (_jsx(MessageCard, { title: "Invalid Verification Link", fullPage: fullPage, children: _jsx("p", { children: "Please check if you have the correct link. If you continue to have issues, please contact support." }) }));
-    const expiredJsx = (_jsx(MessageCard, { title: "Expired Verification Link", fullPage: fullPage, children: _jsx("p", { children: "Your email verification link has expired. Please request a new verification link from your account settings." }) }));
-    if (!code) {
-        return invalidJsx;
-    }
-    const errorCode = use(stackApp.verifyEmail(code));
-    switch (errorCode) {
-        case EmailVerificationLinkInvalidErrorCode: {
-            return invalidJsx;
-        }
-        case EmailVerificationLinkExpiredErrorCode: {
-            return expiredJsx;
-        }
-        case EmailVerificationLinkUsedErrorCode:
-        case undefined: {
-            return _jsx(RedirectMessageCard, { type: 'emailVerified', fullPage: fullPage });
-        }
-    }
-    return null;
-}

package/dist/components/ForgotPassword.d.ts

@@ -1,4 +0,0 @@
-export default function ForgotPassword({ fullPage }: {
-    fullPage?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ForgotPassword.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ForgotPassword.d.ts","sourceRoot":"","sources":["../../src/components/ForgotPassword.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,QAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA0BhF"}

package/dist/components/ForgotPassword.js

@@ -1,22 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ForgotPasswordElement from "../elements/ForgotPassword";
-import CardFrame from "../elements/CardFrame";
-import CardHeader from "../elements/CardHeader";
-import { useUser, useStackApp } from "..";
-import RedirectMessageCard from "../elements/RedirectMessageCard";
-import NextLink from 'next/link';
-import { useState } from "react";
-export default function ForgotPassword({ fullPage = false }) {
-    const stackApp = useStackApp();
-    const user = useUser();
-    const [sent, setSent] = useState(false);
-    if (user) {
-        return _jsx(RedirectMessageCard, { type: 'signedIn', fullPage: fullPage });
-    }
-    if (sent) {
-        return _jsx(RedirectMessageCard, { type: 'emailSent', fullPage: fullPage });
-    }
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "Reset Your Password", children: _jsxs("p", { children: ["Don't need to reset? ", _jsx(NextLink, { href: stackApp.urls['signUp'], passHref: true, className: "wl_text-blue-500", children: "Sign In" })] }) }), _jsx(ForgotPasswordElement, { onSent: () => setSent(true) })] }));
-}
-;

package/dist/components/OAuthCallback.d.ts

@@ -1,2 +0,0 @@
-export default function OAuthCallback(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=OAuthCallback.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OAuthCallback.d.ts","sourceRoot":"","sources":["../../src/components/OAuthCallback.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAapC"}

package/dist/components/OAuthCallback.js

@@ -1,20 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { useStackApp } from "..";
-import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
-import MessageCard from "../elements/MessageCard";
-import { useRouter } from "next/navigation";
-export default function OAuthCallback() {
-    const app = useStackApp();
-    const router = useRouter();
-    const called = useRef(false);
-    useEffect(() => runAsynchronously(async () => {
-        if (called.current)
-            return;
-        called.current = true;
-        await app.callOAuthCallback();
-        router.push(app.urls.userHome);
-    }), []);
-    return _jsx(MessageCard, { title: 'Redirecting...', fullPage: true });
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordReset.d.ts","sourceRoot":"","sources":["../../src/components/PasswordReset.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,YAAY,EACZ,QAAgB,GACjB,EAAE;IACD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,uDA0CA"}