@questpie/admin 2.0.0 → 3.0.1

package/dist/client/views/pages/accept-invite-page.mjs

@@ -1,12 +1,15 @@
+import { useTranslation } from "../../i18n/hooks.mjs";
 import { selectBasePath, selectBrandName, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
 import { Button } from "../../components/ui/button.mjs";
-import { useAuthClient } from "../../hooks/use-auth.mjs";
 import { Spinner } from "../../components/ui/spinner.mjs";
-import { AuthLayout } from "../auth/auth-layout.mjs";
+import { useAuthClient } from "../../hooks/use-auth.mjs";
 import { Alert, AlertDescription } from "../../components/ui/alert.mjs";
 import { AcceptInviteForm } from "../auth/accept-invite-form.mjs";
+import { AuthLayout } from "../auth/auth-layout.mjs";
+import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
-import * as React$1 from "react";
+import * as React from "react";
+import { useQuery } from "@tanstack/react-query";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/views/pages/accept-invite-page.tsx
@@ -31,113 +34,316 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * }
 * ```
 */
-function AcceptInvitePage({ token, title = "Complete Registration", description = "Create your account to get started", logo, redirectTo, loginPath, minPasswordLength = 8 }) {
+function AcceptInvitePage(t0) {
+	const $ = c(82);
+	const { token, title, description, logo, redirectTo, loginPath, minPasswordLength: t1 } = t0;
+	const minPasswordLength = t1 === void 0 ? 8 : t1;
+	const { t } = useTranslation();
 	const authClient = useAuthClient();
 	const navigate = useAdminStore(selectNavigate);
 	const basePath = useAdminStore(selectBasePath);
 	const brandName = useAdminStore(selectBrandName);
-	const [invitation, setInvitation] = React$1.useState({ status: "loading" });
-	const [error, setError] = React$1.useState(null);
-	React$1.useEffect(() => {
-		const validateToken = async () => {
+	let t2;
+	if ($[0] !== token) {
+		t2 = [
+			"questpie",
+			"invitation",
+			token
+		];
+		$[0] = token;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== authClient || $[3] !== t || $[4] !== token) {
+		t3 = async () => {
+			const result = await authClient.admin.getInvitation({ query: { token } });
+			if (result.error) throw new Error(result.error.message || t("auth.invalidOrExpiredInvitation"));
+			if (!result.data) throw new Error(t("auth.invalidOrExpiredInvitation"));
+			return {
+				email: result.data.email,
+				role: result.data.role
+			};
+		};
+		$[2] = authClient;
+		$[3] = t;
+		$[4] = token;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t2 || $[7] !== t3) {
+		t4 = {
+			queryKey: t2,
+			queryFn: t3,
+			retry: false,
+			staleTime: Infinity
+		};
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	const { data: invitationData, isLoading: isValidating, error: invitationError } = useQuery(t4);
+	const [error, setError] = React.useState(null);
+	let t5;
+	if ($[9] !== authClient || $[10] !== basePath || $[11] !== navigate || $[12] !== redirectTo || $[13] !== t || $[14] !== token) {
+		t5 = async (values) => {
+			setError(null);
+			const successRedirect = redirectTo !== void 0 ? redirectTo : basePath;
 			try {
-				const result = await authClient.admin.getInvitation({ query: { token } });
-				if (result.error || !result.data) {
-					setInvitation({
-						status: "invalid",
-						message: result.error?.message || "Invalid or expired invitation"
-					});
+				const result_0 = await authClient.admin.acceptInvitation({
+					token,
+					name: values.name,
+					password: values.password
+				});
+				if (result_0.error) {
+					if (result_0.error.message) setError(result_0.error.message);
+					else setError(t("error.failedToCreateAccount"));
 					return;
 				}
-				setInvitation({
-					status: "valid",
-					email: result.data.email,
-					role: result.data.role
-				});
-			} catch (err) {
-				setInvitation({
-					status: "invalid",
-					message: "Invalid or expired invitation"
-				});
+				navigate(successRedirect);
+			} catch (t6$1) {
+				const err = t6$1;
+				if (err instanceof Error) setError(err.message);
+				else setError(t("error.anErrorOccurred"));
 			}
 		};
-		validateToken();
-	}, [token, authClient]);
-	const handleSubmit = async (values) => {
-		setError(null);
-		try {
-			const result = await authClient.admin.acceptInvitation({
-				token,
-				name: values.name,
-				password: values.password
+		$[9] = authClient;
+		$[10] = basePath;
+		$[11] = navigate;
+		$[12] = redirectTo;
+		$[13] = t;
+		$[14] = token;
+		$[15] = t5;
+	} else t5 = $[15];
+	const handleSubmit = t5;
+	let t6;
+	if ($[16] !== basePath || $[17] !== loginPath || $[18] !== navigate) {
+		t6 = () => {
+			navigate(loginPath ?? `${basePath}/login`);
+		};
+		$[16] = basePath;
+		$[17] = loginPath;
+		$[18] = navigate;
+		$[19] = t6;
+	} else t6 = $[19];
+	const handleGoToLogin = t6;
+	if (isValidating) {
+		let t7$1;
+		if ($[20] !== t) {
+			t7$1 = t("auth.validatingInvitation");
+			$[20] = t;
+			$[21] = t7$1;
+		} else t7$1 = $[21];
+		let t8$1;
+		if ($[22] !== t) {
+			t8$1 = t("auth.pleaseWait");
+			$[22] = t;
+			$[23] = t8$1;
+		} else t8$1 = $[23];
+		let t9$1;
+		if ($[24] !== brandName || $[25] !== logo) {
+			t9$1 = logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName });
+			$[24] = brandName;
+			$[25] = logo;
+			$[26] = t9$1;
+		} else t9$1 = $[26];
+		let t10$1;
+		if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+			t10$1 = /* @__PURE__ */ jsx("div", {
+				className: "flex justify-center py-8",
+				children: /* @__PURE__ */ jsx(Spinner, { className: "size-8" })
 			});
-			if (result.error) {
-				setError(result.error.message || "Failed to create account");
-				return;
-			}
-			navigate(redirectTo ?? basePath);
-		} catch (err) {
-			setError(err instanceof Error ? err.message : "An error occurred");
-		}
-	};
-	const handleGoToLogin = () => {
-		navigate(loginPath ?? `${basePath}/login`);
-	};
-	if (invitation.status === "loading") return /* @__PURE__ */ jsx(AuthLayout, {
-		title: "Validating Invitation",
-		description: "Please wait...",
-		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
-		children: /* @__PURE__ */ jsx("div", {
-			className: "flex justify-center py-8",
-			children: /* @__PURE__ */ jsx(Spinner, { className: "size-8" })
-		})
-	});
-	if (invitation.status === "invalid") return /* @__PURE__ */ jsx(AuthLayout, {
-		title: "Invalid Invitation",
-		description: "This invitation link is no longer valid",
-		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "space-y-4",
-			children: [
-				/* @__PURE__ */ jsxs(Alert, {
-					variant: "destructive",
-					children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:warning-circle" }), /* @__PURE__ */ jsx(AlertDescription, { children: invitation.message })]
-				}),
-				/* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground text-center text-sm",
-					children: "The invitation may have expired or already been used. Please contact your administrator for a new invitation."
-				}),
-				/* @__PURE__ */ jsx(Button, {
-					variant: "outline",
-					className: "w-full",
-					onClick: handleGoToLogin,
-					children: "Go to Login"
-				})
-			]
-		})
-	});
-	return /* @__PURE__ */ jsx(AuthLayout, {
-		title,
-		description,
-		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
-		children: /* @__PURE__ */ jsx(AcceptInviteForm, {
+			$[27] = t10$1;
+		} else t10$1 = $[27];
+		let t11$1;
+		if ($[28] !== t7$1 || $[29] !== t8$1 || $[30] !== t9$1) {
+			t11$1 = /* @__PURE__ */ jsx(AuthLayout, {
+				title: t7$1,
+				description: t8$1,
+				logo: t9$1,
+				children: t10$1
+			});
+			$[28] = t7$1;
+			$[29] = t8$1;
+			$[30] = t9$1;
+			$[31] = t11$1;
+		} else t11$1 = $[31];
+		return t11$1;
+	}
+	if (invitationError) {
+		let t7$1;
+		if ($[32] !== t) {
+			t7$1 = t("auth.invalidInvitation");
+			$[32] = t;
+			$[33] = t7$1;
+		} else t7$1 = $[33];
+		let t8$1;
+		if ($[34] !== t) {
+			t8$1 = t("auth.invalidInvitationDescription");
+			$[34] = t;
+			$[35] = t8$1;
+		} else t8$1 = $[35];
+		let t9$1;
+		if ($[36] !== brandName || $[37] !== logo) {
+			t9$1 = logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName });
+			$[36] = brandName;
+			$[37] = logo;
+			$[38] = t9$1;
+		} else t9$1 = $[38];
+		let t10$1;
+		if ($[39] === Symbol.for("react.memo_cache_sentinel")) {
+			t10$1 = /* @__PURE__ */ jsx(Icon, { icon: "ph:warning-circle" });
+			$[39] = t10$1;
+		} else t10$1 = $[39];
+		let t11$1;
+		if ($[40] !== invitationError?.message || $[41] !== t) {
+			t11$1 = invitationError?.message || t("auth.invalidOrExpiredInvitation");
+			$[40] = invitationError?.message;
+			$[41] = t;
+			$[42] = t11$1;
+		} else t11$1 = $[42];
+		let t12$1;
+		if ($[43] !== t11$1) {
+			t12$1 = /* @__PURE__ */ jsxs(Alert, {
+				variant: "destructive",
+				children: [t10$1, /* @__PURE__ */ jsx(AlertDescription, { children: t11$1 })]
+			});
+			$[43] = t11$1;
+			$[44] = t12$1;
+		} else t12$1 = $[44];
+		let t13;
+		if ($[45] !== t) {
+			t13 = t("auth.invitationExpiredMessage");
+			$[45] = t;
+			$[46] = t13;
+		} else t13 = $[46];
+		let t14;
+		if ($[47] !== t13) {
+			t14 = /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-center text-sm",
+				children: t13
+			});
+			$[47] = t13;
+			$[48] = t14;
+		} else t14 = $[48];
+		let t15;
+		if ($[49] !== t) {
+			t15 = t("auth.goToLogin");
+			$[49] = t;
+			$[50] = t15;
+		} else t15 = $[50];
+		let t16;
+		if ($[51] !== handleGoToLogin || $[52] !== t15) {
+			t16 = /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				className: "w-full",
+				onClick: handleGoToLogin,
+				children: t15
+			});
+			$[51] = handleGoToLogin;
+			$[52] = t15;
+			$[53] = t16;
+		} else t16 = $[53];
+		let t17;
+		if ($[54] !== t12$1 || $[55] !== t14 || $[56] !== t16) {
+			t17 = /* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					t12$1,
+					t14,
+					t16
+				]
+			});
+			$[54] = t12$1;
+			$[55] = t14;
+			$[56] = t16;
+			$[57] = t17;
+		} else t17 = $[57];
+		let t18;
+		if ($[58] !== t17 || $[59] !== t7$1 || $[60] !== t8$1 || $[61] !== t9$1) {
+			t18 = /* @__PURE__ */ jsx(AuthLayout, {
+				title: t7$1,
+				description: t8$1,
+				logo: t9$1,
+				children: t17
+			});
+			$[58] = t17;
+			$[59] = t7$1;
+			$[60] = t8$1;
+			$[61] = t9$1;
+			$[62] = t18;
+		} else t18 = $[62];
+		return t18;
+	}
+	let t7;
+	if ($[63] !== t || $[64] !== title) {
+		t7 = title ?? t("auth.completeRegistration");
+		$[63] = t;
+		$[64] = title;
+		$[65] = t7;
+	} else t7 = $[65];
+	let t8;
+	if ($[66] !== description || $[67] !== t) {
+		t8 = description ?? t("auth.createAccountDescription");
+		$[66] = description;
+		$[67] = t;
+		$[68] = t8;
+	} else t8 = $[68];
+	let t9;
+	if ($[69] !== brandName || $[70] !== logo) {
+		t9 = logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName });
+		$[69] = brandName;
+		$[70] = logo;
+		$[71] = t9;
+	} else t9 = $[71];
+	const t10 = invitationData?.email ?? "";
+	let t11;
+	if ($[72] !== error || $[73] !== handleSubmit || $[74] !== minPasswordLength || $[75] !== t10) {
+		t11 = /* @__PURE__ */ jsx(AcceptInviteForm, {
 			onSubmit: handleSubmit,
-			email: invitation.email,
+			email: t10,
 			error,
 			minPasswordLength
-		})
-	});
+		});
+		$[72] = error;
+		$[73] = handleSubmit;
+		$[74] = minPasswordLength;
+		$[75] = t10;
+		$[76] = t11;
+	} else t11 = $[76];
+	let t12;
+	if ($[77] !== t11 || $[78] !== t7 || $[79] !== t8 || $[80] !== t9) {
+		t12 = /* @__PURE__ */ jsx(AuthLayout, {
+			title: t7,
+			description: t8,
+			logo: t9,
+			className: "qa-accept-invite-page",
+			children: t11
+		});
+		$[77] = t11;
+		$[78] = t7;
+		$[79] = t8;
+		$[80] = t9;
+		$[81] = t12;
+	} else t12 = $[81];
+	return t12;
 }
-function DefaultLogo({ brandName }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "text-center",
-		children: /* @__PURE__ */ jsx("h1", {
-			className: "text-xl font-bold",
-			children: brandName
-		})
-	});
+function DefaultLogo(t0) {
+	const $ = c(2);
+	const { brandName } = t0;
+	let t1;
+	if ($[0] !== brandName) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			className: "text-center",
+			children: /* @__PURE__ */ jsx("h1", {
+				className: "text-xl font-bold",
+				children: brandName
+			})
+		});
+		$[0] = brandName;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 }
 
 //#endregion
-export { AcceptInvitePage };
-//# sourceMappingURL=accept-invite-page.mjs.map
+export { AcceptInvitePage };

package/dist/client/views/pages/dashboard-page.d.mts

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/client/views/pages/dashboard-page.d.ts
-declare namespace dashboard_page_d_exports {
-  export { DashboardPage, DashboardPageProps, DashboardPage as default };
-}
+
 /**
  * Dashboard Page
  *
@@ -31,22 +29,15 @@ interface DashboardPageProps {
  *
  * @example
  * ```tsx
- * // In your admin config
- * const admin = qa<AppCMS>()
- *   .use(coreAdminModule)
- *   .dashboard({
- *     title: "Welcome",
- *     widgets: [
- *       { type: "stats", collection: "posts" },
- *     ],
- *   })
+ * // Dashboard config comes from server introspection.
+ * // Generated by `questpie generate`:
+ * // import admin from "#questpie/admin/.generated/client";
  * ```
  */
 declare function DashboardPage({
   title,
   description,
   className
-}: DashboardPageProps): react_jsx_runtime8.JSX.Element;
+}: DashboardPageProps): react_jsx_runtime5.JSX.Element;
 //#endregion
-export { DashboardPage, DashboardPageProps, dashboard_page_d_exports };
-//# sourceMappingURL=dashboard-page.d.mts.map
+export { DashboardPage };

package/dist/client/views/pages/dashboard-page.mjs

@@ -1,6 +1,8 @@
+import { cn } from "../../lib/utils.mjs";
 import { selectBasePath, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
 import { useAdminConfig } from "../../hooks/use-admin-config.mjs";
 import { DashboardGrid } from "../dashboard/dashboard-grid.mjs";
+import { c } from "react/compiler-runtime";
 import "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -12,34 +14,71 @@ import { jsx } from "react/jsx-runtime";
 *
 * @example
 * ```tsx
-* // In your admin config
-* const admin = qa<AppCMS>()
-*   .use(coreAdminModule)
-*   .dashboard({
-*     title: "Welcome",
-*     widgets: [
-*       { type: "stats", collection: "posts" },
-*     ],
-*   })
+* // Dashboard config comes from server introspection.
+* // Generated by `questpie generate`:
+* // import admin from "#questpie/admin/.generated/client";
 * ```
 */
-function DashboardPage({ title, description, className }) {
+function DashboardPage(t0) {
+	const $ = c(17);
+	const { title, description, className } = t0;
 	const basePath = useAdminStore(selectBasePath);
 	const navigate = useAdminStore(selectNavigate);
 	const { data: serverConfig } = useAdminConfig();
-	return /* @__PURE__ */ jsx(DashboardGrid, {
-		config: {
-			...serverConfig?.dashboard ?? {},
-			...title && { title },
-			...description && { description }
-		},
-		basePath,
-		navigate,
-		className
-	});
+	let t1;
+	if ($[0] !== serverConfig?.dashboard) {
+		t1 = serverConfig?.dashboard ?? {};
+		$[0] = serverConfig?.dashboard;
+		$[1] = t1;
+	} else t1 = $[1];
+	const dashboardConfig = t1;
+	let t2;
+	if ($[2] !== title) {
+		t2 = title && { title };
+		$[2] = title;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== description) {
+		t3 = description && { description };
+		$[4] = description;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== dashboardConfig || $[7] !== t2 || $[8] !== t3) {
+		t4 = {
+			...dashboardConfig,
+			...t2,
+			...t3
+		};
+		$[6] = dashboardConfig;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	const config = t4;
+	let t5;
+	if ($[10] !== className) {
+		t5 = cn("qa-dashboard-page", className);
+		$[10] = className;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== basePath || $[13] !== config || $[14] !== navigate || $[15] !== t5) {
+		t6 = /* @__PURE__ */ jsx(DashboardGrid, {
+			config,
+			basePath,
+			navigate,
+			className: t5
+		});
+		$[12] = basePath;
+		$[13] = config;
+		$[14] = navigate;
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	return t6;
 }
-var dashboard_page_default = DashboardPage;
 
 //#endregion
-export { DashboardPage, dashboard_page_default as default };
-//# sourceMappingURL=dashboard-page.mjs.map
+export { DashboardPage };

package/dist/client/views/pages/forgot-password-page.d.mts

@@ -1,10 +1,8 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as React from "react";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/client/views/pages/forgot-password-page.d.ts
-declare namespace forgot_password_page_d_exports {
-  export { ForgotPasswordPage, ForgotPasswordPageProps, ForgotPasswordPage as default };
-}
+
 interface ForgotPasswordPageProps {
   /**
    * Title shown on the page
@@ -19,7 +17,7 @@ interface ForgotPasswordPageProps {
   /**
    * Logo component to show above the form
    */
-  logo?: React$1.ReactNode;
+  logo?: React.ReactNode;
   /**
    * Path to login page
    * @default "{basePath}/login"
@@ -39,7 +37,7 @@ interface ForgotPasswordPageProps {
  * @example
  * ```tsx
  * // In your admin config
- * const admin = qa<AppCMS>()
+ * const admin = qa<App>()
  *   .use(coreAdminModule)
  *   .pages({
  *     forgotPassword: page("forgot-password", { component: ForgotPasswordPage })
@@ -53,7 +51,6 @@ declare function ForgotPasswordPage({
   logo,
   loginPath,
   resetPasswordRedirectUrl
-}: ForgotPasswordPageProps): react_jsx_runtime9.JSX.Element;
+}: ForgotPasswordPageProps): react_jsx_runtime7.JSX.Element;
 //#endregion
-export { ForgotPasswordPage, ForgotPasswordPageProps, forgot_password_page_d_exports };
-//# sourceMappingURL=forgot-password-page.d.mts.map
+export { ForgotPasswordPage };