@questpie/admin 1.1.1 → 3.0.0

package/dist/client/views/auth/reset-password-form.mjs

@@ -0,0 +1,515 @@
+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 * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useForm, useWatch } from "react-hook-form";
+
+//#region src/client/views/auth/reset-password-form.tsx
+/**
+* Reset Password Form - set new password with token
+*/
+/**
+* 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>
+*   )
+* }
+* ```
+*/
+function ResetPasswordForm(t0) {
+	const $ = c(124);
+	const { token, onSubmit, onBackToLoginClick, minPasswordLength: t1, className, error } = t0;
+	const minPasswordLength = t1 === void 0 ? 8 : t1;
+	const { t } = useTranslation();
+	const [isSuccess, setIsSuccess] = React.useState(false);
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = { defaultValues: {
+			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 || $[4] !== token) {
+		t5 = async (values) => {
+			try {
+				await onSubmit({
+					...values,
+					token
+				});
+				setIsSuccess(true);
+			} catch {}
+		};
+		$[3] = onSubmit;
+		$[4] = token;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== handleSubmit || $[7] !== t5) {
+		t6 = handleSubmit(t5);
+		$[6] = handleSubmit;
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	const handleFormSubmit = t6;
+	if (isSuccess) {
+		let t7$1;
+		if ($[9] !== className) {
+			t7$1 = cn("space-y-4 text-center", className);
+			$[9] = className;
+			$[10] = t7$1;
+		} else t7$1 = $[10];
+		let t8$1;
+		if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+			t8$1 = /* @__PURE__ */ jsx("div", {
+				className: "bg-primary/10 mx-auto flex size-12 items-center justify-center",
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:check-circle-duotone",
+					className: "text-primary size-6"
+				})
+			});
+			$[11] = t8$1;
+		} else t8$1 = $[11];
+		let t9$1;
+		if ($[12] !== t) {
+			t9$1 = t("auth.resetPasswordSuccess");
+			$[12] = t;
+			$[13] = t9$1;
+		} else t9$1 = $[13];
+		let t10$1;
+		if ($[14] !== t9$1) {
+			t10$1 = /* @__PURE__ */ jsx("h3", {
+				className: "text-sm font-medium",
+				children: t9$1
+			});
+			$[14] = t9$1;
+			$[15] = t10$1;
+		} else t10$1 = $[15];
+		let t11$1;
+		if ($[16] !== t) {
+			t11$1 = t("auth.resetPasswordSuccessDescription");
+			$[16] = t;
+			$[17] = t11$1;
+		} else t11$1 = $[17];
+		let t12$1;
+		if ($[18] !== t11$1) {
+			t12$1 = /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-xs",
+				children: t11$1
+			});
+			$[18] = t11$1;
+			$[19] = t12$1;
+		} else t12$1 = $[19];
+		let t13$1;
+		if ($[20] !== t10$1 || $[21] !== t12$1) {
+			t13$1 = /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [t10$1, t12$1]
+			});
+			$[20] = t10$1;
+			$[21] = t12$1;
+			$[22] = t13$1;
+		} else t13$1 = $[22];
+		let t14$1;
+		if ($[23] !== t) {
+			t14$1 = t("auth.signIn");
+			$[23] = t;
+			$[24] = t14$1;
+		} else t14$1 = $[24];
+		let t15$1;
+		if ($[25] !== onBackToLoginClick || $[26] !== t14$1) {
+			t15$1 = /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				className: "w-full",
+				size: "lg",
+				onClick: onBackToLoginClick,
+				children: t14$1
+			});
+			$[25] = onBackToLoginClick;
+			$[26] = t14$1;
+			$[27] = t15$1;
+		} else t15$1 = $[27];
+		let t16$1;
+		if ($[28] !== t13$1 || $[29] !== t15$1 || $[30] !== t7$1) {
+			t16$1 = /* @__PURE__ */ jsxs("div", {
+				className: t7$1,
+				children: [
+					t8$1,
+					t13$1,
+					t15$1
+				]
+			});
+			$[28] = t13$1;
+			$[29] = t15$1;
+			$[30] = t7$1;
+			$[31] = t16$1;
+		} else t16$1 = $[31];
+		return t16$1;
+	}
+	let t7;
+	if ($[32] !== className) {
+		t7 = cn("qa-reset-password-form space-y-4", className);
+		$[32] = className;
+		$[33] = t7;
+	} else t7 = $[33];
+	let t8;
+	if ($[34] !== t) {
+		t8 = t("auth.enterNewPassword");
+		$[34] = t;
+		$[35] = t8;
+	} else t8 = $[35];
+	let t9;
+	if ($[36] !== t8) {
+		t9 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-xs",
+			children: t8
+		});
+		$[36] = t8;
+		$[37] = t9;
+	} else t9 = $[37];
+	const t10 = !!errors.password;
+	let t11;
+	if ($[38] !== t) {
+		t11 = t("auth.newPassword");
+		$[38] = t;
+		$[39] = t11;
+	} else t11 = $[39];
+	let t12;
+	if ($[40] !== t11) {
+		t12 = /* @__PURE__ */ jsx(FieldLabel, {
+			htmlFor: "password",
+			children: t11
+		});
+		$[40] = t11;
+		$[41] = t12;
+	} else t12 = $[41];
+	let t13;
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:lock-duotone",
+			className: "text-muted-foreground absolute top-1/2 left-2 size-4 -translate-y-1/2"
+		});
+		$[42] = t13;
+	} else t13 = $[42];
+	let t14;
+	if ($[43] !== t) {
+		t14 = t("auth.newPasswordPlaceholder");
+		$[43] = t;
+		$[44] = t14;
+	} else t14 = $[44];
+	const t15 = !!errors.password;
+	let t16;
+	if ($[45] !== minPasswordLength || $[46] !== register || $[47] !== t) {
+		t16 = register("password", {
+			required: t("auth.passwordRequired"),
+			minLength: {
+				value: minPasswordLength,
+				message: t("auth.passwordMinLength", { min: minPasswordLength })
+			}
+		});
+		$[45] = minPasswordLength;
+		$[46] = register;
+		$[47] = t;
+		$[48] = t16;
+	} else t16 = $[48];
+	let t17;
+	if ($[49] !== t14 || $[50] !== t15 || $[51] !== t16) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [t13, /* @__PURE__ */ jsx(Input, {
+				id: "password",
+				type: "password",
+				placeholder: t14,
+				className: "pl-8",
+				autoComplete: "new-password",
+				"aria-invalid": t15,
+				...t16
+			})]
+		});
+		$[49] = t14;
+		$[50] = t15;
+		$[51] = t16;
+		$[52] = t17;
+	} else t17 = $[52];
+	let t18;
+	if ($[53] !== minPasswordLength || $[54] !== t) {
+		t18 = t("auth.passwordMinLength", { min: minPasswordLength });
+		$[53] = minPasswordLength;
+		$[54] = t;
+		$[55] = t18;
+	} else t18 = $[55];
+	let t19;
+	if ($[56] !== t18) {
+		t19 = /* @__PURE__ */ jsx(FieldDescription, { children: t18 });
+		$[56] = t18;
+		$[57] = t19;
+	} else t19 = $[57];
+	const t20 = errors.password?.message;
+	let t21;
+	if ($[58] !== t20) {
+		t21 = /* @__PURE__ */ jsx(FieldError, { children: t20 });
+		$[58] = t20;
+		$[59] = t21;
+	} else t21 = $[59];
+	let t22;
+	if ($[60] !== t17 || $[61] !== t19 || $[62] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(FieldContent, { children: [
+			t17,
+			t19,
+			t21
+		] });
+		$[60] = t17;
+		$[61] = t19;
+		$[62] = t21;
+		$[63] = t22;
+	} else t22 = $[63];
+	let t23;
+	if ($[64] !== t10 || $[65] !== t12 || $[66] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(Field, {
+			"data-invalid": t10,
+			children: [t12, t22]
+		});
+		$[64] = t10;
+		$[65] = t12;
+		$[66] = t22;
+		$[67] = t23;
+	} else t23 = $[67];
+	const t24 = !!errors.confirmPassword;
+	let t25;
+	if ($[68] !== t) {
+		t25 = t("auth.confirmPassword");
+		$[68] = t;
+		$[69] = t25;
+	} else t25 = $[69];
+	let t26;
+	if ($[70] !== t25) {
+		t26 = /* @__PURE__ */ jsx(FieldLabel, {
+			htmlFor: "confirmPassword",
+			children: t25
+		});
+		$[70] = t25;
+		$[71] = t26;
+	} else t26 = $[71];
+	let t27;
+	if ($[72] === Symbol.for("react.memo_cache_sentinel")) {
+		t27 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:lock-duotone",
+			className: "text-muted-foreground absolute top-1/2 left-2 size-4 -translate-y-1/2"
+		});
+		$[72] = t27;
+	} else t27 = $[72];
+	let t28;
+	if ($[73] !== t) {
+		t28 = t("auth.confirmPasswordPlaceholder");
+		$[73] = t;
+		$[74] = t28;
+	} else t28 = $[74];
+	const t29 = !!errors.confirmPassword;
+	let t30;
+	if ($[75] !== password || $[76] !== register || $[77] !== t) {
+		let t31$1;
+		if ($[79] !== password || $[80] !== t) {
+			t31$1 = (value) => value === password || t("auth.passwordMismatch");
+			$[79] = password;
+			$[80] = t;
+			$[81] = t31$1;
+		} else t31$1 = $[81];
+		t30 = register("confirmPassword", {
+			required: t("auth.passwordRequired"),
+			validate: t31$1
+		});
+		$[75] = password;
+		$[76] = register;
+		$[77] = t;
+		$[78] = t30;
+	} else t30 = $[78];
+	let t31;
+	if ($[82] !== t28 || $[83] !== t29 || $[84] !== t30) {
+		t31 = /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [t27, /* @__PURE__ */ jsx(Input, {
+				id: "confirmPassword",
+				type: "password",
+				placeholder: t28,
+				className: "pl-8",
+				autoComplete: "new-password",
+				"aria-invalid": t29,
+				...t30
+			})]
+		});
+		$[82] = t28;
+		$[83] = t29;
+		$[84] = t30;
+		$[85] = t31;
+	} else t31 = $[85];
+	const t32 = errors.confirmPassword?.message;
+	let t33;
+	if ($[86] !== t32) {
+		t33 = /* @__PURE__ */ jsx(FieldError, { children: t32 });
+		$[86] = t32;
+		$[87] = t33;
+	} else t33 = $[87];
+	let t34;
+	if ($[88] !== t31 || $[89] !== t33) {
+		t34 = /* @__PURE__ */ jsxs(FieldContent, { children: [t31, t33] });
+		$[88] = t31;
+		$[89] = t33;
+		$[90] = t34;
+	} else t34 = $[90];
+	let t35;
+	if ($[91] !== t24 || $[92] !== t26 || $[93] !== t34) {
+		t35 = /* @__PURE__ */ jsxs(Field, {
+			"data-invalid": t24,
+			children: [t26, t34]
+		});
+		$[91] = t24;
+		$[92] = t26;
+		$[93] = t34;
+		$[94] = t35;
+	} else t35 = $[94];
+	let t36;
+	if ($[95] !== t23 || $[96] !== t35) {
+		t36 = /* @__PURE__ */ jsxs(FieldGroup, { children: [t23, t35] });
+		$[95] = t23;
+		$[96] = t35;
+		$[97] = t36;
+	} else t36 = $[97];
+	let t37;
+	if ($[98] !== error) {
+		t37 = error && /* @__PURE__ */ jsxs(Alert, {
+			variant: "destructive",
+			children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:warning-circle" }), /* @__PURE__ */ jsx(AlertDescription, { children: error })]
+		});
+		$[98] = error;
+		$[99] = t37;
+	} else t37 = $[99];
+	let t38;
+	if ($[100] !== isSubmitting || $[101] !== t) {
+		t38 = isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
+			icon: "ph:spinner-gap-bold",
+			className: "animate-spin"
+		}), t("auth.resettingPassword")] }) : t("auth.resetPassword");
+		$[100] = isSubmitting;
+		$[101] = t;
+		$[102] = t38;
+	} else t38 = $[102];
+	let t39;
+	if ($[103] !== isSubmitting || $[104] !== t38) {
+		t39 = /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			className: "w-full",
+			size: "lg",
+			disabled: isSubmitting,
+			children: t38
+		});
+		$[103] = isSubmitting;
+		$[104] = t38;
+		$[105] = t39;
+	} else t39 = $[105];
+	let t40;
+	if ($[106] !== t) {
+		t40 = t("auth.alreadyHaveAccount");
+		$[106] = t;
+		$[107] = t40;
+	} else t40 = $[107];
+	let t41;
+	if ($[108] !== t) {
+		t41 = t("auth.signIn");
+		$[108] = t;
+		$[109] = t41;
+	} else t41 = $[109];
+	let t42;
+	if ($[110] !== onBackToLoginClick || $[111] !== t41) {
+		t42 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "link",
+			size: "sm",
+			onClick: onBackToLoginClick,
+			className: "h-auto p-0 text-xs",
+			children: t41
+		});
+		$[110] = onBackToLoginClick;
+		$[111] = t41;
+		$[112] = t42;
+	} else t42 = $[112];
+	let t43;
+	if ($[113] !== t40 || $[114] !== t42) {
+		t43 = /* @__PURE__ */ jsxs("p", {
+			className: "text-muted-foreground text-center text-xs",
+			children: [
+				t40,
+				" ",
+				t42
+			]
+		});
+		$[113] = t40;
+		$[114] = t42;
+		$[115] = t43;
+	} else t43 = $[115];
+	let t44;
+	if ($[116] !== handleFormSubmit || $[117] !== t36 || $[118] !== t37 || $[119] !== t39 || $[120] !== t43 || $[121] !== t7 || $[122] !== t9) {
+		t44 = /* @__PURE__ */ jsxs("form", {
+			onSubmit: handleFormSubmit,
+			className: t7,
+			children: [
+				t9,
+				t36,
+				t37,
+				t39,
+				t43
+			]
+		});
+		$[116] = handleFormSubmit;
+		$[117] = t36;
+		$[118] = t37;
+		$[119] = t39;
+		$[120] = t43;
+		$[121] = t7;
+		$[122] = t9;
+		$[123] = t44;
+	} else t44 = $[123];
+	return t44;
+}
+
+//#endregion
+export { ResetPasswordForm };

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

@@ -0,0 +1,60 @@
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+
+//#region src/client/views/auth/setup-form.d.ts
+/**
+ * Setup Form - create first admin account
+ */
+type SetupFormValues = {
+  name: string;
+  email: string;
+  password: string;
+  confirmPassword: string;
+};
+type SetupFormProps = {
+  /** Called when form is submitted with valid data */
+  onSubmit: (values: SetupFormValues) => Promise<void>;
+  /** Default values */
+  defaultValues?: Partial<SetupFormValues>;
+  /** Additional class name */
+  className?: string;
+  /** Error message from setup */
+  error?: string | null;
+  /** Minimum password length (default: 8) */
+  minPasswordLength?: number;
+};
+/**
+ * Setup form for creating the first admin account.
+ *
+ * @example
+ * ```tsx
+ * function SetupPage() {
+ *   const [error, setError] = useState<string | null>(null)
+ *
+ *   const handleSetup = async (values: SetupFormValues) => {
+ *     const result = await client.routes.createFirstAdmin({
+ *       email: values.email,
+ *       password: values.password,
+ *       name: values.name,
+ *     })
+ *     if (!result.success) {
+ *       setError(result.error)
+ *     }
+ *   }
+ *
+ *   return (
+ *     <AuthLayout title="Welcome">
+ *       <SetupForm onSubmit={handleSetup} error={error} />
+ *     </AuthLayout>
+ *   )
+ * }
+ * ```
+ */
+declare function SetupForm({
+  onSubmit,
+  defaultValues,
+  className,
+  error,
+  minPasswordLength
+}: SetupFormProps): react_jsx_runtime4.JSX.Element;
+//#endregion
+export { SetupForm, SetupFormValues };