@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/user/components/login-form.d.ts

@@ -1,23 +1,26 @@
 import React from "react";
+
+//#region src/client/user/components/login-form.d.ts
 interface LoginFormProps {
-    labels?: {
-        title?: string;
-        subtitle?: string;
-        email?: string;
-        emailPlaceholder?: string;
-        password?: string;
-        passwordPlaceholder?: string;
-        forgotPassword?: string;
-        submit?: string;
-        signingIn?: string;
-    };
-    forgotPasswordLink?: string;
-    signup?: {
-        href: string;
-        label: string;
-    };
-    successRedirect?: string;
+  labels?: {
+    title?: string;
+    subtitle?: string;
+    email?: string;
+    emailPlaceholder?: string;
+    password?: string;
+    passwordPlaceholder?: string;
+    forgotPassword?: string;
+    submit?: string;
+    signingIn?: string;
+  };
+  forgotPasswordLink?: string;
+  signup?: {
+    href: string;
+    label: string;
+  };
+  successRedirect?: string;
 }
-export declare const LoginForm: React.FC<LoginFormProps>;
-export {};
+declare const LoginForm: React.FC<LoginFormProps>;
+//#endregion
+export { LoginForm };
 //# sourceMappingURL=login-form.d.ts.map

package/dist/client/user/components/login-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"login-form.d.ts","sourceRoot":"","sources":["../../../../src/client/user/components/login-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmC,MAAM,OAAO,CAAA;AAKvD,UAAU,cAAc;IACtB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;QAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAuED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwE9C,CAAA"}
+{"version":3,"file":"login-form.d.ts","names":[],"sources":["../../../../src/client/user/components/login-form.tsx"],"mappings":";;;UAOU,cAAA;EACR,MAAA;IACE,KAAA;IACA,QAAA;IACA,KAAA;IACA,gBAAA;IACA,QAAA;IACA,mBAAA;IACA,cAAA;IACA,MAAA;IACA,SAAA;EAAA;EAEF,kBAAA;EACA,MAAA;IACE,IAAA;IACA,KAAA;EAAA;EAEF,eAAA;AAAA;AAAA,cAwEW,SAAA,EAAW,KAAA,CAAM,EAAA,CAAG,cAAA"}

package/dist/client/user/components/login-form.mjs

@@ -1,117 +1,124 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { StorefrontButton } from "../../storefront/primitives/button.mjs";
+import { StorefrontInput } from "../../storefront/primitives/input.mjs";
+import { logInUserAction } from "../actions/logInUserAction.mjs";
 import { useState } from "react";
-import { logInUserAction } from "../actions/logInUserAction";
-import { StorefrontInput } from "../../storefront/primitives/input";
-import { StorefrontButton } from "../../storefront/primitives/button";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/user/components/login-form.tsx
 const DEFAULT_LOGIN_LABELS = {
-  title: "Welcome back",
-  subtitle: "Sign in to access your account",
-  email: "Email address",
-  emailPlaceholder: "you@example.com",
-  password: "Password",
-  passwordPlaceholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
-  forgotPassword: "Forgot password?",
-  submit: "Sign In",
-  signingIn: "Signing in..."
+	title: "Welcome back",
+	subtitle: "Sign in to access your account",
+	email: "Email address",
+	emailPlaceholder: "you@example.com",
+	password: "Password",
+	passwordPlaceholder: "••••••••",
+	forgotPassword: "Forgot password?",
+	submit: "Sign In",
+	signingIn: "Signing in..."
 };
-function LoginFormFields({
-  emailLabel,
-  emailPlaceholder,
-  passwordLabel,
-  passwordPlaceholder,
-  forgotPassword,
-  forgotPasswordLink,
-  errors
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      StorefrontInput,
-      {
-        type: "email",
-        id: "email",
-        name: "email",
-        required: true,
-        label: emailLabel,
-        placeholder: emailPlaceholder,
-        error: errors.email?.join(", ")
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      StorefrontInput,
-      {
-        type: "password",
-        id: "password",
-        name: "password",
-        required: true,
-        label: passwordLabel,
-        placeholder: passwordPlaceholder,
-        error: errors.password?.join(", ")
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "flex justify-start text-sm", children: /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: forgotPasswordLink,
-        className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition",
-        children: forgotPassword
-      }
-    ) })
-  ] });
+function LoginFormFields({ emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPassword, forgotPasswordLink, errors }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(StorefrontInput, {
+			type: "email",
+			id: "email",
+			name: "email",
+			required: true,
+			label: emailLabel,
+			placeholder: emailPlaceholder,
+			error: errors.email?.join(", ")
+		}),
+		/* @__PURE__ */ jsx(StorefrontInput, {
+			type: "password",
+			id: "password",
+			name: "password",
+			required: true,
+			label: passwordLabel,
+			placeholder: passwordPlaceholder,
+			error: errors.password?.join(", ")
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "flex justify-start text-sm",
+			children: /* @__PURE__ */ jsx("a", {
+				href: forgotPasswordLink,
+				className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition",
+				children: forgotPassword
+			})
+		})
+	] });
 }
-const LoginForm = ({
-  labels = {},
-  forgotPasswordLink = "/reset-password/start",
-  signup = { href: "/signup", label: "Sign up" },
-  successRedirect = "/"
-}) => {
-  const resolved = { ...DEFAULT_LOGIN_LABELS, ...labels };
-  const { title, subtitle, emailPlaceholder, passwordPlaceholder, forgotPassword, submit, signingIn } = resolved;
-  const emailLabel = resolved.email;
-  const passwordLabel = resolved.password;
-  const [errors, setErrors] = useState({});
-  const [isPending, setIsPending] = useState(false);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setIsPending(true);
-    setErrors({});
-    const formData = new FormData(e.currentTarget);
-    const res = await logInUserAction(formData, { redirectPath: successRedirect });
-    if (res?.errors) {
-      setErrors(res.errors);
-    }
-    setIsPending(false);
-  };
-  return /* @__PURE__ */ jsx("main", { className: "flex items-center justify-center px-4 font-enad", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md bg-(--enad-surface) border border-(--enad-border-color) shadow-lg rounded-(--enad-card-radius) p-8", children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center", children: title }),
-    /* @__PURE__ */ jsx("p", { className: "text-(--enad-text-muted-color) text-sm text-center mb-8", children: subtitle }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-5", children: [
-      /* @__PURE__ */ jsx(
-        LoginFormFields,
-        {
-          emailLabel,
-          emailPlaceholder,
-          passwordLabel,
-          passwordPlaceholder,
-          forgotPassword,
-          forgotPasswordLink,
-          errors
-        }
-      ),
-      /* @__PURE__ */ jsx(StorefrontButton, { type: "submit", disabled: isPending, className: "w-full", children: isPending ? signingIn : submit }),
-      errors.general && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-(--enad-error-color) text-sm mt-2 text-center", children: errors.general.join(", ") })
-    ] }),
-    signup && /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color) text-center mt-2", children: /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: signup.href,
-        className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium",
-        children: signup.label
-      }
-    ) })
-  ] }) });
-};
-export {
-  LoginForm
+const LoginForm = ({ labels = {}, forgotPasswordLink = "/reset-password/start", signup = {
+	href: "/signup",
+	label: "Sign up"
+}, successRedirect = "/" }) => {
+	const resolved = {
+		...DEFAULT_LOGIN_LABELS,
+		...labels
+	};
+	const { title, subtitle, emailPlaceholder, passwordPlaceholder, forgotPassword, submit, signingIn } = resolved;
+	const emailLabel = resolved.email;
+	const passwordLabel = resolved.password;
+	const [errors, setErrors] = useState({});
+	const [isPending, setIsPending] = useState(false);
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		setIsPending(true);
+		setErrors({});
+		const res = await logInUserAction(new FormData(e.currentTarget), { redirectPath: successRedirect });
+		if (res?.errors) setErrors(res.errors);
+		setIsPending(false);
+	};
+	return /* @__PURE__ */ jsx("main", {
+		className: "flex items-center justify-center px-4 font-enad",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-full max-w-md bg-(--enad-surface) border border-(--enad-border-color) shadow-lg rounded-(--enad-card-radius) p-8",
+			children: [
+				/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center",
+					children: title
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-(--enad-text-muted-color) text-sm text-center mb-8",
+					children: subtitle
+				}),
+				/* @__PURE__ */ jsxs("form", {
+					onSubmit: handleSubmit,
+					className: "space-y-5",
+					children: [
+						/* @__PURE__ */ jsx(LoginFormFields, {
+							emailLabel,
+							emailPlaceholder,
+							passwordLabel,
+							passwordPlaceholder,
+							forgotPassword,
+							forgotPasswordLink,
+							errors
+						}),
+						/* @__PURE__ */ jsx(StorefrontButton, {
+							type: "submit",
+							disabled: isPending,
+							className: "w-full",
+							children: isPending ? signingIn : submit
+						}),
+						errors.general && /* @__PURE__ */ jsx("p", {
+							role: "alert",
+							className: "text-(--enad-error-color) text-sm mt-2 text-center",
+							children: errors.general.join(", ")
+						})
+					]
+				}),
+				signup && /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-(--enad-text-muted-color) text-center mt-2",
+					children: /* @__PURE__ */ jsx("a", {
+						href: signup.href,
+						className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium",
+						children: signup.label
+					})
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { LoginForm };
+
 //# sourceMappingURL=login-form.mjs.map

package/dist/client/user/components/login-form.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/user/components/login-form.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useState, type FormEvent } from \"react\"\nimport { logInUserAction } from \"../actions/logInUserAction\"\nimport { StorefrontInput } from \"../../storefront/primitives/input\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\ninterface LoginFormProps {\n  labels?: {\n    title?: string\n    subtitle?: string\n    email?: string\n    emailPlaceholder?: string\n    password?: string\n    passwordPlaceholder?: string\n    forgotPassword?: string\n    submit?: string\n    signingIn?: string\n  }\n  forgotPasswordLink?: string\n  signup?: {\n    href: string\n    label: string\n  }\n  successRedirect?: string\n}\n\ninterface FormErrors {\n  email?: string[]\n  password?: string[]\n  general?: string[]\n}\n\nconst DEFAULT_LOGIN_LABELS = {\n  title: \"Welcome back\",\n  subtitle: \"Sign in to access your account\",\n  email: \"Email address\",\n  emailPlaceholder: \"you@example.com\",\n  password: \"Password\",\n  passwordPlaceholder: \"••••••••\",\n  forgotPassword: \"Forgot password?\",\n  submit: \"Sign In\",\n  signingIn: \"Signing in...\",\n} as const\n\nfunction LoginFormFields({\n  emailLabel,\n  emailPlaceholder,\n  passwordLabel,\n  passwordPlaceholder,\n  forgotPassword,\n  forgotPasswordLink,\n  errors,\n}: {\n  emailLabel: string\n  emailPlaceholder: string\n  passwordLabel: string\n  passwordPlaceholder: string\n  forgotPassword: string\n  forgotPasswordLink: string\n  errors: FormErrors\n}) {\n  return (\n    <>\n      <StorefrontInput\n        type=\"email\"\n        id=\"email\"\n        name=\"email\"\n        required\n        label={emailLabel}\n        placeholder={emailPlaceholder}\n        error={errors.email?.join(\", \")}\n      />\n\n      <StorefrontInput\n        type=\"password\"\n        id=\"password\"\n        name=\"password\"\n        required\n        label={passwordLabel}\n        placeholder={passwordPlaceholder}\n        error={errors.password?.join(\", \")}\n      />\n\n      <div className=\"flex justify-start text-sm\">\n        <a\n          href={forgotPasswordLink}\n          className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition\"\n        >\n          {forgotPassword}\n        </a>\n      </div>\n    </>\n  )\n}\n\nexport const LoginForm: React.FC<LoginFormProps> = ({\n  labels = {},\n  forgotPasswordLink = \"/reset-password/start\",\n  signup = { href: \"/signup\", label: \"Sign up\" },\n  successRedirect = \"/\",\n}) => {\n  const resolved = { ...DEFAULT_LOGIN_LABELS, ...labels }\n  const { title, subtitle, emailPlaceholder, passwordPlaceholder, forgotPassword, submit, signingIn } = resolved\n  const emailLabel = resolved.email\n  const passwordLabel = resolved.password\n\n  const [errors, setErrors] = useState<FormErrors>({})\n  const [isPending, setIsPending] = useState(false)\n\n  const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    setIsPending(true)\n    setErrors({})\n\n    const formData = new FormData(e.currentTarget)\n    const res = await logInUserAction(formData, { redirectPath: successRedirect })\n\n    if (res?.errors) {\n      setErrors(res.errors)\n    }\n\n    setIsPending(false)\n  }\n\n  return (\n    <main className=\"flex items-center justify-center px-4 font-enad\">\n      <div className=\"w-full max-w-md bg-(--enad-surface) border border-(--enad-border-color) shadow-lg rounded-(--enad-card-radius) p-8\">\n        <h2 className=\"text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center\">\n          {title}\n        </h2>\n        <p className=\"text-(--enad-text-muted-color) text-sm text-center mb-8\">{subtitle}</p>\n\n        <form onSubmit={handleSubmit} className=\"space-y-5\">\n          <LoginFormFields\n            emailLabel={emailLabel}\n            emailPlaceholder={emailPlaceholder}\n            passwordLabel={passwordLabel}\n            passwordPlaceholder={passwordPlaceholder}\n            forgotPassword={forgotPassword}\n            forgotPasswordLink={forgotPasswordLink}\n            errors={errors}\n          />\n\n          <StorefrontButton type=\"submit\" disabled={isPending} className=\"w-full\">\n            {isPending ? signingIn : submit}\n          </StorefrontButton>\n\n          {errors.general && (\n            <p role=\"alert\" className=\"text-(--enad-error-color) text-sm mt-2 text-center\">\n              {errors.general.join(\", \")}\n            </p>\n          )}\n        </form>\n\n        {signup && (\n          <p className=\"text-sm text-(--enad-text-muted-color) text-center mt-2\">\n            <a\n              href={signup.href}\n              className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium\"\n            >\n              {signup.label}\n            </a>\n          </p>\n        )}\n      </div>\n    </main>\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"file":"login-form.mjs","names":[],"sources":["../../../../src/client/user/components/login-form.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useState, type FormEvent } from \"react\"\nimport { logInUserAction } from \"../actions/logInUserAction\"\nimport { StorefrontInput } from \"../../storefront/primitives/input\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\ninterface LoginFormProps {\n  labels?: {\n    title?: string\n    subtitle?: string\n    email?: string\n    emailPlaceholder?: string\n    password?: string\n    passwordPlaceholder?: string\n    forgotPassword?: string\n    submit?: string\n    signingIn?: string\n  }\n  forgotPasswordLink?: string\n  signup?: {\n    href: string\n    label: string\n  }\n  successRedirect?: string\n}\n\ninterface FormErrors {\n  email?: string[]\n  password?: string[]\n  general?: string[]\n}\n\nconst DEFAULT_LOGIN_LABELS = {\n  title: \"Welcome back\",\n  subtitle: \"Sign in to access your account\",\n  email: \"Email address\",\n  emailPlaceholder: \"you@example.com\",\n  password: \"Password\",\n  passwordPlaceholder: \"••••••••\",\n  forgotPassword: \"Forgot password?\",\n  submit: \"Sign In\",\n  signingIn: \"Signing in...\",\n} as const\n\nfunction LoginFormFields({\n  emailLabel,\n  emailPlaceholder,\n  passwordLabel,\n  passwordPlaceholder,\n  forgotPassword,\n  forgotPasswordLink,\n  errors,\n}: {\n  emailLabel: string\n  emailPlaceholder: string\n  passwordLabel: string\n  passwordPlaceholder: string\n  forgotPassword: string\n  forgotPasswordLink: string\n  errors: FormErrors\n}) {\n  return (\n    <>\n      <StorefrontInput\n        type=\"email\"\n        id=\"email\"\n        name=\"email\"\n        required\n        label={emailLabel}\n        placeholder={emailPlaceholder}\n        error={errors.email?.join(\", \")}\n      />\n\n      <StorefrontInput\n        type=\"password\"\n        id=\"password\"\n        name=\"password\"\n        required\n        label={passwordLabel}\n        placeholder={passwordPlaceholder}\n        error={errors.password?.join(\", \")}\n      />\n\n      <div className=\"flex justify-start text-sm\">\n        <a\n          href={forgotPasswordLink}\n          className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition\"\n        >\n          {forgotPassword}\n        </a>\n      </div>\n    </>\n  )\n}\n\nexport const LoginForm: React.FC<LoginFormProps> = ({\n  labels = {},\n  forgotPasswordLink = \"/reset-password/start\",\n  signup = { href: \"/signup\", label: \"Sign up\" },\n  successRedirect = \"/\",\n}) => {\n  const resolved = { ...DEFAULT_LOGIN_LABELS, ...labels }\n  const { title, subtitle, emailPlaceholder, passwordPlaceholder, forgotPassword, submit, signingIn } = resolved\n  const emailLabel = resolved.email\n  const passwordLabel = resolved.password\n\n  const [errors, setErrors] = useState<FormErrors>({})\n  const [isPending, setIsPending] = useState(false)\n\n  const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    setIsPending(true)\n    setErrors({})\n\n    const formData = new FormData(e.currentTarget)\n    const res = await logInUserAction(formData, { redirectPath: successRedirect })\n\n    if (res?.errors) {\n      setErrors(res.errors)\n    }\n\n    setIsPending(false)\n  }\n\n  return (\n    <main className=\"flex items-center justify-center px-4 font-enad\">\n      <div className=\"w-full max-w-md bg-(--enad-surface) border border-(--enad-border-color) shadow-lg rounded-(--enad-card-radius) p-8\">\n        <h2 className=\"text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center\">\n          {title}\n        </h2>\n        <p className=\"text-(--enad-text-muted-color) text-sm text-center mb-8\">{subtitle}</p>\n\n        <form onSubmit={handleSubmit} className=\"space-y-5\">\n          <LoginFormFields\n            emailLabel={emailLabel}\n            emailPlaceholder={emailPlaceholder}\n            passwordLabel={passwordLabel}\n            passwordPlaceholder={passwordPlaceholder}\n            forgotPassword={forgotPassword}\n            forgotPasswordLink={forgotPasswordLink}\n            errors={errors}\n          />\n\n          <StorefrontButton type=\"submit\" disabled={isPending} className=\"w-full\">\n            {isPending ? signingIn : submit}\n          </StorefrontButton>\n\n          {errors.general && (\n            <p role=\"alert\" className=\"text-(--enad-error-color) text-sm mt-2 text-center\">\n              {errors.general.join(\", \")}\n            </p>\n          )}\n        </form>\n\n        {signup && (\n          <p className=\"text-sm text-(--enad-text-muted-color) text-center mt-2\">\n            <a\n              href={signup.href}\n              className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium\"\n            >\n              {signup.label}\n            </a>\n          </p>\n        )}\n      </div>\n    </main>\n  )\n}\n"],"mappings":";;;;;;;AAiCA,MAAM,uBAAuB;CAC3B,OAAO;CACP,UAAU;CACV,OAAO;CACP,kBAAkB;CAClB,UAAU;CACV,qBAAqB;CACrB,gBAAgB;CAChB,QAAQ;CACR,WAAW;CACZ;AAED,SAAS,gBAAgB,EACvB,YACA,kBACA,eACA,qBACA,gBACA,oBACA,UASC;AACD,QACE,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,iBAAD;GACE,MAAK;GACL,IAAG;GACH,MAAK;GACL,UAAA;GACA,OAAO;GACP,aAAa;GACb,OAAO,OAAO,OAAO,KAAK,KAAK;GAC/B,CAAA;EAEF,oBAAC,iBAAD;GACE,MAAK;GACL,IAAG;GACH,MAAK;GACL,UAAA;GACA,OAAO;GACP,aAAa;GACb,OAAO,OAAO,UAAU,KAAK,KAAK;GAClC,CAAA;EAEF,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,KAAD;IACE,MAAM;IACN,WAAU;cAET;IACC,CAAA;GACA,CAAA;EACL,EAAA,CAAA;;AAIP,MAAa,aAAuC,EAClD,SAAS,EAAE,EACX,qBAAqB,yBACrB,SAAS;CAAE,MAAM;CAAW,OAAO;CAAW,EAC9C,kBAAkB,UACd;CACJ,MAAM,WAAW;EAAE,GAAG;EAAsB,GAAG;EAAQ;CACvD,MAAM,EAAE,OAAO,UAAU,kBAAkB,qBAAqB,gBAAgB,QAAQ,cAAc;CACtG,MAAM,aAAa,SAAS;CAC5B,MAAM,gBAAgB,SAAS;CAE/B,MAAM,CAAC,QAAQ,aAAa,SAAqB,EAAE,CAAC;CACpD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,eAAe,OAAO,MAAkC;AAC5D,IAAE,gBAAgB;AAClB,eAAa,KAAK;AAClB,YAAU,EAAE,CAAC;EAGb,MAAM,MAAM,MAAM,gBADD,IAAI,SAAS,EAAE,cAAc,EACF,EAAE,cAAc,iBAAiB,CAAC;AAE9E,MAAI,KAAK,OACP,WAAU,IAAI,OAAO;AAGvB,eAAa,MAAM;;AAGrB,QACE,oBAAC,QAAD;EAAM,WAAU;YACd,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,MAAD;KAAI,WAAU;eACX;KACE,CAAA;IACL,oBAAC,KAAD;KAAG,WAAU;eAA2D;KAAa,CAAA;IAErF,qBAAC,QAAD;KAAM,UAAU;KAAc,WAAU;eAAxC;MACE,oBAAC,iBAAD;OACc;OACM;OACH;OACM;OACL;OACI;OACZ;OACR,CAAA;MAEF,oBAAC,kBAAD;OAAkB,MAAK;OAAS,UAAU;OAAW,WAAU;iBAC5D,YAAY,YAAY;OACR,CAAA;MAElB,OAAO,WACN,oBAAC,KAAD;OAAG,MAAK;OAAQ,WAAU;iBACvB,OAAO,QAAQ,KAAK,KAAK;OACxB,CAAA;MAED;;IAEN,UACC,oBAAC,KAAD;KAAG,WAAU;eACX,oBAAC,KAAD;MACE,MAAM,OAAO;MACb,WAAU;gBAET,OAAO;MACN,CAAA;KACF,CAAA;IAEF;;EACD,CAAA"}

package/dist/client/user/components/reset-password-form.d.ts

@@ -1,20 +1,23 @@
 import React from "react";
+
+//#region src/client/user/components/reset-password-form.d.ts
 interface ResetPasswordFormProps {
-    labels?: {
-        title?: string;
-        subtitle?: string;
-        email?: string;
-        emailPlaceholder?: string;
-        submit?: string;
-        sending?: string;
-        successMessage?: string;
-    };
-    extraLink?: {
-        href: string;
-        text: string;
-    };
-    successRedirect?: string;
+  labels?: {
+    title?: string;
+    subtitle?: string;
+    email?: string;
+    emailPlaceholder?: string;
+    submit?: string;
+    sending?: string;
+    successMessage?: string;
+  };
+  extraLink?: {
+    href: string;
+    text: string;
+  };
+  successRedirect?: string;
 }
-export declare const ResetPasswordForm: React.FC<ResetPasswordFormProps>;
-export {};
+declare const ResetPasswordForm: React.FC<ResetPasswordFormProps>;
+//#endregion
+export { ResetPasswordForm };
 //# sourceMappingURL=reset-password-form.d.ts.map

package/dist/client/user/components/reset-password-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reset-password-form.d.ts","sourceRoot":"","sources":["../../../../src/client/user/components/reset-password-form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmC,MAAM,OAAO,CAAA;AAKvD,UAAU,sBAAsB;IAC9B,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,cAAc,CAAC,EAAE,MAAM,CAAA;KACxB,CAAA;IACD,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAuDD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsE9D,CAAA"}
+{"version":3,"file":"reset-password-form.d.ts","names":[],"sources":["../../../../src/client/user/components/reset-password-form.tsx"],"mappings":";;;UAOU,sBAAA;EACR,MAAA;IACE,KAAA;IACA,QAAA;IACA,KAAA;IACA,gBAAA;IACA,MAAA;IACA,OAAA;IACA,cAAA;EAAA;EAEF,SAAA;IACE,IAAA;IACA,IAAA;EAAA;EAEF,eAAA;AAAA;AAAA,cAwDW,iBAAA,EAAmB,KAAA,CAAM,EAAA,CAAG,sBAAA"}

package/dist/client/user/components/reset-password-form.mjs

@@ -1,93 +1,96 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { StorefrontButton } from "../../storefront/primitives/button.mjs";
+import { StorefrontInput } from "../../storefront/primitives/input.mjs";
+import { createPasswordResetLinkAction } from "../actions/createResetPasswordLinkAction.mjs";
 import { useState } from "react";
-import { createPasswordResetLinkAction } from "../actions/createResetPasswordLinkAction";
-import { StorefrontInput } from "../../storefront/primitives/input";
-import { StorefrontButton } from "../../storefront/primitives/button";
-function ResetPasswordFormBody({
-  emailLabel,
-  emailPlaceholder,
-  submit,
-  sending,
-  errors,
-  isPending,
-  successMessage
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      StorefrontInput,
-      {
-        type: "email",
-        id: "email",
-        name: "email",
-        required: true,
-        label: emailLabel,
-        placeholder: emailPlaceholder,
-        error: errors.email?.join(", ")
-      }
-    ),
-    /* @__PURE__ */ jsx(StorefrontButton, { type: "submit", disabled: isPending, className: "w-full", children: isPending ? sending : submit }),
-    errors.general && /* @__PURE__ */ jsx("p", { role: "alert", className: "text-(--enad-error-color) text-sm mt-1 text-center", children: errors.general.join(", ") }),
-    successMessage && /* @__PURE__ */ jsx("p", { role: "status", className: "text-(--enad-success-color) text-sm mt-2 text-center", children: successMessage })
-  ] });
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/user/components/reset-password-form.tsx
+function ResetPasswordFormBody({ emailLabel, emailPlaceholder, submit, sending, errors, isPending, successMessage }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(StorefrontInput, {
+			type: "email",
+			id: "email",
+			name: "email",
+			required: true,
+			label: emailLabel,
+			placeholder: emailPlaceholder,
+			error: errors.email?.join(", ")
+		}),
+		/* @__PURE__ */ jsx(StorefrontButton, {
+			type: "submit",
+			disabled: isPending,
+			className: "w-full",
+			children: isPending ? sending : submit
+		}),
+		errors.general && /* @__PURE__ */ jsx("p", {
+			role: "alert",
+			className: "text-(--enad-error-color) text-sm mt-1 text-center",
+			children: errors.general.join(", ")
+		}),
+		successMessage && /* @__PURE__ */ jsx("p", {
+			role: "status",
+			className: "text-(--enad-success-color) text-sm mt-2 text-center",
+			children: successMessage
+		})
+	] });
 }
-const ResetPasswordForm = ({
-  labels = {},
-  extraLink = { href: "/login", text: "Back to sign in" },
-  successRedirect = "/login"
-}) => {
-  const {
-    title = "Reset your password",
-    subtitle = "Enter your email to receive reset instructions",
-    email: emailLabel = "Email",
-    emailPlaceholder = "you@example.com",
-    submit = "Send Reset Link",
-    sending = "Sending...",
-    successMessage: successMessageText = "Check your email for reset instructions."
-  } = labels;
-  const [errors, setErrors] = useState({});
-  const [isPending, setIsPending] = useState(false);
-  const [successMessage, setSuccessMessage] = useState("");
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setIsPending(true);
-    setErrors({});
-    setSuccessMessage("");
-    const formData = new FormData(e.currentTarget);
-    const res = await createPasswordResetLinkAction(formData, { redirectPath: successRedirect });
-    if (res?.errors) {
-      setErrors(res.errors);
-    } else {
-      setSuccessMessage(successMessageText);
-    }
-    setIsPending(false);
-  };
-  return /* @__PURE__ */ jsx("main", { className: "flex items-center justify-center px-4 font-enad", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md bg-(--enad-surface) shadow-lg p-8 border border-(--enad-border-color) rounded-(--enad-card-radius)", children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center", children: title }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color) mb-8 text-center", children: subtitle }),
-    /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, className: "space-y-5", children: /* @__PURE__ */ jsx(
-      ResetPasswordFormBody,
-      {
-        emailLabel,
-        emailPlaceholder,
-        submit,
-        sending,
-        errors,
-        isPending,
-        successMessage
-      }
-    ) }),
-    extraLink && /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color) text-center mt-4", children: /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: extraLink.href,
-        className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium",
-        children: extraLink.text
-      }
-    ) })
-  ] }) });
-};
-export {
-  ResetPasswordForm
+const ResetPasswordForm = ({ labels = {}, extraLink = {
+	href: "/login",
+	text: "Back to sign in"
+}, successRedirect = "/login" }) => {
+	const { title = "Reset your password", subtitle = "Enter your email to receive reset instructions", email: emailLabel = "Email", emailPlaceholder = "you@example.com", submit = "Send Reset Link", sending = "Sending...", successMessage: successMessageText = "Check your email for reset instructions." } = labels;
+	const [errors, setErrors] = useState({});
+	const [isPending, setIsPending] = useState(false);
+	const [successMessage, setSuccessMessage] = useState("");
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		setIsPending(true);
+		setErrors({});
+		setSuccessMessage("");
+		const res = await createPasswordResetLinkAction(new FormData(e.currentTarget), { redirectPath: successRedirect });
+		if (res?.errors) setErrors(res.errors);
+		else setSuccessMessage(successMessageText);
+		setIsPending(false);
+	};
+	return /* @__PURE__ */ jsx("main", {
+		className: "flex items-center justify-center px-4 font-enad",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-full max-w-md bg-(--enad-surface) shadow-lg p-8 border border-(--enad-border-color) rounded-(--enad-card-radius)",
+			children: [
+				/* @__PURE__ */ jsx("h2", {
+					className: "text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center",
+					children: title
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm text-(--enad-text-muted-color) mb-8 text-center",
+					children: subtitle
+				}),
+				/* @__PURE__ */ jsx("form", {
+					onSubmit: handleSubmit,
+					className: "space-y-5",
+					children: /* @__PURE__ */ jsx(ResetPasswordFormBody, {
+						emailLabel,
+						emailPlaceholder,
+						submit,
+						sending,
+						errors,
+						isPending,
+						successMessage
+					})
+				}),
+				extraLink && /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-(--enad-text-muted-color) text-center mt-4",
+					children: /* @__PURE__ */ jsx("a", {
+						href: extraLink.href,
+						className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium",
+						children: extraLink.text
+					})
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { ResetPasswordForm };
+
 //# sourceMappingURL=reset-password-form.mjs.map

package/dist/client/user/components/reset-password-form.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/user/components/reset-password-form.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useState, type FormEvent } from \"react\"\nimport { createPasswordResetLinkAction } from \"../actions/createResetPasswordLinkAction\"\nimport { StorefrontInput } from \"../../storefront/primitives/input\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\ninterface ResetPasswordFormProps {\n  labels?: {\n    title?: string\n    subtitle?: string\n    email?: string\n    emailPlaceholder?: string\n    submit?: string\n    sending?: string\n    successMessage?: string\n  }\n  extraLink?: {\n    href: string\n    text: string\n  }\n  successRedirect?: string\n}\n\ninterface FormErrors {\n  email?: string[]\n  general?: string[]\n}\n\nfunction ResetPasswordFormBody({\n  emailLabel,\n  emailPlaceholder,\n  submit,\n  sending,\n  errors,\n  isPending,\n  successMessage,\n}: {\n  emailLabel: string\n  emailPlaceholder: string\n  submit: string\n  sending: string\n  errors: FormErrors\n  isPending: boolean\n  successMessage: string\n}) {\n  return (\n    <>\n      <StorefrontInput\n        type=\"email\"\n        id=\"email\"\n        name=\"email\"\n        required\n        label={emailLabel}\n        placeholder={emailPlaceholder}\n        error={errors.email?.join(\", \")}\n      />\n\n      <StorefrontButton type=\"submit\" disabled={isPending} className=\"w-full\">\n        {isPending ? sending : submit}\n      </StorefrontButton>\n\n      {errors.general && (\n        <p role=\"alert\" className=\"text-(--enad-error-color) text-sm mt-1 text-center\">\n          {errors.general.join(\", \")}\n        </p>\n      )}\n\n      {successMessage && (\n        <p role=\"status\" className=\"text-(--enad-success-color) text-sm mt-2 text-center\">\n          {successMessage}\n        </p>\n      )}\n    </>\n  )\n}\n\nexport const ResetPasswordForm: React.FC<ResetPasswordFormProps> = ({\n  labels = {},\n  extraLink = { href: \"/login\", text: \"Back to sign in\" },\n  successRedirect = \"/login\",\n}) => {\n  const {\n    title = \"Reset your password\",\n    subtitle = \"Enter your email to receive reset instructions\",\n    email: emailLabel = \"Email\",\n    emailPlaceholder = \"you@example.com\",\n    submit = \"Send Reset Link\",\n    sending = \"Sending...\",\n    successMessage: successMessageText = \"Check your email for reset instructions.\",\n  } = labels\n\n  const [errors, setErrors] = useState<FormErrors>({})\n  const [isPending, setIsPending] = useState(false)\n  const [successMessage, setSuccessMessage] = useState(\"\")\n\n  const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    setIsPending(true)\n    setErrors({})\n    setSuccessMessage(\"\")\n\n    const formData = new FormData(e.currentTarget)\n    const res = await createPasswordResetLinkAction(formData, { redirectPath: successRedirect })\n\n    if (res?.errors) {\n      setErrors(res.errors)\n    } else {\n      setSuccessMessage(successMessageText)\n    }\n\n    setIsPending(false)\n  }\n\n  return (\n    <main className=\"flex items-center justify-center px-4 font-enad\">\n      <div className=\"w-full max-w-md bg-(--enad-surface) shadow-lg p-8 border border-(--enad-border-color) rounded-(--enad-card-radius)\">\n        <h2 className=\"text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center\">\n          {title}\n        </h2>\n        <p className=\"text-sm text-(--enad-text-muted-color) mb-8 text-center\">{subtitle}</p>\n\n        <form onSubmit={handleSubmit} className=\"space-y-5\">\n          <ResetPasswordFormBody\n            emailLabel={emailLabel}\n            emailPlaceholder={emailPlaceholder}\n            submit={submit}\n            sending={sending}\n            errors={errors}\n            isPending={isPending}\n            successMessage={successMessage}\n          />\n        </form>\n\n        {extraLink && (\n          <p className=\"text-sm text-(--enad-text-muted-color) text-center mt-4\">\n            <a\n              href={extraLink.href}\n              className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium\"\n            >\n              {extraLink.text}\n            </a>\n          </p>\n        )}\n      </div>\n    </main>\n  )\n}\n"],"mappings":";AA+CI,mBACE,KADF;AA7CJ,SAAgB,gBAAgC;AAChD,SAAS,qCAAqC;AAC9C,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAwBjC,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAG;AAAA,QACH,MAAK;AAAA,QACL,UAAQ;AAAA,QACR,OAAO;AAAA,QACP,aAAa;AAAA,QACb,OAAO,OAAO,OAAO,KAAK,IAAI;AAAA;AAAA,IAChC;AAAA,IAEA,oBAAC,oBAAiB,MAAK,UAAS,UAAU,WAAW,WAAU,UAC5D,sBAAY,UAAU,QACzB;AAAA,IAEC,OAAO,WACN,oBAAC,OAAE,MAAK,SAAQ,WAAU,sDACvB,iBAAO,QAAQ,KAAK,IAAI,GAC3B;AAAA,IAGD,kBACC,oBAAC,OAAE,MAAK,UAAS,WAAU,wDACxB,0BACH;AAAA,KAEJ;AAEJ;AAEO,MAAM,oBAAsD,CAAC;AAAA,EAClE,SAAS,CAAC;AAAA,EACV,YAAY,EAAE,MAAM,UAAU,MAAM,kBAAkB;AAAA,EACtD,kBAAkB;AACpB,MAAM;AACJ,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,OAAO,aAAa;AAAA,IACpB,mBAAmB;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,gBAAgB,qBAAqB;AAAA,EACvC,IAAI;AAEJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAqB,CAAC,CAAC;AACnD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,EAAE;AAEvD,QAAM,eAAe,OAAO,MAAkC;AAC5D,MAAE,eAAe;AACjB,iBAAa,IAAI;AACjB,cAAU,CAAC,CAAC;AACZ,sBAAkB,EAAE;AAEpB,UAAM,WAAW,IAAI,SAAS,EAAE,aAAa;AAC7C,UAAM,MAAM,MAAM,8BAA8B,UAAU,EAAE,cAAc,gBAAgB,CAAC;AAE3F,QAAI,KAAK,QAAQ;AACf,gBAAU,IAAI,MAAM;AAAA,IACtB,OAAO;AACL,wBAAkB,kBAAkB;AAAA,IACtC;AAEA,iBAAa,KAAK;AAAA,EACpB;AAEA,SACE,oBAAC,UAAK,WAAU,mDACd,+BAAC,SAAI,WAAU,sHACb;AAAA,wBAAC,QAAG,WAAU,4EACX,iBACH;AAAA,IACA,oBAAC,OAAE,WAAU,2DAA2D,oBAAS;AAAA,IAEjF,oBAAC,UAAK,UAAU,cAAc,WAAU,aACtC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,IAEC,aACC,oBAAC,OAAE,WAAU,2DACX;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,UAAU;AAAA,QAChB,WAAU;AAAA,QAET,oBAAU;AAAA;AAAA,IACb,GACF;AAAA,KAEJ,GACF;AAEJ;","names":[]}
+{"version":3,"file":"reset-password-form.mjs","names":[],"sources":["../../../../src/client/user/components/reset-password-form.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useState, type FormEvent } from \"react\"\nimport { createPasswordResetLinkAction } from \"../actions/createResetPasswordLinkAction\"\nimport { StorefrontInput } from \"../../storefront/primitives/input\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\ninterface ResetPasswordFormProps {\n  labels?: {\n    title?: string\n    subtitle?: string\n    email?: string\n    emailPlaceholder?: string\n    submit?: string\n    sending?: string\n    successMessage?: string\n  }\n  extraLink?: {\n    href: string\n    text: string\n  }\n  successRedirect?: string\n}\n\ninterface FormErrors {\n  email?: string[]\n  general?: string[]\n}\n\nfunction ResetPasswordFormBody({\n  emailLabel,\n  emailPlaceholder,\n  submit,\n  sending,\n  errors,\n  isPending,\n  successMessage,\n}: {\n  emailLabel: string\n  emailPlaceholder: string\n  submit: string\n  sending: string\n  errors: FormErrors\n  isPending: boolean\n  successMessage: string\n}) {\n  return (\n    <>\n      <StorefrontInput\n        type=\"email\"\n        id=\"email\"\n        name=\"email\"\n        required\n        label={emailLabel}\n        placeholder={emailPlaceholder}\n        error={errors.email?.join(\", \")}\n      />\n\n      <StorefrontButton type=\"submit\" disabled={isPending} className=\"w-full\">\n        {isPending ? sending : submit}\n      </StorefrontButton>\n\n      {errors.general && (\n        <p role=\"alert\" className=\"text-(--enad-error-color) text-sm mt-1 text-center\">\n          {errors.general.join(\", \")}\n        </p>\n      )}\n\n      {successMessage && (\n        <p role=\"status\" className=\"text-(--enad-success-color) text-sm mt-2 text-center\">\n          {successMessage}\n        </p>\n      )}\n    </>\n  )\n}\n\nexport const ResetPasswordForm: React.FC<ResetPasswordFormProps> = ({\n  labels = {},\n  extraLink = { href: \"/login\", text: \"Back to sign in\" },\n  successRedirect = \"/login\",\n}) => {\n  const {\n    title = \"Reset your password\",\n    subtitle = \"Enter your email to receive reset instructions\",\n    email: emailLabel = \"Email\",\n    emailPlaceholder = \"you@example.com\",\n    submit = \"Send Reset Link\",\n    sending = \"Sending...\",\n    successMessage: successMessageText = \"Check your email for reset instructions.\",\n  } = labels\n\n  const [errors, setErrors] = useState<FormErrors>({})\n  const [isPending, setIsPending] = useState(false)\n  const [successMessage, setSuccessMessage] = useState(\"\")\n\n  const handleSubmit = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    setIsPending(true)\n    setErrors({})\n    setSuccessMessage(\"\")\n\n    const formData = new FormData(e.currentTarget)\n    const res = await createPasswordResetLinkAction(formData, { redirectPath: successRedirect })\n\n    if (res?.errors) {\n      setErrors(res.errors)\n    } else {\n      setSuccessMessage(successMessageText)\n    }\n\n    setIsPending(false)\n  }\n\n  return (\n    <main className=\"flex items-center justify-center px-4 font-enad\">\n      <div className=\"w-full max-w-md bg-(--enad-surface) shadow-lg p-8 border border-(--enad-border-color) rounded-(--enad-card-radius)\">\n        <h2 className=\"text-2xl font-semibold text-(--enad-text-primary-color) mb-2 text-center\">\n          {title}\n        </h2>\n        <p className=\"text-sm text-(--enad-text-muted-color) mb-8 text-center\">{subtitle}</p>\n\n        <form onSubmit={handleSubmit} className=\"space-y-5\">\n          <ResetPasswordFormBody\n            emailLabel={emailLabel}\n            emailPlaceholder={emailPlaceholder}\n            submit={submit}\n            sending={sending}\n            errors={errors}\n            isPending={isPending}\n            successMessage={successMessage}\n          />\n        </form>\n\n        {extraLink && (\n          <p className=\"text-sm text-(--enad-text-muted-color) text-center mt-4\">\n            <a\n              href={extraLink.href}\n              className=\"text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium\"\n            >\n              {extraLink.text}\n            </a>\n          </p>\n        )}\n      </div>\n    </main>\n  )\n}\n"],"mappings":";;;;;;;AA6BA,SAAS,sBAAsB,EAC7B,YACA,kBACA,QACA,SACA,QACA,WACA,kBASC;AACD,QACE,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,iBAAD;GACE,MAAK;GACL,IAAG;GACH,MAAK;GACL,UAAA;GACA,OAAO;GACP,aAAa;GACb,OAAO,OAAO,OAAO,KAAK,KAAK;GAC/B,CAAA;EAEF,oBAAC,kBAAD;GAAkB,MAAK;GAAS,UAAU;GAAW,WAAU;aAC5D,YAAY,UAAU;GACN,CAAA;EAElB,OAAO,WACN,oBAAC,KAAD;GAAG,MAAK;GAAQ,WAAU;aACvB,OAAO,QAAQ,KAAK,KAAK;GACxB,CAAA;EAGL,kBACC,oBAAC,KAAD;GAAG,MAAK;GAAS,WAAU;aACxB;GACC,CAAA;EAEL,EAAA,CAAA;;AAIP,MAAa,qBAAuD,EAClE,SAAS,EAAE,EACX,YAAY;CAAE,MAAM;CAAU,MAAM;CAAmB,EACvD,kBAAkB,eACd;CACJ,MAAM,EACJ,QAAQ,uBACR,WAAW,kDACX,OAAO,aAAa,SACpB,mBAAmB,mBACnB,SAAS,mBACT,UAAU,cACV,gBAAgB,qBAAqB,+CACnC;CAEJ,MAAM,CAAC,QAAQ,aAAa,SAAqB,EAAE,CAAC;CACpD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,GAAG;CAExD,MAAM,eAAe,OAAO,MAAkC;AAC5D,IAAE,gBAAgB;AAClB,eAAa,KAAK;AAClB,YAAU,EAAE,CAAC;AACb,oBAAkB,GAAG;EAGrB,MAAM,MAAM,MAAM,8BADD,IAAI,SAAS,EAAE,cAAc,EACY,EAAE,cAAc,iBAAiB,CAAC;AAE5F,MAAI,KAAK,OACP,WAAU,IAAI,OAAO;MAErB,mBAAkB,mBAAmB;AAGvC,eAAa,MAAM;;AAGrB,QACE,oBAAC,QAAD;EAAM,WAAU;YACd,qBAAC,OAAD;GAAK,WAAU;aAAf;IACE,oBAAC,MAAD;KAAI,WAAU;eACX;KACE,CAAA;IACL,oBAAC,KAAD;KAAG,WAAU;eAA2D;KAAa,CAAA;IAErF,oBAAC,QAAD;KAAM,UAAU;KAAc,WAAU;eACtC,oBAAC,uBAAD;MACc;MACM;MACV;MACC;MACD;MACG;MACK;MAChB,CAAA;KACG,CAAA;IAEN,aACC,oBAAC,KAAD;KAAG,WAAU;eACX,oBAAC,KAAD;MACE,MAAM,UAAU;MAChB,WAAU;gBAET,UAAU;MACT,CAAA;KACF,CAAA;IAEF;;EACD,CAAA"}