@hexclave/next 1.0.123 → 1.0.126

package/dist/esm/components/user-button.test.js

@@ -0,0 +1,70 @@
+import { act } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createRoot } from "react-dom/client";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { UserButton } from "./user-button.js";
+//#region src/components/user-button.test.tsx
+// @vitest-environment jsdom
+const previousActEnvironment = Reflect.get(globalThis, "IS_REACT_ACT_ENVIRONMENT");
+const state = vi.hoisted(() => ({
+	app: null,
+	user: null
+}));
+vi.mock("..", () => ({
+	useStackApp: () => state.app,
+	useUser: () => state.user
+}));
+vi.mock("../lib/translations", () => ({ useTranslation: () => ({ t: (value) => value }) }));
+vi.mock("./elements/user-avatar", () => ({ UserAvatar: () => /* @__PURE__ */ jsx("div", { "data-testid": "user-avatar" }) }));
+vi.mock("@hexclave/ui", () => ({
+	DropdownMenu: (props) => /* @__PURE__ */ jsx("div", { children: props.children }),
+	DropdownMenuContent: (props) => /* @__PURE__ */ jsx("div", { children: props.children }),
+	DropdownMenuItem: (props) => /* @__PURE__ */ jsx("button", {
+		onClick: props.onClick,
+		children: props.children
+	}),
+	DropdownMenuLabel: (props) => /* @__PURE__ */ jsx("div", { children: props.children }),
+	DropdownMenuSeparator: () => /* @__PURE__ */ jsx("hr", {}),
+	DropdownMenuTrigger: (props) => /* @__PURE__ */ jsx("div", { children: props.children }),
+	Skeleton: () => /* @__PURE__ */ jsx("div", {}),
+	Typography: (props) => /* @__PURE__ */ jsx("div", { children: props.children })
+}));
+describe("UserButton", () => {
+	let root = null;
+	let container = null;
+	beforeEach(() => {
+		Reflect.set(globalThis, "IS_REACT_ACT_ENVIRONMENT", true);
+	});
+	afterEach(() => {
+		act(() => root?.unmount());
+		container?.remove();
+		root = null;
+		container = null;
+		state.app = null;
+		state.user = null;
+		Reflect.set(globalThis, "IS_REACT_ACT_ENVIRONMENT", previousActEnvironment);
+	});
+	it("hides external-auth sign out while keeping account settings", async () => {
+		state.app = {
+			isExternalAuthApp: () => true,
+			redirectToAccountSettings: vi.fn(async () => {})
+		};
+		state.user = {
+			displayName: "External user",
+			primaryEmail: "user@example.com",
+			signOut: vi.fn(async () => {})
+		};
+		container = document.createElement("div");
+		document.body.append(container);
+		root = createRoot(container);
+		await act(async () => {
+			root?.render(/* @__PURE__ */ jsx(UserButton, {}));
+		});
+		expect(container.textContent).toContain("Account settings");
+		expect(container.textContent).not.toContain("Sign out");
+	});
+});
+//#endregion
+export {};
+
+//# sourceMappingURL=user-button.test.js.map

package/dist/esm/components/user-button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-button.test.js","names":[],"sources":["../../../src/components/user-button.test.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n// @vitest-environment jsdom\n\nimport React, { act } from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\nimport { UserButton } from \"./user-button\";\n\ntype MockState = {\n  app: { isExternalAuthApp: () => boolean, redirectToAccountSettings: () => Promise<void> } | null,\n  user: { displayName: string, primaryEmail: string, signOut: () => Promise<void> } | null,\n};\n\nconst previousActEnvironment = Reflect.get(globalThis, \"IS_REACT_ACT_ENVIRONMENT\");\n\nconst state = vi.hoisted<MockState>(() => ({\n  app: null,\n  user: null,\n}));\n\nvi.mock(\"..\", () => ({\n  useStackApp: () => state.app,\n  useUser: () => state.user,\n}));\n\nvi.mock(\"../lib/translations\", () => ({\n  useTranslation: () => ({ t: (value: string) => value }),\n}));\n\nvi.mock(\"./elements/user-avatar\", () => ({\n  UserAvatar: () => <div data-testid=\"user-avatar\" />,\n}));\n\nvi.mock(\"@hexclave/ui\", () => ({\n  DropdownMenu: (props: { children: React.ReactNode }) => <div>{props.children}</div>,\n  DropdownMenuContent: (props: { children: React.ReactNode }) => <div>{props.children}</div>,\n  DropdownMenuItem: (props: { children: React.ReactNode, onClick: () => void }) => <button onClick={props.onClick}>{props.children}</button>,\n  DropdownMenuLabel: (props: { children: React.ReactNode }) => <div>{props.children}</div>,\n  DropdownMenuSeparator: () => <hr />,\n  DropdownMenuTrigger: (props: { children: React.ReactNode }) => <div>{props.children}</div>,\n  Skeleton: () => <div />,\n  Typography: (props: { children: React.ReactNode }) => <div>{props.children}</div>,\n}));\n\ndescribe(\"UserButton\", () => {\n  let root: Root | null = null;\n  let container: HTMLDivElement | null = null;\n\n  beforeEach(() => {\n    Reflect.set(globalThis, \"IS_REACT_ACT_ENVIRONMENT\", true);\n  });\n\n  afterEach(() => {\n    act(() => root?.unmount());\n    container?.remove();\n    root = null;\n    container = null;\n    state.app = null;\n    state.user = null;\n    Reflect.set(globalThis, \"IS_REACT_ACT_ENVIRONMENT\", previousActEnvironment);\n  });\n\n  it(\"hides external-auth sign out while keeping account settings\", async () => {\n    state.app = {\n      isExternalAuthApp: () => true,\n      redirectToAccountSettings: vi.fn(async () => {}),\n    };\n    state.user = {\n      displayName: \"External user\",\n      primaryEmail: \"user@example.com\",\n      signOut: vi.fn(async () => {}),\n    };\n    container = document.createElement(\"div\");\n    document.body.append(container);\n    root = createRoot(container);\n\n    await act(async () => {\n      root?.render(<UserButton />);\n    });\n\n    expect(container.textContent).toContain(\"Account settings\");\n    expect(container.textContent).not.toContain(\"Sign out\");\n  });\n});\n"],"mappings":";;;;;;;AAgBA,MAAM,yBAAyB,QAAQ,IAAI,YAAY,0BAA0B;AAEjF,MAAM,QAAQ,GAAG,eAA0B;CACzC,KAAK;CACL,MAAM;AACR,EAAE;AAEF,GAAG,KAAK,aAAa;CACnB,mBAAmB,MAAM;CACzB,eAAe,MAAM;AACvB,EAAE;AAEF,GAAG,KAAK,8BAA8B,EACpC,uBAAuB,EAAE,IAAI,UAAkB,MAAM,GACvD,EAAE;AAEF,GAAG,KAAK,iCAAiC,EACvC,kBAAkB,oBAAC,OAAD,EAAK,eAAY,cAAe,CAAA,EACpD,EAAE;AAEF,GAAG,KAAK,uBAAuB;CAC7B,eAAe,UAAyC,oBAAC,OAAD,EAAA,UAAM,MAAM,SAAc,CAAA;CAClF,sBAAsB,UAAyC,oBAAC,OAAD,EAAA,UAAM,MAAM,SAAc,CAAA;CACzF,mBAAmB,UAA8D,oBAAC,UAAD;EAAQ,SAAS,MAAM;YAAU,MAAM;CAAiB,CAAA;CACzI,oBAAoB,UAAyC,oBAAC,OAAD,EAAA,UAAM,MAAM,SAAc,CAAA;CACvF,6BAA6B,oBAAC,MAAD,CAAK,CAAA;CAClC,sBAAsB,UAAyC,oBAAC,OAAD,EAAA,UAAM,MAAM,SAAc,CAAA;CACzF,gBAAgB,oBAAC,OAAD,CAAM,CAAA;CACtB,aAAa,UAAyC,oBAAC,OAAD,EAAA,UAAM,MAAM,SAAc,CAAA;AAClF,EAAE;AAEF,SAAS,oBAAoB;CAC3B,IAAI,OAAoB;CACxB,IAAI,YAAmC;CAEvC,iBAAiB;EACf,QAAQ,IAAI,YAAY,4BAA4B,IAAI;CAC1D,CAAC;CAED,gBAAgB;EACd,UAAU,MAAM,QAAQ,CAAC;EACzB,WAAW,OAAO;EAClB,OAAO;EACP,YAAY;EACZ,MAAM,MAAM;EACZ,MAAM,OAAO;EACb,QAAQ,IAAI,YAAY,4BAA4B,sBAAsB;CAC5E,CAAC;CAED,GAAG,+DAA+D,YAAY;EAC5E,MAAM,MAAM;GACV,yBAAyB;GACzB,2BAA2B,GAAG,GAAG,YAAY,CAAC,CAAC;EACjD;EACA,MAAM,OAAO;GACX,aAAa;GACb,cAAc;GACd,SAAS,GAAG,GAAG,YAAY,CAAC,CAAC;EAC/B;EACA,YAAY,SAAS,cAAc,KAAK;EACxC,SAAS,KAAK,OAAO,SAAS;EAC9B,OAAO,WAAW,SAAS;EAE3B,MAAM,IAAI,YAAY;GACpB,MAAM,OAAO,oBAAC,YAAD,CAAa,CAAA,CAAC;EAC7B,CAAC;EAED,OAAO,UAAU,WAAW,CAAC,CAAC,UAAU,kBAAkB;EAC1D,OAAO,UAAU,WAAW,CAAC,CAAC,IAAI,UAAU,UAAU;CACxD,CAAC;AACH,CAAC"}

package/dist/esm/components-page/account-settings/settings/sign-out-section.d.ts

@@ -1,7 +1,7 @@
 //#region src/components-page/account-settings/settings/sign-out-section.d.ts
 declare function SignOutSection(props?: {
   mockMode?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { SignOutSection };
 //# sourceMappingURL=sign-out-section.d.ts.map

package/dist/esm/components-page/account-settings/settings/sign-out-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sign-out-section.d.ts","names":[],"sources":["../../../../../src/components-page/account-settings/settings/sign-out-section.tsx"],"mappings":";iBASgB,cAAA,CAAe,KAAA;EAAU,QAAA;AAAA,gCAAoB,GAAA,CAAA,OAAA"}
+{"version":3,"file":"sign-out-section.d.ts","names":[],"sources":["../../../../../src/components-page/account-settings/settings/sign-out-section.tsx"],"mappings":";iBAUgB,cAAA,CAAe,KAAA;EAAU,QAAA;AAAA,gCAAoB,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/account-settings/settings/sign-out-section.js

@@ -3,10 +3,13 @@ import { jsx } from "react/jsx-runtime";
 import { useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
 import { Section } from "../section.js";
+import { useStackApp as useStackApp$1 } from "../../../index.js";
 //#region src/components-page/account-settings/settings/sign-out-section.tsx
 function SignOutSection(props) {
 	const { t } = useTranslation();
-	const user = useUser({ or: props?.mockMode ? "return-null" : "throw" });
+	const app = useStackApp$1();
+	const user = useUser({ or: props?.mockMode || app.isExternalAuthApp() ? "return-null" : "throw" });
+	if (app.isExternalAuthApp()) return null;
 	const handleSignOut = async () => {
 		if (props?.mockMode) {
 			alert("Mock mode: Sign out clicked");

package/dist/esm/components-page/account-settings/settings/sign-out-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"sign-out-section.js","names":[],"sources":["../../../../../src/components-page/account-settings/settings/sign-out-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Button } from \"@hexclave/ui\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\nexport function SignOutSection(props?: { mockMode?: boolean }) {\n  const { t } = useTranslation();\n  const user = useUser({ or: props?.mockMode ? \"return-null\" : \"throw\" });\n\n  const handleSignOut = async () => {\n    if (props?.mockMode) {\n      // Mock mode - just show an alert or do nothing\n      alert(\"Mock mode: Sign out clicked\");\n      return;\n    }\n    if (user) {\n      await user.signOut();\n    }\n  };\n\n  return (\n    <Section\n      title={t(\"Sign out\")}\n      description={t(\"End your current session\")}\n    >\n      <div>\n        <Button\n          variant='secondary'\n          onClick={handleSignOut}\n        >\n          {t(\"Sign out\")}\n        </Button>\n      </div>\n    </Section>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgB,eAAe,OAAgC;CAC7D,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,OAAO,QAAQ,EAAE,IAAI,OAAO,WAAW,gBAAgB,QAAQ,CAAC;CAEtE,MAAM,gBAAgB,YAAY;EAChC,IAAI,OAAO,UAAU;GAEnB,MAAM,6BAA6B;GACnC;EACF;EACA,IAAI,MACF,MAAM,KAAK,QAAQ;CAEvB;CAEA,OACE,oBAAC,SAAD;EACE,OAAO,EAAE,UAAU;EACnB,aAAa,EAAE,0BAA0B;YAEzC,oBAAC,OAAD,EAAA,UACE,oBAAC,QAAD;GACE,SAAQ;GACR,SAAS;aAER,EAAE,UAAU;EACP,CAAA,EACL,CAAA;CACE,CAAA;AAEb"}
+{"version":3,"file":"sign-out-section.js","names":["useStackApp"],"sources":["../../../../../src/components-page/account-settings/settings/sign-out-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Button } from \"@hexclave/ui\";\nimport { useStackApp } from \"../../..\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\nexport function SignOutSection(props?: { mockMode?: boolean }) {\n  const { t } = useTranslation();\n  const app = useStackApp();\n  // External-auth apps render nothing here, and the provider can clear its session (so Hexclave has no user)\n  // before this re-renders, so don't throw for them.\n  const user = useUser({ or: props?.mockMode || app.isExternalAuthApp() ? \"return-null\" : \"throw\" });\n\n  if (app.isExternalAuthApp()) {\n    return null;\n  }\n\n  const handleSignOut = async () => {\n    if (props?.mockMode) {\n      // Mock mode - just show an alert or do nothing\n      alert(\"Mock mode: Sign out clicked\");\n      return;\n    }\n    if (user) {\n      await user.signOut();\n    }\n  };\n\n  return (\n    <Section\n      title={t(\"Sign out\")}\n      description={t(\"End your current session\")}\n    >\n      <div>\n        <Button\n          variant='secondary'\n          onClick={handleSignOut}\n        >\n          {t(\"Sign out\")}\n        </Button>\n      </div>\n    </Section>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,eAAe,OAAgC;CAC7D,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,MAAMA,cAAY;CAGxB,MAAM,OAAO,QAAQ,EAAE,IAAI,OAAO,YAAY,IAAI,kBAAkB,IAAI,gBAAgB,QAAQ,CAAC;CAEjG,IAAI,IAAI,kBAAkB,GACxB,OAAO;CAGT,MAAM,gBAAgB,YAAY;EAChC,IAAI,OAAO,UAAU;GAEnB,MAAM,6BAA6B;GACnC;EACF;EACA,IAAI,MACF,MAAM,KAAK,QAAQ;CAEvB;CAEA,OACE,oBAAC,SAAD;EACE,OAAO,EAAE,UAAU;EACnB,aAAa,EAAE,0BAA0B;YAEzC,oBAAC,OAAD,EAAA,UACE,oBAAC,QAAD;GACE,SAAQ;GACR,SAAS;aAER,EAAE,UAAU;EACP,CAAA,EACL,CAAA;CACE,CAAA;AAEb"}

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

@@ -18,6 +18,7 @@ function Onboarding(props) {
 		or: "return-null",
 		includeRestricted: true
 	});
+	const canSignOut = !hexclaveApp.isExternalAuthApp();
 	if (user && !user.isRestricted) {
 		runAsynchronously(hexclaveApp.redirectToAfterSignIn());
 		return null;
@@ -38,19 +39,19 @@ function Onboarding(props) {
 	if (restrictedReason?.type === "restricted_by_administrator") return /* @__PURE__ */ jsx(MessageCard$1, {
 		title: t("Your account has been restricted"),
 		fullPage: !!props.fullPage,
-		secondaryButtonText: t("Sign out"),
-		secondaryAction: async () => {
+		secondaryButtonText: canSignOut ? t("Sign out") : void 0,
+		secondaryAction: canSignOut ? async () => {
 			await user.signOut();
-		},
+		} : void 0,
 		children: /* @__PURE__ */ jsx("p", { children: user.restrictedByAdminReason ?? t("An administrator has restricted your account. Please reach out to support if you believe this is an error.") })
 	});
 	return /* @__PURE__ */ jsx(MessageCard$1, {
 		title: t("Complete your account setup"),
 		fullPage: !!props.fullPage,
-		secondaryButtonText: t("Sign out"),
-		secondaryAction: async () => {
+		secondaryButtonText: canSignOut ? t("Sign out") : void 0,
+		secondaryAction: canSignOut ? async () => {
 			await user.signOut();
-		},
+		} : void 0,
 		children: /* @__PURE__ */ jsx("p", { children: t("You have not yet completed your account setup. Please reach out to support if you believe this is an error.") })
 	});
 }
@@ -60,7 +61,7 @@ function AddEmailForm(props) {
 		or: "throw",
 		includeRestricted: true
 	});
-	useStackApp();
+	const canSignOut = !useStackApp().isExternalAuthApp();
 	const [loading, setLoading] = useState(false);
 	const { register, handleSubmit, formState: { errors } } = useForm({ resolver: yupResolver(yupObject({ email: strictEmailSchema(t("Please enter a valid email address")).defined().nonEmpty(t("Email is required")) })) });
 	const onSubmit = async (data) => {
@@ -75,10 +76,10 @@ function AddEmailForm(props) {
 	return /* @__PURE__ */ jsxs(MessageCard$1, {
 		title: t("Add your email address"),
 		fullPage: !!props.fullPage,
-		secondaryButtonText: t("Sign out"),
-		secondaryAction: async () => {
+		secondaryButtonText: canSignOut ? t("Sign out") : void 0,
+		secondaryAction: canSignOut ? async () => {
 			await user.signOut();
-		},
+		} : void 0,
 		children: [/* @__PURE__ */ jsx(Typography, {
 			className: "mb-4",
 			children: t("Please add an email address to complete your account setup. We'll send you a verification email.")
@@ -106,6 +107,7 @@ function AddEmailForm(props) {
 function VerifyEmailScreen(props) {
 	const { t } = useTranslation();
 	const { user, email } = props;
+	const canSignOut = !useStackApp().isExternalAuthApp();
 	const [changingEmail, setChangingEmail] = useState(false);
 	if (changingEmail) return /* @__PURE__ */ jsx(AddEmailForm, {
 		fullPage: props.fullPage,
@@ -118,10 +120,10 @@ function VerifyEmailScreen(props) {
 		primaryAction: async () => {
 			await user.sendVerificationEmail();
 		},
-		secondaryButtonText: t("Sign out"),
-		secondaryAction: async () => {
+		secondaryButtonText: canSignOut ? t("Sign out") : void 0,
+		secondaryAction: canSignOut ? async () => {
 			await user.signOut();
-		},
+		} : void 0,
 		children: /* @__PURE__ */ jsxs(Typography, { children: [
 			t("Please verify your email address "),
 			/* @__PURE__ */ jsx("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"onboarding.js","names":["MessageCard"],"sources":["../../../src/components-page/onboarding.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronously, runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Typography } from \"@hexclave/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 { MessageCard } from \"../components/message-cards/message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function Onboarding(props: {\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const hexclaveApp = useStackApp();\n  const user = useUser({ or: \"return-null\", includeRestricted: true });\n\n  // If user is not restricted anymore, redirect to the intended destination\n  // redirectToAfterSignIn automatically checks for after_auth_return_to in the URL\n  if (user && !user.isRestricted) {\n    runAsynchronously(hexclaveApp.redirectToAfterSignIn());\n    // TODO: This should return a loading indicator, not just null\n    return null;\n  }\n\n  // If user is anonymous or not logged in, redirect to sign-in\n  if (!user || user.isAnonymous) {\n    runAsynchronously(hexclaveApp.redirectToSignIn());\n    // TODO: This should return a loading indicator, not just null\n    return null;\n  }\n\n  // User is restricted - show appropriate onboarding step based on restricted reason\n  const restrictedReason = user.restrictedReason;\n\n  if (restrictedReason?.type === \"email_not_verified\") {\n    // Check if user has a primary email\n    const hasPrimaryEmail = !!user.primaryEmail;\n\n    if (!hasPrimaryEmail) {\n      // User needs to add an email first\n      return <AddEmailForm fullPage={props.fullPage} />;\n    }\n\n    // User has email but it's not verified\n    return <VerifyEmailScreen user={user} email={user.primaryEmail} fullPage={props.fullPage} />;\n  }\n\n  if (restrictedReason?.type === \"restricted_by_administrator\") {\n    return (\n      <MessageCard\n        title={t(\"Your account has been restricted\")}\n        fullPage={!!props.fullPage}\n        secondaryButtonText={t(\"Sign out\")}\n        secondaryAction={async () => {\n          await user.signOut();\n        }}\n      >\n        {/* The public reason is set by the project's administrators (sign-up rules or manually), so it's the most\n        helpful thing we can show; the generic sentence is only a fallback for when they didn't provide one. */}\n        <p>{user.restrictedByAdminReason ?? t(\"An administrator has restricted your account. Please reach out to support if you believe this is an error.\")}</p>\n      </MessageCard>\n    );\n  }\n\n  // Unknown restricted reason - show generic message\n  return (\n    <MessageCard\n      title={t(\"Complete your account setup\")}\n      fullPage={!!props.fullPage}\n      secondaryButtonText={t(\"Sign out\")}\n      secondaryAction={async () => {\n        await user.signOut();\n      }}\n    >\n      <p>{t(\"You have not yet completed your account setup. Please reach out to support if you believe this is an error.\")}</p>\n    </MessageCard>\n  );\n}\n\nfunction AddEmailForm(props: {\n  fullPage?: boolean,\n  onEmailAdded?: () => void,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: \"throw\", includeRestricted: true });\n  const hexclaveApp = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const emailSchema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email address'))\n      .defined()\n      .nonEmpty(t('Email is required')),\n  });\n\n  const { register, handleSubmit, formState: { errors } } = useForm({\n    resolver: yupResolver(emailSchema)\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof emailSchema>) => {\n    setLoading(true);\n    try {\n      await user.update({ primaryEmail: data.email });\n      props.onEmailAdded?.();\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <MessageCard\n      title={t(\"Add your email address\")}\n      fullPage={!!props.fullPage}\n      secondaryButtonText={t(\"Sign out\")}\n      secondaryAction={async () => {\n        await user.signOut();\n      }}\n    >\n      <Typography className=\"mb-4\">\n        {t(\"Please add an email address to complete your account setup. We'll send you a verification email.\")}\n      </Typography>\n      <form\n        onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n        noValidate\n        className='flex flex-col gap-2'\n      >\n        <Input\n          {...register(\"email\")}\n          placeholder={t(\"Enter your email\")}\n          type=\"email\"\n        />\n        {errors.email && <FormWarningText text={errors.email.message} />}\n        <Button type=\"submit\" loading={loading} className=\"w-full\">\n          {t(\"Continue\")}\n        </Button>\n      </form>\n    </MessageCard>\n  );\n}\n\nfunction VerifyEmailScreen(props: {\n  user: NonNullable<ReturnType<typeof useUser>>,\n  email: string,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const { user, email } = props;\n  const [changingEmail, setChangingEmail] = useState(false);\n\n  if (changingEmail) {\n    return <AddEmailForm fullPage={props.fullPage} onEmailAdded={() => setChangingEmail(false)} />;\n  }\n\n  return (\n    <MessageCard\n      title={t(\"Please check your email inbox\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Resend verification email\")}\n      primaryAction={async () => {\n        await user.sendVerificationEmail();\n      }}\n      secondaryButtonText={t(\"Sign out\")}\n      secondaryAction={async () => {\n        await user.signOut();\n      }}\n    >\n      <Typography>\n        {t(\"Please verify your email address \")}\n        <span className=\"font-semibold\">{email}</span>\n        {\" (\"}\n        <button\n          type=\"button\"\n          className=\"text-primary hover:underline\"\n          onClick={() => setChangingEmail(true)}\n        >\n          {t(\"change\")}\n        </button>\n        {\"). \"}\n        {t(\"Click the button below to resend the verification link.\")}\n      </Typography>\n    </MessageCard>\n  );\n}\n\n"],"mappings":"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"}
+{"version":3,"file":"onboarding.js","names":["MessageCard"],"sources":["../../../src/components-page/onboarding.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronously, runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Typography } from \"@hexclave/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 { MessageCard } from \"../components/message-cards/message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function Onboarding(props: {\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const hexclaveApp = useStackApp();\n  const user = useUser({ or: \"return-null\", includeRestricted: true });\n  const canSignOut = !hexclaveApp.isExternalAuthApp();\n\n  // If user is not restricted anymore, redirect to the intended destination\n  // redirectToAfterSignIn automatically checks for after_auth_return_to in the URL\n  if (user && !user.isRestricted) {\n    runAsynchronously(hexclaveApp.redirectToAfterSignIn());\n    // TODO: This should return a loading indicator, not just null\n    return null;\n  }\n\n  // If user is anonymous or not logged in, redirect to sign-in\n  if (!user || user.isAnonymous) {\n    runAsynchronously(hexclaveApp.redirectToSignIn());\n    // TODO: This should return a loading indicator, not just null\n    return null;\n  }\n\n  // User is restricted - show appropriate onboarding step based on restricted reason\n  const restrictedReason = user.restrictedReason;\n\n  if (restrictedReason?.type === \"email_not_verified\") {\n    // Check if user has a primary email\n    const hasPrimaryEmail = !!user.primaryEmail;\n\n    if (!hasPrimaryEmail) {\n      // User needs to add an email first\n      return <AddEmailForm fullPage={props.fullPage} />;\n    }\n\n    // User has email but it's not verified\n    return <VerifyEmailScreen user={user} email={user.primaryEmail} fullPage={props.fullPage} />;\n  }\n\n  if (restrictedReason?.type === \"restricted_by_administrator\") {\n    return (\n      <MessageCard\n        title={t(\"Your account has been restricted\")}\n        fullPage={!!props.fullPage}\n        secondaryButtonText={canSignOut ? t(\"Sign out\") : undefined}\n        secondaryAction={canSignOut ? async () => {\n          await user.signOut();\n        } : undefined}\n      >\n        {/* The public reason is set by the project's administrators (sign-up rules or manually), so it's the most\n        helpful thing we can show; the generic sentence is only a fallback for when they didn't provide one. */}\n        <p>{user.restrictedByAdminReason ?? t(\"An administrator has restricted your account. Please reach out to support if you believe this is an error.\")}</p>\n      </MessageCard>\n    );\n  }\n\n  // Unknown restricted reason - show generic message\n  return (\n    <MessageCard\n      title={t(\"Complete your account setup\")}\n      fullPage={!!props.fullPage}\n      secondaryButtonText={canSignOut ? t(\"Sign out\") : undefined}\n      secondaryAction={canSignOut ? async () => {\n        await user.signOut();\n      } : undefined}\n    >\n      <p>{t(\"You have not yet completed your account setup. Please reach out to support if you believe this is an error.\")}</p>\n    </MessageCard>\n  );\n}\n\nfunction AddEmailForm(props: {\n  fullPage?: boolean,\n  onEmailAdded?: () => void,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: \"throw\", includeRestricted: true });\n  const hexclaveApp = useStackApp();\n  const canSignOut = !hexclaveApp.isExternalAuthApp();\n  const [loading, setLoading] = useState(false);\n\n  const emailSchema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email address'))\n      .defined()\n      .nonEmpty(t('Email is required')),\n  });\n\n  const { register, handleSubmit, formState: { errors } } = useForm({\n    resolver: yupResolver(emailSchema)\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof emailSchema>) => {\n    setLoading(true);\n    try {\n      await user.update({ primaryEmail: data.email });\n      props.onEmailAdded?.();\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <MessageCard\n      title={t(\"Add your email address\")}\n      fullPage={!!props.fullPage}\n      secondaryButtonText={canSignOut ? t(\"Sign out\") : undefined}\n      secondaryAction={canSignOut ? async () => {\n        await user.signOut();\n      } : undefined}\n    >\n      <Typography className=\"mb-4\">\n        {t(\"Please add an email address to complete your account setup. We'll send you a verification email.\")}\n      </Typography>\n      <form\n        onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n        noValidate\n        className='flex flex-col gap-2'\n      >\n        <Input\n          {...register(\"email\")}\n          placeholder={t(\"Enter your email\")}\n          type=\"email\"\n        />\n        {errors.email && <FormWarningText text={errors.email.message} />}\n        <Button type=\"submit\" loading={loading} className=\"w-full\">\n          {t(\"Continue\")}\n        </Button>\n      </form>\n    </MessageCard>\n  );\n}\n\nfunction VerifyEmailScreen(props: {\n  user: NonNullable<ReturnType<typeof useUser>>,\n  email: string,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const { user, email } = props;\n  const hexclaveApp = useStackApp();\n  const canSignOut = !hexclaveApp.isExternalAuthApp();\n  const [changingEmail, setChangingEmail] = useState(false);\n\n  if (changingEmail) {\n    return <AddEmailForm fullPage={props.fullPage} onEmailAdded={() => setChangingEmail(false)} />;\n  }\n\n  return (\n    <MessageCard\n      title={t(\"Please check your email inbox\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Resend verification email\")}\n      primaryAction={async () => {\n        await user.sendVerificationEmail();\n      }}\n      secondaryButtonText={canSignOut ? t(\"Sign out\") : undefined}\n      secondaryAction={canSignOut ? async () => {\n        await user.signOut();\n      } : undefined}\n    >\n      <Typography>\n        {t(\"Please verify your email address \")}\n        <span className=\"font-semibold\">{email}</span>\n        {\" (\"}\n        <button\n          type=\"button\"\n          className=\"text-primary hover:underline\"\n          onClick={() => setChangingEmail(true)}\n        >\n          {t(\"change\")}\n        </button>\n        {\"). \"}\n        {t(\"Click the button below to resend the verification link.\")}\n      </Typography>\n    </MessageCard>\n  );\n}\n"],"mappings":"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"}

package/dist/esm/components-page/onboarding.test.js

@@ -34,7 +34,8 @@ const previousActEnvironment = Reflect.get(globalThis, "IS_REACT_ACT_ENVIRONMENT
 function createAppTestDouble() {
 	return {
 		redirectToSignIn: vi.fn(async () => {}),
-		redirectToAfterSignIn: vi.fn(async () => {})
+		redirectToAfterSignIn: vi.fn(async () => {}),
+		isExternalAuthApp: vi.fn(() => false)
 	};
 }
 function createUserTestDouble(user) {

package/dist/esm/components-page/onboarding.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding.test.js","names":[],"sources":["../../../src/components-page/onboarding.test.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n// @vitest-environment jsdom\n\nimport React, { act } from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\nimport type { CurrentUser } from \"../lib/hexclave-app\";\nimport type { StackClientApp } from \"../lib/hexclave-app/apps/interfaces/client-app\";\nimport { TranslationProviderClient } from \"../providers/translation-provider-client\";\nimport { Onboarding } from \"./onboarding\";\n\nconst appMockState = vi.hoisted(() => ({\n  app: null as unknown,\n  user: null as unknown,\n}));\n\nvi.mock(\"..\", () => ({\n  useStackApp: () => {\n    if (appMockState.app == null) {\n      throw new Error(\"Expected test app to be set before rendering.\");\n    }\n    return appMockState.app;\n  },\n  useUser: () => appMockState.user,\n}));\n\nvi.mock(\"@hexclave/ui\", async () => {\n  const React = await import(\"react\");\n  return {\n    Button: (props: { children: React.ReactNode, onClick?: () => void }) => (\n      <button type=\"button\" onClick={props.onClick}>{props.children}</button>\n    ),\n    Input: (props: Record<string, unknown>) => <input {...props} />,\n    Typography: (props: { children: React.ReactNode }) => <div>{props.children}</div>,\n    cn: (...classes: (string | false | null | undefined)[]) => classes.filter(Boolean).join(\" \"),\n  };\n});\n\nconst previousActEnvironment = Reflect.get(globalThis, \"IS_REACT_ACT_ENVIRONMENT\");\n\nfunction createAppTestDouble() {\n  const app = {\n    redirectToSignIn: vi.fn(async () => {}),\n    redirectToAfterSignIn: vi.fn(async () => {}),\n  };\n\n  // This test double intentionally implements only the StackClientApp surface that Onboarding touches.\n  return app as unknown as StackClientApp<true> & {\n    redirectToSignIn: ReturnType<typeof vi.fn>,\n    redirectToAfterSignIn: ReturnType<typeof vi.fn>,\n  };\n}\n\nfunction createUserTestDouble(user: Partial<CurrentUser>) {\n  // Same as the app test double: only the surface Onboarding touches.\n  return {\n    isAnonymous: false,\n    isRestricted: true,\n    restrictedReason: null,\n    restrictedByAdmin: false,\n    restrictedByAdminReason: null,\n    primaryEmail: \"user@example.com\",\n    signOut: vi.fn(async () => {}),\n    ...user,\n  } as unknown as CurrentUser;\n}\n\nlet root: Root | null = null;\nlet container: HTMLDivElement | null = null;\n\nasync function renderOnboarding(options: {\n  app: StackClientApp<true>,\n  user: unknown,\n}) {\n  appMockState.app = options.app;\n  appMockState.user = options.user;\n  container = document.createElement(\"div\");\n  document.body.append(container);\n  root = createRoot(container);\n  await act(async () => {\n    root?.render(\n      <TranslationProviderClient quetzalKeys={new Map()} quetzalLocale={new Map()}>\n        <Onboarding />\n      </TranslationProviderClient>\n    );\n  });\n  return container;\n}\n\ndescribe(\"Onboarding\", () => {\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    appMockState.app = null;\n    appMockState.user = null;\n    vi.restoreAllMocks();\n    Reflect.set(globalThis, \"IS_REACT_ACT_ENVIRONMENT\", previousActEnvironment);\n  });\n\n  it(\"redirects signed-out users to sign-in\", async () => {\n    const app = createAppTestDouble();\n\n    const container = await renderOnboarding({ app, user: null });\n\n    expect(app.redirectToSignIn).toHaveBeenCalled();\n    expect(container.textContent).toBe(\"\");\n  });\n\n  it(\"redirects anonymous users to sign-in\", async () => {\n    const app = createAppTestDouble();\n\n    const container = await renderOnboarding({ app, user: createUserTestDouble({ isAnonymous: true, restrictedReason: { type: \"anonymous\" } }) });\n\n    expect(app.redirectToSignIn).toHaveBeenCalled();\n    expect(container.textContent).toBe(\"\");\n  });\n\n  it(\"redirects users that are no longer restricted to their destination\", async () => {\n    const app = createAppTestDouble();\n\n    await renderOnboarding({ app, user: createUserTestDouble({ isRestricted: false }) });\n\n    expect(app.redirectToAfterSignIn).toHaveBeenCalled();\n    expect(app.redirectToSignIn).not.toHaveBeenCalled();\n  });\n\n  it(\"shows the administrator's public reason to admin-restricted users\", async () => {\n    const app = createAppTestDouble();\n\n    const container = await renderOnboarding({\n      app,\n      user: createUserTestDouble({\n        restrictedReason: { type: \"restricted_by_administrator\" },\n        restrictedByAdmin: true,\n        restrictedByAdminReason: \"Your sign-up was flagged by our fraud prevention rules.\",\n      }),\n    });\n\n    expect(container.textContent).toContain(\"Your account has been restricted\");\n    expect(container.textContent).toContain(\"Your sign-up was flagged by our fraud prevention rules.\");\n    expect(container.textContent).not.toContain(\"Complete your account setup\");\n  });\n\n  it(\"falls back to a generic restricted message when no public reason is set\", async () => {\n    const app = createAppTestDouble();\n\n    const container = await renderOnboarding({\n      app,\n      user: createUserTestDouble({\n        restrictedReason: { type: \"restricted_by_administrator\" },\n        restrictedByAdmin: true,\n        restrictedByAdminReason: null,\n      }),\n    });\n\n    expect(container.textContent).toContain(\"Your account has been restricted\");\n    expect(container.textContent).toContain(\"An administrator has restricted your account.\");\n  });\n\n  it(\"shows the setup-required message for unknown restricted reasons\", async () => {\n    const app = createAppTestDouble();\n\n    const container = await renderOnboarding({\n      app,\n      // The reason types are a closed union, so an unknown reason can only come from a newer backend.\n      user: createUserTestDouble({ restrictedReason: { type: \"some_future_reason\" } as unknown as CurrentUser[\"restrictedReason\"] }),\n    });\n\n    expect(container.textContent).toContain(\"Complete your account setup\");\n  });\n});\n"],"mappings":"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"}
+{"version":3,"file":"onboarding.test.js","names":[],"sources":["../../../src/components-page/onboarding.test.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n// @vitest-environment jsdom\n\nimport React, { act } from \"react\";\nimport { createRoot, type Root } from \"react-dom/client\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\nimport type { CurrentUser } from \"../lib/hexclave-app\";\nimport type { StackClientApp } from \"../lib/hexclave-app/apps/interfaces/client-app\";\nimport { TranslationProviderClient } from \"../providers/translation-provider-client\";\nimport { Onboarding } from \"./onboarding\";\n\nconst appMockState = vi.hoisted(() => ({\n  app: null as unknown,\n  user: null as unknown,\n}));\n\nvi.mock(\"..\", () => ({\n  useStackApp: () => {\n    if (appMockState.app == null) {\n      throw new Error(\"Expected test app to be set before rendering.\");\n    }\n    return appMockState.app;\n  },\n  useUser: () => appMockState.user,\n}));\n\nvi.mock(\"@hexclave/ui\", async () => {\n  const React = await import(\"react\");\n  return {\n    Button: (props: { children: React.ReactNode, onClick?: () => void }) => (\n      <button type=\"button\" onClick={props.onClick}>{props.children}</button>\n    ),\n    Input: (props: Record<string, unknown>) => <input {...props} />,\n    Typography: (props: { children: React.ReactNode }) => <div>{props.children}</div>,\n    cn: (...classes: (string | false | null | undefined)[]) => classes.filter(Boolean).join(\" \"),\n  };\n});\n\nconst previousActEnvironment = Reflect.get(globalThis, \"IS_REACT_ACT_ENVIRONMENT\");\n\nfunction createAppTestDouble() {\n  const app = {\n    redirectToSignIn: vi.fn(async () => {}),\n    redirectToAfterSignIn: vi.fn(async () => {}),\n    isExternalAuthApp: vi.fn(() => false),\n  };\n\n  // This test double intentionally implements only the StackClientApp surface that Onboarding touches.\n  return app as unknown as StackClientApp<true> & {\n    redirectToSignIn: ReturnType<typeof vi.fn>,\n    redirectToAfterSignIn: ReturnType<typeof vi.fn>,\n  };\n}\n\nfunction createUserTestDouble(user: Partial<CurrentUser>) {\n  // Same as the app test double: only the surface Onboarding touches.\n  return {\n    isAnonymous: false,\n    isRestricted: true,\n    restrictedReason: null,\n    restrictedByAdmin: false,\n    restrictedByAdminReason: null,\n    primaryEmail: \"user@example.com\",\n    signOut: vi.fn(async () => {}),\n    ...user,\n  } as unknown as CurrentUser;\n}\n\nlet root: Root | null = null;\nlet container: HTMLDivElement | null = null;\n\nasync function renderOnboarding(options: {\n  app: StackClientApp<true>,\n  user: unknown,\n}) {\n  appMockState.app = options.app;\n  appMockState.user = options.user;\n  container = document.createElement(\"div\");\n  document.body.append(container);\n  root = createRoot(container);\n  await act(async () => {\n    root?.render(\n      <TranslationProviderClient quetzalKeys={new Map()} quetzalLocale={new Map()}>\n        <Onboarding />\n      </TranslationProviderClient>\n    );\n  });\n  return container;\n}\n\ndescribe(\"Onboarding\", () => {\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    appMockState.app = null;\n    appMockState.user = null;\n    vi.restoreAllMocks();\n    Reflect.set(globalThis, \"IS_REACT_ACT_ENVIRONMENT\", previousActEnvironment);\n  });\n\n  it(\"redirects signed-out users to sign-in\", async () => {\n    const app = createAppTestDouble();\n\n    const container = await renderOnboarding({ app, user: null });\n\n    expect(app.redirectToSignIn).toHaveBeenCalled();\n    expect(container.textContent).toBe(\"\");\n  });\n\n  it(\"redirects anonymous users to sign-in\", async () => {\n    const app = createAppTestDouble();\n\n    const container = await renderOnboarding({ app, user: createUserTestDouble({ isAnonymous: true, restrictedReason: { type: \"anonymous\" } }) });\n\n    expect(app.redirectToSignIn).toHaveBeenCalled();\n    expect(container.textContent).toBe(\"\");\n  });\n\n  it(\"redirects users that are no longer restricted to their destination\", async () => {\n    const app = createAppTestDouble();\n\n    await renderOnboarding({ app, user: createUserTestDouble({ isRestricted: false }) });\n\n    expect(app.redirectToAfterSignIn).toHaveBeenCalled();\n    expect(app.redirectToSignIn).not.toHaveBeenCalled();\n  });\n\n  it(\"shows the administrator's public reason to admin-restricted users\", async () => {\n    const app = createAppTestDouble();\n\n    const container = await renderOnboarding({\n      app,\n      user: createUserTestDouble({\n        restrictedReason: { type: \"restricted_by_administrator\" },\n        restrictedByAdmin: true,\n        restrictedByAdminReason: \"Your sign-up was flagged by our fraud prevention rules.\",\n      }),\n    });\n\n    expect(container.textContent).toContain(\"Your account has been restricted\");\n    expect(container.textContent).toContain(\"Your sign-up was flagged by our fraud prevention rules.\");\n    expect(container.textContent).not.toContain(\"Complete your account setup\");\n  });\n\n  it(\"falls back to a generic restricted message when no public reason is set\", async () => {\n    const app = createAppTestDouble();\n\n    const container = await renderOnboarding({\n      app,\n      user: createUserTestDouble({\n        restrictedReason: { type: \"restricted_by_administrator\" },\n        restrictedByAdmin: true,\n        restrictedByAdminReason: null,\n      }),\n    });\n\n    expect(container.textContent).toContain(\"Your account has been restricted\");\n    expect(container.textContent).toContain(\"An administrator has restricted your account.\");\n  });\n\n  it(\"shows the setup-required message for unknown restricted reasons\", async () => {\n    const app = createAppTestDouble();\n\n    const container = await renderOnboarding({\n      app,\n      // The reason types are a closed union, so an unknown reason can only come from a newer backend.\n      user: createUserTestDouble({ restrictedReason: { type: \"some_future_reason\" } as unknown as CurrentUser[\"restrictedReason\"] }),\n    });\n\n    expect(container.textContent).toContain(\"Complete your account setup\");\n  });\n});\n"],"mappings":"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"}