@stackframe/tanstack-start 0.0.1 → 2.8.92

package/dist/esm/components-page/cli-auth-confirm.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli-auth-confirm.test.js","names":[],"sources":["../../../src/components-page/cli-auth-confirm.test.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// @vitest-environment jsdom\n\nimport { runAsynchronously } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport React, { act } from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\nimport type { StackClientApp } from \"../lib/stack-app/apps/interfaces/client-app\";\nimport { stackAppInternalsSymbol } from \"../lib/stack-app/common\";\nimport { StackContext } from \"../providers/stack-context\";\nimport { useCliAuthConfirmation } from \"./cli-auth-confirm\";\n\nconst previousActEnvironment = Reflect.get(globalThis, \"IS_REACT_ACT_ENVIRONMENT\");\n\nfunction responseJson(data: unknown, init?: ResponseInit) {\n  return new Response(JSON.stringify(data), {\n    status: init?.status ?? 200,\n    headers: { \"Content-Type\": \"application/json\" },\n  });\n}\n\nfunction createAppTestDouble(options: {\n  user: unknown,\n  sendRequest: (path: string, requestOptions: RequestInit) => Promise<Response>,\n  signInWithTokens?: (tokens: { accessToken: string, refreshToken: string }) => Promise<void>,\n  redirectToSignIn?: (options: { replace: true }) => Promise<void>,\n  redirectToSignUp?: (options: { replace: true }) => Promise<void>,\n}) {\n  const app = {\n    useUser: () => options.user,\n    redirectToSignIn: options.redirectToSignIn ?? vi.fn(async () => {}),\n    redirectToSignUp: options.redirectToSignUp ?? vi.fn(async () => {}),\n    [stackAppInternalsSymbol]: {\n      sendRequest: options.sendRequest,\n      signInWithTokens: options.signInWithTokens ?? vi.fn(async () => {}),\n    },\n  };\n\n  // This test double intentionally implements only the StackClientApp surface\n  // that useCliAuthConfirmation touches.\n  return app as unknown as StackClientApp<true>;\n}\n\nfunction HookProbe() {\n  const cliAuth = useCliAuthConfirmation();\n  return (\n    <>\n      <div data-testid=\"status\">{cliAuth.status}</div>\n      <div data-testid=\"error\">{cliAuth.error?.message}</div>\n      <button type=\"button\" onClick={() => runAsynchronously(cliAuth.authorize)}>authorize</button>\n      <button onClick={cliAuth.retry}>retry</button>\n    </>\n  );\n}\n\nlet root: Root | null = null;\nlet container: HTMLDivElement | null = null;\n\nasync function renderWithApp(app: StackClientApp<true>) {\n  container = document.createElement(\"div\");\n  document.body.append(container);\n  root = createRoot(container);\n  await act(async () => {\n    root?.render(\n      <StackContext.Provider value={{ app }}>\n        <HookProbe />\n      </StackContext.Provider>\n    );\n  });\n}\n\nfunction getByTestId(testId: string): HTMLElement {\n  const element = container?.querySelector(`[data-testid=\"${testId}\"]`);\n  if (!(element instanceof HTMLElement)) {\n    throw new Error(`Could not find test element ${testId}`);\n  }\n  return element;\n}\n\nfunction getButton(label: string): HTMLButtonElement {\n  const button = [...container?.querySelectorAll(\"button\") ?? []]\n    .find((element) => element.textContent === label);\n  if (!(button instanceof HTMLButtonElement)) {\n    throw new Error(`Could not find button ${label}`);\n  }\n  return button;\n}\n\ndescribe(\"useCliAuthConfirmation\", () => {\n  beforeEach(() => {\n    Reflect.set(globalThis, \"IS_REACT_ACT_ENVIRONMENT\", true);\n  });\n\n  afterEach(() => {\n    act(() => {\n      root?.unmount();\n    });\n    container?.remove();\n    root = null;\n    container = null;\n    vi.restoreAllMocks();\n    window.history.replaceState({}, \"\", \"/\");\n    Reflect.set(globalThis, \"IS_REACT_ACT_ENVIRONMENT\", previousActEnvironment);\n  });\n\n  it(\"completes CLI auth with the current user's refresh token\", async () => {\n    window.history.replaceState({}, \"\", \"/handler/cli-auth-confirm?login_code=login-code\");\n    const getTokens = vi.fn(async () => ({ refreshToken: \"refresh-token\" }));\n    const sendRequest = vi.fn(async (_path: string, _requestOptions: RequestInit) => new Response(null, { status: 200 }));\n    const app = createAppTestDouble({\n      user: { currentSession: { getTokens } },\n      sendRequest,\n    });\n\n    await renderWithApp(app);\n    await act(async () => {\n      getButton(\"authorize\").click();\n    });\n\n    expect(getByTestId(\"status\").textContent).toBe(\"success\");\n    expect(getTokens).toHaveBeenCalledOnce();\n    expect(sendRequest).toHaveBeenCalledOnce();\n    expect(sendRequest.mock.calls[0][0]).toBe(\"/auth/cli/complete\");\n    expect(JSON.parse(String(sendRequest.mock.calls[0][1].body))).toMatchInlineSnapshot(`\n      {\n        \"login_code\": \"login-code\",\n        \"refresh_token\": \"refresh-token\",\n      }\n    `);\n  });\n\n  it(\"ignores duplicate authorize clicks before React re-renders\", async () => {\n    window.history.replaceState({}, \"\", \"/handler/cli-auth-confirm?login_code=login-code\");\n    const getTokens = vi.fn(async () => ({ refreshToken: \"refresh-token\" }));\n    const sendRequest = vi.fn(async (_path: string, _requestOptions: RequestInit) => new Response(null, { status: 200 }));\n    const app = createAppTestDouble({\n      user: { currentSession: { getTokens } },\n      sendRequest,\n    });\n\n    await renderWithApp(app);\n    await act(async () => {\n      const authorizeButton = getButton(\"authorize\");\n      authorizeButton.click();\n      authorizeButton.click();\n    });\n\n    expect(sendRequest).toHaveBeenCalledOnce();\n  });\n\n  it(\"claims anonymous CLI sessions before redirecting to sign-up\", async () => {\n    window.history.replaceState({}, \"\", \"/handler/cli-auth-confirm?login_code=login-code\");\n    const signInWithTokens = vi.fn(async (_tokens: { accessToken: string, refreshToken: string }) => {});\n    const redirectToSignUp = vi.fn(async (_options: { replace: true }) => {});\n    const sendRequest = vi.fn(async (_path: string, _requestOptions: RequestInit) => new Response(null, { status: 200 }))\n      .mockResolvedValueOnce(responseJson({ cli_session_state: \"anonymous\" }))\n      .mockResolvedValueOnce(responseJson({ access_token: \"access-token\", refresh_token: \"refresh-token\" }));\n    const app = createAppTestDouble({\n      user: null,\n      sendRequest,\n      signInWithTokens,\n      redirectToSignUp,\n    });\n\n    await renderWithApp(app);\n    await act(async () => {\n      getButton(\"authorize\").click();\n    });\n\n    expect(redirectToSignUp).toHaveBeenCalledWith({ replace: true });\n    expect(signInWithTokens).toHaveBeenCalledWith({\n      accessToken: \"access-token\",\n      refreshToken: \"refresh-token\",\n    });\n    expect(sessionStorage.getItem(\"stack-cli-auth-confirmed\")).toBe(\"login-code\");\n    expect(sendRequest.mock.calls.map(call => JSON.parse(String(call[1].body)))).toMatchInlineSnapshot(`\n      [\n        {\n          \"login_code\": \"login-code\",\n          \"mode\": \"check\",\n        },\n        {\n          \"login_code\": \"login-code\",\n          \"mode\": \"claim-anon-session\",\n        },\n      ]\n    `);\n  });\n\n  it(\"reports invalid when the login code is missing\", async () => {\n    window.history.replaceState({}, \"\", \"/handler/cli-auth-confirm\");\n    const app = createAppTestDouble({\n      user: null,\n      sendRequest: vi.fn(async (_path: string, _requestOptions: RequestInit) => new Response(null, { status: 200 })),\n    });\n\n    await renderWithApp(app);\n\n    expect(getByTestId(\"status\").textContent).toBe(\"invalid\");\n  });\n});\n"],"mappings":"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"}

package/dist/esm/components-page/email-verification.d.ts

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

package/dist/esm/components-page/email-verification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-verification.d.ts","names":[],"sources":["../../../src/components-page/email-verification.tsx"],"mappings":";;;iBAcgB,iBAAA,CAAkB,KAAA;EAChC,YAAA,GAAe,MAAA;EACf,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/email-verification.js

@@ -0,0 +1,57 @@
+'use client';
+
+import { throwErr } from "@stackframe/stack-shared/dist/utils/errors";
+import React from "react";
+import { useStackApp, useUser } from "../index.js";
+import { useTranslation } from "../lib/translations.js";
+import { jsx } from "react/jsx-runtime";
+import { KnownErrors } from "@stackframe/stack-shared";
+import { MessageCard as MessageCard$1 } from "../components/message-cards/message-card.js";
+
+//#region src/components-page/email-verification.tsx
+function EmailVerification(props) {
+	const { t } = useTranslation();
+	const stackApp = useStackApp();
+	useUser();
+	const [result, setResult] = React.useState(null);
+	const invalidJsx = /* @__PURE__ */ jsx(MessageCard$1, {
+		title: t("Invalid Verification Link"),
+		fullPage: !!props.fullPage,
+		children: /* @__PURE__ */ jsx("p", { children: t("Please check if you have the correct link. If you continue to have issues, please contact support.") })
+	});
+	const expiredJsx = /* @__PURE__ */ jsx(MessageCard$1, {
+		title: t("Expired Verification Link"),
+		fullPage: !!props.fullPage,
+		children: /* @__PURE__ */ jsx("p", { children: t("Your email verification link has expired. Please request a new verification link from your account settings.") })
+	});
+	if (!props.searchParams?.code) return invalidJsx;
+	if (!result) return /* @__PURE__ */ jsx(MessageCard$1, {
+		title: t("Do you want to verify your email?"),
+		fullPage: !!props.fullPage,
+		primaryButtonText: t("Verify"),
+		primaryAction: async () => {
+			setResult(await stackApp.verifyEmail(props.searchParams?.code || throwErr("No verification code provided")));
+		},
+		secondaryButtonText: t("Cancel"),
+		secondaryAction: async () => {
+			await stackApp.redirectToHome();
+		}
+	});
+	else {
+		if (result.status === "error") if (KnownErrors.VerificationCodeNotFound.isInstance(result.error)) return invalidJsx;
+		else if (KnownErrors.VerificationCodeExpired.isInstance(result.error)) return expiredJsx;
+		else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(result.error)) {} else throw result.error;
+		return /* @__PURE__ */ jsx(MessageCard$1, {
+			title: t("You email has been verified!"),
+			fullPage: !!props.fullPage,
+			primaryButtonText: t("Go home"),
+			primaryAction: async () => {
+				await stackApp.redirectToHome();
+			}
+		});
+	}
+}
+
+//#endregion
+export { EmailVerification };
+//# sourceMappingURL=email-verification.js.map

package/dist/esm/components-page/email-verification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-verification.js","names":["MessageCard"],"sources":["../../../src/components-page/email-verification.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 { throwErr } from \"@stackframe/stack-shared/dist/utils/errors\";\nimport React from \"react\";\nimport { useStackApp, useUser } from \"..\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function EmailVerification(props: {\n  searchParams?: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n  const user = useUser();\n  const [result, setResult] = React.useState<Awaited<ReturnType<typeof stackApp.verifyEmail>> | null>(null);\n\n  const invalidJsx = (\n    <MessageCard title={t(\"Invalid Verification Link\")} fullPage={!!props.fullPage}>\n      <p>{t(\"Please check if you have the correct link. If you continue to have issues, please contact support.\")}</p>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t(\"Expired Verification Link\")} fullPage={!!props.fullPage}>\n      <p>{t(\"Your email verification link has expired. Please request a new verification link from your account settings.\")}</p>\n    </MessageCard>\n  );\n\n  if (!props.searchParams?.code) {\n    return invalidJsx;\n  }\n\n  if (!result) {\n    return <MessageCard\n      title={t(\"Do you want to verify your email?\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Verify\")}\n      primaryAction={async () => {\n        const result = await stackApp.verifyEmail(props.searchParams?.code || throwErr(\"No verification code provided\"));\n        setResult(result);\n      }}\n      secondaryButtonText={t(\"Cancel\")}\n      secondaryAction={async () => {\n        await stackApp.redirectToHome();\n      }}\n    />;\n  } else {\n    if (result.status === 'error') {\n      if (KnownErrors.VerificationCodeNotFound.isInstance(result.error)) {\n        return invalidJsx;\n      } else if (KnownErrors.VerificationCodeExpired.isInstance(result.error)) {\n        return expiredJsx;\n      } else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(result.error)) {\n        // everything fine, continue\n      } else {\n        throw result.error;\n      }\n    }\n\n    return <MessageCard\n      title={t(\"You email has been verified!\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Go home\")}\n      primaryAction={async () => {\n        await stackApp.redirectToHome();\n      }}\n    />;\n  }\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,kBAAkB,OAG/B;CACD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;AACjB,UAAS;CACtB,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAkE,KAAK;CAEzG,MAAM,aACJ,oBAACA;EAAY,OAAO,EAAE,4BAA4B;EAAE,UAAU,CAAC,CAAC,MAAM;YACpE,oBAAC,iBAAG,EAAE,qGAAqG,GAAK;GACpG;CAGhB,MAAM,aACJ,oBAACA;EAAY,OAAO,EAAE,4BAA4B;EAAE,UAAU,CAAC,CAAC,MAAM;YACpE,oBAAC,iBAAG,EAAE,+GAA+G,GAAK;GAC9G;AAGhB,KAAI,CAAC,MAAM,cAAc,KACvB,QAAO;AAGT,KAAI,CAAC,OACH,QAAO,oBAACA;EACN,OAAO,EAAE,oCAAoC;EAC7C,UAAU,CAAC,CAAC,MAAM;EAClB,mBAAmB,EAAE,SAAS;EAC9B,eAAe,YAAY;AAEzB,aADe,MAAM,SAAS,YAAY,MAAM,cAAc,QAAQ,SAAS,gCAAgC,CAAC,CAC/F;;EAEnB,qBAAqB,EAAE,SAAS;EAChC,iBAAiB,YAAY;AAC3B,SAAM,SAAS,gBAAgB;;GAEjC;MACG;AACL,MAAI,OAAO,WAAW,QACpB,KAAI,YAAY,yBAAyB,WAAW,OAAO,MAAM,CAC/D,QAAO;WACE,YAAY,wBAAwB,WAAW,OAAO,MAAM,CACrE,QAAO;WACE,YAAY,4BAA4B,WAAW,OAAO,MAAM,EAAE,OAG3E,OAAM,OAAO;AAIjB,SAAO,oBAACA;GACN,OAAO,EAAE,+BAA+B;GACxC,UAAU,CAAC,CAAC,MAAM;GAClB,mBAAmB,EAAE,UAAU;GAC/B,eAAe,YAAY;AACzB,UAAM,SAAS,gBAAgB;;IAEjC"}

package/dist/esm/components-page/error-page.d.ts

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

package/dist/esm/components-page/error-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-page.d.ts","names":[],"sources":["../../../src/components-page/error-page.tsx"],"mappings":";;;iBAgBgB,SAAA,CAAU,KAAA;EAAS,QAAA;EAAoB,YAAA,EAAc,MAAA;AAAA,IAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/error-page.js

@@ -0,0 +1,75 @@
+'use client';
+
+import { Typography } from "@stackframe/stack-ui";
+import { useStackApp } from "../index.js";
+import { useTranslation } from "../lib/translations.js";
+import { jsx } from "react/jsx-runtime";
+import { KnownError, KnownErrors } from "@stackframe/stack-shared";
+import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card.js";
+import { MessageCard as MessageCard$1 } from "../components/message-cards/message-card.js";
+import { KnownErrorMessageCard } from "../components/message-cards/known-error-message-card.js";
+
+//#region src/components-page/error-page.tsx
+function ErrorPage(props) {
+	const { t } = useTranslation();
+	const stackApp = useStackApp();
+	const errorCode = props.searchParams.errorCode;
+	const message = props.searchParams.message;
+	const details = props.searchParams.details;
+	const unknownErrorCard = /* @__PURE__ */ jsx(PredefinedMessageCard, {
+		type: "unknownError",
+		fullPage: !!props.fullPage
+	});
+	if (!errorCode || !message) return unknownErrorCard;
+	let error;
+	try {
+		const detailJson = details ? JSON.parse(details) : {};
+		error = KnownError.fromJson({
+			code: errorCode,
+			message,
+			details: detailJson
+		});
+	} catch (e) {
+		return unknownErrorCard;
+	}
+	if (KnownErrors.OAuthConnectionAlreadyConnectedToAnotherUser.isInstance(error)) return /* @__PURE__ */ jsx(MessageCard$1, {
+		title: t("Failed to connect account"),
+		fullPage: !!props.fullPage,
+		primaryButtonText: t("Go Home"),
+		primaryAction: () => stackApp.redirectToHome(),
+		children: /* @__PURE__ */ jsx(Typography, { children: t("This account is already connected to another user. Please connect a different account.") })
+	});
+	if (KnownErrors.UserAlreadyConnectedToAnotherOAuthConnection.isInstance(error)) return /* @__PURE__ */ jsx(MessageCard$1, {
+		title: t("Failed to connect account"),
+		fullPage: !!props.fullPage,
+		primaryButtonText: t("Go Home"),
+		primaryAction: () => stackApp.redirectToHome(),
+		children: /* @__PURE__ */ jsx(Typography, { children: t("The user is already connected to another OAuth account. Did you maybe selected the wrong account on the OAuth provider page?") })
+	});
+	if (KnownErrors.OAuthProviderAccessDenied.isInstance(error)) return /* @__PURE__ */ jsx(MessageCard$1, {
+		title: t("OAuth provider access denied"),
+		fullPage: !!props.fullPage,
+		primaryButtonText: t("Sign in again"),
+		primaryAction: () => stackApp.redirectToSignIn(),
+		secondaryButtonText: t("Go Home"),
+		secondaryAction: () => stackApp.redirectToHome(),
+		children: /* @__PURE__ */ jsx(Typography, { children: t("The sign-in operation has been cancelled or denied. Please try again.") })
+	});
+	if (KnownErrors.OAuthProviderTemporarilyUnavailable.isInstance(error)) return /* @__PURE__ */ jsx(MessageCard$1, {
+		title: t("OAuth provider is temporarily unavailable"),
+		fullPage: !!props.fullPage,
+		primaryButtonText: t("Try again"),
+		primaryAction: () => stackApp.redirectToSignIn(),
+		secondaryButtonText: t("Go Home"),
+		secondaryAction: () => stackApp.redirectToHome(),
+		children: /* @__PURE__ */ jsx(Typography, { children: t("The OAuth provider could not complete sign-in right now. Please try again in a moment.") })
+	});
+	return /* @__PURE__ */ jsx(KnownErrorMessageCard, {
+		error,
+		fullPage: !!props.fullPage
+	});
+}
+
+//#endregion
+export { ErrorPage };
+//# sourceMappingURL=error-page.js.map

package/dist/esm/components-page/error-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-page.js","names":["MessageCard"],"sources":["../../../src/components-page/error-page.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 { KnownError, KnownErrors } from \"@stackframe/stack-shared\";\nimport { Typography } from \"@stackframe/stack-ui\";\nimport { useStackApp } from \"..\";\nimport { KnownErrorMessageCard } from \"../components/message-cards/known-error-message-card\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\n\nexport function ErrorPage(props: { fullPage?: boolean, searchParams: Record<string, string> }) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n  const errorCode = props.searchParams.errorCode;\n  const message = props.searchParams.message;\n  const details = props.searchParams.details;\n\n  const unknownErrorCard = <PredefinedMessageCard type='unknownError' fullPage={!!props.fullPage} />;\n\n  if (!errorCode || !message) {\n    return unknownErrorCard;\n  }\n\n  let error;\n  try {\n    const detailJson = details ? JSON.parse(details) : {};\n    error = KnownError.fromJson({ code: errorCode, message, details: detailJson });\n  } catch (e) {\n    return unknownErrorCard;\n  }\n\n  if (KnownErrors.OAuthConnectionAlreadyConnectedToAnotherUser.isInstance(error)) {\n    // TODO: add \"Connect a different account\" button\n    return (\n      <MessageCard\n        title={t(\"Failed to connect account\")}\n        fullPage={!!props.fullPage}\n        primaryButtonText={t(\"Go Home\")}\n        primaryAction={() => stackApp.redirectToHome()}\n      >\n        <Typography>\n          {t(\"This account is already connected to another user. Please connect a different account.\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  if (KnownErrors.UserAlreadyConnectedToAnotherOAuthConnection.isInstance(error)) {\n    // TODO: add \"Connect again\" button\n    return (\n      <MessageCard\n        title={t(\"Failed to connect account\")}\n        fullPage={!!props.fullPage}\n        primaryButtonText={t(\"Go Home\")}\n        primaryAction={() => stackApp.redirectToHome()}\n      >\n        <Typography>\n          {t(\"The user is already connected to another OAuth account. Did you maybe selected the wrong account on the OAuth provider page?\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  if (KnownErrors.OAuthProviderAccessDenied.isInstance(error)) {\n    return (\n      <MessageCard\n        title={t(\"OAuth provider access denied\")}\n        fullPage={!!props.fullPage}\n        primaryButtonText={t(\"Sign in again\")}\n        primaryAction={() => stackApp.redirectToSignIn()}\n        secondaryButtonText={t(\"Go Home\")}\n        secondaryAction={() => stackApp.redirectToHome()}\n      >\n        <Typography>\n          {t(\"The sign-in operation has been cancelled or denied. Please try again.\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  if (KnownErrors.OAuthProviderTemporarilyUnavailable.isInstance(error)) {\n    return (\n      <MessageCard\n        title={t(\"OAuth provider is temporarily unavailable\")}\n        fullPage={!!props.fullPage}\n        primaryButtonText={t(\"Try again\")}\n        primaryAction={() => stackApp.redirectToSignIn()}\n        secondaryButtonText={t(\"Go Home\")}\n        secondaryAction={() => stackApp.redirectToHome()}\n      >\n        <Typography>\n          {t(\"The OAuth provider could not complete sign-in right now. Please try again in a moment.\")}\n        </Typography>\n      </MessageCard>\n    );\n  }\n\n  return <KnownErrorMessageCard error={error} fullPage={!!props.fullPage} />;\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,SAAgB,UAAU,OAAqE;CAC7F,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,YAAY,MAAM,aAAa;CACrC,MAAM,UAAU,MAAM,aAAa;CACnC,MAAM,UAAU,MAAM,aAAa;CAEnC,MAAM,mBAAmB,oBAAC;EAAsB,MAAK;EAAe,UAAU,CAAC,CAAC,MAAM;GAAY;AAElG,KAAI,CAAC,aAAa,CAAC,QACjB,QAAO;CAGT,IAAI;AACJ,KAAI;EACF,MAAM,aAAa,UAAU,KAAK,MAAM,QAAQ,GAAG,EAAE;AACrD,UAAQ,WAAW,SAAS;GAAE,MAAM;GAAW;GAAS,SAAS;GAAY,CAAC;UACvE,GAAG;AACV,SAAO;;AAGT,KAAI,YAAY,6CAA6C,WAAW,MAAM,CAE5E,QACE,oBAACA;EACC,OAAO,EAAE,4BAA4B;EACrC,UAAU,CAAC,CAAC,MAAM;EAClB,mBAAmB,EAAE,UAAU;EAC/B,qBAAqB,SAAS,gBAAgB;YAE9C,oBAAC,wBACE,EAAE,yFAAyF,GACjF;GACD;AAIlB,KAAI,YAAY,6CAA6C,WAAW,MAAM,CAE5E,QACE,oBAACA;EACC,OAAO,EAAE,4BAA4B;EACrC,UAAU,CAAC,CAAC,MAAM;EAClB,mBAAmB,EAAE,UAAU;EAC/B,qBAAqB,SAAS,gBAAgB;YAE9C,oBAAC,wBACE,EAAE,+HAA+H,GACvH;GACD;AAIlB,KAAI,YAAY,0BAA0B,WAAW,MAAM,CACzD,QACE,oBAACA;EACC,OAAO,EAAE,+BAA+B;EACxC,UAAU,CAAC,CAAC,MAAM;EAClB,mBAAmB,EAAE,gBAAgB;EACrC,qBAAqB,SAAS,kBAAkB;EAChD,qBAAqB,EAAE,UAAU;EACjC,uBAAuB,SAAS,gBAAgB;YAEhD,oBAAC,wBACE,EAAE,wEAAwE,GAChE;GACD;AAIlB,KAAI,YAAY,oCAAoC,WAAW,MAAM,CACnE,QACE,oBAACA;EACC,OAAO,EAAE,4CAA4C;EACrD,UAAU,CAAC,CAAC,MAAM;EAClB,mBAAmB,EAAE,YAAY;EACjC,qBAAqB,SAAS,kBAAkB;EAChD,qBAAqB,EAAE,UAAU;EACjC,uBAAuB,SAAS,gBAAgB;YAEhD,oBAAC,wBACE,EAAE,yFAAyF,GACjF;GACD;AAIlB,QAAO,oBAAC;EAA6B;EAAO,UAAU,CAAC,CAAC,MAAM;GAAY"}

package/dist/esm/components-page/forgot-password.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components-page/forgot-password.d.ts
+declare function ForgotPasswordForm({
+  onSent
+}: {
+  onSent?: () => void;
+}): react_jsx_runtime0.JSX.Element;
+declare function ForgotPassword(props: {
+  fullPage?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ForgotPassword, ForgotPasswordForm };
+//# sourceMappingURL=forgot-password.d.ts.map

package/dist/esm/components-page/forgot-password.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password.d.ts","names":[],"sources":["../../../src/components-page/forgot-password.tsx"],"mappings":";;;iBAqBgB,kBAAA,CAAA;EAAqB;AAAA;EAAY,MAAA;AAAA,IAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgDtD,cAAA,CAAe,KAAA;EAAS,QAAA;AAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/forgot-password.js

@@ -0,0 +1,100 @@
+'use client';
+
+import { yupResolver } from "@hookform/resolvers/yup";
+import { strictEmailSchema, yupObject } from "@stackframe/stack-shared/dist/schema-fields";
+import { runAsynchronouslyWithAlert } from "@stackframe/stack-shared/dist/utils/promises";
+import { Button, Input, Label, Typography, cn } from "@stackframe/stack-ui";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { 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";
+import { StyledLink } from "../components/link.js";
+import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card.js";
+
+//#region src/components-page/forgot-password.tsx
+function ForgotPasswordForm({ onSent }) {
+	const { t } = useTranslation();
+	const { register, handleSubmit, formState: { errors }, clearErrors } = useForm({ resolver: yupResolver(yupObject({ email: strictEmailSchema(t("Please enter a valid email")).defined().nonEmpty(t("Please enter your email")) })) });
+	const stackApp = useStackApp();
+	const [loading, setLoading] = useState(false);
+	const onSubmit = async (data) => {
+		setLoading(true);
+		try {
+			const { email } = data;
+			await stackApp.sendForgotPasswordEmail(email);
+			onSent?.();
+		} finally {
+			setLoading(false);
+		}
+	};
+	return /* @__PURE__ */ jsxs("form", {
+		className: "flex flex-col items-stretch stack-scope",
+		onSubmit: (e) => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e)),
+		noValidate: true,
+		children: [
+			/* @__PURE__ */ jsx(Label, {
+				htmlFor: "email",
+				className: "mb-1",
+				children: t("Your Email")
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				id: "email",
+				type: "email",
+				autoComplete: "email",
+				...register("email"),
+				onChange: () => clearErrors("email")
+			}),
+			/* @__PURE__ */ jsx(FormWarningText, { text: errors.email?.message?.toString() }),
+			/* @__PURE__ */ jsx(Button, {
+				type: "submit",
+				className: "mt-6",
+				loading,
+				children: t("Send Email")
+			})
+		]
+	});
+}
+function ForgotPassword(props) {
+	const { t } = useTranslation();
+	const stackApp = useStackApp();
+	const user = useUser();
+	const [sent, setSent] = useState(false);
+	if (user) return /* @__PURE__ */ jsx(PredefinedMessageCard, {
+		type: "signedIn",
+		fullPage: !!props.fullPage
+	});
+	if (sent) return /* @__PURE__ */ jsx(PredefinedMessageCard, {
+		type: "emailSent",
+		fullPage: !!props.fullPage
+	});
+	return /* @__PURE__ */ jsx(MaybeFullPage, {
+		fullPage: !!props.fullPage,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("stack-scope max-w-[380px] flex-basis-[380px]", props.fullPage ? "p-4" : "p-0"),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ jsx(Typography, {
+					type: "h2",
+					children: t("Reset Your Password")
+				}), /* @__PURE__ */ jsxs(Typography, { children: [
+					t("Don't need to reset?"),
+					" ",
+					/* @__PURE__ */ jsx(StyledLink, {
+						href: stackApp.urls["signIn"],
+						children: t("Sign in")
+					})
+				] })]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ jsx(ForgotPasswordForm, { onSent: () => setSent(true) })
+			})]
+		})
+	});
+}
+
+//#endregion
+export { ForgotPassword, ForgotPasswordForm };
+//# sourceMappingURL=forgot-password.js.map

package/dist/esm/components-page/forgot-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password.js","names":[],"sources":["../../../src/components-page/forgot-password.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 { strictEmailSchema, yupObject } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, Label, Typography, cn } from \"@stackframe/stack-ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp, useUser } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { StyledLink } from \"../components/link\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function ForgotPasswordForm({ onSent }: { onSent?: () => void }) {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    email: strictEmailSchema(t(\"Please enter a valid email\")).defined().nonEmpty(t(\"Please enter your email\"))\n  });\n\n  const { register, handleSubmit, formState: { errors }, clearErrors } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const stackApp = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { email } = data;\n      await stackApp.sendForgotPasswordEmail(email);\n    onSent?.();\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <form\n      className=\"flex flex-col items-stretch stack-scope\"\n      onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n      noValidate\n    >\n      <Label htmlFor=\"email\" className=\"mb-1\">{t(\"Your Email\")}</Label>\n      <Input\n        id=\"email\"\n        type=\"email\"\n        autoComplete=\"email\"\n        {...register('email')}\n        onChange={() => clearErrors('email')}\n      />\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n        {t(\"Send Email\")}\n      </Button>\n    </form>\n  );\n}\n\n\nexport function ForgotPassword(props: { fullPage?: boolean }) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n  const user = useUser();\n  const [sent, setSent] = useState(false);\n\n  if (user) {\n    return <PredefinedMessageCard type='signedIn' fullPage={!!props.fullPage} />;\n  }\n\n  if (sent) {\n    return <PredefinedMessageCard type='emailSent' fullPage={!!props.fullPage} />;\n  }\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className={cn(\n        \"stack-scope max-w-[380px] flex-basis-[380px]\",\n        props.fullPage ? \"p-4\" : \"p-0\"\n      )}>\n        <div className=\"text-center\">\n          <Typography type='h2'>{t(\"Reset Your Password\")}</Typography>\n          <Typography>\n            {t(\"Don't need to reset?\")}{\" \"}\n            <StyledLink href={stackApp.urls['signIn']}>\n              {t(\"Sign in\")}\n            </StyledLink>\n          </Typography>\n        </div>\n        <div className=\"mt-6\">\n          <ForgotPasswordForm onSent={() => setSent(true)} />\n        </div>\n      </div>\n    </MaybeFullPage>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,SAAgB,mBAAmB,EAAE,UAAmC;CACtE,MAAM,EAAE,MAAM,gBAAgB;CAM9B,MAAM,EAAE,UAAU,cAAc,WAAW,EAAE,UAAU,gBAAgB,QAAQ,EAC7E,UAAU,YALG,UAAU,EACvB,OAAO,kBAAkB,EAAE,6BAA6B,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,0BAA0B,CAAC,EAC3G,CAAC,CAG6B,EAC9B,CAAC;CACF,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,MAAM,WAAW,OAAO,SAAuC;AAC7D,aAAW,KAAK;AAChB,MAAI;GACF,MAAM,EAAE,UAAU;AAClB,SAAM,SAAS,wBAAwB,MAAM;AAC/C,aAAU;YACA;AACR,cAAW,MAAM;;;AAIrB,QACE,qBAAC;EACC,WAAU;EACV,WAAU,MAAK,2BAA2B,aAAa,SAAS,CAAC,EAAE,CAAC;EACpE;;GAEA,oBAAC;IAAM,SAAQ;IAAQ,WAAU;cAAQ,EAAE,aAAa;KAAS;GACjE,oBAAC;IACC,IAAG;IACH,MAAK;IACL,cAAa;IACb,GAAI,SAAS,QAAQ;IACrB,gBAAgB,YAAY,QAAQ;KACpC;GACF,oBAAC,mBAAgB,MAAM,OAAO,OAAO,SAAS,UAAU,GAAI;GAE5D,oBAAC;IAAO,MAAK;IAAS,WAAU;IAAgB;cAC7C,EAAE,aAAa;KACT;;GACJ;;AAKX,SAAgB,eAAe,OAA+B;CAC5D,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;AAEvC,KAAI,KACF,QAAO,oBAAC;EAAsB,MAAK;EAAW,UAAU,CAAC,CAAC,MAAM;GAAY;AAG9E,KAAI,KACF,QAAO,oBAAC;EAAsB,MAAK;EAAY,UAAU,CAAC,CAAC,MAAM;GAAY;AAG/E,QACE,oBAAC;EAAc,UAAU,CAAC,CAAC,MAAM;YAC/B,qBAAC;GAAI,WAAW,GACd,gDACA,MAAM,WAAW,QAAQ,MAC1B;cACC,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAW,MAAK;eAAM,EAAE,sBAAsB;MAAc,EAC7D,qBAAC;KACE,EAAE,uBAAuB;KAAE;KAC5B,oBAAC;MAAW,MAAM,SAAS,KAAK;gBAC7B,EAAE,UAAU;OACF;QACF;KACT,EACN,oBAAC;IAAI,WAAU;cACb,oBAAC,sBAAmB,cAAc,QAAQ,KAAK,GAAI;KAC/C;IACF;GACQ"}

package/dist/esm/components-page/magic-link-callback.d.ts

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

package/dist/esm/components-page/magic-link-callback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"magic-link-callback.d.ts","names":[],"sources":["../../../src/components-page/magic-link-callback.tsx"],"mappings":";;;iBAoBgB,iBAAA,CAAkB,KAAA;EAChC,YAAA,GAAe,MAAA;EACf,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,72 @@
+'use client';
+
+import { throwErr } from "@stackframe/stack-shared/dist/utils/errors";
+import React from "react";
+import { useStackApp, useUser } from "../index.js";
+import { useTranslation } from "../lib/translations.js";
+import { jsx } from "react/jsx-runtime";
+import { KnownErrors } from "@stackframe/stack-shared";
+import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card.js";
+import { MessageCard as MessageCard$1 } from "../components/message-cards/message-card.js";
+import { cacheFunction } from "@stackframe/stack-shared/dist/utils/caches";
+
+//#region src/components-page/magic-link-callback.tsx
+cacheFunction(async (stackApp, code) => {
+	return await stackApp.signInWithMagicLink(code);
+});
+function MagicLinkCallback(props) {
+	const { t } = useTranslation();
+	const stackApp = useStackApp();
+	const user = useUser();
+	const [result, setResult] = React.useState(null);
+	if (user) return /* @__PURE__ */ jsx(PredefinedMessageCard, {
+		type: "signedIn",
+		fullPage: !!props.fullPage
+	});
+	const invalidJsx = /* @__PURE__ */ jsx(MessageCard$1, {
+		title: t("Invalid Magic Link"),
+		fullPage: !!props.fullPage,
+		children: /* @__PURE__ */ jsx("p", { children: t("Please check if you have the correct link. If you continue to have issues, please contact support.") })
+	});
+	const expiredJsx = /* @__PURE__ */ jsx(MessageCard$1, {
+		title: t("Expired Magic Link"),
+		fullPage: !!props.fullPage,
+		children: /* @__PURE__ */ jsx("p", { children: t("Your magic link has expired. Please request a new magic link if you need to sign-in.") })
+	});
+	const alreadyUsedJsx = /* @__PURE__ */ jsx(MessageCard$1, {
+		title: t("Magic Link Already Used"),
+		fullPage: !!props.fullPage,
+		children: /* @__PURE__ */ jsx("p", { children: t("The magic link has already been used. The link can only be used once. Please request a new magic link if you need to sign-in again.") })
+	});
+	if (!props.searchParams?.code) return invalidJsx;
+	if (!result) return /* @__PURE__ */ jsx(MessageCard$1, {
+		title: t("Do you want to sign in?"),
+		fullPage: !!props.fullPage,
+		primaryButtonText: t("Sign in"),
+		primaryAction: async () => {
+			setResult(await stackApp.signInWithMagicLink(props.searchParams?.code || throwErr("No magic link provided")));
+		},
+		secondaryButtonText: t("Cancel"),
+		secondaryAction: async () => {
+			await stackApp.redirectToHome();
+		}
+	});
+	else {
+		if (result.status === "error") if (KnownErrors.VerificationCodeNotFound.isInstance(result.error)) return invalidJsx;
+		else if (KnownErrors.VerificationCodeExpired.isInstance(result.error)) return expiredJsx;
+		else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(result.error)) return alreadyUsedJsx;
+		else throw result.error;
+		return /* @__PURE__ */ jsx(MessageCard$1, {
+			title: t("Signed in successfully!"),
+			fullPage: !!props.fullPage,
+			primaryButtonText: t("Go home"),
+			primaryAction: async () => {
+				await stackApp.redirectToHome();
+			}
+		});
+	}
+}
+
+//#endregion
+export { MagicLinkCallback };
+//# sourceMappingURL=magic-link-callback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"magic-link-callback.js","names":["MessageCard"],"sources":["../../../src/components-page/magic-link-callback.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 { throwErr } from \"@stackframe/stack-shared/dist/utils/errors\";\nimport React from \"react\";\nimport { StackClientApp, useStackApp, useUser } from \"..\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nconst cacheSignInWithMagicLink = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.signInWithMagicLink(code);\n});\n\nexport function MagicLinkCallback(props: {\n  searchParams?: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n  const user = useUser();\n  const [result, setResult] = React.useState<Awaited<ReturnType<typeof stackApp.signInWithMagicLink>> | null>(null);\n\n  if (user) {\n    return <PredefinedMessageCard type='signedIn' fullPage={!!props.fullPage} />;\n  }\n\n  const invalidJsx = (\n    <MessageCard title={t(\"Invalid Magic Link\")} fullPage={!!props.fullPage}>\n      <p>{t(\"Please check if you have the correct link. If you continue to have issues, please contact support.\")}</p>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t(\"Expired Magic Link\")} fullPage={!!props.fullPage}>\n      <p>{t(\"Your magic link has expired. Please request a new magic link if you need to sign-in.\")}</p>\n    </MessageCard>\n  );\n\n  const alreadyUsedJsx = (\n    <MessageCard title={t(\"Magic Link Already Used\")} fullPage={!!props.fullPage}>\n      <p>{t(\"The magic link has already been used. The link can only be used once. Please request a new magic link if you need to sign-in again.\")}</p>\n    </MessageCard>\n  );\n\n  if (!props.searchParams?.code) {\n    return invalidJsx;\n  }\n\n  if (!result) {\n    return <MessageCard\n      title={t(\"Do you want to sign in?\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Sign in\")}\n      primaryAction={async () => {\n        const result = await stackApp.signInWithMagicLink(props.searchParams?.code || throwErr(\"No magic link provided\"));\n        setResult(result);\n      }}\n      secondaryButtonText={t(\"Cancel\")}\n      secondaryAction={async () => {\n        await stackApp.redirectToHome();\n      }}\n    />;\n  } else {\n    if (result.status === 'error') {\n      if (KnownErrors.VerificationCodeNotFound.isInstance(result.error)) {\n        return invalidJsx;\n      } else if (KnownErrors.VerificationCodeExpired.isInstance(result.error)) {\n        return expiredJsx;\n      } else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(result.error)) {\n        return alreadyUsedJsx;\n      } else {\n        throw result.error;\n      }\n    }\n\n    return <MessageCard\n      title={t(\"Signed in successfully!\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Go home\")}\n      primaryAction={async () => {\n        await stackApp.redirectToHome();\n      }}\n    />;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAgBiC,cAAc,OAAO,UAAgC,SAAiB;AACrG,QAAO,MAAM,SAAS,oBAAoB,KAAK;EAC/C;AAEF,SAAgB,kBAAkB,OAG/B;CACD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,QAAQ,aAAa,MAAM,SAA0E,KAAK;AAEjH,KAAI,KACF,QAAO,oBAAC;EAAsB,MAAK;EAAW,UAAU,CAAC,CAAC,MAAM;GAAY;CAG9E,MAAM,aACJ,oBAACA;EAAY,OAAO,EAAE,qBAAqB;EAAE,UAAU,CAAC,CAAC,MAAM;YAC7D,oBAAC,iBAAG,EAAE,qGAAqG,GAAK;GACpG;CAGhB,MAAM,aACJ,oBAACA;EAAY,OAAO,EAAE,qBAAqB;EAAE,UAAU,CAAC,CAAC,MAAM;YAC7D,oBAAC,iBAAG,EAAE,uFAAuF,GAAK;GACtF;CAGhB,MAAM,iBACJ,oBAACA;EAAY,OAAO,EAAE,0BAA0B;EAAE,UAAU,CAAC,CAAC,MAAM;YAClE,oBAAC,iBAAG,EAAE,sIAAsI,GAAK;GACrI;AAGhB,KAAI,CAAC,MAAM,cAAc,KACvB,QAAO;AAGT,KAAI,CAAC,OACH,QAAO,oBAACA;EACN,OAAO,EAAE,0BAA0B;EACnC,UAAU,CAAC,CAAC,MAAM;EAClB,mBAAmB,EAAE,UAAU;EAC/B,eAAe,YAAY;AAEzB,aADe,MAAM,SAAS,oBAAoB,MAAM,cAAc,QAAQ,SAAS,yBAAyB,CAAC,CAChG;;EAEnB,qBAAqB,EAAE,SAAS;EAChC,iBAAiB,YAAY;AAC3B,SAAM,SAAS,gBAAgB;;GAEjC;MACG;AACL,MAAI,OAAO,WAAW,QACpB,KAAI,YAAY,yBAAyB,WAAW,OAAO,MAAM,CAC/D,QAAO;WACE,YAAY,wBAAwB,WAAW,OAAO,MAAM,CACrE,QAAO;WACE,YAAY,4BAA4B,WAAW,OAAO,MAAM,CACzE,QAAO;MAEP,OAAM,OAAO;AAIjB,SAAO,oBAACA;GACN,OAAO,EAAE,0BAA0B;GACnC,UAAU,CAAC,CAAC,MAAM;GAClB,mBAAmB,EAAE,UAAU;GAC/B,eAAe,YAAY;AACzB,UAAM,SAAS,gBAAgB;;IAEjC"}

package/dist/esm/components-page/mfa.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components-page/mfa.d.ts
+declare function MFA(props: {
+  fullPage?: boolean;
+  onSuccess?: () => void;
+  onCancel?: () => void;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { MFA };
+//# sourceMappingURL=mfa.d.ts.map

package/dist/esm/components-page/mfa.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mfa.d.ts","names":[],"sources":["../../../src/components-page/mfa.tsx"],"mappings":";;;iBAyLgB,GAAA,CAAI,KAAA;EAClB,QAAA;EACA,SAAA;EACA,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/mfa.js

@@ -0,0 +1,164 @@
+"use client";
+
+import { Button, InputOTP, InputOTPGroup, InputOTPSlot, Spinner, Typography, cn } from "@stackframe/stack-ui";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useStackApp } 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 { KnownErrors } from "@stackframe/stack-shared";
+import { CheckIcon } from "lucide-react";
+import { MaybeFullPage } from "../components/elements/maybe-full-page.js";
+
+//#region src/components-page/mfa.tsx
+function MfaForm({ onSuccess, onCancel }) {
+	const stackApp = useStackApp();
+	const { t } = useTranslation();
+	const [otp, setOtp] = useState("");
+	const formRef = useRef(null);
+	const [submitting, setSubmitting] = useState(false);
+	const [error, setError] = useState(null);
+	const [verified, setVerified] = useState(false);
+	const [attemptCode, setAttemptCode] = useState(null);
+	useEffect(() => {
+		if (!attemptCode && typeof window !== "undefined") {
+			const code = window.sessionStorage.getItem("stack_mfa_attempt_code");
+			if (code) setAttemptCode(code);
+		}
+	}, [attemptCode]);
+	useEffect(() => {
+		if (otp.length === 6 && !submitting) {
+			if (document.activeElement instanceof HTMLElement) document.activeElement.blur();
+			if (formRef.current) {
+				const inputs = formRef.current.querySelectorAll("input");
+				for (const input of inputs) input.blur();
+			}
+			setSubmitting(true);
+			setError(null);
+			if (attemptCode) stackApp.signInWithMfa(otp, attemptCode, { noRedirect: true }).then(async (result) => {
+				if (result.status === "ok") {
+					setVerified(true);
+					if (typeof window !== "undefined") window.sessionStorage.removeItem("stack_mfa_attempt_code");
+					if (onSuccess) onSuccess();
+					else await stackApp.redirectToAfterSignIn();
+				} else throw result.error;
+			}).catch((e) => {
+				if (e instanceof KnownErrors.InvalidTotpCode) setError(t("Invalid TOTP code"));
+				else setError(t("Verification failed"));
+			}).finally(() => {
+				setSubmitting(false);
+				if (!verified) setOtp("");
+			});
+			else {
+				setSubmitting(false);
+				setError(t("Missing verification information"));
+			}
+		}
+		if (otp.length !== 0 && otp.length !== 6) setError(null);
+	}, [
+		otp,
+		submitting,
+		onSuccess,
+		attemptCode,
+		stackApp,
+		t,
+		verified
+	]);
+	const inputStyleClass = useMemo(() => {
+		if (verified) return "opacity-85 transition-all duration-300";
+		if (error) return "ring-red-500 border-red-500";
+		return "focus:ring-primary/50";
+	}, [error, verified]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-stretch stack-scope",
+		children: [/* @__PURE__ */ jsxs("form", {
+			ref: formRef,
+			className: "w-full flex flex-col items-center gap-4",
+			children: [/* @__PURE__ */ jsx(InputOTP, {
+				maxLength: 6,
+				type: "text",
+				inputMode: "numeric",
+				placeholder: "······",
+				value: otp,
+				onChange: (value) => setOtp(value.toUpperCase()),
+				disabled: submitting || verified,
+				children: /* @__PURE__ */ jsx(InputOTPGroup, { children: [
+					0,
+					1,
+					2,
+					3,
+					4,
+					5
+				].map((index) => /* @__PURE__ */ jsx(InputOTPSlot, {
+					index,
+					size: "lg",
+					className: cn("border focus:ring-2 transition-all", inputStyleClass)
+				}, index)) })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "h-8 flex flex-col gap-4 items-center justify-center w-full",
+				children: [verified ? /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2 animate-in fade-in duration-300 slide-in-from-bottom-2",
+					children: [/* @__PURE__ */ jsx(CheckIcon, { className: "w-5 h-5 text-green-600 animate-in zoom-in duration-300" }), /* @__PURE__ */ jsx(Typography, {
+						className: "text-sm font-medium",
+						children: t("Verified! Redirecting...")
+					})]
+				}) : submitting ? /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(Spinner, { className: "text-primary h-4 w-4" }), /* @__PURE__ */ jsx(Typography, {
+						className: "text-sm",
+						children: t("Verifying...")
+					})]
+				}) : null, error !== null && !submitting && !verified ? /* @__PURE__ */ jsx(FormWarningText, { text: error }) : null]
+			})]
+		}), onCancel && !verified && /* @__PURE__ */ jsx(Button, {
+			variant: "link",
+			onClick: onCancel,
+			className: "underline mt-4 self-center",
+			disabled: submitting || verified,
+			children: t("Cancel")
+		})]
+	});
+}
+function MFA(props) {
+	const { t } = useTranslation();
+	const headerText = t("Multi-Factor Authentication");
+	const instructionText = t("Enter the six-digit code from your authenticator app");
+	if (props.fullPage) return /* @__PURE__ */ jsx(MaybeFullPage, {
+		fullPage: true,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "stack-scope flex flex-col items-stretch",
+			style: {
+				maxWidth: "380px",
+				flexBasis: "380px",
+				padding: "1rem"
+			},
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "text-center mb-6",
+				children: [/* @__PURE__ */ jsx(Typography, {
+					type: "h2",
+					children: headerText
+				}), /* @__PURE__ */ jsx(Typography, {
+					className: "mt-2",
+					children: instructionText
+				})]
+			}), /* @__PURE__ */ jsx(MfaForm, {
+				onSuccess: props.onSuccess,
+				onCancel: props.onCancel
+			})]
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-stretch stack-scope",
+		children: [/* @__PURE__ */ jsx(Typography, {
+			className: "mb-4 text-center",
+			children: instructionText
+		}), /* @__PURE__ */ jsx(MfaForm, {
+			onSuccess: props.onSuccess,
+			onCancel: props.onCancel
+		})]
+	});
+}
+
+//#endregion
+export { MFA };
+//# sourceMappingURL=mfa.js.map