/* Website & Blog manager (B1/B2/B3). Route-controlled tabs + add/edit flows. window.WebsiteScreen — props: { tab: "site"|"blog"|"forms", builderIdx } */ const { useState } = React; function WPanel({ title, icon, action, children, pad = 16 }) { return (
{icon && }

{title}

{action}
{children}
); } function StatusTag({ s }) { const map = { Published: "success", Draft: "neutral", Scheduled: "info" }; return {s}; } /* ---------- B1: Site content & branding ---------- */ function SitePane() { const s = window.PT_DATA.site; const [theme, setTheme] = useState(s.theme); const blogOn = s.blogEnabled !== false; return (
navigate("/website/site/page/new")}>New page}> {s.pages.map((p, i) => (
{p.title}
{p.path} · edited {p.updated}
navigate("/website/site/page/" + i)} />
))}
{s.social.map((soc, i) => )}
{["Coastal", "Slate"].map((t) => ( ))}
{s.primary}
{s.accent}
{ s.blogEnabled = v; PTStore.bump(); pushToast({ tone: v ? "success" : "info", title: v ? "Blog enabled" : "Blog disabled", body: v ? "The Blog tab and public blog are live." : "The blog is hidden from the public site." }); }} label="Enable blog on this site" />
{blogOn ? "Visitors can browse posts at /blog. Manage them from the Blog tab." : "The blog section is hidden from the public site and navigation."}
); } function SocialRow({ soc }) { const [on, setOn] = useState(soc.on); return (
{soc.net}
{on ? soc.handle : "Not connected"}
); } /* ---------- B2: Blog manager ---------- */ function BlogPane() { const d = window.PT_DATA; const [tab, setTab] = useState("All"); const tabs = ["All", "Published", "Scheduled", "Draft"]; const rows = tab === "All" ? d.blogPosts : d.blogPosts.filter((p) => p.status === tab); return (
{d.site.blogEnabled === false && ( navigate("/website/site")}>Enable}> Posts below are hidden from the public site. Enable the blog on the Site & branding tab. )} navigate("/website/blog/new")}>Write post}>
{tabs.map((t) => ( ))}
{["Title", "Category", "Author", "Date", "Views", "Status", ""].map((h, i) => ( ))} {rows.map((p, i) => navigate("/website/blog/" + d.blogPosts.indexOf(p))} />)}
= 4 && i < 6 ? "right" : "left", padding: "9px 14px", fontSize: "var(--text-2xs)", textTransform: "uppercase", letterSpacing: "var(--tracking-caps)", fontWeight: 700, color: "var(--text-muted)", borderBottom: "1px solid var(--border-default)", whiteSpace: "nowrap" }}>{h}
); } function BlogRow({ p, onEdit }) { const [hover, setHover] = useState(false); return ( setHover(true)} onMouseLeave={() => setHover(false)} onClick={onEdit} style={{ cursor: "pointer", borderBottom: "1px solid var(--border-subtle)", background: hover ? "var(--surface-hover)" : "transparent" }}> {p.title} {p.cat} {p.author} {p.date} {p.views ? p.views.toLocaleString() : "—"} ); } /* ---------- B3: Webform builder ---------- */ function WebformsPane() { const d = window.PT_DATA; return ( navigate("/website/forms/new")}>New webform}> {d.webforms.map((f, i) => (
{f.name} {f.createsProperty && Creates property}
Embedded on: {f.embedded}
{f.submissions}
submissions
))} ); } function FormBuilder({ idx }) { const d = window.PT_DATA; const isNew = idx === "new"; const wf = !isNew ? d.webforms[idx] : null; const [fields, setFields] = useState(d.formFields.map((f) => ({ ...f }))); const [success, setSuccess] = useState("message"); const [thankYou, setThankYou] = useState("Thanks — we got your details. Someone from our team will be in touch shortly with your cash offer."); const [redirect, setRedirect] = useState(""); const [copied, setCopied] = useState(false); function toggle(i) { setFields((fs) => fs.map((f, j) => j === i ? { ...f, on: !f.on } : f)); } function req(i) { setFields((fs) => fs.map((f, j) => j === i ? { ...f, required: !f.required } : f)); } return (

{isNew ? "New webform" : wf.name + " — builder"}

{/* config */}
{fields.map((f, i) => (
{f.label}
{f.type}
toggle(i)} size="sm" />
))}
{success === "message" ?