// Reveal — confetti on entry + framed personality result card. (function () { const { Button, Badge, Drip, CakePreview, Toast } = window.BakeSpaceDSCakeYourStory_aae867; const { FloatingStickers } = window.CYSUI; const D = window.CYS; function Reveal({ cake, personality, onShare, onRemix, onSave, onBoard, saved = false, tw = {}, desktop = false }) { const motion = tw.motion !== false; const stickers = tw.stickers !== false; const confettiCount = tw.confetti || 110; const hostRef = React.useRef(null); const confRef = React.useRef(null); const [shown, setShown] = React.useState(false); const [toast, setToast] = React.useState(null); const tRef = React.useRef(null); const fireToast = (emoji, msg, tone = 'cherry') => { clearTimeout(tRef.current); setToast({ emoji, msg, tone, k: Date.now() }); tRef.current = setTimeout(() => setToast(null), 2000); }; const order = () => fireToast('🎂', 'Opening the S&P shop…', 'cherry'); const packObj = D.packaging.find((p) => p.id === cake.packagingId); const baseObj = D.flavors.find((b) => b.id === cake.baseId); const topObjs = cake.toppingIds.map((id) => D.toppings.find((t) => t.id === id)).filter(Boolean); const icing = baseObj ? baseObj.base : null; const p = personality; const storyObj = D.generateStory ? D.generateStory(cake) : null; React.useEffect(() => { const t1 = setTimeout(() => setShown(true), 80); let t2; if (hostRef.current && window.CYSConfetti) { confRef.current = window.CYSConfetti.create(hostRef.current); t2 = setTimeout(() => { confRef.current.burst({ x: hostRef.current.clientWidth / 2, y: hostRef.current.clientHeight * 0.30, count: confettiCount }); confRef.current.rain(1300); }, 260); } return () => {clearTimeout(t1);clearTimeout(t2);if (confRef.current) confRef.current.destroy();}; }, []); const replay = () => { if (confRef.current) { confRef.current.burst({ x: hostRef.current.clientWidth / 2, y: hostRef.current.clientHeight * 0.30, count: confettiCount }); } }; if (desktop) { const traitChip = (t) => ( {t} ); return (

{stickers && }

Your cake personality

{p.emoji}

You are

{p.title}

{p.desc}

{storyObj && (

{storyObj.story}

)}

{p.traits.map(traitChip)}

{baseObj ? baseObj.base : '🎂'}

Recommended cake mood

{p.mood}

{(baseObj || packObj) && (

{[baseObj && baseObj.label, packObj && `• ${packObj.label}`].filter(Boolean).join(' ')}

)}

{toast &&

{toast.msg}

}

); } return (

{stickers && }

Your cake personality {/* Result card */}

{/* sauce header band */}

{p.emoji}

You are

{p.title}

{p.desc}

{/* personalised story */} {storyObj && (

{storyObj.story}

)} {/* traits */}

{p.traits.map((t) => {t} )}

{/* recommended cake mood */}