@draftlab/auth 0.13.0 → 0.14.0

package/dist/provider/code.mjs

@@ -145,6 +145,11 @@ const CodeProvider = (config) => {
 						...currentState,
 						resend: false
 					}, formData, { type: "invalid_code" });
+					if (!await ctx.get(c, "authorization")) return transition(c, { type: "start" }, formData, {
+						type: "invalid_claim",
+						key: "session",
+						value: "Authentication session expired"
+					});
 					await ctx.unset(c, "provider");
 					return await ctx.success(c, { claims: currentState.claims });
 				}

package/dist/provider/magiclink.mjs

@@ -74,6 +74,7 @@ const MagicLinkProvider = (config) => {
 					if (!urlValue || !storedValue) return false;
 					return timingSafeCompare(storedValue, urlValue);
 				})) return transition(c, { type: "start" }, void 0, { type: "invalid_link" });
+				if (!await ctx.get(c, "authorization")) return transition(c, { type: "start" }, void 0, { type: "invalid_link" });
 				await ctx.unset(c, "provider");
 				return await ctx.success(c, { claims: storedState.claims });
 			});

package/dist/provider/passkey.mjs

@@ -171,7 +171,7 @@ const PasskeyProvider = (config) => {
 					authenticatorSelection: authenticatorSelection ?? {
 						residentKey: "preferred",
 						userVerification: "preferred",
-						authenticatorAttachment: otherDevice ? "cross-platform" : "platform"
+						authenticatorAttachment: otherDevice ? void 0 : "platform"
 					},
 					timeout
 				});

package/dist/provider/password.mjs

@@ -193,6 +193,14 @@ const PasswordProvider = (config) => {
 						type: "start",
 						redirect: provider.redirect
 					}, { type: "invalid_email" });
+					if (!await Storage.get(ctx.storage, [
+						"email",
+						email,
+						"password"
+					])) return transition({
+						type: "start",
+						redirect: provider.redirect
+					}, { type: "invalid_email" });
 					const code = generateCode();
 					const context = provider.type === "code" && provider.email === email ? "reset:resend" : "reset";
 					await config.sendCode(email, code, context);
@@ -221,6 +229,7 @@ const PasswordProvider = (config) => {
 					const password = formData.get("password")?.toString();
 					const repeat = formData.get("repeat")?.toString();
 					if (!password) return transition(provider, { type: "invalid_password" });
+					if (!repeat) return transition(provider, { type: "invalid_password" });
 					if (password !== repeat) return transition(provider, { type: "password_mismatch" });
 					if (config.validatePassword) {
 						let validationError;

package/dist/ui/code.mjs

@@ -1,3 +1,4 @@
+import { run } from "../util.mjs";
 import { Layout, renderToHTML } from "./base.mjs";
 import { FormAlert } from "./form.mjs";
 import { jsx, jsxs } from "preact/jsx-runtime";
@@ -57,10 +58,13 @@ const CodeUI = (options) => {
 			"data-component": "form",
 			method: "post",
 			children: [
-				success ? /* @__PURE__ */ jsx(FormAlert, {
-					message: success.message,
-					color: "success"
-				}) : /* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error, copy) }),
+				run(() => {
+					if (success) return /* @__PURE__ */ jsx(FormAlert, {
+						message: success.message,
+						color: "success"
+					});
+					return /* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error, copy) });
+				}),
 				/* @__PURE__ */ jsx("input", {
 					"data-component": "input",
 					type: mode === "email" ? "email" : "tel",
@@ -97,10 +101,13 @@ const CodeUI = (options) => {
 			"data-component": "form",
 			method: "post",
 			children: [
-				success ? /* @__PURE__ */ jsx(FormAlert, {
-					message: success.message,
-					color: "success"
-				}) : /* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error, copy) }),
+				run(() => {
+					if (success) return /* @__PURE__ */ jsx(FormAlert, {
+						message: success.message,
+						color: "success"
+					});
+					return /* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error, copy) });
+				}),
 				/* @__PURE__ */ jsx("input", {
 					name: "action",
 					type: "hidden",

package/dist/ui/magiclink.mjs

@@ -1,3 +1,4 @@
+import { run } from "../util.mjs";
 import { Layout, renderToHTML } from "./base.mjs";
 import { FormAlert } from "./form.mjs";
 import { jsx, jsxs } from "preact/jsx-runtime";
@@ -55,10 +56,13 @@ const MagicLinkUI = (options) => {
 			"data-component": "form",
 			method: "post",
 			children: [
-				success ? /* @__PURE__ */ jsx(FormAlert, {
-					message: success.message,
-					color: "success"
-				}) : /* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error, copy) }),
+				run(() => {
+					if (success) return /* @__PURE__ */ jsx(FormAlert, {
+						message: success.message,
+						color: "success"
+					});
+					return /* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error, copy) });
+				}),
 				/* @__PURE__ */ jsx("input", {
 					"data-component": "input",
 					type: mode === "email" ? "email" : "tel",
@@ -99,10 +103,13 @@ const MagicLinkUI = (options) => {
 					"data-component": "title",
 					children: "Check your email"
 				}),
-				success ? /* @__PURE__ */ jsx(FormAlert, {
-					message: success.message,
-					color: "success"
-				}) : /* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error, copy) }),
+				run(() => {
+					if (success) return /* @__PURE__ */ jsx(FormAlert, {
+						message: success.message,
+						color: "success"
+					});
+					return /* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error, copy) });
+				}),
 				/* @__PURE__ */ jsx("p", {
 					"data-component": "description",
 					children: "Click the link in your email to sign in."

package/dist/ui/passkey.d.mts

@@ -12,10 +12,12 @@ interface PasskeyUICopy {
   readonly register_prompt: string;
   readonly login_prompt: string;
   readonly login: string;
-  readonly change_prompt: string;
-  readonly code_resend: string;
-  readonly code_return: string;
   readonly input_email: string;
+  readonly error_register_already_registered: string;
+  readonly error_register_cancelled: string;
+  readonly error_register_failed: string;
+  readonly error_auth_cancelled: string;
+  readonly error_auth_failed: string;
 }
 interface PasskeyUIOptions extends Omit<PasskeyProviderConfig, "authorize" | "register" | "copy"> {
   readonly copy?: Partial<PasskeyUICopy>;

package/dist/ui/passkey.mjs

@@ -10,10 +10,12 @@ const DEFAULT_COPY = {
 	login_prompt: "Already have an account?",
 	login: "Login",
 	button_continue: "Continue",
-	change_prompt: "Forgot password?",
-	code_resend: "Resend code",
-	code_return: "Back to",
-	input_email: "Email"
+	input_email: "Email",
+	error_register_already_registered: "This device is already registered. Please use the login page or try a different device.",
+	error_register_cancelled: "Registration was cancelled or timed out. Please try again.",
+	error_register_failed: "Registration failed. Please try again.",
+	error_auth_cancelled: "Authentication was cancelled or timed out. Please try again.",
+	error_auth_failed: "Authentication failed. Please try again."
 };
 const PasskeyUI = (options) => {
 	const { rpName, rpID, origin, userCanRegisterPasskey, authenticatorSelection, attestationType, timeout } = options;
@@ -57,8 +59,17 @@ const PasskeyUI = (options) => {
 											// Pass the options to the authenticator and wait for a response
 											attResp = await startAuthentication({ optionsJSON });
 										} catch (error) {
-											message.textContent = error;
-											throw error;
+											// Handle WebAuthn errors with friendly messages
+											const errorName = error.name;
+											if (errorName === "NotAllowedError") {
+												message.textContent = "${copy.error_auth_cancelled}";
+											} else if (errorName === "InvalidStateError") {
+												message.textContent = "${copy.error_auth_failed}";
+											} else {
+												message.textContent = error.message || "${copy.error_auth_failed}";
+											}
+											console.error(error);
+											return;
 										}
 										
 										const verificationResp = await fetch(
@@ -147,6 +158,7 @@ const PasskeyUI = (options) => {
 								window.addEventListener("load", async () => {
 									const { startRegistration } = SimpleWebAuthnBrowser;
 									const registerForm = document.getElementById("registerForm");
+									const btnOtherDevice = document.getElementById("btnOtherDevice");
 									const message = document.querySelector("[data-slot='message']");
 									const origin = window.location.origin;
 									const rpID = window.location.hostname;
@@ -181,8 +193,17 @@ const PasskeyUI = (options) => {
 											// Pass the options to the authenticator and wait for a response
 											attResp = await startRegistration({ optionsJSON });
 										} catch (error) {
-											message.textContent = error;
-											throw error;
+											// Handle WebAuthn errors with friendly messages
+											const errorName = error.name;
+											if (errorName === "InvalidStateError") {
+												message.textContent = "${copy.error_register_already_registered}";
+											} else if (errorName === "NotAllowedError") {
+												message.textContent = "${copy.error_register_cancelled}";
+											} else {
+												message.textContent = error.message || "${copy.error_register_failed}";
+											}
+											console.error(error);
+											return;
 										}
 
 										// POST the response to the endpoint that calls
@@ -232,6 +253,11 @@ const PasskeyUI = (options) => {
 										e.preventDefault();
 										register();
 									});
+									
+									btnOtherDevice.addEventListener("click", (e) => {
+										e.preventDefault();
+										register(true);
+									});
 								});
 							` } }),
 				/* @__PURE__ */ jsxs("form", {

package/dist/ui/password.d.mts

@@ -11,11 +11,6 @@ interface PasswordUICopy {
   readonly error_invalid_email: string;
   readonly error_invalid_password: string;
   readonly error_password_mismatch: string;
-  readonly error_validation_error: string;
-  readonly register_title: string;
-  readonly register_description: string;
-  readonly login_title: string;
-  readonly login_description: string;
   readonly register: string;
   readonly register_prompt: string;
   readonly login_prompt: string;

package/dist/ui/password.mjs

@@ -1,3 +1,4 @@
+import { run } from "../util.mjs";
 import { Layout, renderToHTML } from "./base.mjs";
 import { FormAlert } from "./form.mjs";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
@@ -12,11 +13,6 @@ const DEFAULT_COPY = {
 	error_invalid_email: "Email is not valid.",
 	error_invalid_password: "Password is incorrect.",
 	error_password_mismatch: "Passwords do not match.",
-	error_validation_error: "Password does not meet requirements.",
-	register_title: "Welcome to the app",
-	register_description: "Sign in with your email",
-	login_title: "Welcome to the app",
-	login_description: "Sign in with your email",
 	register: "Register",
 	register_prompt: "Don't have an account?",
 	login_prompt: "Already have an account?",
@@ -105,130 +101,133 @@ const PasswordUI = (options) => {
 			"password_mismatch",
 			"validation_error"
 		].includes(error?.type || "");
-		return /* @__PURE__ */ jsx(Layout, { children: state.type === "start" ? /* @__PURE__ */ jsxs("form", {
-			"data-component": "form",
-			method: "post",
-			children: [
-				/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
-				/* @__PURE__ */ jsx("input", {
-					name: "action",
-					type: "hidden",
-					value: "register"
-				}),
-				/* @__PURE__ */ jsx("input", {
-					type: "email",
-					name: "email",
-					placeholder: copy.input_email,
-					value: emailError ? "" : form?.get("email")?.toString() || "",
-					autoComplete: "email",
-					"data-component": "input",
-					required: true
-				}),
-				/* @__PURE__ */ jsx("input", {
-					type: "password",
-					name: "password",
-					placeholder: copy.input_password,
-					value: passwordError ? "" : form?.get("password")?.toString() || "",
-					autoComplete: "new-password",
-					"data-component": "input",
-					required: true
-				}),
-				/* @__PURE__ */ jsx("input", {
-					type: "password",
-					name: "repeat",
-					placeholder: copy.input_repeat,
-					autoComplete: "new-password",
-					"data-component": "input",
-					required: true
-				}),
-				/* @__PURE__ */ jsx("button", {
-					"data-component": "button",
-					type: "submit",
-					children: copy.button_continue
-				}),
-				/* @__PURE__ */ jsx("div", {
-					"data-component": "form-footer",
-					children: /* @__PURE__ */ jsxs("span", { children: [
-						copy.login_prompt,
-						" ",
-						/* @__PURE__ */ jsx("a", {
-							"data-component": "link",
-							href: "./authorize",
-							children: copy.login
-						})
-					] })
-				})
-			]
-		}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("form", {
-			"data-component": "form",
-			method: "post",
-			children: [
-				/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
-				/* @__PURE__ */ jsx("input", {
-					name: "action",
-					type: "hidden",
-					value: "verify"
-				}),
-				/* @__PURE__ */ jsx("input", {
-					type: "text",
-					name: "code",
-					placeholder: copy.input_code,
-					"aria-label": "6-digit verification code",
-					autoComplete: "one-time-code",
-					"data-component": "input",
-					inputMode: "numeric",
-					maxLength: 6,
-					minLength: 6,
-					pattern: "[0-9]{6}",
-					required: true
-				}),
-				/* @__PURE__ */ jsx("button", {
-					"data-component": "button",
-					type: "submit",
-					children: copy.button_continue
-				})
-			]
-		}), /* @__PURE__ */ jsxs("form", {
-			method: "post",
-			children: [
-				/* @__PURE__ */ jsx("input", {
-					name: "action",
-					type: "hidden",
-					value: "register"
-				}),
-				/* @__PURE__ */ jsx("input", {
-					name: "email",
-					type: "hidden",
-					value: state.email
-				}),
-				/* @__PURE__ */ jsx("input", {
-					name: "password",
-					type: "hidden",
-					value: ""
-				}),
-				/* @__PURE__ */ jsx("input", {
-					name: "repeat",
-					type: "hidden",
-					value: ""
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					"data-component": "form-footer",
-					children: [/* @__PURE__ */ jsxs("span", { children: [
-						copy.code_return,
-						" ",
-						/* @__PURE__ */ jsx("a", {
-							"data-component": "link",
-							href: "./authorize",
-							children: copy.login
-						})
-					] }), /* @__PURE__ */ jsx("button", {
+		return /* @__PURE__ */ jsx(Layout, { children: run(() => {
+			if (state.type === "start") return /* @__PURE__ */ jsxs("form", {
+				"data-component": "form",
+				method: "post",
+				children: [
+					/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
+					/* @__PURE__ */ jsx("input", {
+						name: "action",
+						type: "hidden",
+						value: "register"
+					}),
+					/* @__PURE__ */ jsx("input", {
+						type: "email",
+						name: "email",
+						placeholder: copy.input_email,
+						value: emailError ? "" : form?.get("email")?.toString() || "",
+						autoComplete: "email",
+						"data-component": "input",
+						required: true
+					}),
+					/* @__PURE__ */ jsx("input", {
+						type: "password",
+						name: "password",
+						placeholder: copy.input_password,
+						value: passwordError ? "" : form?.get("password")?.toString() || "",
+						autoComplete: "new-password",
+						"data-component": "input",
+						required: true
+					}),
+					/* @__PURE__ */ jsx("input", {
+						type: "password",
+						name: "repeat",
+						placeholder: copy.input_repeat,
+						autoComplete: "new-password",
+						"data-component": "input",
+						required: true
+					}),
+					/* @__PURE__ */ jsx("button", {
+						"data-component": "button",
 						type: "submit",
-						"data-component": "link",
-						children: copy.code_resend
-					})]
-				})
-			]
-		})] }) });
+						children: copy.button_continue
+					}),
+					/* @__PURE__ */ jsx("div", {
+						"data-component": "form-footer",
+						children: /* @__PURE__ */ jsxs("span", { children: [
+							copy.login_prompt,
+							" ",
+							/* @__PURE__ */ jsx("a", {
+								"data-component": "link",
+								href: "./authorize",
+								children: copy.login
+							})
+						] })
+					})
+				]
+			});
+			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("form", {
+				"data-component": "form",
+				method: "post",
+				children: [
+					/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
+					/* @__PURE__ */ jsx("input", {
+						name: "action",
+						type: "hidden",
+						value: "verify"
+					}),
+					/* @__PURE__ */ jsx("input", {
+						type: "text",
+						name: "code",
+						placeholder: copy.input_code,
+						"aria-label": "6-digit verification code",
+						autoComplete: "one-time-code",
+						"data-component": "input",
+						inputMode: "numeric",
+						maxLength: 6,
+						minLength: 6,
+						pattern: "[0-9]{6}",
+						required: true
+					}),
+					/* @__PURE__ */ jsx("button", {
+						"data-component": "button",
+						type: "submit",
+						children: copy.button_continue
+					})
+				]
+			}), /* @__PURE__ */ jsxs("form", {
+				method: "post",
+				children: [
+					/* @__PURE__ */ jsx("input", {
+						name: "action",
+						type: "hidden",
+						value: "register"
+					}),
+					/* @__PURE__ */ jsx("input", {
+						name: "email",
+						type: "hidden",
+						value: state.email
+					}),
+					/* @__PURE__ */ jsx("input", {
+						name: "password",
+						type: "hidden",
+						value: ""
+					}),
+					/* @__PURE__ */ jsx("input", {
+						name: "repeat",
+						type: "hidden",
+						value: ""
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						"data-component": "form-footer",
+						children: [/* @__PURE__ */ jsxs("span", { children: [
+							copy.code_return,
+							" ",
+							/* @__PURE__ */ jsx("a", {
+								"data-component": "link",
+								href: "./authorize",
+								children: copy.login
+							})
+						] }), /* @__PURE__ */ jsx("button", {
+							type: "submit",
+							"data-component": "link",
+							children: copy.code_resend
+						})]
+					})
+				]
+			})] });
+		}) });
 	};
 	/**
 	* Renders the password change form based on current state
@@ -239,124 +238,140 @@ const PasswordUI = (options) => {
 			"password_mismatch",
 			"validation_error"
 		].includes(error?.type || "");
-		return /* @__PURE__ */ jsx(Layout, { children: state.type === "start" ? /* @__PURE__ */ jsxs("form", {
-			"data-component": "form",
-			method: "post",
-			children: [
-				/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
-				/* @__PURE__ */ jsx("input", {
-					name: "action",
-					type: "hidden",
-					value: "code"
-				}),
-				/* @__PURE__ */ jsx("input", {
-					type: "email",
-					name: "email",
-					placeholder: copy.input_email,
-					value: form?.get("email")?.toString() || "",
-					autoComplete: "email",
-					"data-component": "input",
-					required: true
-				}),
-				/* @__PURE__ */ jsx("button", {
-					"data-component": "button",
-					type: "submit",
-					children: copy.button_continue
-				})
-			]
-		}) : state.type === "code" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("form", {
-			"data-component": "form",
-			method: "post",
-			children: [
-				/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
-				/* @__PURE__ */ jsx("input", {
-					name: "action",
-					type: "hidden",
-					value: "verify"
-				}),
-				/* @__PURE__ */ jsx("input", {
-					type: "text",
-					name: "code",
-					placeholder: copy.input_code,
-					"aria-label": "6-digit verification code",
-					autoComplete: "one-time-code",
-					inputMode: "numeric",
-					maxLength: 6,
-					minLength: 6,
-					"data-component": "input",
-					pattern: "[0-9]{6}",
-					required: true
-				}),
-				/* @__PURE__ */ jsx("button", {
-					"data-component": "button",
-					type: "submit",
-					children: copy.button_continue
-				})
-			]
-		}), /* @__PURE__ */ jsxs("form", {
-			method: "post",
-			children: [
-				/* @__PURE__ */ jsx("input", {
-					name: "action",
-					type: "hidden",
-					value: "code"
-				}),
-				/* @__PURE__ */ jsx("input", {
-					name: "email",
-					type: "hidden",
-					value: state.email
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					"data-component": "form-footer",
-					children: [/* @__PURE__ */ jsxs("span", { children: [
-						copy.code_return,
-						" ",
-						/* @__PURE__ */ jsx("a", {
+		return /* @__PURE__ */ jsx(Layout, { children: run(() => {
+			if (state.type === "start") return /* @__PURE__ */ jsxs("form", {
+				"data-component": "form",
+				method: "post",
+				children: [
+					/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
+					/* @__PURE__ */ jsx("input", {
+						name: "action",
+						type: "hidden",
+						value: "code"
+					}),
+					/* @__PURE__ */ jsx("input", {
+						type: "email",
+						name: "email",
+						placeholder: copy.input_email,
+						value: form?.get("email")?.toString() || "",
+						autoComplete: "email",
+						"data-component": "input",
+						required: true
+					}),
+					/* @__PURE__ */ jsx("button", {
+						"data-component": "button",
+						type: "submit",
+						children: copy.button_continue
+					}),
+					/* @__PURE__ */ jsx("div", {
+						"data-component": "form-footer",
+						children: /* @__PURE__ */ jsxs("span", { children: [
+							copy.code_return,
+							" ",
+							/* @__PURE__ */ jsx("a", {
+								"data-component": "link",
+								href: "./authorize",
+								children: copy.login
+							})
+						] })
+					})
+				]
+			});
+			if (state.type === "code") return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("form", {
+				"data-component": "form",
+				method: "post",
+				children: [
+					/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
+					/* @__PURE__ */ jsx("input", {
+						name: "action",
+						type: "hidden",
+						value: "verify"
+					}),
+					/* @__PURE__ */ jsx("input", {
+						type: "text",
+						name: "code",
+						placeholder: copy.input_code,
+						"aria-label": "6-digit verification code",
+						autoComplete: "one-time-code",
+						inputMode: "numeric",
+						maxLength: 6,
+						minLength: 6,
+						"data-component": "input",
+						pattern: "[0-9]{6}",
+						required: true
+					}),
+					/* @__PURE__ */ jsx("button", {
+						"data-component": "button",
+						type: "submit",
+						children: copy.button_continue
+					})
+				]
+			}), /* @__PURE__ */ jsxs("form", {
+				method: "post",
+				children: [
+					/* @__PURE__ */ jsx("input", {
+						name: "action",
+						type: "hidden",
+						value: "code"
+					}),
+					/* @__PURE__ */ jsx("input", {
+						name: "email",
+						type: "hidden",
+						value: state.email
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						"data-component": "form-footer",
+						children: [/* @__PURE__ */ jsxs("span", { children: [
+							copy.code_return,
+							" ",
+							/* @__PURE__ */ jsx("a", {
+								"data-component": "link",
+								href: "./authorize",
+								children: copy.login
+							})
+						] }), /* @__PURE__ */ jsx("button", {
+							type: "submit",
 							"data-component": "link",
-							href: "./authorize",
-							children: copy.login
-						})
-					] }), /* @__PURE__ */ jsx("button", {
+							children: copy.code_resend
+						})]
+					})
+				]
+			})] });
+			return /* @__PURE__ */ jsxs("form", {
+				"data-component": "form",
+				method: "post",
+				children: [
+					/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
+					/* @__PURE__ */ jsx("input", {
+						name: "action",
+						type: "hidden",
+						value: "update"
+					}),
+					/* @__PURE__ */ jsx("input", {
+						type: "password",
+						name: "password",
+						placeholder: copy.input_password,
+						value: passwordError ? "" : form?.get("password")?.toString() || "",
+						autoComplete: "new-password",
+						"data-component": "input",
+						required: true
+					}),
+					/* @__PURE__ */ jsx("input", {
+						type: "password",
+						name: "repeat",
+						placeholder: copy.input_repeat,
+						value: passwordError ? "" : form?.get("repeat")?.toString() || "",
+						autoComplete: "new-password",
+						"data-component": "input",
+						required: true
+					}),
+					/* @__PURE__ */ jsx("button", {
+						"data-component": "button",
 						type: "submit",
-						"data-component": "link",
-						children: copy.code_resend
-					})]
-				})
-			]
-		})] }) : /* @__PURE__ */ jsxs("form", {
-			"data-component": "form",
-			method: "post",
-			children: [
-				/* @__PURE__ */ jsx(FormAlert, { message: getErrorMessage(error) }),
-				/* @__PURE__ */ jsx("input", {
-					name: "action",
-					type: "hidden",
-					value: "update"
-				}),
-				/* @__PURE__ */ jsx("input", {
-					type: "password",
-					name: "password",
-					placeholder: copy.input_password,
-					value: passwordError ? "" : form?.get("password")?.toString() || "",
-					autoComplete: "new-password",
-					"data-component": "input",
-					required: true
-				}),
-				/* @__PURE__ */ jsx("input", {
-					type: "password",
-					name: "repeat",
-					placeholder: copy.input_repeat,
-					value: passwordError ? "" : form?.get("repeat")?.toString() || "",
-					autoComplete: "new-password",
-					"data-component": "input",
-					required: true
-				}),
-				/* @__PURE__ */ jsx("button", {
-					"data-component": "button",
-					type: "submit",
-					children: copy.button_continue
-				})
-			]
+						children: copy.button_continue
+					})
+				]
+			});
 		}) });
 	};
 	return {

package/dist/util.d.mts

@@ -68,5 +68,28 @@ declare const isDomainMatch: (a: string, b: string) => boolean;
  * ```
  */
 declare const lazy: <T>(fn: () => T) => (() => T);
+/**
+ * Utility function to immediately invoke a function and return its result.
+ * Useful for complex conditional rendering logic in JSX/TSX where you want
+ * to use if/else statements instead of ternary operators.
+ *
+ * @template T - The return type of the function
+ * @param fn - Function to execute immediately
+ * @returns The result of executing the function
+ *
+ * @example
+ * ```tsx
+ * return (
+ *   <div>
+ *     {run(() => {
+ *       if (state === "loading") return <Spinner />
+ *       if (state === "error") return <Error />
+ *       return <Content />
+ *     })}
+ *   </div>
+ * )
+ * ```
+ */
+declare const run: <T>(fn: () => T) => T;
 //#endregion
-export { Prettify, getRelativeUrl, isDomainMatch, lazy };
+export { Prettify, getRelativeUrl, isDomainMatch, lazy, run };

package/dist/util.mjs

@@ -100,6 +100,29 @@ const lazy = (fn) => {
 		return value;
 	};
 };
+/**
+* Utility function to immediately invoke a function and return its result.
+* Useful for complex conditional rendering logic in JSX/TSX where you want
+* to use if/else statements instead of ternary operators.
+*
+* @template T - The return type of the function
+* @param fn - Function to execute immediately
+* @returns The result of executing the function
+*
+* @example
+* ```tsx
+* return (
+*   <div>
+*     {run(() => {
+*       if (state === "loading") return <Spinner />
+*       if (state === "error") return <Error />
+*       return <Content />
+*     })}
+*   </div>
+* )
+* ```
+*/
+const run = (fn) => fn();
 
 //#endregion
-export { getRelativeUrl, isDomainMatch, lazy };
+export { getRelativeUrl, isDomainMatch, lazy, run };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftlab/auth",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "type": "module",
   "description": "Core implementation for @draftlab/auth",
   "author": "Matheus Pergoli",