@questpie/admin 1.1.1 → 3.0.0

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

@@ -0,0 +1,497 @@
+import { useResolveText, 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 { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../components/ui/select.mjs";
+import { Textarea } from "../../components/ui/textarea.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/invite-form.tsx
+/**
+* Invite Form - invite new users to the admin
+*/
+/**
+* Invite form for admins to invite new users
+*
+* @example
+* ```tsx
+* function InvitePage() {
+*   const authClient = useAuthClient()
+*   const [error, setError] = useState<string | null>(null)
+*   const [success, setSuccess] = useState<string | null>(null)
+*
+*   const handleInvite = async (values: InviteFormValues) => {
+*     const result = await authClient.admin.createInvitation({
+*       email: values.email,
+*       role: values.role,
+*     })
+*     if (result.error) {
+*       setError(result.error.message)
+*     } else {
+*       setSuccess(`Invitation sent to ${values.email}`)
+*     }
+*   }
+*
+*   return (
+*     <InviteForm
+*       onSubmit={handleInvite}
+*       error={error}
+*       success={success}
+*     />
+*   )
+* }
+* ```
+*/
+function InviteForm(t0) {
+	const $ = c(136);
+	const { onSubmit, roles: rolesProp, defaultRole: t1, showMessage: t2, className, error, success } = t0;
+	const defaultRole = t1 === void 0 ? "user" : t1;
+	const showMessage = t2 === void 0 ? true : t2;
+	let t3;
+	if ($[0] !== defaultRole) {
+		t3 = { defaultValues: {
+			email: "",
+			role: defaultRole,
+			message: ""
+		} };
+		$[0] = defaultRole;
+		$[1] = t3;
+	} else t3 = $[1];
+	const { register, handleSubmit, setValue, control, reset, formState: t4 } = useForm(t3);
+	const { errors, isSubmitting } = t4;
+	let t5;
+	if ($[2] !== control) {
+		t5 = {
+			control,
+			name: "role"
+		};
+		$[2] = control;
+		$[3] = t5;
+	} else t5 = $[3];
+	const selectedRole = useWatch(t5);
+	const resolveText = useResolveText();
+	const { t } = useTranslation();
+	let T0;
+	let T1;
+	let T2;
+	let T3;
+	let T4;
+	let T5;
+	let roles;
+	let t10;
+	let t11;
+	let t12;
+	let t13;
+	let t14;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[4] !== className || $[5] !== error || $[6] !== errors.email || $[7] !== errors.role || $[8] !== handleSubmit || $[9] !== onSubmit || $[10] !== register || $[11] !== reset || $[12] !== resolveText || $[13] !== rolesProp || $[14] !== selectedRole || $[15] !== setValue || $[16] !== t) {
+		roles = rolesProp ?? [{
+			value: "admin",
+			label: t("defaults.users.fields.role.options.admin")
+		}, {
+			value: "user",
+			label: t("defaults.users.fields.role.options.user")
+		}];
+		let t15$1;
+		if ($[33] !== error || $[34] !== onSubmit || $[35] !== reset) {
+			t15$1 = async (values) => {
+				await onSubmit(values);
+				if (!error) reset();
+			};
+			$[33] = error;
+			$[34] = onSubmit;
+			$[35] = reset;
+			$[36] = t15$1;
+		} else t15$1 = $[36];
+		let t16$1;
+		if ($[37] !== handleSubmit || $[38] !== t15$1) {
+			t16$1 = handleSubmit(t15$1);
+			$[37] = handleSubmit;
+			$[38] = t15$1;
+			$[39] = t16$1;
+		} else t16$1 = $[39];
+		t13 = t16$1;
+		if ($[40] !== className) {
+			t14 = cn("qa-invite-form space-y-4", className);
+			$[40] = className;
+			$[41] = t14;
+		} else t14 = $[41];
+		T5 = FieldGroup;
+		const t17$1 = !!errors.email;
+		let t18$1;
+		if ($[42] !== t) {
+			t18$1 = t("auth.inviteEmailLabel");
+			$[42] = t;
+			$[43] = t18$1;
+		} else t18$1 = $[43];
+		let t19$1;
+		if ($[44] !== t18$1) {
+			t19$1 = /* @__PURE__ */ jsx(FieldLabel, {
+				htmlFor: "invite-email",
+				children: t18$1
+			});
+			$[44] = t18$1;
+			$[45] = t19$1;
+		} else t19$1 = $[45];
+		let t20$1;
+		if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
+			t20$1 = /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:envelope-duotone",
+				className: "text-muted-foreground absolute top-1/2 left-2 size-4 -translate-y-1/2"
+			});
+			$[46] = t20$1;
+		} else t20$1 = $[46];
+		const t21$1 = !!errors.email;
+		let t22$1;
+		if ($[47] !== register || $[48] !== t) {
+			let t23$2;
+			if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
+				t23$2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+				$[50] = t23$2;
+			} else t23$2 = $[50];
+			t22$1 = register("email", {
+				required: t("auth.emailRequired"),
+				pattern: {
+					value: t23$2,
+					message: t("auth.invalidEmail")
+				}
+			});
+			$[47] = register;
+			$[48] = t;
+			$[49] = t22$1;
+		} else t22$1 = $[49];
+		let t23$1;
+		if ($[51] !== t21$1 || $[52] !== t22$1) {
+			t23$1 = /* @__PURE__ */ jsxs("div", {
+				className: "relative",
+				children: [t20$1, /* @__PURE__ */ jsx(Input, {
+					id: "invite-email",
+					type: "email",
+					placeholder: "user@example.com",
+					className: "pl-8",
+					autoComplete: "email",
+					"aria-invalid": t21$1,
+					...t22$1
+				})]
+			});
+			$[51] = t21$1;
+			$[52] = t22$1;
+			$[53] = t23$1;
+		} else t23$1 = $[53];
+		let t24$1;
+		if ($[54] !== t) {
+			t24$1 = t("auth.inviteEmailDescription");
+			$[54] = t;
+			$[55] = t24$1;
+		} else t24$1 = $[55];
+		let t25$1;
+		if ($[56] !== t24$1) {
+			t25$1 = /* @__PURE__ */ jsx(FieldDescription, { children: t24$1 });
+			$[56] = t24$1;
+			$[57] = t25$1;
+		} else t25$1 = $[57];
+		const t26$1 = errors.email?.message;
+		let t27$1;
+		if ($[58] !== t26$1) {
+			t27$1 = /* @__PURE__ */ jsx(FieldError, { children: t26$1 });
+			$[58] = t26$1;
+			$[59] = t27$1;
+		} else t27$1 = $[59];
+		let t28$1;
+		if ($[60] !== t23$1 || $[61] !== t25$1 || $[62] !== t27$1) {
+			t28$1 = /* @__PURE__ */ jsxs(FieldContent, { children: [
+				t23$1,
+				t25$1,
+				t27$1
+			] });
+			$[60] = t23$1;
+			$[61] = t25$1;
+			$[62] = t27$1;
+			$[63] = t28$1;
+		} else t28$1 = $[63];
+		if ($[64] !== t17$1 || $[65] !== t19$1 || $[66] !== t28$1) {
+			t12 = /* @__PURE__ */ jsxs(Field, {
+				"data-invalid": t17$1,
+				children: [t19$1, t28$1]
+			});
+			$[64] = t17$1;
+			$[65] = t19$1;
+			$[66] = t28$1;
+			$[67] = t12;
+		} else t12 = $[67];
+		T4 = Field;
+		t10 = !!errors.role;
+		let t29$1;
+		if ($[68] !== t) {
+			t29$1 = t("auth.inviteRole");
+			$[68] = t;
+			$[69] = t29$1;
+		} else t29$1 = $[69];
+		if ($[70] !== t29$1) {
+			t11 = /* @__PURE__ */ jsx(FieldLabel, {
+				htmlFor: "invite-role",
+				children: t29$1
+			});
+			$[70] = t29$1;
+			$[71] = t11;
+		} else t11 = $[71];
+		T3 = FieldContent;
+		T2 = Select;
+		t8 = selectedRole;
+		if ($[72] !== setValue) {
+			t9 = (value) => value && setValue("role", value);
+			$[72] = setValue;
+			$[73] = t9;
+		} else t9 = $[73];
+		T1 = SelectTrigger;
+		t7 = "invite-role";
+		T0 = SelectValue;
+		const selectedRoleLabel = roles.find((r) => r.value === selectedRole)?.label;
+		t6 = selectedRoleLabel ? resolveText(selectedRoleLabel) : t("auth.inviteSelectRole");
+		$[4] = className;
+		$[5] = error;
+		$[6] = errors.email;
+		$[7] = errors.role;
+		$[8] = handleSubmit;
+		$[9] = onSubmit;
+		$[10] = register;
+		$[11] = reset;
+		$[12] = resolveText;
+		$[13] = rolesProp;
+		$[14] = selectedRole;
+		$[15] = setValue;
+		$[16] = t;
+		$[17] = T0;
+		$[18] = T1;
+		$[19] = T2;
+		$[20] = T3;
+		$[21] = T4;
+		$[22] = T5;
+		$[23] = roles;
+		$[24] = t10;
+		$[25] = t11;
+		$[26] = t12;
+		$[27] = t13;
+		$[28] = t14;
+		$[29] = t6;
+		$[30] = t7;
+		$[31] = t8;
+		$[32] = t9;
+	} else {
+		T0 = $[17];
+		T1 = $[18];
+		T2 = $[19];
+		T3 = $[20];
+		T4 = $[21];
+		T5 = $[22];
+		roles = $[23];
+		t10 = $[24];
+		t11 = $[25];
+		t12 = $[26];
+		t13 = $[27];
+		t14 = $[28];
+		t6 = $[29];
+		t7 = $[30];
+		t8 = $[31];
+		t9 = $[32];
+	}
+	const t15 = t6;
+	let t16;
+	if ($[74] !== T0 || $[75] !== t15) {
+		t16 = /* @__PURE__ */ jsx(T0, { children: t15 });
+		$[74] = T0;
+		$[75] = t15;
+		$[76] = t16;
+	} else t16 = $[76];
+	let t17;
+	if ($[77] !== T1 || $[78] !== t16 || $[79] !== t7) {
+		t17 = /* @__PURE__ */ jsx(T1, {
+			id: t7,
+			children: t16
+		});
+		$[77] = T1;
+		$[78] = t16;
+		$[79] = t7;
+		$[80] = t17;
+	} else t17 = $[80];
+	let t18;
+	if ($[81] !== resolveText || $[82] !== roles) {
+		let t19$1;
+		if ($[84] !== resolveText) {
+			t19$1 = (role) => /* @__PURE__ */ jsx(SelectItem, {
+				value: role.value,
+				children: resolveText(role.label)
+			}, role.value);
+			$[84] = resolveText;
+			$[85] = t19$1;
+		} else t19$1 = $[85];
+		t18 = roles.map(t19$1);
+		$[81] = resolveText;
+		$[82] = roles;
+		$[83] = t18;
+	} else t18 = $[83];
+	let t19;
+	if ($[86] !== t18) {
+		t19 = /* @__PURE__ */ jsx(SelectContent, { children: t18 });
+		$[86] = t18;
+		$[87] = t19;
+	} else t19 = $[87];
+	let t20;
+	if ($[88] !== T2 || $[89] !== t17 || $[90] !== t19 || $[91] !== t8 || $[92] !== t9) {
+		t20 = /* @__PURE__ */ jsxs(T2, {
+			value: t8,
+			onValueChange: t9,
+			children: [t17, t19]
+		});
+		$[88] = T2;
+		$[89] = t17;
+		$[90] = t19;
+		$[91] = t8;
+		$[92] = t9;
+		$[93] = t20;
+	} else t20 = $[93];
+	let t21;
+	if ($[94] !== t) {
+		t21 = t("auth.inviteRoleDescription");
+		$[94] = t;
+		$[95] = t21;
+	} else t21 = $[95];
+	let t22;
+	if ($[96] !== t21) {
+		t22 = /* @__PURE__ */ jsx(FieldDescription, { children: t21 });
+		$[96] = t21;
+		$[97] = t22;
+	} else t22 = $[97];
+	const t23 = errors.role?.message;
+	let t24;
+	if ($[98] !== t23) {
+		t24 = /* @__PURE__ */ jsx(FieldError, { children: t23 });
+		$[98] = t23;
+		$[99] = t24;
+	} else t24 = $[99];
+	let t25;
+	if ($[100] !== T3 || $[101] !== t20 || $[102] !== t22 || $[103] !== t24) {
+		t25 = /* @__PURE__ */ jsxs(T3, { children: [
+			t20,
+			t22,
+			t24
+		] });
+		$[100] = T3;
+		$[101] = t20;
+		$[102] = t22;
+		$[103] = t24;
+		$[104] = t25;
+	} else t25 = $[104];
+	let t26;
+	if ($[105] !== T4 || $[106] !== t10 || $[107] !== t11 || $[108] !== t25) {
+		t26 = /* @__PURE__ */ jsxs(T4, {
+			"data-invalid": t10,
+			children: [t11, t25]
+		});
+		$[105] = T4;
+		$[106] = t10;
+		$[107] = t11;
+		$[108] = t25;
+		$[109] = t26;
+	} else t26 = $[109];
+	let t27;
+	if ($[110] !== register || $[111] !== showMessage || $[112] !== t) {
+		t27 = showMessage && /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+			htmlFor: "invite-message",
+			children: t("auth.inviteMessage")
+		}), /* @__PURE__ */ jsxs(FieldContent, { children: [/* @__PURE__ */ jsx(Textarea, {
+			id: "invite-message",
+			placeholder: t("auth.inviteMessagePlaceholder"),
+			rows: 3,
+			...register("message")
+		}), /* @__PURE__ */ jsx(FieldDescription, { children: t("auth.inviteMessageDescription") })] })] });
+		$[110] = register;
+		$[111] = showMessage;
+		$[112] = t;
+		$[113] = t27;
+	} else t27 = $[113];
+	let t28;
+	if ($[114] !== T5 || $[115] !== t12 || $[116] !== t26 || $[117] !== t27) {
+		t28 = /* @__PURE__ */ jsxs(T5, { children: [
+			t12,
+			t26,
+			t27
+		] });
+		$[114] = T5;
+		$[115] = t12;
+		$[116] = t26;
+		$[117] = t27;
+		$[118] = t28;
+	} else t28 = $[118];
+	let t29;
+	if ($[119] !== error) {
+		t29 = error && /* @__PURE__ */ jsxs(Alert, {
+			variant: "destructive",
+			children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:warning-circle" }), /* @__PURE__ */ jsx(AlertDescription, { children: error })]
+		});
+		$[119] = error;
+		$[120] = t29;
+	} else t29 = $[120];
+	let t30;
+	if ($[121] !== success) {
+		t30 = success && /* @__PURE__ */ jsxs(Alert, { children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:user-plus" }), /* @__PURE__ */ jsx(AlertDescription, { children: success })] });
+		$[121] = success;
+		$[122] = t30;
+	} else t30 = $[122];
+	let t31;
+	if ($[123] !== isSubmitting || $[124] !== t) {
+		t31 = isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
+			icon: "ph:spinner-gap-bold",
+			className: "animate-spin"
+		}), t("auth.sendingInvitation")] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:user-plus-bold" }), t("auth.sendInvitation")] });
+		$[123] = isSubmitting;
+		$[124] = t;
+		$[125] = t31;
+	} else t31 = $[125];
+	let t32;
+	if ($[126] !== isSubmitting || $[127] !== t31) {
+		t32 = /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			className: "w-full",
+			size: "lg",
+			disabled: isSubmitting,
+			children: t31
+		});
+		$[126] = isSubmitting;
+		$[127] = t31;
+		$[128] = t32;
+	} else t32 = $[128];
+	let t33;
+	if ($[129] !== t13 || $[130] !== t14 || $[131] !== t28 || $[132] !== t29 || $[133] !== t30 || $[134] !== t32) {
+		t33 = /* @__PURE__ */ jsxs("form", {
+			onSubmit: t13,
+			className: t14,
+			children: [
+				t28,
+				t29,
+				t30,
+				t32
+			]
+		});
+		$[129] = t13;
+		$[130] = t14;
+		$[131] = t28;
+		$[132] = t29;
+		$[133] = t30;
+		$[134] = t32;
+		$[135] = t33;
+	} else t33 = $[135];
+	return t33;
+}
+
+//#endregion
+export { InviteForm };

package/dist/client/views/auth/login-form.d.mts

@@ -0,0 +1,75 @@
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/client/views/auth/login-form.d.ts
+/**
+ * Login Form - email/password authentication
+ */
+type LoginFormValues = {
+  email: string;
+  password: string;
+  rememberMe?: boolean;
+};
+type LoginFormProps = {
+  /** Called when form is submitted with valid data */
+  onSubmit: (values: LoginFormValues) => Promise<void>;
+  /** Called when sign up link is clicked */
+  onSignUpClick?: () => void;
+  /** Called when forgot password link is clicked */
+  onForgotPasswordClick?: () => void;
+  /** Show remember me checkbox */
+  showRememberMe?: boolean;
+  /** Show sign up link */
+  showSignUp?: boolean;
+  /** Show forgot password link */
+  showForgotPassword?: boolean;
+  /** Default values */
+  defaultValues?: Partial<LoginFormValues>;
+  /** Additional class name */
+  className?: string;
+  /** Error message from auth */
+  error?: string | null;
+  /** Minimum password length (default: 8) */
+  minPasswordLength?: number;
+};
+/**
+ * Login form with email and password fields
+ *
+ * @example
+ * ```tsx
+ * const authClient = createAdminAuthClient<typeof app>({ baseURL: '...' })
+ *
+ * function LoginPage() {
+ *   const [error, setError] = useState<string | null>(null)
+ *
+ *   const handleLogin = async (values: LoginFormValues) => {
+ *     const result = await authClient.signIn.email({
+ *       email: values.email,
+ *       password: values.password,
+ *     })
+ *     if (result.error) {
+ *       setError(result.error.message)
+ *     }
+ *   }
+ *
+ *   return (
+ *     <AuthLayout title="Sign in">
+ *       <LoginForm onSubmit={handleLogin} error={error} />
+ *     </AuthLayout>
+ *   )
+ * }
+ * ```
+ */
+declare function LoginForm({
+  onSubmit,
+  onSignUpClick,
+  onForgotPasswordClick,
+  showRememberMe,
+  showSignUp,
+  showForgotPassword,
+  defaultValues,
+  className,
+  error,
+  minPasswordLength
+}: LoginFormProps): react_jsx_runtime2.JSX.Element;
+//#endregion
+export { LoginForm };