@questpie/admin 1.1.1 → 3.0.0

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

@@ -0,0 +1,84 @@
+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";
+
+//#region src/client/views/pages/dashboard-page.tsx
+/**
+* Default dashboard page component.
+*
+* Reads dashboard configuration from AdminProvider and renders DashboardGrid.
+*
+* @example
+* ```tsx
+* // Dashboard config comes from server introspection.
+* // Generated by `questpie generate`:
+* // import admin from "#questpie/admin/.generated/client";
+* ```
+*/
+function DashboardPage(t0) {
+	const $ = c(17);
+	const { title, description, className } = t0;
+	const basePath = useAdminStore(selectBasePath);
+	const navigate = useAdminStore(selectNavigate);
+	const { data: serverConfig } = useAdminConfig();
+	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;
+}
+
+//#endregion
+export { DashboardPage };

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

@@ -0,0 +1,56 @@
+import * as React from "react";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/client/views/pages/forgot-password-page.d.ts
+
+interface ForgotPasswordPageProps {
+  /**
+   * Title shown on the page
+   * @default "Forgot password"
+   */
+  title?: string;
+  /**
+   * Description shown below the title
+   * @default "Enter your email to receive a password reset link"
+   */
+  description?: string;
+  /**
+   * Logo component to show above the form
+   */
+  logo?: React.ReactNode;
+  /**
+   * Path to login page
+   * @default "{basePath}/login"
+   */
+  loginPath?: string;
+  /**
+   * URL to redirect to after password reset (included in email)
+   * @default "{window.origin}{basePath}/reset-password"
+   */
+  resetPasswordRedirectUrl?: string;
+}
+/**
+ * Default forgot password page component.
+ *
+ * Uses authClient from AdminProvider to handle password reset requests.
+ *
+ * @example
+ * ```tsx
+ * // In your admin config
+ * const admin = qa<App>()
+ *   .use(coreAdminModule)
+ *   .pages({
+ *     forgotPassword: page("forgot-password", { component: ForgotPasswordPage })
+ *       .path("/forgot-password"),
+ *   })
+ * ```
+ */
+declare function ForgotPasswordPage({
+  title,
+  description,
+  logo,
+  loginPath,
+  resetPasswordRedirectUrl
+}: ForgotPasswordPageProps): react_jsx_runtime7.JSX.Element;
+//#endregion
+export { ForgotPasswordPage };

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

@@ -0,0 +1,152 @@
+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 { ForgotPasswordForm } from "../auth/forgot-password-form.mjs";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/views/pages/forgot-password-page.tsx
+/**
+* Forgot Password Page
+*
+* Default forgot password page that uses AuthLayout and ForgotPasswordForm.
+* Integrates with authClient from AdminProvider context.
+*/
+/**
+* Default forgot password page component.
+*
+* Uses authClient from AdminProvider to handle password reset requests.
+*
+* @example
+* ```tsx
+* // In your admin config
+* const admin = qa<App>()
+*   .use(coreAdminModule)
+*   .pages({
+*     forgotPassword: page("forgot-password", { component: ForgotPasswordPage })
+*       .path("/forgot-password"),
+*   })
+* ```
+*/
+function ForgotPasswordPage(t0) {
+	const $ = c(27);
+	const { title, description, logo, loginPath, resetPasswordRedirectUrl } = t0;
+	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 t1;
+	if ($[0] !== authClient || $[1] !== basePath || $[2] !== resetPasswordRedirectUrl || $[3] !== t) {
+		t1 = async (values) => {
+			setError(null);
+			let redirectUrl;
+			if (resetPasswordRedirectUrl !== void 0) redirectUrl = resetPasswordRedirectUrl;
+			else redirectUrl = `${typeof window !== "undefined" ? window.location.origin : ""}${basePath}/reset-password`;
+			try {
+				const result = await authClient.forgetPassword({
+					email: values.email,
+					redirectTo: redirectUrl
+				});
+				if (result.error) {
+					if (result.error.message) setError(result.error.message);
+					else setError(t("error.failedToSendResetEmail"));
+					return;
+				}
+			} catch (t2$1) {
+				const err = t2$1;
+				if (err instanceof Error) setError(err.message);
+				else setError(t("error.anErrorOccurred"));
+			}
+		};
+		$[0] = authClient;
+		$[1] = basePath;
+		$[2] = resetPasswordRedirectUrl;
+		$[3] = t;
+		$[4] = t1;
+	} else t1 = $[4];
+	const handleSubmit = t1;
+	let t2;
+	if ($[5] !== basePath || $[6] !== loginPath || $[7] !== navigate) {
+		t2 = () => {
+			navigate(loginPath ?? `${basePath}/login`);
+		};
+		$[5] = basePath;
+		$[6] = loginPath;
+		$[7] = navigate;
+		$[8] = t2;
+	} else t2 = $[8];
+	const handleBackToLoginClick = t2;
+	let t3;
+	if ($[9] !== t || $[10] !== title) {
+		t3 = title ?? t("auth.forgotPasswordTitle");
+		$[9] = t;
+		$[10] = title;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[12] !== description || $[13] !== t) {
+		t4 = description ?? t("auth.forgotPasswordDescription");
+		$[12] = description;
+		$[13] = t;
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== brandName || $[16] !== logo) {
+		t5 = logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName });
+		$[15] = brandName;
+		$[16] = logo;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== error || $[19] !== handleBackToLoginClick || $[20] !== handleSubmit) {
+		t6 = /* @__PURE__ */ jsx(ForgotPasswordForm, {
+			onSubmit: handleSubmit,
+			onBackToLoginClick: handleBackToLoginClick,
+			error
+		});
+		$[18] = error;
+		$[19] = handleBackToLoginClick;
+		$[20] = handleSubmit;
+		$[21] = t6;
+	} else t6 = $[21];
+	let t7;
+	if ($[22] !== t3 || $[23] !== t4 || $[24] !== t5 || $[25] !== t6) {
+		t7 = /* @__PURE__ */ jsx(AuthLayout, {
+			title: t3,
+			description: t4,
+			logo: t5,
+			className: "qa-forgot-password-page",
+			children: t6
+		});
+		$[22] = t3;
+		$[23] = t4;
+		$[24] = t5;
+		$[25] = t6;
+		$[26] = t7;
+	} else t7 = $[26];
+	return t7;
+}
+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 { ForgotPasswordPage };

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

@@ -0,0 +1,70 @@
+import * as React from "react";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region src/client/views/pages/invite-page.d.ts
+
+interface InvitePageProps {
+  /**
+   * Title shown on the invite page
+   * @default "Invite User"
+   */
+  title?: string;
+  /**
+   * Description shown below the title
+   * @default "Send an invitation to add a new user"
+   */
+  description?: string;
+  /**
+   * Logo component to show above the form
+   */
+  logo?: React.ReactNode;
+  /**
+   * Available roles for selection
+   * @default [{ value: "admin", label: "Admin" }, { value: "user", label: "User" }]
+   */
+  roles?: Array<{
+    value: string;
+    label: string;
+  }>;
+  /**
+   * Default role for new users
+   * @default "user"
+   */
+  defaultRole?: string;
+  /**
+   * Show custom message field
+   * @default true
+   */
+  showMessage?: boolean;
+  /**
+   * Callback when invitation is sent successfully
+   */
+  onSuccess?: (email: string) => void;
+}
+/**
+ * Default invite page component.
+ *
+ * Uses authClient from AdminProvider to send invitations.
+ * Requires Better Auth admin plugin.
+ *
+ * @example
+ * ```tsx
+ * // In your admin config
+ * const admin = qa<App>()
+ *   .use(adminStarterModule)
+ *   .pages({
+ *     invite: page("invite", { component: InvitePage }).path("/invite"),
+ *   })
+ * ```
+ */
+declare function InvitePage({
+  title,
+  description,
+  logo,
+  roles,
+  defaultRole,
+  showMessage,
+  onSuccess
+}: InvitePageProps): react_jsx_runtime8.JSX.Element;
+//#endregion
+export { InvitePage };

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

@@ -0,0 +1,161 @@
+import { useTranslation } from "../../i18n/hooks.mjs";
+import { selectBrandName, useAdminStore } from "../../runtime/provider.mjs";
+import { useAuthClient } from "../../hooks/use-auth.mjs";
+import { AuthLayout } from "../auth/auth-layout.mjs";
+import { InviteForm } from "../auth/invite-form.mjs";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/views/pages/invite-page.tsx
+/**
+* Invite Page
+*
+* Page for admins to invite new users.
+* Uses Better Auth's admin plugin for invitations.
+*/
+/**
+* Default invite page component.
+*
+* Uses authClient from AdminProvider to send invitations.
+* Requires Better Auth admin plugin.
+*
+* @example
+* ```tsx
+* // In your admin config
+* const admin = qa<App>()
+*   .use(adminStarterModule)
+*   .pages({
+*     invite: page("invite", { component: InvitePage }).path("/invite"),
+*   })
+* ```
+*/
+function InvitePage(t0) {
+	const $ = c(28);
+	const { title, description, logo, roles, defaultRole: t1, showMessage: t2, onSuccess } = t0;
+	const defaultRole = t1 === void 0 ? "user" : t1;
+	const showMessage = t2 === void 0 ? true : t2;
+	const { t } = useTranslation();
+	const authClient = useAuthClient();
+	const brandName = useAdminStore(selectBrandName);
+	let t3;
+	if ($[0] !== roles || $[1] !== t) {
+		t3 = roles ?? [{
+			value: "admin",
+			label: t("defaults.users.fields.role.options.admin")
+		}, {
+			value: "user",
+			label: t("defaults.users.fields.role.options.user")
+		}];
+		$[0] = roles;
+		$[1] = t;
+		$[2] = t3;
+	} else t3 = $[2];
+	const resolvedRoles = t3;
+	const [error, setError] = React.useState(null);
+	const [success, setSuccess] = React.useState(null);
+	let t4;
+	if ($[3] !== authClient || $[4] !== onSuccess || $[5] !== t) {
+		t4 = async (values) => {
+			setError(null);
+			setSuccess(null);
+			try {
+				const result = await authClient.admin.createInvitation({
+					email: values.email,
+					role: values.role
+				});
+				if (result.error) {
+					if (result.error.message) setError(result.error.message);
+					else setError(t("error.failedToSendInvitation"));
+					return;
+				}
+				setSuccess(t("auth.inviteSentTo", { email: values.email }));
+				if (onSuccess) onSuccess(values.email);
+			} catch (t5$1) {
+				const err = t5$1;
+				if (err instanceof Error) setError(err.message);
+				else setError(t("error.anErrorOccurred"));
+			}
+		};
+		$[3] = authClient;
+		$[4] = onSuccess;
+		$[5] = t;
+		$[6] = t4;
+	} else t4 = $[6];
+	const handleSubmit = t4;
+	let t5;
+	if ($[7] !== t || $[8] !== title) {
+		t5 = title ?? t("auth.inviteUser");
+		$[7] = t;
+		$[8] = title;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== description || $[11] !== t) {
+		t6 = description ?? t("auth.inviteUserDescription");
+		$[10] = description;
+		$[11] = t;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== brandName || $[14] !== logo) {
+		t7 = logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName });
+		$[13] = brandName;
+		$[14] = logo;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== defaultRole || $[17] !== error || $[18] !== handleSubmit || $[19] !== resolvedRoles || $[20] !== showMessage || $[21] !== success) {
+		t8 = /* @__PURE__ */ jsx(InviteForm, {
+			onSubmit: handleSubmit,
+			roles: resolvedRoles,
+			defaultRole,
+			showMessage,
+			error,
+			success
+		});
+		$[16] = defaultRole;
+		$[17] = error;
+		$[18] = handleSubmit;
+		$[19] = resolvedRoles;
+		$[20] = showMessage;
+		$[21] = success;
+		$[22] = t8;
+	} else t8 = $[22];
+	let t9;
+	if ($[23] !== t5 || $[24] !== t6 || $[25] !== t7 || $[26] !== t8) {
+		t9 = /* @__PURE__ */ jsx(AuthLayout, {
+			title: t5,
+			description: t6,
+			logo: t7,
+			className: "qa-invite-page",
+			children: t8
+		});
+		$[23] = t5;
+		$[24] = t6;
+		$[25] = t7;
+		$[26] = t8;
+		$[27] = t9;
+	} else t9 = $[27];
+	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 { InvitePage };

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

@@ -0,0 +1,69 @@
+import * as React from "react";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+
+//#region src/client/views/pages/login-page.d.ts
+
+interface LoginPageProps {
+  /**
+   * Title shown on the login page
+   * @default "Sign in"
+   */
+  title?: string;
+  /**
+   * Description shown below the title
+   * @default "Enter your credentials to access the admin panel"
+   */
+  description?: string;
+  /**
+   * Logo component to show above the form
+   */
+  logo?: React.ReactNode;
+  /**
+   * Path to redirect after successful login
+   * @default basePath (e.g., "/admin")
+   */
+  redirectTo?: string;
+  /**
+   * Path to forgot password page
+   * @default "{basePath}/forgot-password"
+   */
+  forgotPasswordPath?: string;
+  /**
+   * Path to sign up page (if enabled)
+   */
+  signUpPath?: string;
+  /**
+   * Show forgot password link
+   * @default true
+   */
+  showForgotPassword?: boolean;
+  /**
+   * Show sign up link
+   * @default false
+   */
+  showSignUp?: boolean;
+}
+/**
+ * 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 />
+ * ```
+ */
+declare function LoginPage({
+  title,
+  description,
+  logo,
+  redirectTo,
+  forgotPasswordPath,
+  signUpPath,
+  showForgotPassword,
+  showSignUp
+}: LoginPageProps): react_jsx_runtime9.JSX.Element;
+//#endregion
+export { LoginPage };