@questpie/admin 1.1.1 → 3.0.0

package/dist/client/views/auth/accept-invite-form.mjs

@@ -0,0 +1,473 @@
+import { useTranslation } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
+import { Button } from "../../components/ui/button.mjs";
+import { Input } from "../../components/ui/input.mjs";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel } from "../../components/ui/field.mjs";
+import { Alert, AlertDescription } from "../../components/ui/alert.mjs";
+import { c } from "react/compiler-runtime";
+import { Icon } from "@iconify/react";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useForm, useWatch } from "react-hook-form";
+
+//#region src/client/views/auth/accept-invite-form.tsx
+/**
+* Accept Invite Form - complete registration after receiving invitation
+*/
+/**
+* Accept invite form for new users to complete registration
+*
+* @example
+* ```tsx
+* function AcceptInvitePage({ token }: { token: string }) {
+*   const authClient = useAuthClient()
+*   const [error, setError] = useState<string | null>(null)
+*   const [invitation, setInvitation] = useState<any>(null)
+*
+*   // Fetch invitation details on mount
+*   useEffect(() => {
+*     authClient.admin.getInvitation({ token })
+*       .then(setInvitation)
+*       .catch(() => setError('Invalid or expired invitation'))
+*   }, [token])
+*
+*   const handleAccept = async (values: AcceptInviteFormValues) => {
+*     const result = await authClient.admin.acceptInvitation({
+*       token,
+*       name: values.name,
+*       password: values.password,
+*     })
+*     if (result.error) {
+*       setError(result.error.message)
+*     } else {
+*       // Redirect to admin
+*     }
+*   }
+*
+*   return (
+*     <AcceptInviteForm
+*       onSubmit={handleAccept}
+*       email={invitation?.email}
+*       error={error}
+*     />
+*   )
+* }
+* ```
+*/
+function AcceptInviteForm(t0) {
+	const $ = c(112);
+	const { onSubmit, email, className, error, minPasswordLength: t1 } = t0;
+	const minPasswordLength = t1 === void 0 ? 8 : t1;
+	const { t } = useTranslation();
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = { defaultValues: {
+			name: "",
+			password: "",
+			confirmPassword: ""
+		} };
+		$[0] = t2;
+	} else t2 = $[0];
+	const { register, handleSubmit, control, formState: t3 } = useForm(t2);
+	const { errors, isSubmitting } = t3;
+	let t4;
+	if ($[1] !== control) {
+		t4 = {
+			control,
+			name: "password"
+		};
+		$[1] = control;
+		$[2] = t4;
+	} else t4 = $[2];
+	const password = useWatch(t4);
+	let t5;
+	if ($[3] !== onSubmit) {
+		t5 = async (values) => {
+			await onSubmit(values);
+		};
+		$[3] = onSubmit;
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== handleSubmit || $[6] !== t5) {
+		t6 = handleSubmit(t5);
+		$[5] = handleSubmit;
+		$[6] = t5;
+		$[7] = t6;
+	} else t6 = $[7];
+	const handleFormSubmit = t6;
+	let t7;
+	if ($[8] !== className) {
+		t7 = cn("qa-accept-invite-form space-y-4", className);
+		$[8] = className;
+		$[9] = t7;
+	} else t7 = $[9];
+	let t8;
+	if ($[10] !== email || $[11] !== t) {
+		t8 = email && /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, { children: t("auth.email") }), /* @__PURE__ */ jsx(FieldContent, { children: /* @__PURE__ */ jsx(Input, {
+			type: "email",
+			value: email,
+			disabled: true,
+			className: "bg-muted"
+		}) })] });
+		$[10] = email;
+		$[11] = t;
+		$[12] = t8;
+	} else t8 = $[12];
+	const t9 = !!errors.name;
+	let t10;
+	if ($[13] !== t) {
+		t10 = t("auth.name");
+		$[13] = t;
+		$[14] = t10;
+	} else t10 = $[14];
+	let t11;
+	if ($[15] !== t10) {
+		t11 = /* @__PURE__ */ jsx(FieldLabel, {
+			htmlFor: "accept-name",
+			children: t10
+		});
+		$[15] = t10;
+		$[16] = t11;
+	} else t11 = $[16];
+	let t12;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:user-duotone",
+			className: "text-muted-foreground absolute top-1/2 left-2 size-4 -translate-y-1/2"
+		});
+		$[17] = t12;
+	} else t12 = $[17];
+	let t13;
+	if ($[18] !== t) {
+		t13 = t("auth.namePlaceholder");
+		$[18] = t;
+		$[19] = t13;
+	} else t13 = $[19];
+	const t14 = !!errors.name;
+	let t15;
+	if ($[20] !== register || $[21] !== t) {
+		t15 = register("name", {
+			required: t("auth.nameRequired"),
+			minLength: {
+				value: 2,
+				message: t("auth.nameMinLength", { min: 2 })
+			}
+		});
+		$[20] = register;
+		$[21] = t;
+		$[22] = t15;
+	} else t15 = $[22];
+	let t16;
+	if ($[23] !== t13 || $[24] !== t14 || $[25] !== t15) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [t12, /* @__PURE__ */ jsx(Input, {
+				id: "accept-name",
+				type: "text",
+				placeholder: t13,
+				className: "pl-8",
+				autoComplete: "name",
+				"aria-invalid": t14,
+				...t15
+			})]
+		});
+		$[23] = t13;
+		$[24] = t14;
+		$[25] = t15;
+		$[26] = t16;
+	} else t16 = $[26];
+	const t17 = errors.name?.message;
+	let t18;
+	if ($[27] !== t17) {
+		t18 = /* @__PURE__ */ jsx(FieldError, { children: t17 });
+		$[27] = t17;
+		$[28] = t18;
+	} else t18 = $[28];
+	let t19;
+	if ($[29] !== t16 || $[30] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(FieldContent, { children: [t16, t18] });
+		$[29] = t16;
+		$[30] = t18;
+		$[31] = t19;
+	} else t19 = $[31];
+	let t20;
+	if ($[32] !== t11 || $[33] !== t19 || $[34] !== t9) {
+		t20 = /* @__PURE__ */ jsxs(Field, {
+			"data-invalid": t9,
+			children: [t11, t19]
+		});
+		$[32] = t11;
+		$[33] = t19;
+		$[34] = t9;
+		$[35] = t20;
+	} else t20 = $[35];
+	const t21 = !!errors.password;
+	let t22;
+	if ($[36] !== t) {
+		t22 = t("auth.password");
+		$[36] = t;
+		$[37] = t22;
+	} else t22 = $[37];
+	let t23;
+	if ($[38] !== t22) {
+		t23 = /* @__PURE__ */ jsx(FieldLabel, {
+			htmlFor: "accept-password",
+			children: t22
+		});
+		$[38] = t22;
+		$[39] = t23;
+	} else t23 = $[39];
+	let t24;
+	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:lock-duotone",
+			className: "text-muted-foreground absolute top-1/2 left-2 size-4 -translate-y-1/2"
+		});
+		$[40] = t24;
+	} else t24 = $[40];
+	let t25;
+	if ($[41] !== t) {
+		t25 = t("auth.passwordPlaceholder");
+		$[41] = t;
+		$[42] = t25;
+	} else t25 = $[42];
+	const t26 = !!errors.password;
+	let t27;
+	if ($[43] !== minPasswordLength || $[44] !== register || $[45] !== t) {
+		t27 = register("password", {
+			required: t("auth.passwordRequired"),
+			minLength: {
+				value: minPasswordLength,
+				message: t("auth.passwordMinLength", { min: minPasswordLength })
+			}
+		});
+		$[43] = minPasswordLength;
+		$[44] = register;
+		$[45] = t;
+		$[46] = t27;
+	} else t27 = $[46];
+	let t28;
+	if ($[47] !== t25 || $[48] !== t26 || $[49] !== t27) {
+		t28 = /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [t24, /* @__PURE__ */ jsx(Input, {
+				id: "accept-password",
+				type: "password",
+				placeholder: t25,
+				className: "pl-8",
+				autoComplete: "new-password",
+				"aria-invalid": t26,
+				...t27
+			})]
+		});
+		$[47] = t25;
+		$[48] = t26;
+		$[49] = t27;
+		$[50] = t28;
+	} else t28 = $[50];
+	let t29;
+	if ($[51] !== minPasswordLength || $[52] !== t) {
+		t29 = t("auth.passwordMinLength", { min: minPasswordLength });
+		$[51] = minPasswordLength;
+		$[52] = t;
+		$[53] = t29;
+	} else t29 = $[53];
+	let t30;
+	if ($[54] !== t29) {
+		t30 = /* @__PURE__ */ jsx(FieldDescription, { children: t29 });
+		$[54] = t29;
+		$[55] = t30;
+	} else t30 = $[55];
+	const t31 = errors.password?.message;
+	let t32;
+	if ($[56] !== t31) {
+		t32 = /* @__PURE__ */ jsx(FieldError, { children: t31 });
+		$[56] = t31;
+		$[57] = t32;
+	} else t32 = $[57];
+	let t33;
+	if ($[58] !== t28 || $[59] !== t30 || $[60] !== t32) {
+		t33 = /* @__PURE__ */ jsxs(FieldContent, { children: [
+			t28,
+			t30,
+			t32
+		] });
+		$[58] = t28;
+		$[59] = t30;
+		$[60] = t32;
+		$[61] = t33;
+	} else t33 = $[61];
+	let t34;
+	if ($[62] !== t21 || $[63] !== t23 || $[64] !== t33) {
+		t34 = /* @__PURE__ */ jsxs(Field, {
+			"data-invalid": t21,
+			children: [t23, t33]
+		});
+		$[62] = t21;
+		$[63] = t23;
+		$[64] = t33;
+		$[65] = t34;
+	} else t34 = $[65];
+	const t35 = !!errors.confirmPassword;
+	let t36;
+	if ($[66] !== t) {
+		t36 = t("auth.confirmPassword");
+		$[66] = t;
+		$[67] = t36;
+	} else t36 = $[67];
+	let t37;
+	if ($[68] !== t36) {
+		t37 = /* @__PURE__ */ jsx(FieldLabel, {
+			htmlFor: "accept-confirm-password",
+			children: t36
+		});
+		$[68] = t36;
+		$[69] = t37;
+	} else t37 = $[69];
+	let t38;
+	if ($[70] === Symbol.for("react.memo_cache_sentinel")) {
+		t38 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:lock-duotone",
+			className: "text-muted-foreground absolute top-1/2 left-2 size-4 -translate-y-1/2"
+		});
+		$[70] = t38;
+	} else t38 = $[70];
+	let t39;
+	if ($[71] !== t) {
+		t39 = t("auth.confirmPasswordPlaceholder");
+		$[71] = t;
+		$[72] = t39;
+	} else t39 = $[72];
+	const t40 = !!errors.confirmPassword;
+	let t41;
+	if ($[73] !== password || $[74] !== register || $[75] !== t) {
+		let t42$1;
+		if ($[77] !== password || $[78] !== t) {
+			t42$1 = (value) => value === password || t("auth.passwordMismatch");
+			$[77] = password;
+			$[78] = t;
+			$[79] = t42$1;
+		} else t42$1 = $[79];
+		t41 = register("confirmPassword", {
+			required: t("auth.passwordRequired"),
+			validate: t42$1
+		});
+		$[73] = password;
+		$[74] = register;
+		$[75] = t;
+		$[76] = t41;
+	} else t41 = $[76];
+	let t42;
+	if ($[80] !== t39 || $[81] !== t40 || $[82] !== t41) {
+		t42 = /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [t38, /* @__PURE__ */ jsx(Input, {
+				id: "accept-confirm-password",
+				type: "password",
+				placeholder: t39,
+				className: "pl-8",
+				autoComplete: "new-password",
+				"aria-invalid": t40,
+				...t41
+			})]
+		});
+		$[80] = t39;
+		$[81] = t40;
+		$[82] = t41;
+		$[83] = t42;
+	} else t42 = $[83];
+	const t43 = errors.confirmPassword?.message;
+	let t44;
+	if ($[84] !== t43) {
+		t44 = /* @__PURE__ */ jsx(FieldError, { children: t43 });
+		$[84] = t43;
+		$[85] = t44;
+	} else t44 = $[85];
+	let t45;
+	if ($[86] !== t42 || $[87] !== t44) {
+		t45 = /* @__PURE__ */ jsxs(FieldContent, { children: [t42, t44] });
+		$[86] = t42;
+		$[87] = t44;
+		$[88] = t45;
+	} else t45 = $[88];
+	let t46;
+	if ($[89] !== t35 || $[90] !== t37 || $[91] !== t45) {
+		t46 = /* @__PURE__ */ jsxs(Field, {
+			"data-invalid": t35,
+			children: [t37, t45]
+		});
+		$[89] = t35;
+		$[90] = t37;
+		$[91] = t45;
+		$[92] = t46;
+	} else t46 = $[92];
+	let t47;
+	if ($[93] !== t20 || $[94] !== t34 || $[95] !== t46 || $[96] !== t8) {
+		t47 = /* @__PURE__ */ jsxs(FieldGroup, { children: [
+			t8,
+			t20,
+			t34,
+			t46
+		] });
+		$[93] = t20;
+		$[94] = t34;
+		$[95] = t46;
+		$[96] = t8;
+		$[97] = t47;
+	} else t47 = $[97];
+	let t48;
+	if ($[98] !== error) {
+		t48 = error && /* @__PURE__ */ jsxs(Alert, {
+			variant: "destructive",
+			children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:warning-circle" }), /* @__PURE__ */ jsx(AlertDescription, { children: error })]
+		});
+		$[98] = error;
+		$[99] = t48;
+	} else t48 = $[99];
+	let t49;
+	if ($[100] !== isSubmitting || $[101] !== t) {
+		t49 = isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
+			icon: "ph:spinner-gap-bold",
+			className: "animate-spin"
+		}), t("auth.acceptingInvite")] }) : t("auth.acceptInvite");
+		$[100] = isSubmitting;
+		$[101] = t;
+		$[102] = t49;
+	} else t49 = $[102];
+	let t50;
+	if ($[103] !== isSubmitting || $[104] !== t49) {
+		t50 = /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			className: "w-full",
+			size: "lg",
+			disabled: isSubmitting,
+			children: t49
+		});
+		$[103] = isSubmitting;
+		$[104] = t49;
+		$[105] = t50;
+	} else t50 = $[105];
+	let t51;
+	if ($[106] !== handleFormSubmit || $[107] !== t47 || $[108] !== t48 || $[109] !== t50 || $[110] !== t7) {
+		t51 = /* @__PURE__ */ jsxs("form", {
+			onSubmit: handleFormSubmit,
+			className: t7,
+			children: [
+				t47,
+				t48,
+				t50
+			]
+		});
+		$[106] = handleFormSubmit;
+		$[107] = t47;
+		$[108] = t48;
+		$[109] = t50;
+		$[110] = t7;
+		$[111] = t51;
+	} else t51 = $[111];
+	return t51;
+}
+
+//#endregion
+export { AcceptInviteForm };

package/dist/client/views/auth/auth-layout.d.mts

@@ -0,0 +1,43 @@
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/views/auth/auth-layout.d.ts
+type AuthLayoutProps = {
+  /** Page title */
+  title: string;
+  /** Page description */
+  description?: string;
+  /** Logo component or element */
+  logo?: React.ReactNode;
+  /** Footer content (e.g., links to other auth pages) */
+  footer?: React.ReactNode;
+  /** Form content */
+  children: React.ReactNode;
+  /** Additional class name for the card */
+  className?: string;
+};
+/**
+ * Centered layout for authentication pages (login, register, forgot password, etc.)
+ *
+ * @example
+ * ```tsx
+ * <AuthLayout
+ *   title="Sign in"
+ *   description="Enter your credentials to access the admin panel"
+ *   logo={<Logo />}
+ *   footer={<Link to="/forgot-password">Forgot password?</Link>}
+ * >
+ *   <LoginForm />
+ * </AuthLayout>
+ * ```
+ */
+declare function AuthLayout({
+  title,
+  description,
+  logo,
+  footer,
+  children,
+  className
+}: AuthLayoutProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AuthLayout };

package/dist/client/views/auth/auth-layout.mjs

@@ -0,0 +1,116 @@
+import { cn } from "../../lib/utils.mjs";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../components/ui/card.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/auth/auth-layout.tsx
+/**
+* Centered layout for authentication pages (login, register, forgot password, etc.)
+*
+* @example
+* ```tsx
+* <AuthLayout
+*   title="Sign in"
+*   description="Enter your credentials to access the admin panel"
+*   logo={<Logo />}
+*   footer={<Link to="/forgot-password">Forgot password?</Link>}
+* >
+*   <LoginForm />
+* </AuthLayout>
+* ```
+*/
+function AuthLayout(t0) {
+	const $ = c(23);
+	const { title, description, logo, footer, children, className } = t0;
+	let t1;
+	if ($[0] !== logo) {
+		t1 = logo && /* @__PURE__ */ jsx("div", {
+			className: "qa-auth-layout__logo flex justify-center",
+			children: logo
+		});
+		$[0] = logo;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== className) {
+		t2 = cn("qa-auth-layout__card w-full", className);
+		$[2] = className;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== title) {
+		t3 = /* @__PURE__ */ jsx(CardTitle, {
+			className: "text-lg",
+			children: title
+		});
+		$[4] = title;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== description) {
+		t4 = description && /* @__PURE__ */ jsx(CardDescription, { children: description });
+		$[6] = description;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== t3 || $[9] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(CardHeader, {
+			className: "qa-auth-layout__card-header text-center",
+			children: [t3, t4]
+		});
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== children) {
+		t6 = /* @__PURE__ */ jsx(CardContent, {
+			className: "qa-auth-layout__card-content",
+			children
+		});
+		$[11] = children;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== t2 || $[14] !== t5 || $[15] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Card, {
+			className: t2,
+			children: [t5, t6]
+		});
+		$[13] = t2;
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== footer) {
+		t8 = footer && /* @__PURE__ */ jsx("div", {
+			className: "qa-auth-layout__footer text-muted-foreground text-center text-xs",
+			children: footer
+		});
+		$[17] = footer;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== t1 || $[20] !== t7 || $[21] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: "qa-auth-layout bg-background flex min-h-screen flex-col items-center justify-center p-4",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "qa-auth-layout__content w-full max-w-sm space-y-6",
+				children: [
+					t1,
+					t7,
+					t8
+				]
+			})
+		});
+		$[19] = t1;
+		$[20] = t7;
+		$[21] = t8;
+		$[22] = t9;
+	} else t9 = $[22];
+	return t9;
+}
+
+//#endregion
+export { AuthLayout };

package/dist/client/views/auth/forgot-password-form.d.mts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/client/views/auth/forgot-password-form.d.ts
+/**
+ * Forgot Password Form - request password reset email
+ */
+type ForgotPasswordFormValues = {
+  email: string;
+};
+type ForgotPasswordFormProps = {
+  /** Called when form is submitted with valid data */
+  onSubmit: (values: ForgotPasswordFormValues) => Promise<void>;
+  /** Called when back to login link is clicked */
+  onBackToLoginClick?: () => void;
+  /** Default values */
+  defaultValues?: Partial<ForgotPasswordFormValues>;
+  /** Additional class name */
+  className?: string;
+  /** Error message from auth */
+  error?: string | null;
+};
+/**
+ * Forgot password form with email field
+ *
+ * @example
+ * ```tsx
+ * const authClient = createAdminAuthClient<typeof app>({ baseURL: '...' })
+ *
+ * function ForgotPasswordPage() {
+ *   const [error, setError] = useState<string | null>(null)
+ *
+ *   const handleSubmit = async (values: ForgotPasswordFormValues) => {
+ *     const result = await authClient.forgetPassword({
+ *       email: values.email,
+ *       redirectTo: '/reset-password',
+ *     })
+ *     if (result.error) {
+ *       setError(result.error.message)
+ *     }
+ *   }
+ *
+ *   return (
+ *     <AuthLayout title="Forgot password">
+ *       <ForgotPasswordForm onSubmit={handleSubmit} error={error} />
+ *     </AuthLayout>
+ *   )
+ * }
+ * ```
+ */
+declare function ForgotPasswordForm({
+  onSubmit,
+  onBackToLoginClick,
+  defaultValues,
+  className,
+  error
+}: ForgotPasswordFormProps): react_jsx_runtime1.JSX.Element;
+//#endregion
+export { ForgotPasswordForm };