@questpie/admin 1.1.0 → 2.0.0

package/dist/client/views/pages/index.d.mts

@@ -0,0 +1,7 @@
+import { DashboardPage, DashboardPageProps } from "./dashboard-page.mjs";
+import { LoginPage, LoginPageProps } from "./login-page.mjs";
+import { ForgotPasswordPage, ForgotPasswordPageProps } from "./forgot-password-page.mjs";
+import { ResetPasswordPage, ResetPasswordPageProps } from "./reset-password-page.mjs";
+import { InvitePage, InvitePageProps } from "./invite-page.mjs";
+import { AcceptInvitePage, AcceptInvitePageProps } from "./accept-invite-page.mjs";
+import { SetupPage, SetupPageProps } from "./setup-page.mjs";

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

@@ -0,0 +1,71 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime10 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$1.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<AppCMS>()
+ *   .use(adminStarterModule)
+ *   .pages({
+ *     invite: page("invite", { component: InvitePage }).path("/invite"),
+ *   })
+ * ```
+ */
+declare function InvitePage({
+  title,
+  description,
+  logo,
+  roles,
+  defaultRole,
+  showMessage,
+  onSuccess
+}: InvitePageProps): react_jsx_runtime10.JSX.Element;
+//#endregion
+export { InvitePage, InvitePageProps };
+//# sourceMappingURL=invite-page.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"invite-page.d.mts","names":[],"sources":["../../../../src/client/views/pages/invite-page.tsx"],"sourcesContent":[],"mappings":";;;;;AA6EE,UA5De,eAAA,CA4Df;EACA;;;;EAOA,KAAA,CAAA,EAAA,MAAA;EACC;;;;;;;;SArDM,OAAA,CAAM;;;;;UAML;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAoCM,UAAA;;;;;;;;GAWb,kBAAe,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,86 @@
+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 * as React$1 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<AppCMS>()
+*   .use(adminStarterModule)
+*   .pages({
+*     invite: page("invite", { component: InvitePage }).path("/invite"),
+*   })
+* ```
+*/
+function InvitePage({ title = "Invite User", description = "Send an invitation to add a new user", logo, roles = [{
+	value: "admin",
+	label: "Admin"
+}, {
+	value: "user",
+	label: "User"
+}], defaultRole = "user", showMessage = true, onSuccess }) {
+	const authClient = useAuthClient();
+	const brandName = useAdminStore(selectBrandName);
+	const [error, setError] = React$1.useState(null);
+	const [success, setSuccess] = React$1.useState(null);
+	const handleSubmit = async (values) => {
+		setError(null);
+		setSuccess(null);
+		try {
+			const result = await authClient.admin.createInvitation({
+				email: values.email,
+				role: values.role
+			});
+			if (result.error) {
+				setError(result.error.message || "Failed to send invitation");
+				return;
+			}
+			setSuccess(`Invitation sent to ${values.email}`);
+			onSuccess?.(values.email);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "An error occurred");
+		}
+	};
+	return /* @__PURE__ */ jsx(AuthLayout, {
+		title,
+		description,
+		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
+		children: /* @__PURE__ */ jsx(InviteForm, {
+			onSubmit: handleSubmit,
+			roles,
+			defaultRole,
+			showMessage,
+			error,
+			success
+		})
+	});
+}
+function DefaultLogo({ brandName }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "text-center",
+		children: /* @__PURE__ */ jsx("h1", {
+			className: "text-xl font-bold",
+			children: brandName
+		})
+	});
+}
+
+//#endregion
+export { InvitePage };
+//# sourceMappingURL=invite-page.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"invite-page.mjs","names":["React"],"sources":["../../../../src/client/views/pages/invite-page.tsx"],"sourcesContent":["/**\n * Invite Page\n *\n * Page for admins to invite new users.\n * Uses Better Auth's admin plugin for invitations.\n */\n\nimport * as React from \"react\";\nimport { useAuthClient } from \"../../hooks/use-auth\";\nimport {\n  selectBasePath,\n  selectBrandName,\n  useAdminStore,\n} from \"../../runtime/provider\";\nimport { AuthLayout } from \"../auth/auth-layout\";\nimport { InviteForm, type InviteFormValues } from \"../auth/invite-form\";\n\nexport interface InvitePageProps {\n  /**\n   * Title shown on the invite page\n   * @default \"Invite User\"\n   */\n  title?: string;\n\n  /**\n   * Description shown below the title\n   * @default \"Send an invitation to add a new user\"\n   */\n  description?: string;\n\n  /**\n   * Logo component to show above the form\n   */\n  logo?: React.ReactNode;\n\n  /**\n   * Available roles for selection\n   * @default [{ value: \"admin\", label: \"Admin\" }, { value: \"user\", label: \"User\" }]\n   */\n  roles?: Array<{ value: string; label: string }>;\n\n  /**\n   * Default role for new users\n   * @default \"user\"\n   */\n  defaultRole?: string;\n\n  /**\n   * Show custom message field\n   * @default true\n   */\n  showMessage?: boolean;\n\n  /**\n   * Callback when invitation is sent successfully\n   */\n  onSuccess?: (email: string) => void;\n}\n\n/**\n * Default invite page component.\n *\n * Uses authClient from AdminProvider to send invitations.\n * Requires Better Auth admin plugin.\n *\n * @example\n * ```tsx\n * // In your admin config\n * const admin = qa<AppCMS>()\n *   .use(adminStarterModule)\n *   .pages({\n *     invite: page(\"invite\", { component: InvitePage }).path(\"/invite\"),\n *   })\n * ```\n */\nexport function InvitePage({\n  title = \"Invite User\",\n  description = \"Send an invitation to add a new user\",\n  logo,\n  roles = [\n    { value: \"admin\", label: \"Admin\" },\n    { value: \"user\", label: \"User\" },\n  ],\n  defaultRole = \"user\",\n  showMessage = true,\n  onSuccess,\n}: InvitePageProps) {\n  const authClient = useAuthClient();\n  const brandName = useAdminStore(selectBrandName);\n\n  const [error, setError] = React.useState<string | null>(null);\n  const [success, setSuccess] = React.useState<string | null>(null);\n\n  const handleSubmit = async (values: InviteFormValues) => {\n    setError(null);\n    setSuccess(null);\n\n    try {\n      // Use Better Auth admin plugin to create invitation\n      const result = await authClient.admin.createInvitation({\n        email: values.email,\n        role: values.role,\n      });\n\n      if (result.error) {\n        setError(result.error.message || \"Failed to send invitation\");\n        return;\n      }\n\n      setSuccess(`Invitation sent to ${values.email}`);\n      onSuccess?.(values.email);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"An error occurred\");\n    }\n  };\n\n  return (\n    <AuthLayout\n      title={title}\n      description={description}\n      logo={logo ?? <DefaultLogo brandName={brandName} />}\n    >\n      <InviteForm\n        onSubmit={handleSubmit}\n        roles={roles}\n        defaultRole={defaultRole}\n        showMessage={showMessage}\n        error={error}\n        success={success}\n      />\n    </AuthLayout>\n  );\n}\n\nfunction DefaultLogo({ brandName }: { brandName: string }) {\n  return (\n    <div className=\"text-center\">\n      <h1 className=\"text-xl font-bold\">{brandName}</h1>\n    </div>\n  );\n}\n\nexport default InvitePage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,SAAgB,WAAW,EACzB,QAAQ,eACR,cAAc,wCACd,MACA,QAAQ,CACN;CAAE,OAAO;CAAS,OAAO;CAAS,EAClC;CAAE,OAAO;CAAQ,OAAO;CAAQ,CACjC,EACD,cAAc,QACd,cAAc,MACd,aACkB;CAClB,MAAM,aAAa,eAAe;CAClC,MAAM,YAAY,cAAc,gBAAgB;CAEhD,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAwB,KAAK;CAC7D,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAwB,KAAK;CAEjE,MAAM,eAAe,OAAO,WAA6B;AACvD,WAAS,KAAK;AACd,aAAW,KAAK;AAEhB,MAAI;GAEF,MAAM,SAAS,MAAM,WAAW,MAAM,iBAAiB;IACrD,OAAO,OAAO;IACd,MAAM,OAAO;IACd,CAAC;AAEF,OAAI,OAAO,OAAO;AAChB,aAAS,OAAO,MAAM,WAAW,4BAA4B;AAC7D;;AAGF,cAAW,sBAAsB,OAAO,QAAQ;AAChD,eAAY,OAAO,MAAM;WAClB,KAAK;AACZ,YAAS,eAAe,QAAQ,IAAI,UAAU,oBAAoB;;;AAItE,QACE,oBAAC;EACQ;EACM;EACb,MAAM,QAAQ,oBAAC,eAAuB,YAAa;YAEnD,oBAAC;GACC,UAAU;GACH;GACM;GACA;GACN;GACE;IACT;GACS;;AAIjB,SAAS,YAAY,EAAE,aAAoC;AACzD,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAG,WAAU;aAAqB;IAAe;GAC9C"}

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

@@ -0,0 +1,76 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region src/client/views/pages/login-page.d.ts
+declare namespace login_page_d_exports {
+  export { LoginPage, LoginPageProps, LoginPage as default };
+}
+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$1.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
+ * // In your admin config
+ * const admin = qa<AppCMS>()
+ *   .use(adminModule)
+ *   .pages({
+ *     login: page("login", { component: LoginPage }).path("/login"),
+ *   })
+ * ```
+ */
+declare function LoginPage({
+  title,
+  description,
+  logo,
+  redirectTo,
+  forgotPasswordPath,
+  signUpPath,
+  showForgotPassword,
+  showSignUp
+}: LoginPageProps): react_jsx_runtime11.JSX.Element;
+//#endregion
+export { LoginPage, LoginPageProps, login_page_d_exports };
+//# sourceMappingURL=login-page.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"login-page.d.mts","names":[],"sources":["../../../../src/client/views/pages/login-page.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAqBiB,cAAA;EAAA;AAgEjB;;;EAGE,KAAA,CAAA,EAAA,MAAA;EACA;;;;EAIA,WAAA,CAAA,EAAA,MAAA;EACC;;;SAzDM,OAAA,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgDC,SAAA;;;;;;;;;GASb,iBAAc,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,98 @@
+import { selectBasePath, selectBrandName, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
+import { useAuthClient } from "../../hooks/use-auth.mjs";
+import { useSetupStatus } from "../../hooks/use-setup-status.mjs";
+import { AuthLayout } from "../auth/auth-layout.mjs";
+import { LoginForm } from "../auth/login-form.mjs";
+import * as React$1 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
+* // In your admin config
+* const admin = qa<AppCMS>()
+*   .use(adminModule)
+*   .pages({
+*     login: page("login", { component: LoginPage }).path("/login"),
+*   })
+* ```
+*/
+function LoginPage({ title = "Sign in", description = "Enter your credentials to access the admin panel", logo, redirectTo, forgotPasswordPath, signUpPath, showForgotPassword = true, showSignUp = false }) {
+	const authClient = useAuthClient();
+	const navigate = useAdminStore(selectNavigate);
+	const basePath = useAdminStore(selectBasePath);
+	const brandName = useAdminStore(selectBrandName);
+	const [error, setError] = React$1.useState(null);
+	const { data: setupStatus, isLoading: isCheckingSetup } = useSetupStatus();
+	React$1.useEffect(() => {
+		if (!isCheckingSetup && setupStatus?.required) navigate(`${basePath}/setup`);
+	}, [
+		isCheckingSetup,
+		setupStatus,
+		navigate,
+		basePath
+	]);
+	const handleSubmit = async (values) => {
+		setError(null);
+		try {
+			const result = await authClient.signIn.email({
+				email: values.email,
+				password: values.password
+			});
+			if (result.error) {
+				setError(result.error.message || "Invalid credentials");
+				return;
+			}
+			navigate(redirectTo ?? basePath);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "An error occurred");
+		}
+	};
+	const handleForgotPasswordClick = () => {
+		navigate(forgotPasswordPath ?? `${basePath}/forgot-password`);
+	};
+	const handleSignUpClick = () => {
+		if (signUpPath) navigate(signUpPath);
+	};
+	return /* @__PURE__ */ jsx(AuthLayout, {
+		title,
+		description,
+		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
+		children: /* @__PURE__ */ jsx(LoginForm, {
+			onSubmit: handleSubmit,
+			onForgotPasswordClick: handleForgotPasswordClick,
+			onSignUpClick: handleSignUpClick,
+			showForgotPassword,
+			showSignUp,
+			error
+		})
+	});
+}
+function DefaultLogo({ brandName }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "text-center",
+		children: /* @__PURE__ */ jsx("h1", {
+			className: "text-xl font-bold",
+			children: brandName
+		})
+	});
+}
+var login_page_default = LoginPage;
+
+//#endregion
+export { LoginPage, login_page_default as default };
+//# sourceMappingURL=login-page.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"login-page.mjs","names":["React"],"sources":["../../../../src/client/views/pages/login-page.tsx"],"sourcesContent":["/**\n * Login Page\n *\n * Default login page that uses AuthLayout and LoginForm.\n * Integrates with authClient from AdminProvider context.\n *\n * Automatically redirects to setup page if no users exist.\n */\n\nimport * as React from \"react\";\nimport { useAuthClient } from \"../../hooks/use-auth\";\nimport { useSetupStatus } from \"../../hooks/use-setup-status\";\nimport {\n  selectBasePath,\n  selectBrandName,\n  selectNavigate,\n  useAdminStore,\n} from \"../../runtime/provider\";\nimport { AuthLayout } from \"../auth/auth-layout\";\nimport { LoginForm, type LoginFormValues } from \"../auth/login-form\";\n\nexport interface LoginPageProps {\n  /**\n   * Title shown on the login page\n   * @default \"Sign in\"\n   */\n  title?: string;\n\n  /**\n   * Description shown below the title\n   * @default \"Enter your credentials to access the admin panel\"\n   */\n  description?: string;\n\n  /**\n   * Logo component to show above the form\n   */\n  logo?: React.ReactNode;\n\n  /**\n   * Path to redirect after successful login\n   * @default basePath (e.g., \"/admin\")\n   */\n  redirectTo?: string;\n\n  /**\n   * Path to forgot password page\n   * @default \"{basePath}/forgot-password\"\n   */\n  forgotPasswordPath?: string;\n\n  /**\n   * Path to sign up page (if enabled)\n   */\n  signUpPath?: string;\n\n  /**\n   * Show forgot password link\n   * @default true\n   */\n  showForgotPassword?: boolean;\n\n  /**\n   * Show sign up link\n   * @default false\n   */\n  showSignUp?: boolean;\n}\n\n/**\n * Default login page component.\n *\n * Uses authClient from AdminProvider to handle authentication.\n * Automatically redirects to setup page if no users exist.\n *\n * @example\n * ```tsx\n * // In your admin config\n * const admin = qa<AppCMS>()\n *   .use(adminModule)\n *   .pages({\n *     login: page(\"login\", { component: LoginPage }).path(\"/login\"),\n *   })\n * ```\n */\nexport function LoginPage({\n  title = \"Sign in\",\n  description = \"Enter your credentials to access the admin panel\",\n  logo,\n  redirectTo,\n  forgotPasswordPath,\n  signUpPath,\n  showForgotPassword = true,\n  showSignUp = false,\n}: LoginPageProps) {\n  const authClient = useAuthClient();\n  const navigate = useAdminStore(selectNavigate);\n  const basePath = useAdminStore(selectBasePath);\n  const brandName = useAdminStore(selectBrandName);\n\n  const [error, setError] = React.useState<string | null>(null);\n\n  // Check if setup is required (no users exist)\n  const { data: setupStatus, isLoading: isCheckingSetup } = useSetupStatus();\n\n  // Redirect to setup page if no users exist\n  React.useEffect(() => {\n    if (!isCheckingSetup && setupStatus?.required) {\n      navigate(`${basePath}/setup`);\n    }\n  }, [isCheckingSetup, setupStatus, navigate, basePath]);\n\n  const handleSubmit = async (values: LoginFormValues) => {\n    setError(null);\n\n    try {\n      const result = await authClient.signIn.email({\n        email: values.email,\n        password: values.password,\n      });\n\n      if (result.error) {\n        setError(result.error.message || \"Invalid credentials\");\n        return;\n      }\n\n      // Redirect on success\n      navigate(redirectTo ?? basePath);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"An error occurred\");\n    }\n  };\n\n  const handleForgotPasswordClick = () => {\n    navigate(forgotPasswordPath ?? `${basePath}/forgot-password`);\n  };\n\n  const handleSignUpClick = () => {\n    if (signUpPath) {\n      navigate(signUpPath);\n    }\n  };\n\n  return (\n    <AuthLayout\n      title={title}\n      description={description}\n      logo={logo ?? <DefaultLogo brandName={brandName} />}\n    >\n      <LoginForm\n        onSubmit={handleSubmit}\n        onForgotPasswordClick={handleForgotPasswordClick}\n        onSignUpClick={handleSignUpClick}\n        showForgotPassword={showForgotPassword}\n        showSignUp={showSignUp}\n        error={error}\n      />\n    </AuthLayout>\n  );\n}\n\nfunction DefaultLogo({ brandName }: { brandName: string }) {\n  return (\n    <div className=\"text-center\">\n      <h1 className=\"text-xl font-bold\">{brandName}</h1>\n    </div>\n  );\n}\n\nexport default LoginPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA,SAAgB,UAAU,EACxB,QAAQ,WACR,cAAc,oDACd,MACA,YACA,oBACA,YACA,qBAAqB,MACrB,aAAa,SACI;CACjB,MAAM,aAAa,eAAe;CAClC,MAAM,WAAW,cAAc,eAAe;CAC9C,MAAM,WAAW,cAAc,eAAe;CAC9C,MAAM,YAAY,cAAc,gBAAgB;CAEhD,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAwB,KAAK;CAG7D,MAAM,EAAE,MAAM,aAAa,WAAW,oBAAoB,gBAAgB;AAG1E,SAAM,gBAAgB;AACpB,MAAI,CAAC,mBAAmB,aAAa,SACnC,UAAS,GAAG,SAAS,QAAQ;IAE9B;EAAC;EAAiB;EAAa;EAAU;EAAS,CAAC;CAEtD,MAAM,eAAe,OAAO,WAA4B;AACtD,WAAS,KAAK;AAEd,MAAI;GACF,MAAM,SAAS,MAAM,WAAW,OAAO,MAAM;IAC3C,OAAO,OAAO;IACd,UAAU,OAAO;IAClB,CAAC;AAEF,OAAI,OAAO,OAAO;AAChB,aAAS,OAAO,MAAM,WAAW,sBAAsB;AACvD;;AAIF,YAAS,cAAc,SAAS;WACzB,KAAK;AACZ,YAAS,eAAe,QAAQ,IAAI,UAAU,oBAAoB;;;CAItE,MAAM,kCAAkC;AACtC,WAAS,sBAAsB,GAAG,SAAS,kBAAkB;;CAG/D,MAAM,0BAA0B;AAC9B,MAAI,WACF,UAAS,WAAW;;AAIxB,QACE,oBAAC;EACQ;EACM;EACb,MAAM,QAAQ,oBAAC,eAAuB,YAAa;YAEnD,oBAAC;GACC,UAAU;GACV,uBAAuB;GACvB,eAAe;GACK;GACR;GACL;IACP;GACS;;AAIjB,SAAS,YAAY,EAAE,aAAoC;AACzD,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAG,WAAU;aAAqB;IAAe;GAC9C;;AAIV,yBAAe"}

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

@@ -0,0 +1,66 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/client/views/pages/reset-password-page.d.ts
+declare namespace reset_password_page_d_exports {
+  export { ResetPasswordPage, ResetPasswordPageProps, ResetPasswordPage as default };
+}
+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$1.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<AppCMS>()
+ *   .use(coreAdminModule)
+ *   .pages({
+ *     resetPassword: page("reset-password", { component: ResetPasswordPage })
+ *       .path("/reset-password"),
+ *   })
+ * ```
+ */
+declare function ResetPasswordPage({
+  title,
+  description,
+  logo,
+  loginPath,
+  minPasswordLength,
+  getToken
+}: ResetPasswordPageProps): react_jsx_runtime12.JSX.Element;
+//#endregion
+export { ResetPasswordPage, ResetPasswordPageProps, reset_password_page_d_exports };
+//# sourceMappingURL=reset-password-page.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reset-password-page.d.mts","names":[],"sources":["../../../../src/client/views/pages/reset-password-page.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAsBiB,sBAAA;;;AAAjB;AAsDA;EACE,KAAA,CAAA,EAAA,MAAA;EACA;;;;EAIA,WAAA,CAAA,EAAA,MAAA;EACC;;;SA7CM,OAAA,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAsCC,iBAAA;;;;;;;GAOb,yBAAsB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,105 @@
+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 * as React$1 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<AppCMS>()
+*   .use(coreAdminModule)
+*   .pages({
+*     resetPassword: page("reset-password", { component: ResetPasswordPage })
+*       .path("/reset-password"),
+*   })
+* ```
+*/
+function ResetPasswordPage({ title = "Reset password", description = "Enter your new password", logo, loginPath, minPasswordLength = 8, getToken }) {
+	const authClient = useAuthClient();
+	const navigate = useAdminStore(selectNavigate);
+	const basePath = useAdminStore(selectBasePath);
+	const brandName = useAdminStore(selectBrandName);
+	const [error, setError] = React$1.useState(null);
+	const token = React$1.useMemo(() => {
+		if (getToken) return getToken();
+		if (typeof window !== "undefined") return new URLSearchParams(window.location.search).get("token");
+		return null;
+	}, [getToken]);
+	const handleSubmit = async (values) => {
+		setError(null);
+		try {
+			const result = await authClient.resetPassword({
+				token: values.token,
+				newPassword: values.password
+			});
+			if (result.error) {
+				setError(result.error.message || "Failed to reset password");
+				return;
+			}
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "An error occurred");
+		}
+	};
+	const handleBackToLoginClick = () => {
+		navigate(loginPath ?? `${basePath}/login`);
+	};
+	if (!token) return /* @__PURE__ */ jsx(AuthLayout, {
+		title: "Invalid Link",
+		description: "The password reset link is invalid or has expired.",
+		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4 text-center",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "Please request a new password reset link."
+			}), /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "link",
+				onClick: handleBackToLoginClick,
+				children: "Back to login"
+			})]
+		})
+	});
+	return /* @__PURE__ */ jsx(AuthLayout, {
+		title,
+		description,
+		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
+		children: /* @__PURE__ */ jsx(ResetPasswordForm, {
+			token,
+			onSubmit: handleSubmit,
+			onBackToLoginClick: handleBackToLoginClick,
+			minPasswordLength,
+			error
+		})
+	});
+}
+function DefaultLogo({ brandName }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "text-center",
+		children: /* @__PURE__ */ jsx("h1", {
+			className: "text-xl font-bold",
+			children: brandName
+		})
+	});
+}
+var reset_password_page_default = ResetPasswordPage;
+
+//#endregion
+export { ResetPasswordPage, reset_password_page_default as default };
+//# sourceMappingURL=reset-password-page.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reset-password-page.mjs","names":["React"],"sources":["../../../../src/client/views/pages/reset-password-page.tsx"],"sourcesContent":["/**\n * Reset Password Page\n *\n * Default reset password page that uses AuthLayout and ResetPasswordForm.\n * Integrates with authClient from AdminProvider context.\n */\n\nimport * as React from \"react\";\nimport { Button } from \"../../components/ui/button\";\nimport { useAuthClient } from \"../../hooks/use-auth\";\nimport {\n  selectBasePath,\n  selectBrandName,\n  selectNavigate,\n  useAdminStore,\n} from \"../../runtime/provider\";\nimport { AuthLayout } from \"../auth/auth-layout\";\nimport {\n  ResetPasswordForm,\n  type ResetPasswordFormValues,\n} from \"../auth/reset-password-form\";\n\nexport interface ResetPasswordPageProps {\n  /**\n   * Title shown on the page\n   * @default \"Reset password\"\n   */\n  title?: string;\n\n  /**\n   * Description shown below the title\n   * @default \"Enter your new password\"\n   */\n  description?: string;\n\n  /**\n   * Logo component to show above the form\n   */\n  logo?: React.ReactNode;\n\n  /**\n   * Path to login page\n   * @default \"{basePath}/login\"\n   */\n  loginPath?: string;\n\n  /**\n   * Minimum password length\n   * @default 8\n   */\n  minPasswordLength?: number;\n\n  /**\n   * Function to get token from URL.\n   * By default, reads from URL search params (?token=...)\n   */\n  getToken?: () => string | null;\n}\n\n/**\n * Default reset password page component.\n *\n * Uses authClient from AdminProvider to handle password reset.\n * Expects a token in the URL query params (?token=...).\n *\n * @example\n * ```tsx\n * // In your admin config\n * const admin = qa<AppCMS>()\n *   .use(coreAdminModule)\n *   .pages({\n *     resetPassword: page(\"reset-password\", { component: ResetPasswordPage })\n *       .path(\"/reset-password\"),\n *   })\n * ```\n */\nexport function ResetPasswordPage({\n  title = \"Reset password\",\n  description = \"Enter your new password\",\n  logo,\n  loginPath,\n  minPasswordLength = 8,\n  getToken,\n}: ResetPasswordPageProps) {\n  const authClient = useAuthClient();\n  const navigate = useAdminStore(selectNavigate);\n  const basePath = useAdminStore(selectBasePath);\n  const brandName = useAdminStore(selectBrandName);\n\n  const [error, setError] = React.useState<string | null>(null);\n\n  // Get token from URL\n  const token = React.useMemo(() => {\n    if (getToken) {\n      return getToken();\n    }\n    if (typeof window !== \"undefined\") {\n      const params = new URLSearchParams(window.location.search);\n      return params.get(\"token\");\n    }\n    return null;\n  }, [getToken]);\n\n  const handleSubmit = async (\n    values: ResetPasswordFormValues & { token: string },\n  ) => {\n    setError(null);\n\n    try {\n      const result = await authClient.resetPassword({\n        token: values.token,\n        newPassword: values.password,\n      });\n\n      if (result.error) {\n        setError(result.error.message || \"Failed to reset password\");\n        return;\n      }\n\n      // Success is handled by the form (shows success message)\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"An error occurred\");\n    }\n  };\n\n  const handleBackToLoginClick = () => {\n    navigate(loginPath ?? `${basePath}/login`);\n  };\n\n  // Show error if no token\n  if (!token) {\n    return (\n      <AuthLayout\n        title=\"Invalid Link\"\n        description=\"The password reset link is invalid or has expired.\"\n        logo={logo ?? <DefaultLogo brandName={brandName} />}\n      >\n        <div className=\"space-y-4 text-center\">\n          <p className=\"text-muted-foreground text-sm\">\n            Please request a new password reset link.\n          </p>\n          <Button type=\"button\" variant=\"link\" onClick={handleBackToLoginClick}>\n            Back to login\n          </Button>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  return (\n    <AuthLayout\n      title={title}\n      description={description}\n      logo={logo ?? <DefaultLogo brandName={brandName} />}\n    >\n      <ResetPasswordForm\n        token={token}\n        onSubmit={handleSubmit}\n        onBackToLoginClick={handleBackToLoginClick}\n        minPasswordLength={minPasswordLength}\n        error={error}\n      />\n    </AuthLayout>\n  );\n}\n\nfunction DefaultLogo({ brandName }: { brandName: string }) {\n  return (\n    <div className=\"text-center\">\n      <h1 className=\"text-xl font-bold\">{brandName}</h1>\n    </div>\n  );\n}\n\nexport default ResetPasswordPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EA,SAAgB,kBAAkB,EAChC,QAAQ,kBACR,cAAc,2BACd,MACA,WACA,oBAAoB,GACpB,YACyB;CACzB,MAAM,aAAa,eAAe;CAClC,MAAM,WAAW,cAAc,eAAe;CAC9C,MAAM,WAAW,cAAc,eAAe;CAC9C,MAAM,YAAY,cAAc,gBAAgB;CAEhD,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAwB,KAAK;CAG7D,MAAM,QAAQA,QAAM,cAAc;AAChC,MAAI,SACF,QAAO,UAAU;AAEnB,MAAI,OAAO,WAAW,YAEpB,QADe,IAAI,gBAAgB,OAAO,SAAS,OAAO,CAC5C,IAAI,QAAQ;AAE5B,SAAO;IACN,CAAC,SAAS,CAAC;CAEd,MAAM,eAAe,OACnB,WACG;AACH,WAAS,KAAK;AAEd,MAAI;GACF,MAAM,SAAS,MAAM,WAAW,cAAc;IAC5C,OAAO,OAAO;IACd,aAAa,OAAO;IACrB,CAAC;AAEF,OAAI,OAAO,OAAO;AAChB,aAAS,OAAO,MAAM,WAAW,2BAA2B;AAC5D;;WAIK,KAAK;AACZ,YAAS,eAAe,QAAQ,IAAI,UAAU,oBAAoB;;;CAItE,MAAM,+BAA+B;AACnC,WAAS,aAAa,GAAG,SAAS,QAAQ;;AAI5C,KAAI,CAAC,MACH,QACE,oBAAC;EACC,OAAM;EACN,aAAY;EACZ,MAAM,QAAQ,oBAAC,eAAuB,YAAa;YAEnD,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAE,WAAU;cAAgC;KAEzC,EACJ,oBAAC;IAAO,MAAK;IAAS,SAAQ;IAAO,SAAS;cAAwB;KAE7D;IACL;GACK;AAIjB,QACE,oBAAC;EACQ;EACM;EACb,MAAM,QAAQ,oBAAC,eAAuB,YAAa;YAEnD,oBAAC;GACQ;GACP,UAAU;GACV,oBAAoB;GACD;GACZ;IACP;GACS;;AAIjB,SAAS,YAAY,EAAE,aAAoC;AACzD,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAG,WAAU;aAAqB;IAAe;GAC9C;;AAIV,kCAAe"}

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

@@ -0,0 +1,64 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/client/views/pages/setup-page.d.ts
+declare namespace setup_page_d_exports {
+  export { SetupPage, SetupPageProps, SetupPage as default };
+}
+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$1.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<AppCMS>()
+ *   .use(coreAdminModule)
+ *   .pages({
+ *     setup: page("setup", { component: SetupPage }).path("/setup"),
+ *   })
+ * ```
+ */
+declare function SetupPage({
+  title,
+  description,
+  logo,
+  redirectTo,
+  loginPath,
+  showLoginLink
+}: SetupPageProps): react_jsx_runtime13.JSX.Element;
+//#endregion
+export { SetupPage, SetupPageProps, setup_page_d_exports };
+//# sourceMappingURL=setup-page.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"setup-page.d.mts","names":[],"sources":["../../../../src/client/views/pages/setup-page.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAkBiB,cAAA;;;AAAjB;AAoDA;EACE,KAAA,CAAA,EAAA,MAAA;EACA;;;;EAIA,WAAA,CAAA,EAAA,MAAA;EACC;;;SA3CM,OAAA,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAoCC,SAAA;;;;;;;GAOb,iBAAc,mBAAA,CAAA,GAAA,CAAA"}