@stackframe/tanstack-start 0.0.1 → 2.8.91

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

@@ -0,0 +1,20 @@
+'use client';
+
+import { jsx } from "react/jsx-runtime";
+import { AuthPage } from "./auth-page.js";
+
+//#region src/components-page/sign-up.tsx
+function SignUp(props) {
+	return /* @__PURE__ */ jsx(AuthPage, {
+		fullPage: !!props.fullPage,
+		type: "sign-up",
+		automaticRedirect: !!props.automaticRedirect,
+		noPasswordRepeat: props.noPasswordRepeat,
+		extraInfo: props.extraInfo,
+		firstTab: props.firstTab
+	});
+}
+
+//#endregion
+export { SignUp };
+//# sourceMappingURL=sign-up.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sign-up.js","names":[],"sources":["../../../src/components-page/sign-up.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { AuthPage } from './auth-page';\n\nexport function SignUp(props: {\n  fullPage?: boolean,\n  automaticRedirect?: boolean,\n  noPasswordRepeat?: boolean,\n  extraInfo?: React.ReactNode,\n  firstTab?: 'magic-link' | 'password',\n}) {\n  return <AuthPage\n    fullPage={!!props.fullPage}\n    type='sign-up'\n    automaticRedirect={!!props.automaticRedirect}\n    noPasswordRepeat={props.noPasswordRepeat}\n    extraInfo={props.extraInfo}\n    firstTab={props.firstTab}\n  />;\n}\n"],"mappings":";;;;;;AAQA,SAAgB,OAAO,OAMpB;AACD,QAAO,oBAAC;EACN,UAAU,CAAC,CAAC,MAAM;EAClB,MAAK;EACL,mBAAmB,CAAC,CAAC,MAAM;EAC3B,kBAAkB,MAAM;EACxB,WAAW,MAAM;EACjB,UAAU,MAAM;GAChB"}

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

@@ -0,0 +1,49 @@
+import { SignIn, SignUp } from "..";
+import { AccountSettings } from "./account-settings";
+import { CliAuthConfirmation } from "./cli-auth-confirm";
+import { EmailVerification } from "./email-verification";
+import { ErrorPage } from "./error-page";
+import { ForgotPassword } from "./forgot-password";
+import { MagicLinkCallback } from "./magic-link-callback";
+import { MFA } from "./mfa";
+import { OAuthCallback } from "./oauth-callback";
+import { Onboarding } from "./onboarding";
+import { PasswordReset } from "./password-reset";
+import { SignOut } from "./sign-out";
+import { TeamInvitation } from "./team-invitation";
+
+//#region src/components-page/stack-handler-client.d.ts
+type Components = {
+  SignIn: typeof SignIn;
+  SignUp: typeof SignUp;
+  EmailVerification: typeof EmailVerification;
+  PasswordReset: typeof PasswordReset;
+  ForgotPassword: typeof ForgotPassword;
+  SignOut: typeof SignOut;
+  OAuthCallback: typeof OAuthCallback;
+  MagicLinkCallback: typeof MagicLinkCallback;
+  TeamInvitation: typeof TeamInvitation;
+  ErrorPage: typeof ErrorPage;
+  AccountSettings: typeof AccountSettings;
+  CliAuthConfirmation: typeof CliAuthConfirmation;
+  MFA: typeof MFA;
+  Onboarding: typeof Onboarding;
+};
+type RouteProps = {
+  params: Promise<{
+    stack?: string[];
+  }> | {
+    stack?: string[];
+  };
+  searchParams: Promise<Record<string, string>> | Record<string, string>;
+};
+type BaseHandlerProps = {
+  fullPage: boolean;
+  componentProps?: { [K in keyof Components]?: Parameters<Components[K]>[0] };
+};
+declare function StackHandlerClient(props: BaseHandlerProps & Partial<RouteProps> & {
+  location?: string;
+}): any;
+//#endregion
+export { BaseHandlerProps, StackHandlerClient };
+//# sourceMappingURL=stack-handler-client.d.ts.map

package/dist/esm/components-page/stack-handler-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-handler-client.d.ts","names":[],"sources":["../../../src/components-page/stack-handler-client.tsx"],"mappings":";;;;;;;;;;;;;;;KA+BK,UAAA;EACH,MAAA,SAAe,MAAA;EACf,MAAA,SAAe,MAAA;EACf,iBAAA,SAA0B,iBAAA;EAC1B,aAAA,SAAsB,aAAA;EACtB,cAAA,SAAuB,cAAA;EACvB,OAAA,SAAgB,OAAA;EAChB,aAAA,SAAsB,aAAA;EACtB,iBAAA,SAA0B,iBAAA;EAC1B,cAAA,SAAuB,cAAA;EACvB,SAAA,SAAkB,SAAA;EAClB,eAAA,SAAwB,eAAA;EACxB,mBAAA,SAA4B,mBAAA;EAC5B,GAAA,SAAY,GAAA;EACZ,UAAA,SAAmB,UAAA;AAAA;AAAA,KAGhB,UAAA;EACH,MAAA,EAAQ,OAAA;IAAU,KAAA;EAAA;IAAwB,KAAA;EAAA;EAC1C,YAAA,EAAc,OAAA,CAAQ,MAAA,oBAA0B,MAAA;AAAA;AAAA,KA6BtC,gBAAA;EACV,QAAA;EACA,cAAA,iBACc,UAAA,IAAc,UAAA,CAAW,UAAA,CAAW,CAAA;AAAA;AAAA,iBA+IpC,kBAAA,CAAmB,KAAA,EAAO,gBAAA,GAAmB,OAAA,CAAQ,UAAA;EAAgB,QAAA;AAAA"}

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

@@ -0,0 +1,233 @@
+"use client";
+
+import { StackAssertionError } from "@stackframe/stack-shared/dist/utils/errors";
+import { useEffect, useMemo, useRef } from "react";
+import { SignIn, SignUp } from "../index.js";
+import { jsx } from "react/jsx-runtime";
+import { useStackApp as useStackApp$1 } from "../lib/hooks.js";
+import { CliAuthConfirmation } from "./cli-auth-confirm.js";
+import { MessageCard as MessageCard$1 } from "../components/message-cards/message-card.js";
+import { stackAppInternalsSymbol } from "../lib/stack-app/index.js";
+import { filterUndefined } from "@stackframe/stack-shared/dist/utils/objects";
+import { getRelativePart } from "@stackframe/stack-shared/dist/utils/urls";
+import { isLocalHandlerUrlTarget, resolveUnknownHandlerPathFallbackUrl } from "../lib/stack-app/url-targets.js";
+import { AccountSettings } from "./account-settings.js";
+import { EmailVerification } from "./email-verification.js";
+import { ErrorPage } from "./error-page.js";
+import { ForgotPassword } from "./forgot-password.js";
+import { MagicLinkCallback } from "./magic-link-callback.js";
+import { MFA } from "./mfa.js";
+import { OAuthCallback } from "./oauth-callback.js";
+import { Onboarding } from "./onboarding.js";
+import { PasswordReset } from "./password-reset.js";
+import { SignOut } from "./sign-out.js";
+import { TeamInvitation } from "./team-invitation.js";
+
+//#region src/components-page/stack-handler-client.tsx
+const availablePaths = {
+	signIn: "sign-in",
+	signUp: "sign-up",
+	emailVerification: "email-verification",
+	passwordReset: "password-reset",
+	forgotPassword: "forgot-password",
+	signOut: "sign-out",
+	oauthCallback: "oauth-callback",
+	magicLinkCallback: "magic-link-callback",
+	teamInvitation: "team-invitation",
+	accountSettings: "account-settings",
+	cliAuthConfirm: "cli-auth-confirm",
+	mfa: "mfa",
+	error: "error",
+	onboarding: "onboarding"
+};
+const placeholderOrigin = "http://example.com";
+const pathAliases = {
+	...Object.fromEntries(Object.entries(availablePaths).map(([key, value]) => [value, value])),
+	"log-in": availablePaths.signIn,
+	"register": availablePaths.signUp
+};
+function renderComponent(props) {
+	const { path, searchParams, fullPage, componentProps, redirectIfNotHandler, getDefaultUnknownPathUrl, onNotFound, app } = props;
+	switch (path) {
+		case availablePaths.signIn:
+			redirectIfNotHandler?.("signIn");
+			return /* @__PURE__ */ jsx(SignIn, {
+				fullPage,
+				automaticRedirect: true,
+				...filterUndefinedINU(componentProps?.SignIn)
+			});
+		case availablePaths.signUp:
+			redirectIfNotHandler?.("signUp");
+			return /* @__PURE__ */ jsx(SignUp, {
+				fullPage,
+				automaticRedirect: true,
+				...filterUndefinedINU(componentProps?.SignUp)
+			});
+		case availablePaths.emailVerification:
+			redirectIfNotHandler?.("emailVerification");
+			return /* @__PURE__ */ jsx(EmailVerification, {
+				searchParams,
+				fullPage,
+				...filterUndefinedINU(componentProps?.EmailVerification)
+			});
+		case availablePaths.passwordReset:
+			redirectIfNotHandler?.("passwordReset");
+			return /* @__PURE__ */ jsx(PasswordReset, {
+				searchParams,
+				fullPage,
+				...filterUndefinedINU(componentProps?.PasswordReset)
+			});
+		case availablePaths.forgotPassword:
+			redirectIfNotHandler?.("forgotPassword");
+			return /* @__PURE__ */ jsx(ForgotPassword, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.ForgotPassword)
+			});
+		case availablePaths.signOut:
+			redirectIfNotHandler?.("signOut");
+			return /* @__PURE__ */ jsx(SignOut, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.SignOut)
+			});
+		case availablePaths.oauthCallback:
+			redirectIfNotHandler?.("oauthCallback");
+			return /* @__PURE__ */ jsx(OAuthCallback, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.OAuthCallback)
+			});
+		case availablePaths.magicLinkCallback:
+			redirectIfNotHandler?.("magicLinkCallback");
+			return /* @__PURE__ */ jsx(MagicLinkCallback, {
+				searchParams,
+				fullPage,
+				...filterUndefinedINU(componentProps?.MagicLinkCallback)
+			});
+		case availablePaths.teamInvitation:
+			redirectIfNotHandler?.("teamInvitation");
+			return /* @__PURE__ */ jsx(TeamInvitation, {
+				searchParams,
+				fullPage,
+				...filterUndefinedINU(componentProps?.TeamInvitation)
+			});
+		case availablePaths.accountSettings: return /* @__PURE__ */ jsx(AccountSettings, {
+			fullPage,
+			...filterUndefinedINU(componentProps?.AccountSettings)
+		});
+		case availablePaths.error: return /* @__PURE__ */ jsx(ErrorPage, {
+			searchParams,
+			fullPage,
+			...filterUndefinedINU(componentProps?.ErrorPage)
+		});
+		case availablePaths.cliAuthConfirm:
+			redirectIfNotHandler?.("cliAuthConfirm");
+			return /* @__PURE__ */ jsx(CliAuthConfirmation, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.CliAuthConfirmation)
+			});
+		case availablePaths.mfa:
+			redirectIfNotHandler?.("mfa");
+			return /* @__PURE__ */ jsx(MFA, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.MFA)
+			});
+		case availablePaths.onboarding:
+			redirectIfNotHandler?.("onboarding");
+			return /* @__PURE__ */ jsx(Onboarding, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.Onboarding)
+			});
+		default: {
+			if (Object.values(availablePaths).includes(path)) throw new StackAssertionError(`Path alias ${path} not included in switch statement, but in availablePaths?`, { availablePaths });
+			for (const [key, value] of Object.entries(pathAliases)) if (path.toLowerCase().replaceAll("-", "") === key.toLowerCase().replaceAll("-", "")) return { redirect: `${app.urls.handler}/${value}?${new URLSearchParams(searchParams).toString()}` };
+			const defaultUnknownPathUrl = getDefaultUnknownPathUrl?.(path);
+			if (defaultUnknownPathUrl != null) {
+				const defaultUnknownPathUrlObject = new URL(defaultUnknownPathUrl, "http://example.com");
+				for (const [key, value] of Object.entries(searchParams)) defaultUnknownPathUrlObject.searchParams.set(key, value);
+				return { redirect: toAbsoluteOrRelativeRedirectTarget(defaultUnknownPathUrlObject) };
+			}
+			return onNotFound();
+		}
+	}
+}
+function StackHandlerClient(props) {
+	const stackApp = useStackApp$1();
+	const navigate = stackApp.useNavigate();
+	const navigateRef = useRef(navigate);
+	navigateRef.current = navigate;
+	const currentLocation = props.location ?? (typeof window === "undefined" ? new URL(stackApp.urls.handler, placeholderOrigin).pathname : window.location.pathname);
+	const searchParamsSource = new URLSearchParams(typeof window === "undefined" ? "" : window.location.search);
+	const redirectTargets = [];
+	const { path, searchParams, handlerPath } = useMemo(() => {
+		const handlerPath = new URL(stackApp.urls.handler, "http://example.com").pathname;
+		return {
+			path: currentLocation.startsWith(handlerPath) ? currentLocation.slice(handlerPath.length).replace(/^\/+/, "") : currentLocation.replace(/^\/+/, ""),
+			searchParams: Object.fromEntries(searchParamsSource.entries()),
+			handlerPath
+		};
+	}, [
+		currentLocation,
+		searchParamsSource,
+		stackApp.urls.handler
+	]);
+	const getDefaultUnknownPathUrl = (unknownPath) => {
+		return resolveUnknownHandlerPathFallbackUrl({
+			defaultTarget: stackApp[stackAppInternalsSymbol].getConstructorOptions().urls?.default,
+			projectId: stackApp.projectId,
+			unknownPath
+		});
+	};
+	const redirectIfNotHandler = (name) => {
+		const url = stackApp.urls[name];
+		if (name === "oauthCallback" && searchParams.stack_cross_domain_auth === "1") return;
+		if (isLocalHandlerUrlTarget({
+			targetUrl: url,
+			handlerPath,
+			currentOrigin: typeof window === "undefined" ? void 0 : window.location.origin
+		})) return;
+		const urlObj = new URL(url, placeholderOrigin);
+		for (const [key, value] of Object.entries(searchParams)) urlObj.searchParams.set(key, value);
+		redirectTargets.push(toAbsoluteOrRelativeRedirectTarget(urlObj));
+	};
+	const result = renderComponent({
+		path,
+		searchParams,
+		fullPage: props.fullPage,
+		componentProps: props.componentProps,
+		redirectIfNotHandler,
+		getDefaultUnknownPathUrl,
+		onNotFound: () => /* @__PURE__ */ jsx(MessageCard$1, {
+			title: "Page does not exist",
+			fullPage: props.fullPage,
+			primaryButtonText: "Go to Home",
+			primaryAction: () => stackApp.redirectToHome(),
+			children: "The page you are looking for could not be found. Please check the URL and try again."
+		}),
+		app: stackApp
+	});
+	if (result && "redirect" in result) redirectTargets.push(result.redirect);
+	const redirectTarget = redirectTargets[0];
+	const shouldRenderRedirectFallback = redirectTarget != null && stackApp[stackAppInternalsSymbol].getRedirectMethod() === "none";
+	useEffect(() => {
+		if (redirectTarget == null || shouldRenderRedirectFallback) return;
+		navigateRef.current(redirectTarget);
+	}, [redirectTarget, shouldRenderRedirectFallback]);
+	if (redirectTarget != null && shouldRenderRedirectFallback) return /* @__PURE__ */ jsx(MessageCard$1, {
+		title: "Continue",
+		fullPage: props.fullPage,
+		primaryButtonText: "Continue",
+		primaryAction: () => window.location.assign(redirectTarget),
+		children: "Continue to the next page."
+	});
+	if (redirectTarget != null) return null;
+	return result;
+}
+function filterUndefinedINU(value) {
+	return value === void 0 ? value : filterUndefined(value);
+}
+function toAbsoluteOrRelativeRedirectTarget(url) {
+	return url.origin === "http://example.com" ? getRelativePart(url) : url.toString();
+}
+
+//#endregion
+export { StackHandlerClient };
+//# sourceMappingURL=stack-handler-client.js.map

package/dist/esm/components-page/stack-handler-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-handler-client.js","names":["useStackApp","MessageCard"],"sources":["../../../src/components-page/stack-handler-client.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { StackAssertionError } from \"@stackframe/stack-shared/dist/utils/errors\";\nimport { FilterUndefined, filterUndefined } from \"@stackframe/stack-shared/dist/utils/objects\";\nimport { getRelativePart } from \"@stackframe/stack-shared/dist/utils/urls\";\nimport { useMemo } from 'react';\nimport { useEffect, useRef } from 'react';\nimport { SignIn, SignUp, StackServerApp } from \"..\";\nimport { useStackApp } from \"../lib/hooks\";\nimport { HandlerUrls, StackClientApp, stackAppInternalsSymbol } from \"../lib/stack-app\";\nimport { isLocalHandlerUrlTarget, resolveUnknownHandlerPathFallbackUrl } from \"../lib/stack-app/url-targets\";\nimport { AccountSettings } from \"./account-settings\";\nimport { CliAuthConfirmation } from \"./cli-auth-confirm\";\nimport { EmailVerification } from \"./email-verification\";\nimport { ErrorPage } from \"./error-page\";\nimport { ForgotPassword } from \"./forgot-password\";\nimport { MagicLinkCallback } from \"./magic-link-callback\";\nimport { MFA } from \"./mfa\";\nimport { OAuthCallback } from \"./oauth-callback\";\nimport { Onboarding } from \"./onboarding\";\nimport { PasswordReset } from \"./password-reset\";\nimport { SignOut } from \"./sign-out\";\nimport { TeamInvitation } from \"./team-invitation\";\n\nimport { MessageCard } from \"../components/message-cards/message-card\";\n\ntype Components = {\n  SignIn: typeof SignIn,\n  SignUp: typeof SignUp,\n  EmailVerification: typeof EmailVerification,\n  PasswordReset: typeof PasswordReset,\n  ForgotPassword: typeof ForgotPassword,\n  SignOut: typeof SignOut,\n  OAuthCallback: typeof OAuthCallback,\n  MagicLinkCallback: typeof MagicLinkCallback,\n  TeamInvitation: typeof TeamInvitation,\n  ErrorPage: typeof ErrorPage,\n  AccountSettings: typeof AccountSettings,\n  CliAuthConfirmation: typeof CliAuthConfirmation,\n  MFA: typeof MFA,\n  Onboarding: typeof Onboarding,\n};\n\ntype RouteProps = {\n  params: Promise<{ stack?: string[] }> | { stack?: string[] },\n  searchParams: Promise<Record<string, string>> | Record<string, string>,\n};\n\nconst availablePaths = {\n  signIn: 'sign-in',\n  signUp: 'sign-up',\n  emailVerification: 'email-verification',\n  passwordReset: 'password-reset',\n  forgotPassword: 'forgot-password',\n  signOut: 'sign-out',\n  oauthCallback: 'oauth-callback',\n  magicLinkCallback: 'magic-link-callback',\n  teamInvitation: 'team-invitation',\n  accountSettings: 'account-settings',\n  cliAuthConfirm: 'cli-auth-confirm',\n  mfa: 'mfa',\n  error: 'error',\n  onboarding: 'onboarding',\n} as const;\n\nconst placeholderOrigin = \"http://example.com\";\n\nconst pathAliases = {\n  // also includes the uppercase and non-dashed versions\n  ...Object.fromEntries(Object.entries(availablePaths).map(([key, value]) => [value, value])),\n  \"log-in\": availablePaths.signIn,\n  \"register\": availablePaths.signUp,\n} as const;\n\nexport type BaseHandlerProps = {\n  fullPage: boolean,\n  componentProps?: {\n    [K in keyof Components]?: Parameters<Components[K]>[0];\n  },\n};\n\nfunction renderComponent(props: {\n  path: string,\n  searchParams: Record<string, string>,\n  fullPage: boolean,\n  componentProps?: BaseHandlerProps['componentProps'],\n  redirectIfNotHandler?: (name: keyof HandlerUrls) => void,\n  getDefaultUnknownPathUrl?: (path: string) => string | null,\n  onNotFound: () => any,\n  app: StackClientApp<any> | StackServerApp<any>,\n}) {\n  const { path, searchParams, fullPage, componentProps, redirectIfNotHandler, getDefaultUnknownPathUrl, onNotFound, app } = props;\n\n  switch (path) {\n    case availablePaths.signIn: {\n      redirectIfNotHandler?.('signIn');\n      return <SignIn\n        fullPage={fullPage}\n        automaticRedirect\n        {...filterUndefinedINU(componentProps?.SignIn)}\n      />;\n    }\n    case availablePaths.signUp: {\n      redirectIfNotHandler?.('signUp');\n      return <SignUp\n        fullPage={fullPage}\n        automaticRedirect\n        {...filterUndefinedINU(componentProps?.SignUp)}\n      />;\n    }\n    case availablePaths.emailVerification: {\n      redirectIfNotHandler?.('emailVerification');\n      return <EmailVerification\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.EmailVerification)}\n      />;\n    }\n    case availablePaths.passwordReset: {\n      redirectIfNotHandler?.('passwordReset');\n      return <PasswordReset\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.PasswordReset)}\n      />;\n    }\n    case availablePaths.forgotPassword: {\n      redirectIfNotHandler?.('forgotPassword');\n      return <ForgotPassword\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.ForgotPassword)}\n      />;\n    }\n    case availablePaths.signOut: {\n      redirectIfNotHandler?.('signOut');\n      return <SignOut\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.SignOut)}\n      />;\n    }\n    case availablePaths.oauthCallback: {\n      redirectIfNotHandler?.('oauthCallback');\n      return <OAuthCallback\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.OAuthCallback)}\n      />;\n    }\n    case availablePaths.magicLinkCallback: {\n      redirectIfNotHandler?.('magicLinkCallback');\n      return <MagicLinkCallback\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.MagicLinkCallback)}\n      />;\n    }\n    case availablePaths.teamInvitation: {\n      redirectIfNotHandler?.('teamInvitation');\n      return <TeamInvitation\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.TeamInvitation)}\n      />;\n    }\n    case availablePaths.accountSettings: {\n      return <AccountSettings\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.AccountSettings)}\n      />;\n    }\n    case availablePaths.error: {\n      return <ErrorPage\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.ErrorPage)}\n      />;\n    }\n    case availablePaths.cliAuthConfirm: {\n      redirectIfNotHandler?.('cliAuthConfirm');\n      return <CliAuthConfirmation\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.CliAuthConfirmation)}\n      />;\n    }\n    case availablePaths.mfa: {\n      redirectIfNotHandler?.('mfa');\n      return <MFA\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.MFA)}\n      />;\n    }\n    case availablePaths.onboarding: {\n      redirectIfNotHandler?.('onboarding');\n      return <Onboarding\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.Onboarding)}\n      />;\n    }\n    default: {\n      if (Object.values(availablePaths).includes(path as any)) {\n        throw new StackAssertionError(`Path alias ${path} not included in switch statement, but in availablePaths?`, { availablePaths });\n      }\n      for (const [key, value] of Object.entries(pathAliases)) {\n        if (path.toLowerCase().replaceAll('-', '') === key.toLowerCase().replaceAll('-', '')) {\n          const redirectUrl = `${app.urls.handler}/${value}?${new URLSearchParams(searchParams).toString()}`;\n          return { redirect: redirectUrl };\n        }\n      }\n      const defaultUnknownPathUrl = getDefaultUnknownPathUrl?.(path);\n      if (defaultUnknownPathUrl != null) {\n        const defaultUnknownPathUrlObject = new URL(defaultUnknownPathUrl, \"http://example.com\");\n        for (const [key, value] of Object.entries(searchParams)) {\n          defaultUnknownPathUrlObject.searchParams.set(key, value);\n        }\n        return { redirect: toAbsoluteOrRelativeRedirectTarget(defaultUnknownPathUrlObject) };\n      }\n      return onNotFound();\n    }\n  }\n}\n\nexport function StackHandlerClient(props: BaseHandlerProps & Partial<RouteProps> & { location?: string }) {\n  // Use hooks to get app\n  const stackApp = useStackApp();\n\n  const navigate = stackApp.useNavigate();\n  const navigateRef = useRef(navigate);\n  navigateRef.current = navigate;\n  const currentLocation = props.location ?? (typeof window === \"undefined\" ? new URL(stackApp.urls.handler, placeholderOrigin).pathname : window.location.pathname);\n  const searchParamsSource = new URLSearchParams(typeof window === \"undefined\" ? \"\" : window.location.search);\n  const redirectTargets: (string | undefined)[] = [];\n\n  const { path, searchParams, handlerPath } = useMemo(() => {\n    const handlerPath = new URL(stackApp.urls.handler, 'http://example.com').pathname;\n    const relativePath = currentLocation.startsWith(handlerPath)\n      ? currentLocation.slice(handlerPath.length).replace(/^\\/+/, '')\n      : currentLocation.replace(/^\\/+/, '');\n\n    return {\n      path: relativePath,\n      searchParams: Object.fromEntries(searchParamsSource.entries()),\n      handlerPath,\n    };\n  }, [currentLocation, searchParamsSource, stackApp.urls.handler]);\n\n  const getDefaultUnknownPathUrl = (unknownPath: string): string | null => {\n    return resolveUnknownHandlerPathFallbackUrl({\n      defaultTarget: stackApp[stackAppInternalsSymbol].getConstructorOptions().urls?.default,\n      projectId: stackApp.projectId,\n      unknownPath,\n    });\n  };\n\n  const redirectIfNotHandler = (name: keyof HandlerUrls) => {\n    const url = stackApp.urls[name];\n    const isCrossDomainLocalOauthCallback = name === \"oauthCallback\" && searchParams.stack_cross_domain_auth === \"1\";\n    if (isCrossDomainLocalOauthCallback) {\n      return;\n    }\n    const isLocalHandlerTarget = isLocalHandlerUrlTarget({\n      targetUrl: url,\n      handlerPath,\n      currentOrigin: typeof window === \"undefined\" ? undefined : window.location.origin,\n    });\n    if (isLocalHandlerTarget) {\n      return;\n    }\n\n    const urlObj = new URL(url, placeholderOrigin);\n    for (const [key, value] of Object.entries(searchParams)) {\n      urlObj.searchParams.set(key, value);\n    }\n\n    redirectTargets.push(toAbsoluteOrRelativeRedirectTarget(urlObj));\n  };\n\n  const result = renderComponent({\n    path,\n    searchParams,\n    fullPage: props.fullPage,\n    componentProps: props.componentProps,\n    redirectIfNotHandler,\n    getDefaultUnknownPathUrl,\n    onNotFound: () =>\n      (\n        <MessageCard\n          title=\"Page does not exist\"\n          fullPage={props.fullPage}\n          primaryButtonText=\"Go to Home\"\n          primaryAction={() => stackApp.redirectToHome()}\n        >\n          The page you are looking for could not be found. Please check the URL and try again.\n        </MessageCard>\n      )\n    ,\n    app: stackApp,\n  });\n\n  if (result && 'redirect' in result) {\n    redirectTargets.push(result.redirect);\n  }\n\n  const redirectTarget = redirectTargets[0];\n  const shouldRenderRedirectFallback = redirectTarget != null && stackApp[stackAppInternalsSymbol].getRedirectMethod() === \"none\";\n  useEffect(() => {\n    if (redirectTarget == null || shouldRenderRedirectFallback) {\n      return;\n    }\n    navigateRef.current(redirectTarget);\n  }, [redirectTarget, shouldRenderRedirectFallback]);\n\n  if (redirectTarget != null && shouldRenderRedirectFallback) {\n    return (\n      <MessageCard\n        title=\"Continue\"\n        fullPage={props.fullPage}\n        primaryButtonText=\"Continue\"\n        primaryAction={() => window.location.assign(redirectTarget)}\n      >\n        Continue to the next page.\n      </MessageCard>\n    );\n  }\n\n  if (redirectTarget != null) {\n    return null;\n  }\n\n  return result;\n}\n\n// filter undefined values in object. if object itself is undefined, return undefined\nfunction filterUndefinedINU<T extends {}>(value: T | undefined): FilterUndefined<T> | undefined {\n  return value === undefined ? value : filterUndefined(value);\n}\n\nfunction toAbsoluteOrRelativeRedirectTarget(url: URL): string {\n  return url.origin === \"http://example.com\" ? getRelativePart(url) : url.toString();\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { BaseHandlerProps } from "./stack-handler-client";
+
+//#region src/components-page/stack-handler.d.ts
+declare function StackHandler({
+  app,
+  routeProps,
+  params,
+  searchParams,
+  ...props
+}: BaseHandlerProps & {
+  location?: string;
+} & {
+  /**
+   * @deprecated The app parameter is no longer necessary. You can safely remove it.
+   */
+  app?: any;
+  /**
+   * @deprecated The routeProps parameter is no longer necessary. You can safely remove it.
+   */
+  routeProps?: any;
+  /**
+   * @deprecated The params parameter is no longer necessary. You can safely remove it.
+   */
+  params?: any;
+  /**
+   * @deprecated The searchParams parameter is no longer necessary. You can safely remove it.
+   */
+  searchParams?: any;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { StackHandler as default };
+//# sourceMappingURL=stack-handler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack-handler.d.ts","names":[],"sources":["../../../src/components-page/stack-handler.tsx"],"mappings":";;;;iBAYwB,YAAA,CAAA;EAAe,GAAA;EAAK,UAAA;EAAY,MAAA;EAAQ,YAAA;EAAA,GAAiB;AAAA,GAAS,gBAAA;EAAqB,QAAA;AAAA;EAAvF;;;EAItB,GAAA;EAJ0C;;;EAS1C,UAAA;EAWD;;;EANC,MAAA;EAdqC;;;EAmBrC,YAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { StackHandlerClient } from "./stack-handler-client.js";
+
+//#region src/components-page/stack-handler.tsx
+function StackHandler({ app, routeProps, params, searchParams, ...props }) {
+	return /* @__PURE__ */ jsx(StackHandlerClient, { ...props });
+}
+
+//#endregion
+export { StackHandler as default };
+//# sourceMappingURL=stack-handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack-handler.js","names":[],"sources":["../../../src/components-page/stack-handler.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n// This file exists solely so the following old, deprecated code from when StackHandler used to still take props:\n//     <StackHandler app={stackServerApp} routeProps={props} />\n// does not throw the following error:\n//     Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported.\n// This file exists as a component that can be both client and server, ignores the non-serializable props, and returns <StackHandlerClient />\n\nimport { BaseHandlerProps, StackHandlerClient } from \"./stack-handler-client\";\n\nexport default function StackHandler({ app, routeProps, params, searchParams, ...props }: BaseHandlerProps & { location?: string } & {\n  /**\n   * @deprecated The app parameter is no longer necessary. You can safely remove it.\n   */\n  app?: any,\n\n  /**\n   * @deprecated The routeProps parameter is no longer necessary. You can safely remove it.\n   */\n  routeProps?: any,\n\n  /**\n   * @deprecated The params parameter is no longer necessary. You can safely remove it.\n   */\n  params?: any,\n\n  /**\n   * @deprecated The searchParams parameter is no longer necessary. You can safely remove it.\n   */\n  searchParams?: any,\n}) {\n  return <StackHandlerClient {...props} />;\n}\n"],"mappings":";;;;AAYA,SAAwB,aAAa,EAAE,KAAK,YAAY,QAAQ,cAAc,GAAG,SAoB9E;AACD,QAAO,oBAAC,sBAAmB,GAAI,QAAS"}

package/dist/esm/components-page/team-creation.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components-page/team-creation.d.ts
+declare function TeamCreation(props: {
+  fullPage?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TeamCreation };
+//# sourceMappingURL=team-creation.d.ts.map

package/dist/esm/components-page/team-creation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-creation.d.ts","names":[],"sources":["../../../src/components-page/team-creation.tsx"],"mappings":";;;iBAmBgB,YAAA,CAAa,KAAA;EAAS,QAAA;AAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/team-creation.js

@@ -0,0 +1,78 @@
+'use client';
+
+import { yupResolver } from "@hookform/resolvers/yup";
+import { yupObject, yupString } from "@stackframe/stack-shared/dist/schema-fields";
+import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
+import { Button, Input, Label, Typography } from "@stackframe/stack-ui";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { MessageCard, useStackApp, useUser } from "../index.js";
+import { FormWarningText } from "../components/elements/form-warning.js";
+import { useTranslation } from "../lib/translations.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MaybeFullPage } from "../components/elements/maybe-full-page.js";
+
+//#region src/components-page/team-creation.tsx
+function TeamCreation(props) {
+	const { t } = useTranslation();
+	const { register, handleSubmit, formState: { errors } } = useForm({ resolver: yupResolver(yupObject({ displayName: yupString().defined().nonEmpty(t("Please enter a team name")) })) });
+	const app = useStackApp();
+	const project = app.useProject();
+	const user = useUser({ or: "redirect" });
+	const [loading, setLoading] = useState(false);
+	const navigate = app.useNavigate();
+	if (!project.config.clientTeamCreationEnabled) return /* @__PURE__ */ jsx(MessageCard, { title: t("Team creation is not enabled") });
+	const onSubmit = async (data) => {
+		setLoading(true);
+		try {
+			const team = await user.createTeam({ displayName: data.displayName });
+			navigate(`${app.urls.handler}/team-settings/${team.id}`);
+		} finally {
+			setLoading(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(MaybeFullPage, {
+		fullPage: !!props.fullPage,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "stack-scope flex flex-col items-stretch",
+			style: {
+				maxWidth: "380px",
+				flexBasis: "380px",
+				padding: props.fullPage ? "1rem" : 0
+			},
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "text-center mb-6",
+				children: /* @__PURE__ */ jsx(Typography, {
+					type: "h2",
+					children: t("Create a Team")
+				})
+			}), /* @__PURE__ */ jsxs("form", {
+				className: "flex flex-col items-stretch stack-scope",
+				onSubmit: (e) => runAsynchronously(handleSubmit(onSubmit)(e)),
+				noValidate: true,
+				children: [
+					/* @__PURE__ */ jsx(Label, {
+						htmlFor: "display-name",
+						className: "mb-1",
+						children: t("Display name")
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						id: "display-name",
+						...register("displayName")
+					}),
+					/* @__PURE__ */ jsx(FormWarningText, { text: errors.displayName?.message?.toString() }),
+					/* @__PURE__ */ jsx(Button, {
+						type: "submit",
+						className: "mt-6",
+						loading,
+						children: t("Create")
+					})
+				]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { TeamCreation };
+//# sourceMappingURL=team-creation.js.map

package/dist/esm/components-page/team-creation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-creation.js","names":[],"sources":["../../../src/components-page/team-creation.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { runAsynchronously } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, Label, Typography } from \"@stackframe/stack-ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { MessageCard, useStackApp, useUser } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function TeamCreation(props: { fullPage?: boolean }) {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    displayName: yupString().defined().nonEmpty(t('Please enter a team name')),\n  });\n\n  const { register, handleSubmit, formState: { errors } } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const app = useStackApp();\n  const project = app.useProject();\n  const user = useUser({ or: 'redirect' });\n  const [loading, setLoading] = useState(false);\n  const navigate = app.useNavigate();\n\n  if (!project.config.clientTeamCreationEnabled) {\n    return <MessageCard title={t('Team creation is not enabled')} />;\n  }\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n\n    try {\n      const team = await user.createTeam({ displayName: data.displayName });\n      navigate(`${app.urls.handler}/team-settings/${team.id}`);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6\">\n          <Typography type='h2'>\n            {t('Create a Team')}\n          </Typography>\n        </div>\n        <form\n          className=\"flex flex-col items-stretch stack-scope\"\n          onSubmit={e => runAsynchronously(handleSubmit(onSubmit)(e))}\n          noValidate\n        >\n          <Label htmlFor=\"display-name\" className=\"mb-1\">{t('Display name')}</Label>\n          <Input\n            id=\"display-name\"\n            {...register('displayName')}\n          />\n          <FormWarningText text={errors.displayName?.message?.toString()} />\n\n          <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n            {t('Create')}\n          </Button>\n        </form>\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAAgB,aAAa,OAA+B;CAC1D,MAAM,EAAE,MAAM,gBAAgB;CAM9B,MAAM,EAAE,UAAU,cAAc,WAAW,EAAE,aAAa,QAAQ,EAChE,UAAU,YALG,UAAU,EACvB,aAAa,WAAW,CAAC,SAAS,CAAC,SAAS,EAAE,2BAA2B,CAAC,EAC3E,CAAC,CAG6B,EAC9B,CAAC;CACF,MAAM,MAAM,aAAa;CACzB,MAAM,UAAU,IAAI,YAAY;CAChC,MAAM,OAAO,QAAQ,EAAE,IAAI,YAAY,CAAC;CACxC,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,WAAW,IAAI,aAAa;AAElC,KAAI,CAAC,QAAQ,OAAO,0BAClB,QAAO,oBAAC,eAAY,OAAO,EAAE,+BAA+B,GAAI;CAGlE,MAAM,WAAW,OAAO,SAAuC;AAC7D,aAAW,KAAK;AAEhB,MAAI;GACF,MAAM,OAAO,MAAM,KAAK,WAAW,EAAE,aAAa,KAAK,aAAa,CAAC;AACrE,YAAS,GAAG,IAAI,KAAK,QAAQ,iBAAiB,KAAK,KAAK;YAChD;AACR,cAAW,MAAM;;;AAIrB,QACE,oBAAC;EAAc,UAAU,CAAC,CAAC,MAAM;YAC/B,qBAAC;GAAI,WAAU;GAA0C,OAAO;IAAE,UAAU;IAAS,WAAW;IAAS,SAAS,MAAM,WAAW,SAAS;IAAG;cAC7I,oBAAC;IAAI,WAAU;cACb,oBAAC;KAAW,MAAK;eACd,EAAE,gBAAgB;MACR;KACT,EACN,qBAAC;IACC,WAAU;IACV,WAAU,MAAK,kBAAkB,aAAa,SAAS,CAAC,EAAE,CAAC;IAC3D;;KAEA,oBAAC;MAAM,SAAQ;MAAe,WAAU;gBAAQ,EAAE,eAAe;OAAS;KAC1E,oBAAC;MACC,IAAG;MACH,GAAI,SAAS,cAAc;OAC3B;KACF,oBAAC,mBAAgB,MAAM,OAAO,aAAa,SAAS,UAAU,GAAI;KAElE,oBAAC;MAAO,MAAK;MAAS,WAAU;MAAgB;gBAC7C,EAAE,SAAS;OACL;;KACJ;IACH;GACQ"}

package/dist/esm/components-page/team-invitation.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components-page/team-invitation.d.ts
+declare function TeamInvitation({
+  fullPage,
+  searchParams
+}: {
+  fullPage?: boolean;
+  searchParams: Record<string, string>;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TeamInvitation };
+//# sourceMappingURL=team-invitation.d.ts.map

package/dist/esm/components-page/team-invitation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-invitation.d.ts","names":[],"sources":["../../../src/components-page/team-invitation.tsx"],"mappings":";;;iBAyEgB,cAAA,CAAA;EAAiB,QAAA;EAAgB;AAAA;EAAkB,QAAA;EAAoB,YAAA,EAAc,MAAA;AAAA,IAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/team-invitation.js

@@ -0,0 +1,106 @@
+'use client';
+
+import { runAsynchronouslyWithAlert } from "@stackframe/stack-shared/dist/utils/promises";
+import { Typography } from "@stackframe/stack-ui";
+import React from "react";
+import { MessageCard, useStackApp, useUser } from "../index.js";
+import { useTranslation } from "../lib/translations.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { KnownErrors } from "@stackframe/stack-shared";
+import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card.js";
+import { cacheFunction } from "@stackframe/stack-shared/dist/utils/caches";
+import { use } from "@stackframe/stack-shared/dist/utils/react";
+
+//#region src/components-page/team-invitation.tsx
+const cachedVerifyInvitation = cacheFunction(async (stackApp, code) => {
+	return await stackApp.verifyTeamInvitationCode(code);
+});
+const cachedGetInvitationDetails = cacheFunction(async (stackApp, code) => {
+	return await stackApp.getTeamInvitationDetails(code);
+});
+function TeamInvitationInner(props) {
+	const { t } = useTranslation();
+	const stackApp = useStackApp();
+	const [success, setSuccess] = React.useState(false);
+	const [errorMessage, setErrorMessage] = React.useState(null);
+	const details = use(cachedGetInvitationDetails(stackApp, props.searchParams.code || ""));
+	if (errorMessage || details.status === "error") return /* @__PURE__ */ jsx(PredefinedMessageCard, {
+		type: "unknownError",
+		fullPage: props.fullPage
+	});
+	if (success) return /* @__PURE__ */ jsx(MessageCard, {
+		title: t("Team invitation"),
+		fullPage: props.fullPage,
+		primaryButtonText: "Go home",
+		primaryAction: () => stackApp.redirectToHome(),
+		children: /* @__PURE__ */ jsxs(Typography, { children: ["You have successfully joined ", details.data.teamDisplayName] })
+	});
+	return /* @__PURE__ */ jsx(MessageCard, {
+		title: t("Team invitation"),
+		fullPage: props.fullPage,
+		primaryButtonText: t("Join"),
+		primaryAction: () => runAsynchronouslyWithAlert(async () => {
+			const result = await stackApp.acceptTeamInvitation(props.searchParams.code || "");
+			if (result.status === "error") setErrorMessage(result.error.message);
+			else setSuccess(true);
+		}),
+		secondaryButtonText: t("Ignore"),
+		secondaryAction: () => stackApp.redirectToHome(),
+		children: /* @__PURE__ */ jsxs(Typography, { children: ["You are invited to join ", details.data.teamDisplayName] })
+	});
+}
+function TeamInvitation({ fullPage = false, searchParams }) {
+	const { t } = useTranslation();
+	const user = useUser({ includeRestricted: true });
+	const stackApp = useStackApp();
+	const invalidJsx = /* @__PURE__ */ jsx(MessageCard, {
+		title: t("Invalid Team Invitation Link"),
+		fullPage,
+		children: /* @__PURE__ */ jsx(Typography, { children: t("Please double check if you have the correct team invitation link.") })
+	});
+	const expiredJsx = /* @__PURE__ */ jsx(MessageCard, {
+		title: t("Expired Team Invitation Link"),
+		fullPage,
+		children: /* @__PURE__ */ jsx(Typography, { children: t("Your team invitation link has expired. Please request a new team invitation link ") })
+	});
+	const usedJsx = /* @__PURE__ */ jsx(MessageCard, {
+		title: t("Used Team Invitation Link"),
+		fullPage,
+		children: /* @__PURE__ */ jsx(Typography, { children: t("This team invitation link has already been used.") })
+	});
+	if (!searchParams.code) return invalidJsx;
+	if (!user) return /* @__PURE__ */ jsx(MessageCard, {
+		title: t("Team invitation"),
+		fullPage,
+		primaryButtonText: t("Sign in"),
+		primaryAction: () => stackApp.redirectToSignIn(),
+		secondaryButtonText: t("Cancel"),
+		secondaryAction: () => stackApp.redirectToHome(),
+		children: /* @__PURE__ */ jsx(Typography, { children: t("Sign in or create an account to join the team.") })
+	});
+	if (user.isRestricted) return /* @__PURE__ */ jsx(MessageCard, {
+		title: t("Complete your account setup"),
+		fullPage,
+		primaryButtonText: t("Complete setup"),
+		primaryAction: () => stackApp.redirectToOnboarding(),
+		secondaryButtonText: t("Cancel"),
+		secondaryAction: () => stackApp.redirectToHome(),
+		children: /* @__PURE__ */ jsx(Typography, { children: t("Please complete your account setup before joining teams.") })
+	});
+	const verificationResult = use(cachedVerifyInvitation(stackApp, searchParams.code || ""));
+	if (verificationResult.status === "error") {
+		const error = verificationResult.error;
+		if (KnownErrors.VerificationCodeNotFound.isInstance(error)) return invalidJsx;
+		else if (KnownErrors.VerificationCodeExpired.isInstance(error)) return expiredJsx;
+		else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(error)) return usedJsx;
+		else throw error;
+	}
+	return /* @__PURE__ */ jsx(TeamInvitationInner, {
+		fullPage,
+		searchParams
+	});
+}
+
+//#endregion
+export { TeamInvitation };
+//# sourceMappingURL=team-invitation.js.map