@hexclave/next 1.0.0

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":";;;;;;;;;;;;;;;KAgCK,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,218 @@
+"use client";
+
+import { HexclaveAssertionError } from "@hexclave/shared/dist/utils/errors";
+import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { useEffect, useMemo } from "react";
+import { SignIn, SignUp } from "../index.js";
+import { jsx } from "react/jsx-runtime";
+import { useStackApp as useStackApp$1 } from "../lib/hooks.js";
+import { getRelativePart } from "@hexclave/shared/dist/utils/urls";
+import { isLocalHandlerUrlTarget, resolveUnknownHandlerPathFallbackUrl } from "../lib/stack-app/url-targets.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 "@hexclave/shared/dist/utils/objects";
+import { RedirectType, notFound, redirect, usePathname, useSearchParams } from "next/navigation";
+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 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, shouldRedirectToPage, getDefaultUnknownPathUrl, onNotFound, app } = props;
+	switch (path) {
+		case availablePaths.signIn:
+			if (shouldRedirectToPage?.("signIn")) return { redirectToPage: "signIn" };
+			return /* @__PURE__ */ jsx(SignIn, {
+				fullPage,
+				automaticRedirect: true,
+				...filterUndefinedINU(componentProps?.SignIn)
+			});
+		case availablePaths.signUp:
+			if (shouldRedirectToPage?.("signUp")) return { redirectToPage: "signUp" };
+			return /* @__PURE__ */ jsx(SignUp, {
+				fullPage,
+				automaticRedirect: true,
+				...filterUndefinedINU(componentProps?.SignUp)
+			});
+		case availablePaths.emailVerification:
+			if (shouldRedirectToPage?.("emailVerification")) return { redirectToPage: "emailVerification" };
+			return /* @__PURE__ */ jsx(EmailVerification, {
+				searchParams,
+				fullPage,
+				...filterUndefinedINU(componentProps?.EmailVerification)
+			});
+		case availablePaths.passwordReset:
+			if (shouldRedirectToPage?.("passwordReset")) return { redirectToPage: "passwordReset" };
+			return /* @__PURE__ */ jsx(PasswordReset, {
+				searchParams,
+				fullPage,
+				...filterUndefinedINU(componentProps?.PasswordReset)
+			});
+		case availablePaths.forgotPassword:
+			if (shouldRedirectToPage?.("forgotPassword")) return { redirectToPage: "forgotPassword" };
+			return /* @__PURE__ */ jsx(ForgotPassword, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.ForgotPassword)
+			});
+		case availablePaths.signOut:
+			if (shouldRedirectToPage?.("signOut")) return { redirectToPage: "signOut" };
+			return /* @__PURE__ */ jsx(SignOut, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.SignOut)
+			});
+		case availablePaths.oauthCallback:
+			if (shouldRedirectToPage?.("oauthCallback")) return { redirectToPage: "oauthCallback" };
+			return /* @__PURE__ */ jsx(OAuthCallback, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.OAuthCallback)
+			});
+		case availablePaths.magicLinkCallback:
+			if (shouldRedirectToPage?.("magicLinkCallback")) return { redirectToPage: "magicLinkCallback" };
+			return /* @__PURE__ */ jsx(MagicLinkCallback, {
+				searchParams,
+				fullPage,
+				...filterUndefinedINU(componentProps?.MagicLinkCallback)
+			});
+		case availablePaths.teamInvitation:
+			if (shouldRedirectToPage?.("teamInvitation")) return { redirectToPage: "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:
+			if (shouldRedirectToPage?.("cliAuthConfirm")) return { redirectToPage: "cliAuthConfirm" };
+			return /* @__PURE__ */ jsx(CliAuthConfirmation, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.CliAuthConfirmation)
+			});
+		case availablePaths.mfa:
+			if (shouldRedirectToPage?.("mfa")) return { redirectToPage: "mfa" };
+			return /* @__PURE__ */ jsx(MFA, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.MFA)
+			});
+		case availablePaths.onboarding:
+			if (shouldRedirectToPage?.("onboarding")) return { redirectToPage: "onboarding" };
+			return /* @__PURE__ */ jsx(Onboarding, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.Onboarding)
+			});
+		default: {
+			if (Object.values(availablePaths).includes(path)) throw new HexclaveAssertionError(`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 pathname = usePathname();
+	const searchParamsFromHook = useSearchParams();
+	const currentLocation = pathname;
+	const searchParamsSource = searchParamsFromHook;
+	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 shouldRedirectToPage = (name) => {
+		const url = stackApp.urls[name];
+		if (name === "oauthCallback" && searchParams.hexclave_cross_domain_auth === "1") return false;
+		return !isLocalHandlerUrlTarget({
+			targetUrl: url,
+			handlerPath,
+			currentOrigin: typeof window === "undefined" ? void 0 : window.location.origin
+		});
+	};
+	const result = renderComponent({
+		path,
+		searchParams,
+		fullPage: props.fullPage,
+		componentProps: props.componentProps,
+		shouldRedirectToPage,
+		getDefaultUnknownPathUrl,
+		onNotFound: () => notFound(),
+		app: stackApp
+	});
+	const redirectToPage = result != null && typeof result === "object" && "redirectToPage" in result ? result.redirectToPage : void 0;
+	useEffect(() => {
+		if (redirectToPage == null) return;
+		runAsynchronouslyWithAlert(stackApp[stackAppInternalsSymbol].redirectToHandler(redirectToPage, { replace: true }));
+	}, [redirectToPage, stackApp]);
+	if (redirectToPage != null) return /* @__PURE__ */ jsx(MessageCard$1, {
+		title: "Redirecting...",
+		fullPage: props.fullPage
+	});
+	if (result && "redirect" in result) redirect(result.redirect, RedirectType.replace);
+	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 { HexclaveAssertionError } from \"@stackframe/stack-shared/dist/utils/errors\";\nimport { FilterUndefined, filterUndefined } from \"@stackframe/stack-shared/dist/utils/objects\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { getRelativePart } from \"@stackframe/stack-shared/dist/utils/urls\";\nimport { notFound, redirect, RedirectType, usePathname, useSearchParams } from 'next/navigation'; // THIS_LINE_PLATFORM next\nimport { useEffect, useMemo } 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  shouldRedirectToPage?: (name: keyof HandlerUrls) => boolean,\n  getDefaultUnknownPathUrl?: (path: string) => string | null,\n  onNotFound: () => any,\n  app: StackClientApp<any> | StackServerApp<any>,\n}) {\n  const { path, searchParams, fullPage, componentProps, shouldRedirectToPage, getDefaultUnknownPathUrl, onNotFound, app } = props;\n\n  switch (path) {\n    case availablePaths.signIn: {\n      if (shouldRedirectToPage?.('signIn')) return { redirectToPage: 'signIn' as const };\n      return <SignIn\n        fullPage={fullPage}\n        automaticRedirect\n        {...filterUndefinedINU(componentProps?.SignIn)}\n      />;\n    }\n    case availablePaths.signUp: {\n      if (shouldRedirectToPage?.('signUp')) return { redirectToPage: 'signUp' as const };\n      return <SignUp\n        fullPage={fullPage}\n        automaticRedirect\n        {...filterUndefinedINU(componentProps?.SignUp)}\n      />;\n    }\n    case availablePaths.emailVerification: {\n      if (shouldRedirectToPage?.('emailVerification')) return { redirectToPage: 'emailVerification' as const };\n      return <EmailVerification\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.EmailVerification)}\n      />;\n    }\n    case availablePaths.passwordReset: {\n      if (shouldRedirectToPage?.('passwordReset')) return { redirectToPage: 'passwordReset' as const };\n      return <PasswordReset\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.PasswordReset)}\n      />;\n    }\n    case availablePaths.forgotPassword: {\n      if (shouldRedirectToPage?.('forgotPassword')) return { redirectToPage: 'forgotPassword' as const };\n      return <ForgotPassword\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.ForgotPassword)}\n      />;\n    }\n    case availablePaths.signOut: {\n      if (shouldRedirectToPage?.('signOut')) return { redirectToPage: 'signOut' as const };\n      return <SignOut\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.SignOut)}\n      />;\n    }\n    case availablePaths.oauthCallback: {\n      if (shouldRedirectToPage?.('oauthCallback')) return { redirectToPage: 'oauthCallback' as const };\n      return <OAuthCallback\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.OAuthCallback)}\n      />;\n    }\n    case availablePaths.magicLinkCallback: {\n      if (shouldRedirectToPage?.('magicLinkCallback')) return { redirectToPage: 'magicLinkCallback' as const };\n      return <MagicLinkCallback\n        searchParams={searchParams}\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.MagicLinkCallback)}\n      />;\n    }\n    case availablePaths.teamInvitation: {\n      if (shouldRedirectToPage?.('teamInvitation')) return { redirectToPage: 'teamInvitation' as const };\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      if (shouldRedirectToPage?.('cliAuthConfirm')) return { redirectToPage: 'cliAuthConfirm' as const };\n      return <CliAuthConfirmation\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.CliAuthConfirmation)}\n      />;\n    }\n    case availablePaths.mfa: {\n      if (shouldRedirectToPage?.('mfa')) return { redirectToPage: 'mfa' as const };\n      return <MFA\n        fullPage={fullPage}\n        {...filterUndefinedINU(componentProps?.MFA)}\n      />;\n    }\n    case availablePaths.onboarding: {\n      if (shouldRedirectToPage?.('onboarding')) return { redirectToPage: 'onboarding' as const };\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 HexclaveAssertionError(`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 pathname = usePathname();\n  const searchParamsFromHook = useSearchParams();\n  const currentLocation = pathname;\n  const searchParamsSource = searchParamsFromHook;\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 shouldRedirectToPage = (name: keyof HandlerUrls): boolean => {\n    const url = stackApp.urls[name];\n    const isCrossDomainLocalOauthCallback = name === \"oauthCallback\" && searchParams.hexclave_cross_domain_auth === \"1\";\n    if (isCrossDomainLocalOauthCallback) {\n      return false;\n    }\n    return !isLocalHandlerUrlTarget({\n      targetUrl: url,\n      handlerPath,\n      currentOrigin: typeof window === \"undefined\" ? undefined : window.location.origin,\n    });\n  };\n\n  const result = renderComponent({\n    path,\n    searchParams,\n    fullPage: props.fullPage,\n    componentProps: props.componentProps,\n    shouldRedirectToPage,\n    getDefaultUnknownPathUrl,\n    onNotFound: () =>\n      notFound()\n    ,\n    app: stackApp,\n  });\n\n  const redirectToPage = (result != null && typeof result === 'object' && 'redirectToPage' in result) ? result.redirectToPage : undefined;\n\n  useEffect(() => {\n    if (redirectToPage == null) return;\n    runAsynchronouslyWithAlert(\n      stackApp[stackAppInternalsSymbol].redirectToHandler(redirectToPage, { replace: true })\n    );\n  }, [redirectToPage, stackApp]);\n\n  if (redirectToPage != null) {\n    return (\n      <MessageCard title=\"Redirecting...\" fullPage={props.fullPage} />\n    );\n  }\n\n  if (result && 'redirect' in result) {\n    redirect(result.redirect, RedirectType.replace);\n  }\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 "@hexclave/shared/dist/schema-fields";
+import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { Button, Input, Label, Typography } from "@hexclave/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 "@hexclave/shared/dist/utils/promises";
+import { Typography } from "@hexclave/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 "@hexclave/shared";
+import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card.js";
+import { cacheFunction } from "@hexclave/shared/dist/utils/caches";
+import { use } from "@hexclave/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

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

@@ -0,0 +1 @@
+{"version":3,"file":"team-invitation.js","names":[],"sources":["../../../src/components-page/team-invitation.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 { KnownErrors } from \"@stackframe/stack-shared\";\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { use } from \"@stackframe/stack-shared/dist/utils/react\";\nimport { Typography } from \"@stackframe/stack-ui\";\nimport React from \"react\";\nimport { MessageCard, StackClientApp, useStackApp, useUser } from \"..\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nconst cachedVerifyInvitation = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.verifyTeamInvitationCode(code);\n});\n\nconst cachedGetInvitationDetails = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.getTeamInvitationDetails(code);\n});\n\nfunction TeamInvitationInner(props: { fullPage?: boolean, searchParams: Record<string, string> }) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n  const [success, setSuccess] = React.useState(false);\n  const [errorMessage, setErrorMessage] = React.useState<string | null>(null);\n  const details = use(cachedGetInvitationDetails(stackApp, props.searchParams.code || ''));\n\n  if (errorMessage || details.status === 'error') {\n    return (\n      <PredefinedMessageCard type=\"unknownError\" fullPage={props.fullPage} />\n    );\n  }\n\n  if (success) {\n    return (\n      <MessageCard\n        title={t('Team invitation')}\n        fullPage={props.fullPage}\n        primaryButtonText=\"Go home\"\n        primaryAction={() => stackApp.redirectToHome()}\n      >\n        <Typography>You have successfully joined {details.data.teamDisplayName}</Typography>\n      </MessageCard>\n    );\n  }\n\n\n  return (\n    <MessageCard\n      title={t('Team invitation')}\n      fullPage={props.fullPage}\n      primaryButtonText={t('Join')}\n      primaryAction={() => runAsynchronouslyWithAlert(async () => {\n        const result = await stackApp.acceptTeamInvitation(props.searchParams.code || '');\n        if (result.status === 'error') {\n        setErrorMessage(result.error.message);\n        } else {\n        setSuccess(true);\n        }\n      })}\n      secondaryButtonText={t('Ignore')}\n      secondaryAction={() => stackApp.redirectToHome()}\n    >\n      <Typography>You are invited to join {details.data.teamDisplayName}</Typography>\n    </MessageCard>\n  );\n}\n\nexport function TeamInvitation({ fullPage=false, searchParams }: { fullPage?: boolean, searchParams: Record<string, string> }) {\n  const { t } = useTranslation();\n  // Include restricted users to detect if user needs to complete onboarding\n  const user = useUser({ includeRestricted: true });\n  const stackApp = useStackApp();\n\n  const invalidJsx = (\n    <MessageCard title={t('Invalid Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('Please double check if you have the correct team invitation link.')}</Typography>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t('Expired Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('Your team invitation link has expired. Please request a new team invitation link ')}</Typography>\n    </MessageCard>\n  );\n\n  const usedJsx = (\n    <MessageCard title={t('Used Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('This team invitation link has already been used.')}</Typography>\n    </MessageCard>\n  );\n\n  const code = searchParams.code;\n  if (!code) {\n    return invalidJsx;\n  }\n\n  if (!user) {\n    return (\n      <MessageCard\n        title={t('Team invitation')}\n        fullPage={fullPage}\n        primaryButtonText={t('Sign in')}\n        primaryAction={() => stackApp.redirectToSignIn()}\n        secondaryButtonText={t('Cancel')}\n        secondaryAction={() => stackApp.redirectToHome()}\n      >\n        <Typography>{t('Sign in or create an account to join the team.')}</Typography>\n      </MessageCard>\n    );\n  }\n\n  // User is restricted (needs to complete onboarding) - redirect to onboarding\n  if (user.isRestricted) {\n    return (\n      <MessageCard\n        title={t('Complete your account setup')}\n        fullPage={fullPage}\n        primaryButtonText={t('Complete setup')}\n        primaryAction={() => stackApp.redirectToOnboarding()}\n        secondaryButtonText={t('Cancel')}\n        secondaryAction={() => stackApp.redirectToHome()}\n      >\n        <Typography>{t('Please complete your account setup before joining teams.')}</Typography>\n      </MessageCard>\n    );\n  }\n\n  const verificationResult = use(cachedVerifyInvitation(stackApp, searchParams.code || ''));\n\n  if (verificationResult.status === 'error') {\n    const error = verificationResult.error;\n    if (KnownErrors.VerificationCodeNotFound.isInstance(error)) {\n      return invalidJsx;\n    } else if (KnownErrors.VerificationCodeExpired.isInstance(error)) {\n      return expiredJsx;\n    } else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(error)) {\n      return usedJsx;\n    } else {\n      throw error;\n    }\n  }\n\n  return <TeamInvitationInner fullPage={fullPage} searchParams={searchParams} />;\n};\n"],"mappings":"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"}