/* global React, Icon, Button, LEARNER, US_STATES */ // LPE Learning Center — shell (utility bar, topbar, sidebar) + login gate. const { useState, useEffect: useEffectShell, useRef: useRefShell } = React; // click-outside helper function useClickOutside(onClose) { const ref = useRefShell(null); useEffectShell(() => { function onDoc(e) { if (ref.current && !ref.current.contains(e.target)) onClose(); } document.addEventListener("mousedown", onDoc); return () => document.removeEventListener("mousedown", onDoc); }, [onClose]); return ref; } function UtilityBar() { return (
Members-only learning center · Continuing legal education
The marketplace Help
); } function NotificationsMenu({ notifications, onNotif, markAllRead, onClose, goPrefs }) { const ref = useClickOutside(onClose); return (
Notifications
{notifications.map((n) => ( ))}
); } function AvatarMenu({ learner, onAvatarNav, onSignOut, onClose }) { const ref = useClickOutside(onClose); return (
{learner.name} {learner.role} · {learner.firm}
{!(window.APP_TWEAKS && window.APP_TWEAKS.hideCle) ? ( ) : null}
); } function Topbar({ query, setQuery, onAvatarNav, onSignOut, onLogo, learner, notifications, unreadCount, onNotif, markAllRead, hideCle, onToggleCle }) { const [menu, setMenu] = useState(null); // 'notif' | 'avatar' | null const isAdmin = learner && (learner.isAdmin || learner.role === "Administrator"); return (
The Law Practice Exchange Learning Center
setQuery(e.target.value)} /> ⌘ K
{isAdmin && onToggleCle ? ( ) : null}
{menu === "notif" ? ( onAvatarNav("settings")} onClose={() => setMenu(null)} /> ) : null}
{menu === "avatar" ? ( setMenu(null)} /> ) : null}
); } const NAV_GROUPS = [ { label: "Learn", items: [ { id: "library", icon: "video", label: "Library" }, { id: "upcoming", icon: "calendar", label: "Upcoming live" }, { id: "saved", icon: "bookmark", label: "Saved" }, { id: "learning", icon: "user", label: "My Learning" }, ], }, { label: "Credit & Resources", items: [ { id: "cle", icon: "award", label: "CLE Center" }, { id: "collateral", icon: "folder", label: "Collateral" }, ], }, ]; function Sidebar({ active, onNavigate, inProgress = 0, savedCount = 0, cleCredits = 0, upcomingCount = 0, showCta = true, isAdmin = false, pendingCleCount = 0, hideCle = false }) { const counts = { library: undefined, upcoming: upcomingCount || undefined, saved: savedCount || undefined, learning: inProgress || undefined, cle: cleCredits ? cleCredits.toFixed(1) : undefined, collateral: undefined, }; return ( ); } function AppShell({ active, onNavigate, query, setQuery, onAvatarNav, onSignOut, onLogo, learner, notifications, unreadCount, onNotif, markAllRead, sidebarStats, hideCle, onToggleCle, children }) { const isAdmin = learner && (learner.isAdmin || learner.role === "Administrator"); return (
{children}
); } // ---------- Login gate ---------- function Login({ onLogin }) { const [email, setEmail] = useState(""); const [pw, setPw] = useState(""); const [show, setShow] = useState(false); const [mode, setMode] = useState("signin"); // signin | apply | admin const [error, setError] = useState(""); const [success, setSuccess] = useState(""); const [loading, setLoading] = useState(false); const [name, setName] = useState(""); const [firm, setFirm] = useState(""); const [role, setRole] = useState("Buyer member"); const [barState, setBarState] = useState("Ohio"); const [barNo, setBarNo] = useState(""); async function submit(e) { e.preventDefault(); if (!email || !pw) { setError("Email and password are required."); return; } setError(""); setSuccess(""); setLoading(true); const res = await onLogin({ fresh: mode === "apply", email, pw, name, firm, role, barState, barNo }); setLoading(false); if (res) { if (res.success) { if (res.pending) { setSuccess(res.message || "Application submitted successfully! Your account is pending administrator approval."); setEmail(""); setPw(""); setMode("signin"); } } else { setError(res.error || "Authentication failed. Please verify your credentials."); } } } return (
The Law Practice Exchange Learning Center
Members-only. The Learning Center is open to verified LPE buyers and sellers.
The LPE Learning Center

Know the deal
beforeyou make it.

{window.APP_TWEAKS && window.APP_TWEAKS.hideCle ? "Webinars and tutorials on valuing, buying, and selling a law practice — taught by the people who run the exchange. Expand your expertise while you learn." : "Webinars and tutorials on valuing, buying, and selling a law practice — taught by the people who run the exchange. Earn CLE credit while you learn."}

Featured webinar
Valuing a personal injury practice
{window.APP_TWEAKS && window.APP_TWEAKS.hideCle ? "LPE-W18 · 1h 02m · 1.0 credit hours" : "LPE-W18 · 1h 02m · 1.0 CLE general"}
62
Sessions
14.5
{window.APP_TWEAKS && window.APP_TWEAKS.hideCle ? "Credit hours" : "CLE hours"}
7
Topics
1,200+
Verified members
38
States represented
4.8
Avg. rating
{mode === "admin" ? "Back to members?" : "New to LPE?"}
{mode === "apply" ? "Request access" : mode === "admin" ? "Admin portal" : "Member sign in"}

{mode === "apply" ? "Apply for membership" : mode === "admin" ? "LPE Administrator Sign In" : "Continue to the Learning Center"}

{mode === "apply" ? "Tell us how you work with law practices. We verify every member before granting access." : mode === "admin" ? "Sign in with your administrative credentials to manage sessions, CLE requests, and members." : "Sign in with your LPE marketplace credentials. Your learning history follows your account."}

{mode === "apply" ? (

Verification keeps the room quiet. We confirm bar standing and intent before approving access. Most requests are reviewed within two business days.

) : null} {error ? (
{error}
) : null} {success ? (
{success}
) : null}
setEmail(e.target.value)} placeholder="you@firm.com" />
{mode === "apply" && (
setName(e.target.value)} placeholder="Jane Doe" />
setFirm(e.target.value)} placeholder="Doe & Partners" />
setBarNo(e.target.value)} placeholder="e.g. OH-123456" />
)}
setPw(e.target.value)} placeholder="••••••••" />
{mode === "signin" ? (
) :
} {mode !== "admin" ? (
) : (
)}
Encrypted NDA-gated
); } Object.assign(window, { UtilityBar, Topbar, Sidebar, AppShell, NAV_GROUPS, Login, NotificationsMenu, AvatarMenu, useClickOutside });