@questpie/admin 1.1.1 → 3.0.0

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

@@ -0,0 +1,193 @@
+import { useTranslation } from "../../i18n/hooks.mjs";
+import { selectBasePath, selectBrandName, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
+import { useAuthClient } from "../../hooks/use-auth.mjs";
+import { AuthLayout } from "../auth/auth-layout.mjs";
+import { LoginForm } from "../auth/login-form.mjs";
+import { useSetupStatus } from "../../hooks/use-setup-status.mjs";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/views/pages/login-page.tsx
+/**
+* Login Page
+*
+* Default login page that uses AuthLayout and LoginForm.
+* Integrates with authClient from AdminProvider context.
+*
+* Automatically redirects to setup page if no users exist.
+*/
+/**
+* Default login page component.
+*
+* Uses authClient from AdminProvider to handle authentication.
+* Automatically redirects to setup page if no users exist.
+*
+* @example
+* ```tsx
+* // Use as the login page in your admin layout
+* <LoginPage />
+* ```
+*/
+function LoginPage(t0) {
+	const $ = c(40);
+	const { title, description, logo, redirectTo, forgotPasswordPath, signUpPath, showForgotPassword: t1, showSignUp: t2 } = t0;
+	const showForgotPassword = t1 === void 0 ? true : t1;
+	const showSignUp = t2 === void 0 ? false : t2;
+	const { t } = useTranslation();
+	const authClient = useAuthClient();
+	const navigate = useAdminStore(selectNavigate);
+	const basePath = useAdminStore(selectBasePath);
+	const brandName = useAdminStore(selectBrandName);
+	const [error, setError] = React.useState(null);
+	const { data: setupStatus, isLoading: isCheckingSetup } = useSetupStatus();
+	let t3;
+	let t4;
+	if ($[0] !== basePath || $[1] !== isCheckingSetup || $[2] !== navigate || $[3] !== setupStatus) {
+		t3 = () => {
+			if (!isCheckingSetup && setupStatus && setupStatus.required) navigate(`${basePath}/setup`);
+		};
+		t4 = [
+			isCheckingSetup,
+			setupStatus,
+			navigate,
+			basePath
+		];
+		$[0] = basePath;
+		$[1] = isCheckingSetup;
+		$[2] = navigate;
+		$[3] = setupStatus;
+		$[4] = t3;
+		$[5] = t4;
+	} else {
+		t3 = $[4];
+		t4 = $[5];
+	}
+	React.useEffect(t3, t4);
+	let t5;
+	if ($[6] !== authClient || $[7] !== basePath || $[8] !== navigate || $[9] !== redirectTo || $[10] !== t) {
+		t5 = async (values) => {
+			setError(null);
+			const successRedirect = redirectTo !== void 0 ? redirectTo : basePath;
+			try {
+				const result = await authClient.signIn.email({
+					email: values.email,
+					password: values.password
+				});
+				if (result.error) {
+					if (result.error.message) setError(result.error.message);
+					else setError(t("error.invalidCredentials"));
+					return;
+				}
+				navigate(successRedirect);
+			} catch (t6$1) {
+				const err = t6$1;
+				if (err instanceof Error) setError(err.message);
+				else setError(t("error.anErrorOccurred"));
+			}
+		};
+		$[6] = authClient;
+		$[7] = basePath;
+		$[8] = navigate;
+		$[9] = redirectTo;
+		$[10] = t;
+		$[11] = t5;
+	} else t5 = $[11];
+	const handleSubmit = t5;
+	let t6;
+	if ($[12] !== basePath || $[13] !== forgotPasswordPath || $[14] !== navigate) {
+		t6 = () => {
+			navigate(forgotPasswordPath ?? `${basePath}/forgot-password`);
+		};
+		$[12] = basePath;
+		$[13] = forgotPasswordPath;
+		$[14] = navigate;
+		$[15] = t6;
+	} else t6 = $[15];
+	const handleForgotPasswordClick = t6;
+	let t7;
+	if ($[16] !== navigate || $[17] !== signUpPath) {
+		t7 = () => {
+			if (signUpPath) navigate(signUpPath);
+		};
+		$[16] = navigate;
+		$[17] = signUpPath;
+		$[18] = t7;
+	} else t7 = $[18];
+	const handleSignUpClick = t7;
+	let t8;
+	if ($[19] !== t || $[20] !== title) {
+		t8 = title ?? t("auth.signIn");
+		$[19] = t;
+		$[20] = title;
+		$[21] = t8;
+	} else t8 = $[21];
+	let t9;
+	if ($[22] !== description || $[23] !== t) {
+		t9 = description ?? t("auth.signInDescription");
+		$[22] = description;
+		$[23] = t;
+		$[24] = t9;
+	} else t9 = $[24];
+	let t10;
+	if ($[25] !== brandName || $[26] !== logo) {
+		t10 = logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName });
+		$[25] = brandName;
+		$[26] = logo;
+		$[27] = t10;
+	} else t10 = $[27];
+	let t11;
+	if ($[28] !== error || $[29] !== handleForgotPasswordClick || $[30] !== handleSignUpClick || $[31] !== handleSubmit || $[32] !== showForgotPassword || $[33] !== showSignUp) {
+		t11 = /* @__PURE__ */ jsx(LoginForm, {
+			onSubmit: handleSubmit,
+			onForgotPasswordClick: handleForgotPasswordClick,
+			onSignUpClick: handleSignUpClick,
+			showForgotPassword,
+			showSignUp,
+			error
+		});
+		$[28] = error;
+		$[29] = handleForgotPasswordClick;
+		$[30] = handleSignUpClick;
+		$[31] = handleSubmit;
+		$[32] = showForgotPassword;
+		$[33] = showSignUp;
+		$[34] = t11;
+	} else t11 = $[34];
+	let t12;
+	if ($[35] !== t10 || $[36] !== t11 || $[37] !== t8 || $[38] !== t9) {
+		t12 = /* @__PURE__ */ jsx(AuthLayout, {
+			title: t8,
+			description: t9,
+			logo: t10,
+			className: "qa-login-page",
+			children: t11
+		});
+		$[35] = t10;
+		$[36] = t11;
+		$[37] = t8;
+		$[38] = t9;
+		$[39] = t12;
+	} else t12 = $[39];
+	return t12;
+}
+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 { LoginPage };

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

@@ -0,0 +1,63 @@
+import * as React from "react";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+
+//#region src/client/views/pages/reset-password-page.d.ts
+
+interface ResetPasswordPageProps {
+  /**
+   * Title shown on the page
+   * @default "Reset password"
+   */
+  title?: string;
+  /**
+   * Description shown below the title
+   * @default "Enter your new password"
+   */
+  description?: string;
+  /**
+   * Logo component to show above the form
+   */
+  logo?: React.ReactNode;
+  /**
+   * Path to login page
+   * @default "{basePath}/login"
+   */
+  loginPath?: string;
+  /**
+   * Minimum password length
+   * @default 8
+   */
+  minPasswordLength?: number;
+  /**
+   * Function to get token from URL.
+   * By default, reads from URL search params (?token=...)
+   */
+  getToken?: () => string | null;
+}
+/**
+ * Default reset password page component.
+ *
+ * Uses authClient from AdminProvider to handle password reset.
+ * Expects a token in the URL query params (?token=...).
+ *
+ * @example
+ * ```tsx
+ * // In your admin config
+ * const admin = qa<App>()
+ *   .use(coreAdminModule)
+ *   .pages({
+ *     resetPassword: page("reset-password", { component: ResetPasswordPage })
+ *       .path("/reset-password"),
+ *   })
+ * ```
+ */
+declare function ResetPasswordPage({
+  title,
+  description,
+  logo,
+  loginPath,
+  minPasswordLength,
+  getToken
+}: ResetPasswordPageProps): react_jsx_runtime10.JSX.Element;
+//#endregion
+export { ResetPasswordPage };

package/dist/client/views/pages/reset-password-page.mjs

@@ -0,0 +1,257 @@
+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 { AuthLayout } from "../auth/auth-layout.mjs";
+import { ResetPasswordForm } from "../auth/reset-password-form.mjs";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/pages/reset-password-page.tsx
+/**
+* Reset Password Page
+*
+* Default reset password page that uses AuthLayout and ResetPasswordForm.
+* Integrates with authClient from AdminProvider context.
+*/
+/**
+* Default reset password page component.
+*
+* Uses authClient from AdminProvider to handle password reset.
+* Expects a token in the URL query params (?token=...).
+*
+* @example
+* ```tsx
+* // In your admin config
+* const admin = qa<App>()
+*   .use(coreAdminModule)
+*   .pages({
+*     resetPassword: page("reset-password", { component: ResetPasswordPage })
+*       .path("/reset-password"),
+*   })
+* ```
+*/
+function ResetPasswordPage(t0) {
+	const $ = c(54);
+	const { title, description, logo, loginPath, minPasswordLength: t1, getToken } = 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 [error, setError] = React.useState(null);
+	let t2;
+	bb0: {
+		if (getToken) {
+			let t3$1;
+			if ($[0] !== getToken) {
+				t3$1 = getToken();
+				$[0] = getToken;
+				$[1] = t3$1;
+			} else t3$1 = $[1];
+			t2 = t3$1;
+			break bb0;
+		}
+		if (typeof window !== "undefined") {
+			let t3$1;
+			if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+				t3$1 = new URLSearchParams(window.location.search).get("token");
+				$[2] = t3$1;
+			} else t3$1 = $[2];
+			t2 = t3$1;
+			break bb0;
+		}
+		t2 = null;
+	}
+	const token = t2;
+	let t3;
+	if ($[3] !== authClient || $[4] !== t) {
+		t3 = async (values) => {
+			setError(null);
+			try {
+				const result = await authClient.resetPassword({
+					token: values.token,
+					newPassword: values.password
+				});
+				if (result.error) {
+					if (result.error.message) setError(result.error.message);
+					else setError(t("error.failedToResetPassword"));
+					return;
+				}
+			} catch (t4$1) {
+				const err = t4$1;
+				if (err instanceof Error) setError(err.message);
+				else setError(t("error.anErrorOccurred"));
+			}
+		};
+		$[3] = authClient;
+		$[4] = t;
+		$[5] = t3;
+	} else t3 = $[5];
+	const handleSubmit = t3;
+	let t4;
+	if ($[6] !== basePath || $[7] !== loginPath || $[8] !== navigate) {
+		t4 = () => {
+			navigate(loginPath ?? `${basePath}/login`);
+		};
+		$[6] = basePath;
+		$[7] = loginPath;
+		$[8] = navigate;
+		$[9] = t4;
+	} else t4 = $[9];
+	const handleBackToLoginClick = t4;
+	if (!token) {
+		let t5$1;
+		if ($[10] !== t) {
+			t5$1 = t("auth.invalidLink");
+			$[10] = t;
+			$[11] = t5$1;
+		} else t5$1 = $[11];
+		let t6$1;
+		if ($[12] !== t) {
+			t6$1 = t("auth.invalidLinkDescription");
+			$[12] = t;
+			$[13] = t6$1;
+		} else t6$1 = $[13];
+		let t7$1;
+		if ($[14] !== brandName || $[15] !== logo) {
+			t7$1 = logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName });
+			$[14] = brandName;
+			$[15] = logo;
+			$[16] = t7$1;
+		} else t7$1 = $[16];
+		let t8$1;
+		if ($[17] !== t) {
+			t8$1 = t("auth.requestNewResetLink");
+			$[17] = t;
+			$[18] = t8$1;
+		} else t8$1 = $[18];
+		let t9$1;
+		if ($[19] !== t8$1) {
+			t9$1 = /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: t8$1
+			});
+			$[19] = t8$1;
+			$[20] = t9$1;
+		} else t9$1 = $[20];
+		let t10;
+		if ($[21] !== t) {
+			t10 = t("auth.backToLogin");
+			$[21] = t;
+			$[22] = t10;
+		} else t10 = $[22];
+		let t11;
+		if ($[23] !== handleBackToLoginClick || $[24] !== t10) {
+			t11 = /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "link",
+				onClick: handleBackToLoginClick,
+				children: t10
+			});
+			$[23] = handleBackToLoginClick;
+			$[24] = t10;
+			$[25] = t11;
+		} else t11 = $[25];
+		let t12;
+		if ($[26] !== t11 || $[27] !== t9$1) {
+			t12 = /* @__PURE__ */ jsxs("div", {
+				className: "space-y-4 text-center",
+				children: [t9$1, t11]
+			});
+			$[26] = t11;
+			$[27] = t9$1;
+			$[28] = t12;
+		} else t12 = $[28];
+		let t13;
+		if ($[29] !== t12 || $[30] !== t5$1 || $[31] !== t6$1 || $[32] !== t7$1) {
+			t13 = /* @__PURE__ */ jsx(AuthLayout, {
+				title: t5$1,
+				description: t6$1,
+				logo: t7$1,
+				children: t12
+			});
+			$[29] = t12;
+			$[30] = t5$1;
+			$[31] = t6$1;
+			$[32] = t7$1;
+			$[33] = t13;
+		} else t13 = $[33];
+		return t13;
+	}
+	let t5;
+	if ($[34] !== t || $[35] !== title) {
+		t5 = title ?? t("auth.resetPassword");
+		$[34] = t;
+		$[35] = title;
+		$[36] = t5;
+	} else t5 = $[36];
+	let t6;
+	if ($[37] !== description || $[38] !== t) {
+		t6 = description ?? t("auth.enterNewPassword");
+		$[37] = description;
+		$[38] = t;
+		$[39] = t6;
+	} else t6 = $[39];
+	let t7;
+	if ($[40] !== brandName || $[41] !== logo) {
+		t7 = logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName });
+		$[40] = brandName;
+		$[41] = logo;
+		$[42] = t7;
+	} else t7 = $[42];
+	let t8;
+	if ($[43] !== error || $[44] !== handleBackToLoginClick || $[45] !== handleSubmit || $[46] !== minPasswordLength || $[47] !== token) {
+		t8 = /* @__PURE__ */ jsx(ResetPasswordForm, {
+			token,
+			onSubmit: handleSubmit,
+			onBackToLoginClick: handleBackToLoginClick,
+			minPasswordLength,
+			error
+		});
+		$[43] = error;
+		$[44] = handleBackToLoginClick;
+		$[45] = handleSubmit;
+		$[46] = minPasswordLength;
+		$[47] = token;
+		$[48] = t8;
+	} else t8 = $[48];
+	let t9;
+	if ($[49] !== t5 || $[50] !== t6 || $[51] !== t7 || $[52] !== t8) {
+		t9 = /* @__PURE__ */ jsx(AuthLayout, {
+			title: t5,
+			description: t6,
+			logo: t7,
+			className: "qa-reset-password-page",
+			children: t8
+		});
+		$[49] = t5;
+		$[50] = t6;
+		$[51] = t7;
+		$[52] = t8;
+		$[53] = t9;
+	} else t9 = $[53];
+	return t9;
+}
+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 { ResetPasswordPage };

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

@@ -0,0 +1,61 @@
+import * as React from "react";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region src/client/views/pages/setup-page.d.ts
+
+interface SetupPageProps {
+  /**
+   * Title shown on the setup page
+   * @default "Welcome"
+   */
+  title?: string;
+  /**
+   * Description shown below the title
+   * @default "Create your admin account to get started"
+   */
+  description?: string;
+  /**
+   * Logo component to show above the form
+   */
+  logo?: React.ReactNode;
+  /**
+   * Path to redirect after successful setup
+   * @default "{basePath}/login"
+   */
+  redirectTo?: string;
+  /**
+   * Path to login page (shown in footer)
+   * @default "{basePath}/login"
+   */
+  loginPath?: string;
+  /**
+   * Show "Already have an account?" link
+   * @default true
+   */
+  showLoginLink?: boolean;
+}
+/**
+ * Default setup page component.
+ *
+ * Uses client from AdminProvider to call createFirstAdmin RPC function.
+ *
+ * @example
+ * ```tsx
+ * // In your admin config
+ * const admin = qa<App>()
+ *   .use(coreAdminModule)
+ *   .pages({
+ *     setup: page("setup", { component: SetupPage }).path("/setup"),
+ *   })
+ * ```
+ */
+declare function SetupPage({
+  title,
+  description,
+  logo,
+  redirectTo,
+  loginPath,
+  showLoginLink
+}: SetupPageProps): react_jsx_runtime11.JSX.Element;
+//#endregion
+export { SetupPage, SetupPageProps };