/* Static content screens: #privacy, #help, #refunds.
Built on the Sparkle Classic design system + shared chrome (SiteFooter).
Copy is grounded in how the product actually works (see api/* + intake.jsx).
Reached via the footer links and the intake consent "Privacy policy" link. */
const DSp = window.SparkleClassicDesignSystem_7a1470;
const SUPPORT_EMAIL = 'support@sparkleclassic.com';
const UPDATED = 'June 15, 2026';
/* one-time CSS for the FAQ disclosure + page rhythm */
function PageStyles() {
return (
);
}
function PageShell({ glyph, band = 'var(--cotton-blue)', eyebrow, title, lead, onHome, onStart, children }) {
const { Button, Icon } = DSp;
return (
{glyph}
{eyebrow}
{title}
{lead &&
{lead}
}
{children}
}>Back to store
);
}
function InfoCard({ title, children }) {
const { Card } = DSp;
return (
{title &&
{title}
}
{children}
);
}
function Faq({ q, children, open = false }) {
return (
{q}+
{children}
);
}
function MailLink() { return {SUPPORT_EMAIL}; }
/* Support contact form β POST /api/wall { action:'support' } β AgentMail to the
team (reply-to the customer) + a confirmation to the customer. */
const SUBJECTS = ['A question about my order', 'I need help with my game',
'Photo / sprite question', 'Refund request', 'Press / partnership', 'Something else'];
function ContactForm() {
const { Card, Input, Select, Textarea, Button, Icon } = DSp;
const [f, setF] = React.useState({ name: '', email: '', subject: SUBJECTS[0], message: '' });
const [state, setState] = React.useState('idle'); // idle | sending | sent | error
const [err, setErr] = React.useState(null);
const set = (k, v) => setF((p) => ({ ...p, [k]: v }));
const valid = /^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(f.email.trim()) && f.message.trim().length > 1;
const submit = async () => {
if (state === 'sending') return;
if (!valid) { setErr('Please add your email and a short message.'); return; }
setState('sending'); setErr(null);
try {
const r = await fetch('/api/wall', {
method: 'POST', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ action: 'support', name: f.name.trim(), email: f.email.trim(), subject: f.subject, message: f.message.trim() }),
});
const out = await r.json().catch(() => ({}));
if (!r.ok || !out.ok) throw new Error(out.error || 'Something went wrong. Please try again.');
setState('sent');
} catch (e) { setState('error'); setErr((e && e.message) || 'Something went wrong. Please try again.'); }
};
if (state === 'sent') {
return (
π
Message sent!
A real person will reply to {f.email} within about a day. Check your inbox
for our confirmation. π
);
}
return (
Send us a message
A real person reads every one β usually a reply within a day.