@questpie/admin 1.1.1 → 3.0.0

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

@@ -0,0 +1,387 @@
+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, 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 } from "react-hook-form";
+
+//#region src/client/views/auth/login-form.tsx
+/**
+* Login Form - email/password authentication
+*/
+/**
+* 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>
+*   )
+* }
+* ```
+*/
+function LoginForm(t0) {
+	const $ = c(86);
+	const { onSubmit, onSignUpClick, onForgotPasswordClick, showRememberMe: t1, showSignUp: t2, showForgotPassword: t3, defaultValues, className, error, minPasswordLength: t4 } = t0;
+	const showRememberMe = t1 === void 0 ? false : t1;
+	const showSignUp = t2 === void 0 ? true : t2;
+	const showForgotPassword = t3 === void 0 ? true : t3;
+	const minPasswordLength = t4 === void 0 ? 8 : t4;
+	const { t } = useTranslation();
+	let t5;
+	if ($[0] !== defaultValues) {
+		t5 = { defaultValues: {
+			email: "",
+			password: "",
+			rememberMe: false,
+			...defaultValues
+		} };
+		$[0] = defaultValues;
+		$[1] = t5;
+	} else t5 = $[1];
+	const { register, handleSubmit, formState: t6 } = useForm(t5);
+	const { errors, isSubmitting } = t6;
+	let t7;
+	if ($[2] !== onSubmit) {
+		t7 = async (values) => {
+			await onSubmit(values);
+		};
+		$[2] = onSubmit;
+		$[3] = t7;
+	} else t7 = $[3];
+	let t8;
+	if ($[4] !== handleSubmit || $[5] !== t7) {
+		t8 = handleSubmit(t7);
+		$[4] = handleSubmit;
+		$[5] = t7;
+		$[6] = t8;
+	} else t8 = $[6];
+	const handleFormSubmit = t8;
+	let t9;
+	if ($[7] !== className) {
+		t9 = cn("qa-login-form space-y-4", className);
+		$[7] = className;
+		$[8] = t9;
+	} else t9 = $[8];
+	const t10 = !!errors.email;
+	let t11;
+	if ($[9] !== t) {
+		t11 = t("auth.email");
+		$[9] = t;
+		$[10] = t11;
+	} else t11 = $[10];
+	let t12;
+	if ($[11] !== t11) {
+		t12 = /* @__PURE__ */ jsx(FieldLabel, {
+			htmlFor: "email",
+			children: t11
+		});
+		$[11] = t11;
+		$[12] = t12;
+	} else t12 = $[12];
+	let t13;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:envelope-duotone",
+			className: "text-muted-foreground absolute top-1/2 left-2 size-4 -translate-y-1/2"
+		});
+		$[13] = t13;
+	} else t13 = $[13];
+	let t14;
+	if ($[14] !== t) {
+		t14 = t("auth.emailPlaceholder");
+		$[14] = t;
+		$[15] = t14;
+	} else t14 = $[15];
+	const t15 = !!errors.email;
+	let t16;
+	if ($[16] !== register || $[17] !== t) {
+		let t17$1;
+		if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+			t17$1 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+			$[19] = t17$1;
+		} else t17$1 = $[19];
+		t16 = register("email", {
+			required: t("auth.emailRequired"),
+			pattern: {
+				value: t17$1,
+				message: t("auth.invalidEmail")
+			}
+		});
+		$[16] = register;
+		$[17] = t;
+		$[18] = t16;
+	} else t16 = $[18];
+	let t17;
+	if ($[20] !== t14 || $[21] !== t15 || $[22] !== t16) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [t13, /* @__PURE__ */ jsx(Input, {
+				id: "email",
+				type: "email",
+				placeholder: t14,
+				className: "pl-8",
+				autoComplete: "email",
+				"aria-invalid": t15,
+				...t16
+			})]
+		});
+		$[20] = t14;
+		$[21] = t15;
+		$[22] = t16;
+		$[23] = t17;
+	} else t17 = $[23];
+	const t18 = errors.email?.message;
+	let t19;
+	if ($[24] !== t18) {
+		t19 = /* @__PURE__ */ jsx(FieldError, { children: t18 });
+		$[24] = t18;
+		$[25] = t19;
+	} else t19 = $[25];
+	let t20;
+	if ($[26] !== t17 || $[27] !== t19) {
+		t20 = /* @__PURE__ */ jsxs(FieldContent, { children: [t17, t19] });
+		$[26] = t17;
+		$[27] = t19;
+		$[28] = t20;
+	} else t20 = $[28];
+	let t21;
+	if ($[29] !== t10 || $[30] !== t12 || $[31] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(Field, {
+			"data-invalid": t10,
+			children: [t12, t20]
+		});
+		$[29] = t10;
+		$[30] = t12;
+		$[31] = t20;
+		$[32] = t21;
+	} else t21 = $[32];
+	const t22 = !!errors.password;
+	let t23;
+	if ($[33] !== t) {
+		t23 = t("auth.password");
+		$[33] = t;
+		$[34] = t23;
+	} else t23 = $[34];
+	let t24;
+	if ($[35] !== t23) {
+		t24 = /* @__PURE__ */ jsx(FieldLabel, {
+			htmlFor: "password",
+			children: t23
+		});
+		$[35] = t23;
+		$[36] = t24;
+	} else t24 = $[36];
+	let t25;
+	if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+		t25 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:lock-duotone",
+			className: "text-muted-foreground absolute top-1/2 left-2 size-4 -translate-y-1/2"
+		});
+		$[37] = t25;
+	} else t25 = $[37];
+	let t26;
+	if ($[38] !== t) {
+		t26 = t("auth.passwordPlaceholder");
+		$[38] = t;
+		$[39] = t26;
+	} else t26 = $[39];
+	const t27 = !!errors.password;
+	let t28;
+	if ($[40] !== minPasswordLength || $[41] !== register || $[42] !== t) {
+		t28 = register("password", {
+			required: t("auth.passwordRequired"),
+			minLength: {
+				value: minPasswordLength,
+				message: t("auth.passwordMinLength", { min: minPasswordLength })
+			}
+		});
+		$[40] = minPasswordLength;
+		$[41] = register;
+		$[42] = t;
+		$[43] = t28;
+	} else t28 = $[43];
+	let t29;
+	if ($[44] !== t26 || $[45] !== t27 || $[46] !== t28) {
+		t29 = /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [t25, /* @__PURE__ */ jsx(Input, {
+				id: "password",
+				type: "password",
+				placeholder: t26,
+				className: "pl-8",
+				autoComplete: "current-password",
+				"aria-invalid": t27,
+				...t28
+			})]
+		});
+		$[44] = t26;
+		$[45] = t27;
+		$[46] = t28;
+		$[47] = t29;
+	} else t29 = $[47];
+	const t30 = errors.password?.message;
+	let t31;
+	if ($[48] !== t30) {
+		t31 = /* @__PURE__ */ jsx(FieldError, { children: t30 });
+		$[48] = t30;
+		$[49] = t31;
+	} else t31 = $[49];
+	let t32;
+	if ($[50] !== t29 || $[51] !== t31) {
+		t32 = /* @__PURE__ */ jsxs(FieldContent, { children: [t29, t31] });
+		$[50] = t29;
+		$[51] = t31;
+		$[52] = t32;
+	} else t32 = $[52];
+	let t33;
+	if ($[53] !== t22 || $[54] !== t24 || $[55] !== t32) {
+		t33 = /* @__PURE__ */ jsxs(Field, {
+			"data-invalid": t22,
+			children: [t24, t32]
+		});
+		$[53] = t22;
+		$[54] = t24;
+		$[55] = t32;
+		$[56] = t33;
+	} else t33 = $[56];
+	let t34;
+	if ($[57] !== onForgotPasswordClick || $[58] !== register || $[59] !== showForgotPassword || $[60] !== showRememberMe || $[61] !== t) {
+		t34 = (showRememberMe || showForgotPassword) && /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between",
+			children: [showRememberMe && /* @__PURE__ */ jsxs("label", {
+				className: "text-muted-foreground flex items-center gap-2 text-xs",
+				children: [/* @__PURE__ */ jsx("input", {
+					type: "checkbox",
+					className: "border-border accent-primary",
+					...register("rememberMe")
+				}), t("auth.rememberMe")]
+			}), showForgotPassword && /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "link",
+				size: "sm",
+				onClick: onForgotPasswordClick,
+				className: "h-auto p-0 text-xs",
+				children: t("auth.forgotPassword")
+			})]
+		});
+		$[57] = onForgotPasswordClick;
+		$[58] = register;
+		$[59] = showForgotPassword;
+		$[60] = showRememberMe;
+		$[61] = t;
+		$[62] = t34;
+	} else t34 = $[62];
+	let t35;
+	if ($[63] !== t21 || $[64] !== t33 || $[65] !== t34) {
+		t35 = /* @__PURE__ */ jsxs(FieldGroup, { children: [
+			t21,
+			t33,
+			t34
+		] });
+		$[63] = t21;
+		$[64] = t33;
+		$[65] = t34;
+		$[66] = t35;
+	} else t35 = $[66];
+	let t36;
+	if ($[67] !== error) {
+		t36 = error && /* @__PURE__ */ jsxs(Alert, {
+			variant: "destructive",
+			children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:warning-circle" }), /* @__PURE__ */ jsx(AlertDescription, { children: error })]
+		});
+		$[67] = error;
+		$[68] = t36;
+	} else t36 = $[68];
+	let t37;
+	if ($[69] !== isSubmitting || $[70] !== t) {
+		t37 = isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
+			icon: "ph:spinner-gap-bold",
+			className: "animate-spin"
+		}), t("auth.signingIn")] }) : t("auth.signIn");
+		$[69] = isSubmitting;
+		$[70] = t;
+		$[71] = t37;
+	} else t37 = $[71];
+	let t38;
+	if ($[72] !== isSubmitting || $[73] !== t37) {
+		t38 = /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			className: "w-full",
+			size: "lg",
+			disabled: isSubmitting,
+			children: t37
+		});
+		$[72] = isSubmitting;
+		$[73] = t37;
+		$[74] = t38;
+	} else t38 = $[74];
+	let t39;
+	if ($[75] !== onSignUpClick || $[76] !== showSignUp || $[77] !== t) {
+		t39 = showSignUp && /* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground text-center text-xs",
+			children: [
+				t("auth.dontHaveAccount"),
+				" ",
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "link",
+					size: "sm",
+					onClick: onSignUpClick,
+					className: "h-auto p-0 text-xs",
+					children: t("auth.signUp")
+				})
+			]
+		});
+		$[75] = onSignUpClick;
+		$[76] = showSignUp;
+		$[77] = t;
+		$[78] = t39;
+	} else t39 = $[78];
+	let t40;
+	if ($[79] !== handleFormSubmit || $[80] !== t35 || $[81] !== t36 || $[82] !== t38 || $[83] !== t39 || $[84] !== t9) {
+		t40 = /* @__PURE__ */ jsxs("form", {
+			onSubmit: handleFormSubmit,
+			className: t9,
+			children: [
+				t35,
+				t36,
+				t38,
+				t39
+			]
+		});
+		$[79] = handleFormSubmit;
+		$[80] = t35;
+		$[81] = t36;
+		$[82] = t38;
+		$[83] = t39;
+		$[84] = t9;
+		$[85] = t40;
+	} else t40 = $[85];
+	return t40;
+}
+
+//#endregion
+export { LoginForm };

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

@@ -0,0 +1,65 @@
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+
+//#region src/client/views/auth/reset-password-form.d.ts
+/**
+ * Reset Password Form - set new password with token
+ */
+type ResetPasswordFormValues = {
+  password: string;
+  confirmPassword: string;
+};
+type ResetPasswordFormProps = {
+  /** Reset token from URL */
+  token: string;
+  /** Called when form is submitted with valid data */
+  onSubmit: (values: ResetPasswordFormValues & {
+    token: string;
+  }) => Promise<void>;
+  /** Called when back to login link is clicked */
+  onBackToLoginClick?: () => void;
+  /** Minimum password length */
+  minPasswordLength?: number;
+  /** Additional class name */
+  className?: string;
+  /** Error message from auth */
+  error?: string | null;
+};
+/**
+ * Reset password form with password confirmation
+ *
+ * @example
+ * ```tsx
+ * const authClient = createAdminAuthClient<typeof app>({ baseURL: '...' })
+ *
+ * function ResetPasswordPage() {
+ *   const token = useSearchParams().get('token')
+ *   const [error, setError] = useState<string | null>(null)
+ *
+ *   const handleSubmit = async (values) => {
+ *     const result = await authClient.resetPassword({
+ *       token: values.token,
+ *       newPassword: values.password,
+ *     })
+ *     if (result.error) {
+ *       setError(result.error.message)
+ *     }
+ *   }
+ *
+ *   return (
+ *     <AuthLayout title="Reset password">
+ *       <ResetPasswordForm token={token} onSubmit={handleSubmit} error={error} />
+ *     </AuthLayout>
+ *   )
+ * }
+ * ```
+ */
+declare function ResetPasswordForm({
+  token,
+  onSubmit,
+  onBackToLoginClick,
+  minPasswordLength,
+  className,
+  error
+}: ResetPasswordFormProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+export { ResetPasswordForm };