@stackframe/tanstack-start 0.0.1 → 2.8.91

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

@@ -0,0 +1,235 @@
+"use client";
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let _stackframe_stack_shared_dist_utils_errors = require("@stackframe/stack-shared/dist/utils/errors");
+let react = require("react");
+let ___index_js = require("../index.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let ___lib_hooks_js = require("../lib/hooks.js");
+let __cli_auth_confirm_js = require("./cli-auth-confirm.js");
+let ___components_message_cards_message_card_js = require("../components/message-cards/message-card.js");
+let ___lib_stack_app_index_js = require("../lib/stack-app/index.js");
+let _stackframe_stack_shared_dist_utils_objects = require("@stackframe/stack-shared/dist/utils/objects");
+let _stackframe_stack_shared_dist_utils_urls = require("@stackframe/stack-shared/dist/utils/urls");
+let ___lib_stack_app_url_targets_js = require("../lib/stack-app/url-targets.js");
+let __account_settings_js = require("./account-settings.js");
+let __email_verification_js = require("./email-verification.js");
+let __error_page_js = require("./error-page.js");
+let __forgot_password_js = require("./forgot-password.js");
+let __magic_link_callback_js = require("./magic-link-callback.js");
+let __mfa_js = require("./mfa.js");
+let __oauth_callback_js = require("./oauth-callback.js");
+let __onboarding_js = require("./onboarding.js");
+let __password_reset_js = require("./password-reset.js");
+let __sign_out_js = require("./sign-out.js");
+let __team_invitation_js = require("./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__ */ (0, react_jsx_runtime.jsx)(___index_js.SignIn, {
+				fullPage,
+				automaticRedirect: true,
+				...filterUndefinedINU(componentProps?.SignIn)
+			});
+		case availablePaths.signUp:
+			redirectIfNotHandler?.("signUp");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.SignUp, {
+				fullPage,
+				automaticRedirect: true,
+				...filterUndefinedINU(componentProps?.SignUp)
+			});
+		case availablePaths.emailVerification:
+			redirectIfNotHandler?.("emailVerification");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__email_verification_js.EmailVerification, {
+				searchParams,
+				fullPage,
+				...filterUndefinedINU(componentProps?.EmailVerification)
+			});
+		case availablePaths.passwordReset:
+			redirectIfNotHandler?.("passwordReset");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__password_reset_js.PasswordReset, {
+				searchParams,
+				fullPage,
+				...filterUndefinedINU(componentProps?.PasswordReset)
+			});
+		case availablePaths.forgotPassword:
+			redirectIfNotHandler?.("forgotPassword");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__forgot_password_js.ForgotPassword, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.ForgotPassword)
+			});
+		case availablePaths.signOut:
+			redirectIfNotHandler?.("signOut");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__sign_out_js.SignOut, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.SignOut)
+			});
+		case availablePaths.oauthCallback:
+			redirectIfNotHandler?.("oauthCallback");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__oauth_callback_js.OAuthCallback, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.OAuthCallback)
+			});
+		case availablePaths.magicLinkCallback:
+			redirectIfNotHandler?.("magicLinkCallback");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__magic_link_callback_js.MagicLinkCallback, {
+				searchParams,
+				fullPage,
+				...filterUndefinedINU(componentProps?.MagicLinkCallback)
+			});
+		case availablePaths.teamInvitation:
+			redirectIfNotHandler?.("teamInvitation");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__team_invitation_js.TeamInvitation, {
+				searchParams,
+				fullPage,
+				...filterUndefinedINU(componentProps?.TeamInvitation)
+			});
+		case availablePaths.accountSettings: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__account_settings_js.AccountSettings, {
+			fullPage,
+			...filterUndefinedINU(componentProps?.AccountSettings)
+		});
+		case availablePaths.error: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__error_page_js.ErrorPage, {
+			searchParams,
+			fullPage,
+			...filterUndefinedINU(componentProps?.ErrorPage)
+		});
+		case availablePaths.cliAuthConfirm:
+			redirectIfNotHandler?.("cliAuthConfirm");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__cli_auth_confirm_js.CliAuthConfirmation, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.CliAuthConfirmation)
+			});
+		case availablePaths.mfa:
+			redirectIfNotHandler?.("mfa");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mfa_js.MFA, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.MFA)
+			});
+		case availablePaths.onboarding:
+			redirectIfNotHandler?.("onboarding");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__onboarding_js.Onboarding, {
+				fullPage,
+				...filterUndefinedINU(componentProps?.Onboarding)
+			});
+		default: {
+			if (Object.values(availablePaths).includes(path)) throw new _stackframe_stack_shared_dist_utils_errors.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 = (0, ___lib_hooks_js.useStackApp)();
+	const navigate = stackApp.useNavigate();
+	const navigateRef = (0, react.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 } = (0, react.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 (0, ___lib_stack_app_url_targets_js.resolveUnknownHandlerPathFallbackUrl)({
+			defaultTarget: stackApp[___lib_stack_app_index_js.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 ((0, ___lib_stack_app_url_targets_js.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__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_message_card_js.MessageCard, {
+			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[___lib_stack_app_index_js.stackAppInternalsSymbol].getRedirectMethod() === "none";
+	(0, react.useEffect)(() => {
+		if (redirectTarget == null || shouldRenderRedirectFallback) return;
+		navigateRef.current(redirectTarget);
+	}, [redirectTarget, shouldRenderRedirectFallback]);
+	if (redirectTarget != null && shouldRenderRedirectFallback) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_message_card_js.MessageCard, {
+		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 : (0, _stackframe_stack_shared_dist_utils_objects.filterUndefined)(value);
+}
+function toAbsoluteOrRelativeRedirectTarget(url) {
+	return url.origin === "http://example.com" ? (0, _stackframe_stack_shared_dist_utils_urls.getRelativePart)(url) : url.toString();
+}
+
+//#endregion
+exports.StackHandlerClient = StackHandlerClient;
+//# sourceMappingURL=stack-handler-client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack-handler-client.js","names":["SignIn","SignUp","EmailVerification","PasswordReset","ForgotPassword","SignOut","OAuthCallback","MagicLinkCallback","TeamInvitation","AccountSettings","ErrorPage","CliAuthConfirmation","MFA","Onboarding","StackAssertionError","stackAppInternalsSymbol","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/components-page/stack-handler.d.ts

@@ -0,0 +1,32 @@
+import { BaseHandlerProps } from "./stack-handler-client.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#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;
+export = StackHandler;
+//# sourceMappingURL=stack-handler.d.ts.map

package/dist/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;AAAA"}

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

@@ -0,0 +1,12 @@
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let react_jsx_runtime = require("react/jsx-runtime");
+let __stack_handler_client_js = require("./stack-handler-client.js");
+
+//#region src/components-page/stack-handler.tsx
+function StackHandler({ app, routeProps, params, searchParams, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__stack_handler_client_js.StackHandlerClient, { ...props });
+}
+
+//#endregion
+module.exports = StackHandler;
+//# sourceMappingURL=stack-handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack-handler.js","names":["StackHandlerClient"],"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,2CAACA,gDAAmB,GAAI,QAAS"}

package/dist/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/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/components-page/team-creation.js

@@ -0,0 +1,80 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
+let _stackframe_stack_shared_dist_schema_fields = require("@stackframe/stack-shared/dist/schema-fields");
+let _stackframe_stack_shared_dist_utils_promises = require("@stackframe/stack-shared/dist/utils/promises");
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react = require("react");
+let react_hook_form = require("react-hook-form");
+let ___index_js = require("../index.js");
+let ___components_elements_form_warning_js = require("../components/elements/form-warning.js");
+let ___lib_translations_js = require("../lib/translations.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let ___components_elements_maybe_full_page_js = require("../components/elements/maybe-full-page.js");
+
+//#region src/components-page/team-creation.tsx
+function TeamCreation(props) {
+	const { t } = (0, ___lib_translations_js.useTranslation)();
+	const { register, handleSubmit, formState: { errors } } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _stackframe_stack_shared_dist_schema_fields.yupObject)({ displayName: (0, _stackframe_stack_shared_dist_schema_fields.yupString)().defined().nonEmpty(t("Please enter a team name")) })) });
+	const app = (0, ___index_js.useStackApp)();
+	const project = app.useProject();
+	const user = (0, ___index_js.useUser)({ or: "redirect" });
+	const [loading, setLoading] = (0, react.useState)(false);
+	const navigate = app.useNavigate();
+	if (!project.config.clientTeamCreationEnabled) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.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__ */ (0, react_jsx_runtime.jsx)(___components_elements_maybe_full_page_js.MaybeFullPage, {
+		fullPage: !!props.fullPage,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "stack-scope flex flex-col items-stretch",
+			style: {
+				maxWidth: "380px",
+				flexBasis: "380px",
+				padding: props.fullPage ? "1rem" : 0
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "text-center mb-6",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+					type: "h2",
+					children: t("Create a Team")
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+				className: "flex flex-col items-stretch stack-scope",
+				onSubmit: (e) => (0, _stackframe_stack_shared_dist_utils_promises.runAsynchronously)(handleSubmit(onSubmit)(e)),
+				noValidate: true,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+						htmlFor: "display-name",
+						className: "mb-1",
+						children: t("Display name")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Input, {
+						id: "display-name",
+						...register("displayName")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_elements_form_warning_js.FormWarningText, { text: errors.displayName?.message?.toString() }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+						type: "submit",
+						className: "mt-6",
+						loading,
+						children: t("Create")
+					})
+				]
+			})]
+		})
+	});
+}
+
+//#endregion
+exports.TeamCreation = TeamCreation;
+//# sourceMappingURL=team-creation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"team-creation.js","names":["MessageCard","MaybeFullPage","Typography","Label","Input","FormWarningText","Button"],"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,kDAAsB;CAM9B,MAAM,EAAE,UAAU,cAAc,WAAW,EAAE,0CAAqB,EAChE,8GALuB,EACvB,yEAAwB,CAAC,SAAS,CAAC,SAAS,EAAE,2BAA2B,CAAC,EAC3E,CAAC,CAG6B,EAC9B,CAAC;CACF,MAAM,oCAAmB;CACzB,MAAM,UAAU,IAAI,YAAY;CAChC,MAAM,gCAAe,EAAE,IAAI,YAAY,CAAC;CACxC,MAAM,CAAC,SAAS,kCAAuB,MAAM;CAC7C,MAAM,WAAW,IAAI,aAAa;AAElC,KAAI,CAAC,QAAQ,OAAO,0BAClB,QAAO,2CAACA,2BAAY,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,2CAACC;EAAc,UAAU,CAAC,CAAC,MAAM;YAC/B,4CAAC;GAAI,WAAU;GAA0C,OAAO;IAAE,UAAU;IAAS,WAAW;IAAS,SAAS,MAAM,WAAW,SAAS;IAAG;cAC7I,2CAAC;IAAI,WAAU;cACb,2CAACC;KAAW,MAAK;eACd,EAAE,gBAAgB;MACR;KACT,EACN,4CAAC;IACC,WAAU;IACV,WAAU,0EAAuB,aAAa,SAAS,CAAC,EAAE,CAAC;IAC3D;;KAEA,2CAACC;MAAM,SAAQ;MAAe,WAAU;gBAAQ,EAAE,eAAe;OAAS;KAC1E,2CAACC;MACC,IAAG;MACH,GAAI,SAAS,cAAc;OAC3B;KACF,2CAACC,0DAAgB,MAAM,OAAO,aAAa,SAAS,UAAU,GAAI;KAElE,2CAACC;MAAO,MAAK;MAAS,WAAU;MAAgB;gBAC7C,EAAE,SAAS;OACL;;KACJ;IACH;GACQ"}

package/dist/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/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/components-page/team-invitation.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"team-invitation.js","names":["React","PredefinedMessageCard","MessageCard","Typography","KnownErrors"],"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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"}

package/dist/dev-tool/dev-tool-core.d.ts

@@ -0,0 +1,7 @@
+import { StackClientApp } from "../lib/stack-app/apps/interfaces/client-app.js";
+
+//#region src/dev-tool/dev-tool-core.d.ts
+declare function createDevTool(app: StackClientApp<true>): () => void;
+//#endregion
+export { createDevTool };
+//# sourceMappingURL=dev-tool-core.d.ts.map

package/dist/dev-tool/dev-tool-core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-tool-core.d.ts","names":[],"sources":["../../src/dev-tool/dev-tool-core.ts"],"mappings":";;;iBAwxEgB,aAAA,CAAc,GAAA,EAAK,cAAA"}