@protobase/ui 0.25.2 → 0.25.4

package/dist/auth/auth-messages.js

@@ -1,58 +1,137 @@
+import { defineMessages } from "../locale/messages.js";
 //#region src/auth/auth-messages.ts
-const tooManyRequests = "Too many attempts. Wait a minute and try again.";
-const passkeyClosed = "The passkey prompt closed before it finished. Try again.";
+const text = defineMessages({
+	en: {
+		tooManyRequests: "Too many attempts. Wait a minute and try again.",
+		passkeyClosed: "The passkey prompt closed before it finished. Try again.",
+		wrongEmailOrPassword: "The email or password is not right.",
+		wrongPassword: "The password is not right.",
+		wrongCode: "The code is not right.",
+		codeExpired: "The code has expired. Ask for a new one.",
+		tooManyCodes: "Too many wrong codes. Ask for a new one.",
+		wrongBackupCode: "The backup code is not right, or was used before.",
+		tooManyCodesSignIn: "Too many wrong codes. Sign in again.",
+		locked: "Too many wrong codes. Wait 15 minutes and try again.",
+		tooSlow: "This sign-in took too long. Sign in again.",
+		passkeyNotFound: "This passkey is not registered for an account here.",
+		passkeyFailed: "The passkey could not be checked. Try again.",
+		passkeyAdded: "This passkey is added already.",
+		notFresh: "For this change, sign out and sign in again first.",
+		staffPermissionMissing: "Your staff account has no permission to sign in as people here.",
+		staffNotStrong: "Sign in to your staff account with a passkey or a second step, then try again.",
+		staffStale: "Your staff sign-in is too old. Sign in to your staff account again.",
+		staffExpired: "This staff sign-in took too long or was used already. Start again.",
+		staffProviderFailed: "The staff sign-in did not go through at the provider. Try again.",
+		staffUserUnavailable: "There is no account with this address, or it is disabled.",
+		staffReasonRequired: "Say why you sign in as this person, in at least 10 characters.",
+		staffForbidden: "Staff sign-in is turned off for this app.",
+		untrustedCallback: "This page is not on an address the server trusts.",
+		staffFailed: "The staff sign-in did not go through. Try again."
+	},
+	nl: {
+		tooManyRequests: "Te veel pogingen. Wacht een minuut en probeer het opnieuw.",
+		passkeyClosed: "De passkey-vraag sloot voordat die klaar was. Probeer het opnieuw.",
+		wrongEmailOrPassword: "Het e-mailadres of wachtwoord klopt niet.",
+		wrongPassword: "Het wachtwoord klopt niet.",
+		wrongCode: "De code klopt niet.",
+		codeExpired: "De code is verlopen. Vraag een nieuwe aan.",
+		tooManyCodes: "Te veel verkeerde codes. Vraag een nieuwe aan.",
+		wrongBackupCode: "De back-upcode klopt niet, of is al eerder gebruikt.",
+		tooManyCodesSignIn: "Te veel verkeerde codes. Log opnieuw in.",
+		locked: "Te veel verkeerde codes. Wacht 15 minuten en probeer het opnieuw.",
+		tooSlow: "Deze inlogpoging duurde te lang. Log opnieuw in.",
+		passkeyNotFound: "Deze passkey hoort hier bij geen enkel account.",
+		passkeyFailed: "De passkey kon niet worden gecontroleerd. Probeer het opnieuw.",
+		passkeyAdded: "Deze passkey is al toegevoegd.",
+		notFresh: "Log voor deze wijziging eerst uit en opnieuw in.",
+		staffPermissionMissing: "Je medewerkersaccount mag hier niet als iemand anders inloggen.",
+		staffNotStrong: "Log in op je medewerkersaccount met een passkey of een tweede stap, en probeer het dan opnieuw.",
+		staffStale: "Je inlog als medewerker is te oud. Log opnieuw in op je medewerkersaccount.",
+		staffExpired: "Deze inlog als medewerker duurde te lang of is al gebruikt. Begin opnieuw.",
+		staffProviderFailed: "De inlog als medewerker lukte niet bij de provider. Probeer het opnieuw.",
+		staffUserUnavailable: "Er is geen account met dit adres, of het is uitgeschakeld.",
+		staffReasonRequired: "Zeg in minstens 10 tekens waarom je als deze persoon inlogt.",
+		staffForbidden: "Inloggen als medewerker staat uit voor deze app.",
+		untrustedCallback: "Deze pagina staat niet op een adres dat de server vertrouwt.",
+		staffFailed: "De inlog als medewerker lukte niet. Probeer het opnieuw."
+	}
+});
+const providerText = defineMessages({
+	en: {
+		signupDisabled: (name) => `No account here belongs to this ${name} account. Ask an admin to add you, or sign in another way.`,
+		notLinked: (name) => `Your ${name} account is not linked to your account here. Sign in another way, then connect ${name} on the Sign-in & security page.`,
+		linkedToOther: (name) => `This ${name} account is linked to someone else here already.`,
+		couldNotLink: (name) => `Your ${name} account could not be linked. Try again.`,
+		accessDenied: (name) => `${name} did not let you in, or you cancelled.`,
+		domainNotAllowed: (name) => `${name} signed you in with an address this app does not accept from it. Sign in another way.`,
+		providerFailed: (name) => `Signing in with ${name} did not go through. Try again.`
+	},
+	nl: {
+		signupDisabled: (name) => `Geen account hier hoort bij dit ${name}-account. Vraag een beheerder om je toe te voegen, of log op een andere manier in.`,
+		notLinked: (name) => `Je ${name}-account is niet gekoppeld aan je account hier. Log op een andere manier in en koppel ${name} dan op de pagina Inloggen en beveiliging.`,
+		linkedToOther: (name) => `Dit ${name}-account is hier al aan iemand anders gekoppeld.`,
+		couldNotLink: (name) => `Je ${name}-account kon niet worden gekoppeld. Probeer het opnieuw.`,
+		accessDenied: (name) => `${name} liet je niet binnen, of je hebt geannuleerd.`,
+		domainNotAllowed: (name) => `${name} logde je in met een adres dat deze app daarvan niet accepteert. Log op een andere manier in.`,
+		providerFailed: (name) => `Inloggen met ${name} lukte niet. Probeer het opnieuw.`
+	}
+});
 const messages = {
-	INVALID_EMAIL_OR_PASSWORD: "The email or password is not right.",
-	INVALID_PASSWORD: "The password is not right.",
-	INVALID_OTP: "The code is not right.",
-	OTP_EXPIRED: "The code has expired. Ask for a new one.",
-	TOO_MANY_ATTEMPTS: "Too many wrong codes. Ask for a new one.",
-	INVALID_CODE: "The code is not right.",
-	INVALID_BACKUP_CODE: "The backup code is not right, or was used before.",
-	TOO_MANY_ATTEMPTS_REQUEST_NEW_CODE: "Too many wrong codes. Sign in again.",
-	ACCOUNT_TEMPORARILY_LOCKED: "Too many wrong codes. Wait 15 minutes and try again.",
-	INVALID_TWO_FACTOR_COOKIE: "This sign-in took too long. Sign in again.",
-	AUTH_CANCELLED: passkeyClosed,
-	ERROR_CEREMONY_ABORTED: passkeyClosed,
-	REGISTRATION_CANCELLED: passkeyClosed,
-	PASSKEY_NOT_FOUND: "This passkey is not registered for an account here.",
-	AUTHENTICATION_FAILED: "The passkey could not be checked. Try again.",
-	PREVIOUSLY_REGISTERED: "This passkey is added already.",
-	ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED: "This passkey is added already.",
-	SESSION_NOT_FRESH: "For this change, sign out and sign in again first."
+	INVALID_EMAIL_OR_PASSWORD: "wrongEmailOrPassword",
+	INVALID_PASSWORD: "wrongPassword",
+	INVALID_OTP: "wrongCode",
+	OTP_EXPIRED: "codeExpired",
+	TOO_MANY_ATTEMPTS: "tooManyCodes",
+	INVALID_CODE: "wrongCode",
+	INVALID_BACKUP_CODE: "wrongBackupCode",
+	TOO_MANY_ATTEMPTS_REQUEST_NEW_CODE: "tooManyCodesSignIn",
+	ACCOUNT_TEMPORARILY_LOCKED: "locked",
+	INVALID_TWO_FACTOR_COOKIE: "tooSlow",
+	AUTH_CANCELLED: "passkeyClosed",
+	ERROR_CEREMONY_ABORTED: "passkeyClosed",
+	REGISTRATION_CANCELLED: "passkeyClosed",
+	PASSKEY_NOT_FOUND: "passkeyNotFound",
+	AUTHENTICATION_FAILED: "passkeyFailed",
+	PREVIOUSLY_REGISTERED: "passkeyAdded",
+	ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED: "passkeyAdded",
+	SESSION_NOT_FRESH: "notFresh"
 };
-const known = (error) => error.code ? messages[error.code] : void 0;
+const lookup = (ids, code) => {
+	const id = code ? ids[code] : void 0;
+	return id && text(id);
+};
+const known = (error) => lookup(messages, error.code);
 /** Better Auth's error from a sign-in step or an account change, in words for the person at the keyboard. */
-const authMessage = (error) => known(error) ?? (error.status === 429 ? tooManyRequests : error.message);
+const authMessage = (error) => known(error) ?? (error.status === 429 ? text("tooManyRequests") : error.message);
 /** As `authMessage`, for the password form: any other 401 is a wrong email or password. */
-const signInMessage = (error) => known(error) ?? (error.status === 429 ? tooManyRequests : error.status === 401 ? messages.INVALID_EMAIL_OR_PASSWORD : error.message);
+const signInMessage = (error) => known(error) ?? (error.status === 429 ? text("tooManyRequests") : error.status === 401 ? text("wrongEmailOrPassword") : error.message);
 const staffMessages = {
-	STAFF_PERMISSION_MISSING: "Your staff account has no permission to sign in as people here.",
-	STAFF_SIGN_IN_NOT_STRONG: "Sign in to your staff account with a passkey or a second step, then try again.",
-	STAFF_SIGN_IN_STALE: "Your staff sign-in is too old. Sign in to your staff account again.",
-	STAFF_SIGN_IN_EXPIRED: "This staff sign-in took too long or was used already. Start again.",
-	STAFF_SIGN_IN_FAILED: "The staff sign-in did not go through at the provider. Try again.",
-	STAFF_USER_UNAVAILABLE: "There is no account with this address, or it is disabled.",
-	STAFF_REASON_REQUIRED: "Say why you sign in as this person, in at least 10 characters.",
-	SIGN_IN_METHOD_FORBIDDEN: "Staff sign-in is turned off for this app.",
-	INVALID_CALLBACK_URL: "This page is not on an address the server trusts."
+	STAFF_PERMISSION_MISSING: "staffPermissionMissing",
+	STAFF_SIGN_IN_NOT_STRONG: "staffNotStrong",
+	STAFF_SIGN_IN_STALE: "staffStale",
+	STAFF_SIGN_IN_EXPIRED: "staffExpired",
+	STAFF_SIGN_IN_FAILED: "staffProviderFailed",
+	STAFF_USER_UNAVAILABLE: "staffUserUnavailable",
+	STAFF_REASON_REQUIRED: "staffReasonRequired",
+	SIGN_IN_METHOD_FORBIDDEN: "staffForbidden",
+	INVALID_CALLBACK_URL: "untrustedCallback"
 };
 /** Why a staff sign-in did not go through, from the code it came back with or an `AuthError` of its start. */
 const staffSignInMessage = (failure) => {
-	const code = typeof failure === "string" ? failure : failure.code;
-	if (code && staffMessages[code]) return staffMessages[code];
-	if (typeof failure === "string") return "The staff sign-in did not go through. Try again.";
-	return failure.status === 429 ? tooManyRequests : failure.message;
+	const message = lookup(staffMessages, typeof failure === "string" ? failure : failure.code);
+	if (message) return message;
+	if (typeof failure === "string") return text("staffFailed");
+	return failure.status === 429 ? text("tooManyRequests") : failure.message;
 };
 const providerMessages = {
-	signup_disabled: (name) => `No account here belongs to this ${name} account. Ask an admin to add you, or sign in another way.`,
-	account_not_linked: (name) => `Your ${name} account is not linked to your account here. Sign in another way, then connect ${name} on the Sign-in & security page.`,
-	account_already_linked_to_different_user: (name) => `This ${name} account is linked to someone else here already.`,
-	unable_to_link_account: (name) => `Your ${name} account could not be linked. Try again.`,
-	access_denied: (name) => `${name} did not let you in, or you cancelled.`,
-	EMAIL_DOMAIN_NOT_ALLOWED: (name) => `${name} signed you in with an address this app does not accept from it. Sign in another way.`
+	signup_disabled: (name) => providerText("signupDisabled", name),
+	account_not_linked: (name) => providerText("notLinked", name),
+	account_already_linked_to_different_user: (name) => providerText("linkedToOther", name),
+	unable_to_link_account: (name) => providerText("couldNotLink", name),
+	access_denied: (name) => providerText("accessDenied", name),
+	EMAIL_DOMAIN_NOT_ALLOWED: (name) => providerText("domainNotAllowed", name)
 };
 /** Why signing in or linking with the provider `name` did not go through, from the code it came back with. */
-const providerMessage = (code, name) => providerMessages[code]?.(name) ?? `Signing in with ${name} did not go through. Try again.`;
+const providerMessage = (code, name) => providerMessages[code]?.(name) ?? providerText("providerFailed", name);
 //#endregion
 export { authMessage, providerMessage, signInMessage, staffSignInMessage };

package/dist/auth/auth-provider.js

@@ -1,4 +1,5 @@
 import { providerName, withoutSignInLink } from "./provider-link.js";
+import { text } from "./messages.js";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { createAuthSession } from "@protobase/client";
 import { jsx } from "react/jsx-runtime";
@@ -23,6 +24,7 @@ const AuthProvider = ({ session: given, children }) => {
 	const [organizations, setOrganizations] = useState();
 	const [anonymous, setAnonymous] = useState(false);
 	const [beforeSignIn, setBeforeSignIn] = useState([]);
+	const [locale, setLocale] = useState();
 	const signedOutState = useCallback(() => anonymous ? { kind: "visitor" } : { kind: "signed-out" }, [anonymous]);
 	const markSignedOut = useCallback(() => setState((current) => current.kind === "signed-in" ? { kind: "signed-out" } : current), []);
 	const signedOut = useRef(markSignedOut);
@@ -58,12 +60,13 @@ const AuthProvider = ({ session: given, children }) => {
 			setOrganizations(status.organizations);
 			setAnonymous(Boolean(status.anonymous));
 			setBeforeSignIn(status.plugins ?? []);
+			setLocale(status.locale);
 			if (status.needsAdmin) return setState({ kind: "needs-admin" });
 			const user = await session.session();
 			return user ? enter(user) : setState({ kind: status.anonymous ? "visitor" : "signed-out" });
 		}).catch((error) => setState({
 			kind: "error",
-			message: error instanceof Error ? error.message : "The server did not answer"
+			message: error instanceof Error ? error.message : text("noAnswer")
 		}));
 	}, [session, enter]);
 	useEffect(recheck, [recheck]);
@@ -84,6 +87,7 @@ const AuthProvider = ({ session: given, children }) => {
 		markSignedOut,
 		recheck,
 		beforeSignIn,
+		locale,
 		adoptSession: async () => {
 			const user = await session.session();
 			if (!user) return false;
@@ -131,6 +135,7 @@ const AuthProvider = ({ session: given, children }) => {
 		organizations,
 		anonymous,
 		beforeSignIn,
+		locale,
 		signedOutState,
 		markSignedOut,
 		recheck,

package/dist/auth/code-form.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
 import { OtpInput } from "../primitives/otp-input.js";
 import { AuthLayout } from "./auth-layout.js";
@@ -21,7 +22,7 @@ const CodeForm = ({ title, description, explanation, submitLabel, onSubmit, onRe
 			}),
 			notice && /* @__PURE__ */ jsx("p", {
 				role: "status",
-				className: "mb-4 rounded-md bg-success-soft px-3 py-2 text-xs font-medium text-success-text",
+				className: "mb-4 rounded-md bg-success-soft px-3 py-2 text-body font-medium text-success-text",
 				children: notice
 			}),
 			/* @__PURE__ */ jsxs("form", {
@@ -33,7 +34,7 @@ const CodeForm = ({ title, description, explanation, submitLabel, onSubmit, onRe
 				children: [
 					/* @__PURE__ */ jsxs("label", {
 						className: "flex flex-col gap-1.5 font-medium",
-						children: ["Code", /* @__PURE__ */ jsx(OtpInput, {
+						children: [text("code"), /* @__PURE__ */ jsx(OtpInput, {
 							name: "code",
 							required: true,
 							autoFocus: true,
@@ -45,7 +46,7 @@ const CodeForm = ({ title, description, explanation, submitLabel, onSubmit, onRe
 					}),
 					error && /* @__PURE__ */ jsx("p", {
 						role: "alert",
-						className: "text-xs font-medium text-danger-text",
+						className: "text-body font-medium text-danger-text",
 						children: error
 					}),
 					/* @__PURE__ */ jsx(Button, {

package/dist/auth/email-code-form.js

@@ -1,21 +1,19 @@
+import { text } from "./messages.js";
 import { CodeForm } from "./code-form.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { slotted } from "../locale/slotted.js";
+import { Fragment, jsx } from "react/jsx-runtime";
 //#region src/auth/email-code-form.tsx
 /** The second half of signing in with an emailed code: the code from the email. */
 const EmailCodeForm = ({ email, onBack, ...rest }) => /* @__PURE__ */ jsx(CodeForm, {
-	title: "Check your email",
-	description: "Enter the code we sent to sign in.",
-	explanation: /* @__PURE__ */ jsxs(Fragment, { children: [
-		"If ",
-		/* @__PURE__ */ jsx("span", {
-			className: "font-medium text-foreground",
-			children: email
-		}),
-		" has an account, a 6-digit code is on its way. It works for 5 minutes, once."
-	] }),
-	submitLabel: "Sign in",
+	title: text("checkEmail"),
+	description: text("signInCodeDescription"),
+	explanation: /* @__PURE__ */ jsx(Fragment, { children: slotted(text("signInCodeSent"), /* @__PURE__ */ jsx("span", {
+		className: "font-medium text-foreground",
+		children: email
+	})) }),
+	submitLabel: text("signIn"),
 	onChangeAddress: onBack,
-	changeAddressLabel: "Back to sign in",
+	changeAddressLabel: text("backToSignIn"),
 	...rest
 });
 //#endregion

package/dist/auth/email-code-page.js

@@ -1,4 +1,5 @@
 import { authMessage } from "./auth-messages.js";
+import { text } from "./messages.js";
 import { useAuth } from "./auth-provider.js";
 import { EmailCodeForm } from "./email-code-form.js";
 import { useState } from "react";
@@ -32,7 +33,7 @@ const EmailCodePage = ({ email, onBack }) => {
 		onSubmit: (code) => void attempt(() => signInWithCode(email, code)),
 		onResend: () => void attempt(async () => {
 			await sendSignInCode(email);
-			setNotice("A new code is on its way. Only the newest one works.");
+			setNotice(text("newCodeSent"));
 		})
 	});
 };

package/dist/auth/first-run-page.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
 import { AuthLayout } from "./auth-layout.js";
 import { useState } from "react";
@@ -12,12 +13,12 @@ const createAdminCommand = "protobase users create you@example.com";
 const FirstRunPage = ({ command = createAdminCommand, onCheckAgain, busy }) => {
 	const [copied, setCopied] = useState(false);
 	return /* @__PURE__ */ jsxs(AuthLayout, {
-		title: "No admin yet",
-		description: "This Protobase has no users to sign in with.",
+		title: text("noAdminTitle"),
+		description: text("noAdminDescription"),
 		children: [
 			/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: "Run this in the terminal where Protobase runs, then reload. The first admin is created on the server, not in the browser, so nobody else can claim a fresh URL."
+				children: text("noAdminExplanation")
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "mt-4 flex items-center gap-2 rounded-md border bg-surface py-1.5 pl-3 pr-1.5",
@@ -26,7 +27,7 @@ const FirstRunPage = ({ command = createAdminCommand, onCheckAgain, busy }) => {
 					children: command
 				}), /* @__PURE__ */ jsx("button", {
 					type: "button",
-					"aria-label": "Copy command",
+					"aria-label": text("copyCommand"),
 					onClick: () => {
 						navigator.clipboard.writeText(command).then(() => {
 							setCopied(true);
@@ -42,7 +43,7 @@ const FirstRunPage = ({ command = createAdminCommand, onCheckAgain, busy }) => {
 				className: "mt-4 min-h-10 w-full",
 				loading: busy,
 				onClick: onCheckAgain,
-				children: "Reload"
+				children: text("reload")
 			})
 		]
 	});

package/dist/auth/forgot-password-form.js

@@ -1,34 +1,32 @@
 import { cn } from "../lib/cn.js";
 import { RouteLink } from "../primitives/route-link.js";
 import { Input } from "../primitives/input.js";
+import { text } from "./messages.js";
 import { Button, buttonClass } from "../primitives/button.js";
 import { AuthLayout } from "./auth-layout.js";
+import { slotted } from "../locale/slotted.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/auth/forgot-password-form.tsx
 const ForgotPasswordForm = ({ onSubmit, back, busy, error, sentTo }) => {
 	const [email, setEmail] = useState("");
 	if (sentTo) return /* @__PURE__ */ jsxs(AuthLayout, {
-		title: "Check your email",
-		children: [/* @__PURE__ */ jsxs("p", {
+		title: text("checkEmail"),
+		children: [/* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground",
-			children: [
-				"If ",
-				/* @__PURE__ */ jsx("span", {
-					className: "font-medium text-foreground",
-					children: sentTo
-				}),
-				" has an account, an email with a link to choose a new password is on its way. The link works once, for a limited time."
-			]
+			children: slotted(text("resetSent"), /* @__PURE__ */ jsx("span", {
+				className: "font-medium text-foreground",
+				children: sentTo
+			}))
 		}), /* @__PURE__ */ jsx(RouteLink, {
 			to: back,
 			className: cn(buttonClass({ variant: "primary" }), "mt-4 min-h-10 w-full"),
-			children: "Back to sign in"
+			children: text("backToSignIn")
 		})]
 	});
 	return /* @__PURE__ */ jsx(AuthLayout, {
-		title: "Reset your password",
-		description: "We email you a link to choose a new one.",
+		title: text("resetTitle"),
+		description: text("resetDescription"),
 		children: /* @__PURE__ */ jsxs("form", {
 			className: "flex flex-col gap-4",
 			onSubmit: (event) => {
@@ -38,7 +36,7 @@ const ForgotPasswordForm = ({ onSubmit, back, busy, error, sentTo }) => {
 			children: [
 				/* @__PURE__ */ jsxs("label", {
 					className: "flex flex-col gap-1.5 font-medium",
-					children: ["Email", /* @__PURE__ */ jsx(Input, {
+					children: [text("email"), /* @__PURE__ */ jsx(Input, {
 						type: "email",
 						name: "email",
 						autoComplete: "username",
@@ -52,7 +50,7 @@ const ForgotPasswordForm = ({ onSubmit, back, busy, error, sentTo }) => {
 				}),
 				error && /* @__PURE__ */ jsx("p", {
 					role: "alert",
-					className: "text-xs font-medium text-danger-text",
+					className: "text-body font-medium text-danger-text",
 					children: error
 				}),
 				/* @__PURE__ */ jsx(Button, {
@@ -60,12 +58,12 @@ const ForgotPasswordForm = ({ onSubmit, back, busy, error, sentTo }) => {
 					type: "submit",
 					loading: busy,
 					className: "min-h-10",
-					children: "Send reset link"
+					children: text("sendResetLink")
 				}),
 				/* @__PURE__ */ jsx(RouteLink, {
 					to: back,
 					className: cn(buttonClass({ variant: "ghost" }), "min-h-10"),
-					children: "Back to sign in"
+					children: text("backToSignIn")
 				})
 			]
 		})

package/dist/auth/forgot-password-page.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { useAuth } from "./auth-provider.js";
 import { ForgotPasswordForm } from "./forgot-password-form.js";
 import { resetLinkTarget } from "./reset-link.js";
@@ -19,7 +20,7 @@ const ForgotPasswordPage = ({ back }) => {
 			setSentTo(email);
 		} catch (failure) {
 			if (!(failure instanceof AuthError)) throw failure;
-			setError(failure.status === 429 ? "Too many requests. Wait a minute and try again." : failure.message);
+			setError(failure.status === 429 ? text("tooManyRequests") : failure.message);
 		}
 		setBusy(false);
 	};

package/dist/auth/messages.js

@@ -0,0 +1,200 @@
+import { defineMessages } from "../locale/messages.js";
+//#region src/auth/messages.ts
+const text = defineMessages({
+	en: {
+		loading: "Loading",
+		cannotReach: (message) => `Cannot reach the server: ${message}`,
+		tryAgain: "Try again",
+		passwordChanged: "Your password is changed. Sign in with the new one.",
+		noAnswer: "The server did not answer",
+		code: "Code",
+		backupCode: "Backup code",
+		email: "Email",
+		password: "Password",
+		passwordOptional: "Password (optional)",
+		signIn: "Sign in",
+		signOut: "Sign out",
+		continue: "Continue",
+		backToSignIn: "Back to sign in",
+		useAnotherAddress: "Use another address",
+		checkEmail: "Check your email",
+		newCodeSent: "A new code is on its way. Only the newest one works.",
+		sendNewCode: "Send a new code",
+		sendNewCodeIn: (seconds) => `Send a new code in ${seconds}s`,
+		signInCodeDescription: "Enter the code we sent to sign in.",
+		signInCodeSent: "If {} has an account, a 6-digit code is on its way. It works for 5 minutes, once.",
+		signUpCodeDescription: "Enter the code we sent to create your account.",
+		signUpCodeSent: "A 6-digit code is on its way to {}. It works for 5 minutes, once. If the address has an account already, the email says so instead.",
+		noAdminTitle: "No admin yet",
+		noAdminDescription: "This Protobase has no users to sign in with.",
+		noAdminExplanation: "Run this in the terminal where Protobase runs, then reload. The first admin is created on the server, not in the browser, so nobody else can claim a fresh URL.",
+		copyCommand: "Copy command",
+		reload: "Reload",
+		tooManyRequests: "Too many requests. Wait a minute and try again.",
+		tooManyAttempts: "Too many attempts. Wait a minute and try again.",
+		resetTitle: "Reset your password",
+		resetDescription: "We email you a link to choose a new one.",
+		sendResetLink: "Send reset link",
+		resetSent: "If {} has an account, an email with a link to choose a new password is on its way. The link works once, for a limited time.",
+		linkExpiredTitle: "This link no longer works",
+		linkExpiredExplanation: "A reset link works once, for a limited time. Ask for a new one to choose your password.",
+		sendNewLink: "Send a new link",
+		passwordsDiffer: "The passwords are not the same.",
+		choosePassword: "Choose a new password",
+		atLeast: (length) => `At least ${length} characters.`,
+		useAtLeast: (length) => `Use at least ${length} characters.`,
+		passwordTooLong: "That password is too long.",
+		newPassword: "New password",
+		repeatPassword: "Repeat new password",
+		setPassword: "Set new password",
+		signingInWith: (name) => `Signing in with ${name}`,
+		takingYouTo: (name) => `Taking you to ${name}…`,
+		providerNotOffered: (name) => `Signing in with ${name} is not offered here. Sign in another way.`,
+		turnOnTwoFactor: "Turn on two-factor authentication",
+		addPasskey: "Add a passkey",
+		requiredForEveryAccount: "This app requires it for every account.",
+		passkeyExplanation: "A passkey signs you in with Face ID, Touch ID, Windows Hello, your phone or a security key. Your browser asks which one to use.",
+		couldNotReadAccount: "Could not read your account",
+		signInTitle: "Sign in to Protobase",
+		continueWith: (name) => `Continue with ${name}`,
+		signInWithPasskey: "Sign in with a passkey",
+		passkeyFor: (domain) => `Use a passkey made for ${domain}`,
+		or: "or",
+		emailSignInCode: "Email me a sign-in code",
+		forgotPassword: "Forgot password?",
+		newHere: "New here?",
+		haveAccount: "Have an account?",
+		createAnAccount: "Create an account",
+		browse: "Continue without signing in",
+		notNow: "Not now",
+		detailsTitle: "Your details",
+		detailsDescription: "One last step to create your account.",
+		yourName: "Your name",
+		codeWasRight: "The code was right: the account is for {}.",
+		withoutPassword: " Without one, you sign in with a code we email you.",
+		createAccount: "Create account",
+		codeToConfirm: "We email you a code to make sure the address is yours.",
+		emailCode: "Email me a code",
+		browseWithoutAccount: "Continue without an account",
+		staffTitle: "Staff sign-in",
+		staffUnavailable: "Staff of the team that runs this app cannot sign in as people here.",
+		signInAsPerson: "Sign in as a person",
+		forStaffOf: (operator) => `For staff of ${operator}, to help someone with this app.`,
+		theirEmail: "Their email",
+		reason: "Reason",
+		reasonExample: "Ticket 4211: the invoice totals look wrong",
+		staffExplanation: (operator) => `You sign in at ${operator} with a passkey or a second step. The session is short, shows a banner, and cannot change their sign-in. The app's admins see who signed in as whom, and why.`,
+		totpInstruction: "Enter the 6-digit code from your authenticator app.",
+		otpInstruction: "Enter the 6-digit code we emailed you. It works for 5 minutes.",
+		backupInstruction: "Enter one of the backup codes you saved when you set up the authenticator app. Each works once.",
+		twoFactorTitle: "Two-factor authentication",
+		twoFactorDescription: "One more step to sign in.",
+		codeToFinish: "We email you a code to finish signing in.",
+		trustBrowser: "Trust this browser",
+		trustBrowserFor: "Don't ask again in this browser for 30 days",
+		verify: "Verify",
+		useAuthenticator: "Use the authenticator app",
+		emailCodeInstead: "Email me a code instead",
+		useBackupCode: "Use a backup code",
+		admin: "Admin"
+	},
+	nl: {
+		loading: "Laden",
+		cannotReach: (message) => `Kan de server niet bereiken: ${message}`,
+		tryAgain: "Opnieuw proberen",
+		passwordChanged: "Je wachtwoord is gewijzigd. Log in met het nieuwe.",
+		noAnswer: "De server antwoordde niet",
+		code: "Code",
+		backupCode: "Back-upcode",
+		email: "E-mailadres",
+		password: "Wachtwoord",
+		passwordOptional: "Wachtwoord (optioneel)",
+		signIn: "Inloggen",
+		signOut: "Uitloggen",
+		continue: "Doorgaan",
+		backToSignIn: "Terug naar inloggen",
+		useAnotherAddress: "Een ander adres gebruiken",
+		checkEmail: "Kijk in je e-mail",
+		newCodeSent: "Er is een nieuwe code onderweg. Alleen de nieuwste werkt.",
+		sendNewCode: "Nieuwe code sturen",
+		sendNewCodeIn: (seconds) => `Nieuwe code sturen over ${seconds}s`,
+		signInCodeDescription: "Vul de code in die we stuurden om in te loggen.",
+		signInCodeSent: "Als {} een account heeft, is er een code van 6 cijfers onderweg. Die werkt 5 minuten, één keer.",
+		signUpCodeDescription: "Vul de code in die we stuurden om je account te maken.",
+		signUpCodeSent: "Er is een code van 6 cijfers onderweg naar {}. Die werkt 5 minuten, één keer. Heeft het adres al een account, dan staat dat in de e-mail.",
+		noAdminTitle: "Nog geen beheerder",
+		noAdminDescription: "Deze Protobase heeft geen gebruikers om mee in te loggen.",
+		noAdminExplanation: "Voer dit uit in de terminal waar Protobase draait en laad de pagina daarna opnieuw. De eerste beheerder wordt op de server gemaakt, niet in de browser, zodat niemand anders een nieuwe URL kan opeisen.",
+		copyCommand: "Opdracht kopiëren",
+		reload: "Opnieuw laden",
+		tooManyRequests: "Te veel verzoeken. Wacht een minuut en probeer het opnieuw.",
+		tooManyAttempts: "Te veel pogingen. Wacht een minuut en probeer het opnieuw.",
+		resetTitle: "Je wachtwoord herstellen",
+		resetDescription: "We mailen je een link om een nieuw te kiezen.",
+		sendResetLink: "Herstellink sturen",
+		resetSent: "Als {} een account heeft, is er een e-mail onderweg met een link om een nieuw wachtwoord te kiezen. De link werkt één keer, een beperkte tijd.",
+		linkExpiredTitle: "Deze link werkt niet meer",
+		linkExpiredExplanation: "Een herstellink werkt één keer, een beperkte tijd. Vraag een nieuwe aan om je wachtwoord te kiezen.",
+		sendNewLink: "Nieuwe link sturen",
+		passwordsDiffer: "De wachtwoorden zijn niet hetzelfde.",
+		choosePassword: "Kies een nieuw wachtwoord",
+		atLeast: (length) => `Minstens ${length} tekens.`,
+		useAtLeast: (length) => `Gebruik minstens ${length} tekens.`,
+		passwordTooLong: "Dat wachtwoord is te lang.",
+		newPassword: "Nieuw wachtwoord",
+		repeatPassword: "Nieuw wachtwoord herhalen",
+		setPassword: "Nieuw wachtwoord instellen",
+		signingInWith: (name) => `Inloggen met ${name}`,
+		takingYouTo: (name) => `Je gaat naar ${name}…`,
+		providerNotOffered: (name) => `Inloggen met ${name} kan hier niet. Log op een andere manier in.`,
+		turnOnTwoFactor: "Tweestapsverificatie aanzetten",
+		addPasskey: "Passkey toevoegen",
+		requiredForEveryAccount: "Deze app vraagt het voor elk account.",
+		passkeyExplanation: "Met een passkey log je in met Face ID, Touch ID, Windows Hello, je telefoon of een beveiligingssleutel. Je browser vraagt welke je gebruikt.",
+		couldNotReadAccount: "Kon je account niet lezen",
+		signInTitle: "Inloggen bij Protobase",
+		continueWith: (name) => `Doorgaan met ${name}`,
+		signInWithPasskey: "Inloggen met een passkey",
+		passkeyFor: (domain) => `Een passkey voor ${domain} gebruiken`,
+		or: "of",
+		emailSignInCode: "Mail me een inlogcode",
+		forgotPassword: "Wachtwoord vergeten?",
+		newHere: "Nieuw hier?",
+		haveAccount: "Heb je een account?",
+		createAnAccount: "Account maken",
+		browse: "Doorgaan zonder in te loggen",
+		notNow: "Niet nu",
+		detailsTitle: "Je gegevens",
+		detailsDescription: "Nog één stap om je account te maken.",
+		yourName: "Je naam",
+		codeWasRight: "De code klopte: het account is voor {}.",
+		withoutPassword: " Zonder wachtwoord log je in met een code die we je mailen.",
+		createAccount: "Account maken",
+		codeToConfirm: "We mailen je een code om te controleren dat het adres van jou is.",
+		emailCode: "Mail me een code",
+		browseWithoutAccount: "Doorgaan zonder account",
+		staffTitle: "Inloggen als medewerker",
+		staffUnavailable: "Medewerkers van het team dat deze app beheert, kunnen hier niet als iemand anders inloggen.",
+		signInAsPerson: "Inloggen als iemand anders",
+		forStaffOf: (operator) => `Voor medewerkers van ${operator}, om iemand met deze app te helpen.`,
+		theirEmail: "Hun e-mailadres",
+		reason: "Reden",
+		reasonExample: "Ticket 4211: de factuurtotalen kloppen niet",
+		staffExplanation: (operator) => `Je logt in bij ${operator} met een passkey of een tweede stap. De sessie is kort, toont een balk en kan hun inlog niet wijzigen. De beheerders van de app zien wie als wie inlogde, en waarom.`,
+		totpInstruction: "Vul de code van 6 cijfers uit je authenticator-app in.",
+		otpInstruction: "Vul de code van 6 cijfers in die we je mailden. Die werkt 5 minuten.",
+		backupInstruction: "Vul een van de back-upcodes in die je bewaarde toen je de authenticator-app instelde. Elke code werkt één keer.",
+		twoFactorTitle: "Tweestapsverificatie",
+		twoFactorDescription: "Nog één stap om in te loggen.",
+		codeToFinish: "We mailen je een code om het inloggen af te ronden.",
+		trustBrowser: "Deze browser vertrouwen",
+		trustBrowserFor: "Niet meer vragen in deze browser, 30 dagen lang",
+		verify: "Controleren",
+		useAuthenticator: "De authenticator-app gebruiken",
+		emailCodeInstead: "Mail me liever een code",
+		useBackupCode: "Een back-upcode gebruiken",
+		admin: "Beheerder"
+	}
+});
+//#endregion
+export { text };