{dt.toLocaleDateString("en-GB", { weekday: "short" })}

{dt.toLocaleDateString("en-GB", { day: "2-digit", month: "short" })}

{dt.toLocaleTimeString("en-GB", { hour: "2-digit", minute: "2-digit" })}

onOpen(post.id)}>

{post.title}

{D.label(D.SERIES, post.series)}{post.campaign ? " · " + post.campaign : ""}

); } function ScheduledCard({ post, onOpen }) { const dt = new Date(post.scheduleAt); return ( onOpen(post.id)} style={{ cursor: "pointer" }}> {postThumb(post) &&

}

{post.title}

{dt.toLocaleDateString("en-GB", { weekday: "short", day: "2-digit", month: "short" })} · {dt.toLocaleTimeString("en-GB", { hour: "2-digit", minute: "2-digit" })} {post.campaign ? · {post.campaign} : null}

); } function PerfRow({ row, view, onOpen, onReuse, onToast }) { const p = row.post, m = row.m; const stat = (l, v, mw) => {l}{compact(v)}; if (view === "card") { return ( onOpen(p.id)} style={{ cursor: "pointer" }}> {postThumb(p) &&

}

{D.label(D.PILLARS, p.pillar)}

{p.title}

{new Date(row.date).toLocaleDateString("en-GB", { day: "2-digit", month: "short" })}

{stat("Impr", m.impressions)}{stat("Eng", m.engagement)}{stat("Likes", m.likes)}{stat("Shares", m.shares)}

e.stopPropagation()}>

); } return (

onOpen(p.id)}>

{p.title}

{D.label(D.PILLARS, p.pillar)} · {new Date(row.date).toLocaleDateString("en-GB", { day: "2-digit", month: "short" })}

{stat("Impr", m.impressions, 54)}{stat("Eng", m.engagement, 54)}{stat("Likes", m.likes, 54)}{stat("Shares", m.shares, 54)}

); } // multi-select platform filter for the lists (All / X / LinkedIn / Telegram) function PlatformFilter({ value, onChange }) { const isAll = value.length === 0; const chip = (active, node, onClick, key) => ; return (

{chip(isAll, "All", () => onChange([]), "all")} {D.PLATFORMS.map((p) => chip(value.includes(p.id), {p.label}, () => onChange(value.includes(p.id) ? value.filter((x) => x !== p.id) : [...value, p.id]), p.id))}

); } // single Export button with a CSV / XLSX dropdown function ExportMenu({ onExport, count }) { const [open, setOpen] = React.useState(false); const item = (icon, label, kind) => ( ); return (

{open && (

setOpen(false)} style={{ position: "fixed", inset: 0, zIndex: 20 }} />

{item("file-text", "CSV (.csv)", "csv")} {item("table", "Excel (.xlsx)", "xlsx")}

{count} rows · current filters

)}

); } function AnalyticsView({ posts, onOpen, onReuse, onToast, onNav }) { const [range, setRange] = React.useState("14d"); const [platform, setPlatform] = React.useState("all"); const [kpi, setKpi] = React.useState("impressions"); const [mode, setMode] = React.useState("scheduled"); const [view, setView] = React.useState("list"); const [sort, setSort] = React.useState("performance"); const [listPlats, setListPlats] = React.useState([]); // multi-select platform filter for the lists const k = A.kpis(range, platform); const series = A.series(kpi, range, platform); const matchPlats = (post) => listPlats.length === 0 || (post.channels || []).some((ch) => listPlats.includes((D.CHANNELS[ch] || {}).platform)); const now = Date.now(), in5 = now + 5 * 864e5; const scheduled = (posts || []).filter((p) => { if (!p.scheduleAt) return false; const t = new Date(p.scheduleAt).getTime(); if (t < now || t > in5) return false; return ["queued", "paused", "publishing"].includes(p.scheduleState) || p.status === "scheduled" || p.status === "approved"; }).filter(matchPlats).sort((a, b) => new Date(a.scheduleAt) - new Date(b.scheduleAt)); const perf = A.postsList(sort, "all", range).filter((r) => matchPlats(r.post)); const exportRows = perf.map((r) => ({ date: new Date(r.date).toISOString().slice(0, 10), channels: r.post.channels.map((c) => { const m = D.CHANNELS[c] || {}; return (m.name || c) + "/" + (m.platform || "?"); }).join(" · "), pillar: D.label(D.PILLARS, r.post.pillar), series: D.label(D.SERIES, r.post.series), status: r.post.status, impressions: r.m.impressions, engagement: r.m.engagement, likes: r.m.likes, shares: r.m.shares, })); const EXPORT_COLS = ["date", "channels", "pillar", "series", "status", "impressions", "engagement", "likes", "shares"]; const doExport = (kind) => { const name = `leap-analytics-${range}-${platform}`; if (kind === "csv") window.CroprExport.exportCSV(EXPORT_COLS, exportRows, name + ".csv"); else window.CroprExport.exportXLSX(EXPORT_COLS, exportRows, name + ".xlsx"); onToast(`Exported ${exportRows.length} rows (${kind.toUpperCase()})`); }; return (

{window.WizardBanner &&

onNav && onNav("wizards")} onBecome={() => onNav && onNav("settings")} />

}

({ value: r.id, label: r.label }))} />

({ value: p.id, label: p.label, iconNode: })))} />

{KPIS.map((kp) => setKpi(kp.id)} />)}

{mode === "performers" && } {mode === "performers" && }

{mode === "scheduled" ? ( scheduled.length === 0 ?

Nothing scheduled in the next 5 days.

: view === "card" ?

{scheduled.map((p) => )}

Next 5 days · {scheduled.length}

{scheduled.map((p) => )} ) : ( perf.length === 0 ? No published posts in this range. : view === "card" ?

{perf.map((r) => )}

: {perf.map((r) => )} )}

); } window.AnalyticsView = AnalyticsView; })();