// Inlinr — Login screen (signed-out state) const LoginView = ({ onSignIn }) => { const { useEffect, useState } = React; const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [firstName, setFirstName] = useState(""); const [lastName, setLastName] = useState(""); const [keepSignedIn, setKeepSignedIn] = useState(true); const [showPwd, setShowPwd] = useState(false); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [mode, setMode] = useState("password"); // password | magic | signup | invite | email-link const [magicLinkSent, setMagicLinkSent] = useState(false); const [inviteInfo, setInviteInfo] = useState(null); const [forgotSent, setForgotSent] = useState(false); const errorMsg = (code) => { const map = { "auth/invalid-credential": "Incorrect email or password.", "auth/user-not-found": "No account found with this email.", "auth/wrong-password": "Incorrect password.", "auth/email-already-in-use": "This email is already registered. Sign in instead.", "auth/weak-password": "Password must be at least 6 characters.", "auth/invalid-email": "Please enter a valid email address.", "auth/too-many-requests": "Too many attempts. Please try again later." }; return map[code] || "Something went wrong. Please try again."; }; const setPersistence = () => { const persistence = keepSignedIn ? firebase.auth.Auth.Persistence.LOCAL : firebase.auth.Auth.Persistence.SESSION; return fbAuth.setPersistence(persistence); }; useEffect(() => { const params = new URLSearchParams(window.location.search); const inviteToken = params.get("invite"); const emailLinkEmail = params.get("email") || window.localStorage.getItem("emailForSignIn") || ""; if (emailLinkEmail) setEmail(emailLinkEmail); if (inviteToken) { setInviteInfo({ inviteToken, email: params.get("email") || "", firstName: params.get("firstName") || "", lastName: params.get("lastName") || "", role: params.get("role") || "viewer", workspaceName: params.get("workspaceName") || "your workspace" }); setMode("invite"); setEmail(params.get("email") || ""); setFirstName(params.get("firstName") || ""); setLastName(params.get("lastName") || ""); return; } if (fbAuth.isSignInWithEmailLink(window.location.href)) { setMode("email-link"); } }, []); const submit = async (e) => { e?.preventDefault(); setError(null); setForgotSent(false); setLoading(true); try { await setPersistence(); if (mode === "signup") { saveProfileDraft(email, { firstName, lastName }); await fbAuth.createUserWithEmailAndPassword(email, password); onSignIn?.(); return; } if (mode === "invite") { if (!inviteInfo?.inviteToken) { throw new Error("missing-invite"); } saveProfileDraft(email, { firstName, lastName }); setPendingInviteToken(inviteInfo.inviteToken); await fbAuth.createUserWithEmailAndPassword(email, password); onSignIn?.(); return; } if (mode === "email-link") { await fbAuth.signInWithEmailLink(email, window.location.href); window.localStorage.removeItem("emailForSignIn"); onSignIn?.(); return; } if (mode === "magic") { const actionCodeSettings = { url: `${window.location.origin}/?email=${encodeURIComponent(normalizeEmail(email))}`, handleCodeInApp: true }; await fbAuth.sendSignInLinkToEmail(normalizeEmail(email), actionCodeSettings); window.localStorage.setItem("emailForSignIn", normalizeEmail(email)); setMagicLinkSent(true); setLoading(false); return; } await fbAuth.signInWithEmailAndPassword(email, password); onSignIn?.(); } catch (err) { setError(err.message === "missing-invite" ? "This invitation is incomplete. Ask the owner to resend it." : errorMsg(err.code)); setLoading(false); } }; const signInWithGoogle = async () => { setError(null); setLoading(true); try { await setPersistence(); const provider = new firebase.auth.GoogleAuthProvider(); await fbAuth.signInWithPopup(provider); } catch (err) { setError(errorMsg(err.code)); setLoading(false); } }; const sendPasswordReset = async (e) => { e.preventDefault(); setError(null); setForgotSent(false); if (!email) { setError("Enter your work email first."); return; } try { await fbAuth.sendPasswordResetEmail(normalizeEmail(email)); setForgotSent(true); } catch (err) { setError(errorMsg(err.code)); } }; const isInviteMode = mode === "invite"; const isSignupLike = mode === "signup" || isInviteMode; const isEmailLinkMode = mode === "email-link"; const hideThirdPartyAuth = isInviteMode || isEmailLinkMode; const formTitle = isInviteMode ? "Accept your invitation" : mode === "signup" ? "Get started" : isEmailLinkMode ? "Complete sign in" : "Welcome back"; const formEyebrow = isInviteMode ? "Join your workspace" : mode === "signup" ? "Create your account" : isEmailLinkMode ? "Confirm your email" : "Sign in to Inlinr"; const formSub = isInviteMode ? `You were invited to ${inviteInfo?.workspaceName || "this workspace"} as ${INLINR_ROLE_META[inviteInfo?.role || "viewer"]?.label || "Viewer"}.` : mode === "signup" ? "Create an account with your work email." : isEmailLinkMode ? "Confirm the email address that received the sign-in link." : "Sign in with your work email or continue with SSO."; return (
{formEyebrow}

{formTitle}

{formSub}
{inviteInfo && (
{INLINR_ROLE_META[inviteInfo.role || "viewer"]?.label || "Viewer"} {inviteInfo.workspaceName || "Workspace"}
Your owner has already prepared your seat. You can update your first and last name before the account is created.
)} {!hideThirdPartyAuth && ( <>
or sign in with email
)}
{isSignupLike && (
)} {(mode === "password" || isSignupLike) && ( )} {mode === "magic" && (
{magicLinkSent ? "Magic link sent." : "We'll email a one-time sign-in link."}
{magicLinkSent ? "Open the link from your inbox on this same browser if possible." : "No password needed. Link expires in 15 minutes."}
)} {isEmailLinkMode && (
Confirm the email that received this link.
We use it to complete the sign-in securely.
)}
{!isSignupLike && !isEmailLinkMode && ( Forgot password? )}
{forgotSent && (
Password reset email sent.
)} {error && (
{error}
)}
{isInviteMode ? ( <> Already have an account for this email? { e.preventDefault(); setMode("password"); setError(null); }}> Sign in instead ) : mode === "signup" ? ( <> Already have an account? { e.preventDefault(); setMode("password"); setError(null); }}> Sign in ) : ( <> New to Inlinr? { e.preventDefault(); setMode("signup"); setError(null); setForgotSent(false); }}> Create an account )}
© 2026 Inlinr e.preventDefault()}>Terms e.preventDefault()}>Privacy e.preventDefault()}>Security e.preventDefault()}>Status
); }; Object.assign(window, { LoginView });