@protobase/ui 0.46.14 → 0.46.15

package/dist/auth/auth-provider.js

@@ -22,6 +22,7 @@ const useOptionalAuth = () => useContext(AuthContext);
 const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 	const [state, setState] = useState({ kind: "loading" });
 	const [signInMethods, setSignInMethods] = useState(["password"]);
+	const [signInFirst, setSignInFirst] = useState("password");
 	const [passwordReset, setPasswordReset] = useState(false);
 	const [changeEmail, setChangeEmail] = useState(false);
 	const [mcp, setMcp] = useState(false);
@@ -106,6 +107,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 		setState({ kind: "loading" });
 		session.status().then(async (status) => {
 			setSignInMethods(status.signInMethods);
+			setSignInFirst(status.signInFirst ?? "password");
 			setPasswordReset(status.passwordReset && !nativeBridge);
 			setChangeEmail(Boolean(status.changeEmail));
 			setMcp(Boolean(status.mcp));
@@ -136,6 +138,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 		state,
 		session,
 		signInMethods,
+		signInFirst,
 		passwordReset,
 		changeEmail,
 		mcp,
@@ -193,6 +196,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 		state,
 		session,
 		signInMethods,
+		signInFirst,
 		passwordReset,
 		changeEmail,
 		mcp,

package/dist/auth/messages.js

@@ -61,6 +61,7 @@ const text = defineMessages({
 		passkeyFor: (domain) => `Use a passkey made for ${domain}`,
 		or: "or",
 		emailSignInCode: "Email me a sign-in code",
+		usePassword: "Use a password",
 		forgotPassword: "Forgot password?",
 		newHere: "New here?",
 		haveAccount: "Have an account?",
@@ -158,6 +159,7 @@ const text = defineMessages({
 		passkeyFor: (domain) => `Een passkey voor ${domain} gebruiken`,
 		or: "of",
 		emailSignInCode: "Mail me een inlogcode",
+		usePassword: "Een wachtwoord gebruiken",
 		forgotPassword: "Wachtwoord vergeten?",
 		newHere: "Nieuw hier?",
 		haveAccount: "Heb je een account?",

package/dist/auth/sign-in-form.js

@@ -16,14 +16,17 @@ const Divider = () => /* @__PURE__ */ jsxs("div", {
 		/* @__PURE__ */ jsx("span", { className: "h-px flex-1 bg-border" })
 	]
 });
-const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["password"], onSendCode, onPasskey, passkeyDomains = [], forgotPassword, providers = [], onContinueWith, signUp, onBrowse }) => {
+const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["password"], first = "password", onSendCode, onPasskey, passkeyDomains = [], forgotPassword, providers = [], onContinueWith, signUp, onBrowse }) => {
 	const [email, setEmail] = useState("");
 	const [password, setPassword] = useState("");
+	const [passwordChosen, setPasswordChosen] = useState(false);
 	const emailInput = useRef(null);
 	const withPassword = methods.includes("password");
 	const withCode = methods.includes("emailCode") && onSendCode !== void 0;
 	const withPasskey = methods.includes("passkey") && onPasskey !== void 0;
 	const offered = onContinueWith ? providers : [];
+	const leadsWithCode = first === "emailCode" && withPassword && withCode && !passwordChosen;
+	const asksPassword = withPassword && !leadsWithCode;
 	const sendCode = () => {
 		if (!emailInput.current?.reportValidity()) return;
 		onSendCode?.(email.trim());
@@ -70,7 +73,7 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 				className: "flex flex-col gap-4",
 				onSubmit: (event) => {
 					event.preventDefault();
-					if (withPassword) onSubmit(email.trim(), password);
+					if (asksPassword) onSubmit(email.trim(), password);
 					else sendCode();
 				},
 				children: [
@@ -89,7 +92,7 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 							className: "min-h-6"
 						})]
 					}),
-					withPassword && /* @__PURE__ */ jsxs("label", {
+					asksPassword && /* @__PURE__ */ jsxs("label", {
 						className: "flex flex-col gap-1.5 font-medium",
 						children: [text("password"), /* @__PURE__ */ jsx(Input, {
 							type: "password",
@@ -107,7 +110,7 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 						className: "text-body font-medium text-danger-text",
 						children: error
 					}),
-					withPassword && /* @__PURE__ */ jsx(Button, {
+					asksPassword && /* @__PURE__ */ jsx(Button, {
 						variant: "primary",
 						type: "submit",
 						loading: busy,
@@ -115,15 +118,22 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 						children: text("signIn")
 					}),
 					withCode && /* @__PURE__ */ jsxs(Button, {
-						variant: withPassword ? "secondary" : "primary",
-						type: withPassword ? "button" : "submit",
-						onClick: withPassword ? sendCode : void 0,
-						loading: busy && !withPassword,
+						variant: asksPassword ? "secondary" : "primary",
+						type: asksPassword ? "button" : "submit",
+						onClick: asksPassword ? sendCode : void 0,
+						loading: busy && !asksPassword,
 						disabled: busy,
 						className: "min-h-10",
 						children: [/* @__PURE__ */ jsx(Mail, { className: "size-4" }), text("emailSignInCode")]
 					}),
-					withPassword && forgotPassword && /* @__PURE__ */ jsx(RouteLink, {
+					leadsWithCode && /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						onClick: () => setPasswordChosen(true),
+						disabled: busy,
+						className: "min-h-10",
+						children: text("usePassword")
+					}),
+					asksPassword && forgotPassword && /* @__PURE__ */ jsx(RouteLink, {
 						to: forgotPassword,
 						className: "self-center font-medium text-primary-text hover:underline",
 						children: text("forgotPassword")

package/dist/auth/sign-in-page.js

@@ -6,7 +6,7 @@ import { AuthError } from "@protobase/client";
 import { jsx } from "react/jsx-runtime";
 //#region src/auth/sign-in-page.tsx
 const SignInPage = ({ workspace, notice, forgotPassword, signUp, onBrowse, onCodeSent, error: initialError }) => {
-	const { signIn, signInSocial, signInProviders, signInMethods, passkeyDomains, sendSignInCode, signInWithPasskey } = useAuth();
+	const { signIn, signInSocial, signInProviders, signInMethods, signInFirst, passkeyDomains, sendSignInCode, signInWithPasskey } = useAuth();
 	const [busy, setBusy] = useState(false);
 	const [error, setError] = useState(initialError);
 	const attempt = async (start, message) => {
@@ -26,6 +26,7 @@ const SignInPage = ({ workspace, notice, forgotPassword, signUp, onBrowse, onCod
 		workspace,
 		notice,
 		methods: signInMethods,
+		first: signInFirst,
 		forgotPassword,
 		signUp,
 		onBrowse,

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.46.14";
+var version = "0.46.15";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };