/* Error boundary — a transient render error shows a recoverable card,
never a white screen. */
class ErrorBoundary extends React.Component {
constructor(p) { super(p); this.state = { err: null }; }
static getDerivedStateFromError(err) { return { err }; }
componentDidUpdate(prev) { if (prev.viewKey !== this.props.viewKey && this.state.err) this.setState({ err: null }); }
render() {
if (!this.state.err) return this.props.children;
return (
Something hiccuped rendering this view
Your data is safe (saved locally). Reload or switch views to continue.
);
}
}
window.ErrorBoundary = ErrorBoundary;
/* App shell — subscribes to the store, routes between views, owns the modal
composer and toasts. */
// Persistent nudge shown (live mode) until the signed-in user verifies their email.
function VerifyBanner({ onToast }) {
const [busy, setBusy] = React.useState(false);
const [hidden, setHidden] = React.useState(false);
const live = window.LEAP && window.LEAP.live;
const user = window.LeapAuth && window.LeapAuth.state ? window.LeapAuth.state().user : null;
if (!live || hidden || !user || user.emailVerified !== false) return null;
const resend = () => {
setBusy(true);
window.LeapAPI.resendVerification()
.then((r) => onToast(r && r.sent ? "Verification email sent — check your inbox." : "You're already verified."))
.catch(() => onToast("Couldn't send the email — please try again.", "error"))
.finally(() => setBusy(false));
};
return (
Please verify your email{user.email ? — we sent a link to {user.email} : null}.
);
}
function App() {
const S = window.CroprStore;
const [, force] = React.useReducer((x) => x + 1, 0);
const [active, setActive] = React.useState("dashboard");
const [editingId, setEditingId] = React.useState(null);
const [toast, setToast] = React.useState(null);
const toastTimer = React.useRef(null);
React.useEffect(() => S.subscribe(() => force()), []);
// Auth (SSO) + entitlement gate + live data hydrate. Establish the session
// first; only once authenticated do we load entitlements and pull content.
// All inert offline.
React.useEffect(() => {
const offAuth = window.LeapAuth.subscribe(() => force());
const offGate = window.LeapGate.subscribe(() => force());
window.LeapAuth.init().then(() => {
if (window.LeapAuth.authenticated()) {
Promise.resolve(window.LeapGate.load()).then(() => { if (window.LeapSync) window.LeapSync.hydrate(); });
}
});
return () => { offAuth(); offGate(); };
}, []);
const showToast = (msg, kind) => {
setToast({ msg, kind: kind || "ok" });
clearTimeout(toastTimer.current);
toastTimer.current = setTimeout(() => setToast(null), 2800);
};
// Landed back from the email verification link → toast + clean the URL.
React.useEffect(() => {
try {
const u = new URL(window.location.href);
const v = u.searchParams.get("verified");
if (v === null) return;
showToast(v === "1" ? "Email verified — you're all set." : "That verification link is invalid or has expired.", v === "1" ? "ok" : "error");
u.searchParams.delete("verified");
window.history.replaceState({}, "", u.pathname + (u.search || "") + u.hash);
} catch (e) { /* ignore */ }
}, []);
const posts = S.getAll();
const open = (id) => setEditingId(id);
const create = () => { const p = S.create({ status: "idea", title: "Untitled post" }); showToast("New post started — at the Idea stage"); setEditingId(p.id); };
const addOnDate = (isoDate) => { const p = S.create({ status: "idea", title: "Untitled post", scheduleAt: isoDate }); setEditingId(p.id); };
const reuse = (id) => { const c = S.duplicate(id); if (c) { showToast("Duplicated as a new draft"); setEditingId(c.id); } };
const titles = { dashboard: "Dashboard", posts: "Posts", calendar: "Calendar", queue: "Queue",
campaigns: "Campaigns", pulse: "Pulse Desk", wizards: "Wizards", screener: "X Market Screener", replies: "Reply Engine", clients: "Clients", assets: "Assets", integrations: "Integrations", settings: "Settings" };
const view = () => {
// Plan gating (live mode only): a locked view renders the upgrade panel in
// place of the feature. Offline/demo → lockedView is always false.
if (window.LeapGate.lockedView(active)) return ;
switch (active) {
case "dashboard": return ;
case "posts": return ;
case "calendar": return ;
case "queue": return ;
case "campaigns": return ;
case "pulse": return ;
case "wizards": return ;
case "screener": return setActive("replies")} />;
case "replies": return ;
case "clients": return ;
case "assets": return ;
case "integrations": return ;
case "settings": return ;
default: return null;
}
};
// Live SSO gate: until a session is established, show the login screen (or a
// brief splash while checking). Offline, this never triggers.
if (window.LEAP && window.LEAP.live) {
const a = window.LeapAuth.state();
if (a.status === "unknown") return
Signing you in…
;
if (a.status === "anonymous") return ;
}
return (
setActive("settings")}
onReset={() => { if (confirm("Reset all demo data to the seeded set?")) { S.reset(); setEditingId(null); setActive("dashboard"); showToast("Demo data reset"); } }} />
{view()}