@questpie/admin 2.0.0 → 3.0.0

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

@@ -1,8 +1,10 @@
+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 * as React$1 from "react";
+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
@@ -20,7 +22,7 @@ import { jsx } from "react/jsx-runtime";
 * @example
 * ```tsx
 * // In your admin config
-* const admin = qa<AppCMS>()
+* const admin = qa<App>()
 *   .use(coreAdminModule)
 *   .pages({
 *     forgotPassword: page("forgot-password", { component: ForgotPasswordPage })
@@ -28,53 +30,123 @@ import { jsx } from "react/jsx-runtime";
 *   })
 * ```
 */
-function ForgotPasswordPage({ title = "Forgot password", description = "Enter your email to receive a password reset link", logo, loginPath, resetPasswordRedirectUrl }) {
+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$1.useState(null);
-	const handleSubmit = async (values) => {
-		setError(null);
-		try {
-			const redirectUrl = resetPasswordRedirectUrl ?? `${typeof window !== "undefined" ? window.location.origin : ""}${basePath}/reset-password`;
-			const result = await authClient.forgetPassword({
-				email: values.email,
-				redirectTo: redirectUrl
-			});
-			if (result.error) {
-				setError(result.error.message || "Failed to send reset email");
-				return;
+	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"));
 			}
-		} catch (err) {
-			setError(err instanceof Error ? err.message : "An error occurred");
-		}
-	};
-	const handleBackToLoginClick = () => {
-		navigate(loginPath ?? `${basePath}/login`);
-	};
-	return /* @__PURE__ */ jsx(AuthLayout, {
-		title,
-		description,
-		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
-		children: /* @__PURE__ */ jsx(ForgotPasswordForm, {
+		};
+		$[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({ 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;
 }
-var forgot_password_page_default = ForgotPasswordPage;
 
 //#endregion
-export { ForgotPasswordPage, forgot_password_page_default as default };
-//# sourceMappingURL=forgot-password-page.mjs.map
+export { ForgotPasswordPage };

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

@@ -1,5 +1,5 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as React from "react";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/client/views/pages/invite-page.d.ts
 
@@ -17,7 +17,7 @@ interface InvitePageProps {
   /**
    * Logo component to show above the form
    */
-  logo?: React$1.ReactNode;
+  logo?: React.ReactNode;
   /**
    * Available roles for selection
    * @default [{ value: "admin", label: "Admin" }, { value: "user", label: "User" }]
@@ -50,7 +50,7 @@ interface InvitePageProps {
  * @example
  * ```tsx
  * // In your admin config
- * const admin = qa<AppCMS>()
+ * const admin = qa<App>()
  *   .use(adminStarterModule)
  *   .pages({
  *     invite: page("invite", { component: InvitePage }).path("/invite"),
@@ -65,7 +65,6 @@ declare function InvitePage({
   defaultRole,
   showMessage,
   onSuccess
-}: InvitePageProps): react_jsx_runtime10.JSX.Element;
+}: InvitePageProps): react_jsx_runtime8.JSX.Element;
 //#endregion
-export { InvitePage, InvitePageProps };
-//# sourceMappingURL=invite-page.d.mts.map
+export { InvitePage };

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

@@ -1,8 +1,10 @@
+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 * as React$1 from "react";
+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
@@ -21,66 +23,139 @@ import { jsx } from "react/jsx-runtime";
 * @example
 * ```tsx
 * // In your admin config
-* const admin = qa<AppCMS>()
+* const admin = qa<App>()
 *   .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 }) {
+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);
-	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;
+	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"));
 			}
-			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, {
+		};
+		$[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,
+			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({ 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 { InvitePage };
-//# sourceMappingURL=invite-page.mjs.map
+export { InvitePage };

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

@@ -1,10 +1,8 @@
-import * as React$1 from "react";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as React from "react";
+import * as react_jsx_runtime9 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
@@ -19,7 +17,7 @@ interface LoginPageProps {
   /**
    * Logo component to show above the form
    */
-  logo?: React$1.ReactNode;
+  logo?: React.ReactNode;
   /**
    * Path to redirect after successful login
    * @default basePath (e.g., "/admin")
@@ -53,12 +51,8 @@ interface LoginPageProps {
  *
  * @example
  * ```tsx
- * // In your admin config
- * const admin = qa<AppCMS>()
- *   .use(adminModule)
- *   .pages({
- *     login: page("login", { component: LoginPage }).path("/login"),
- *   })
+ * // Use as the login page in your admin layout
+ * <LoginPage />
  * ```
  */
 declare function LoginPage({
@@ -70,7 +64,6 @@ declare function LoginPage({
   signUpPath,
   showForgotPassword,
   showSignUp
-}: LoginPageProps): react_jsx_runtime11.JSX.Element;
+}: LoginPageProps): react_jsx_runtime9.JSX.Element;
 //#endregion
-export { LoginPage, LoginPageProps, login_page_d_exports };
-//# sourceMappingURL=login-page.d.mts.map
+export { LoginPage };