{label && (

iPhone 15 Pro · {label}

)}

{children}

); } /* Progress dots */ function Progress({ total, current }) { const dots = []; for (let i = 0; i < total; i++) { let cls = "progress__dot"; if (i < current) cls += " is-done"; if (i === current) cls += " is-active"; dots.push(); } return

{dots}

; } /* Option pill */ function Option({ option, selected, multi, onClick }) { return ( ); } /* Toast — slim ribbon, fades fast, never blocks content */ function Toast({ children, onDone }) { useEffect(() => { const t = setTimeout(onDone, 1600); return () => clearTimeout(t); }, [onDone]); return

{children}

; } /* Compliance footer (small) — concept demo framing throughout */ function Compliance() { const showDemo = (e, label) => { e.preventDefault(); window.dispatchEvent(new CustomEvent("demo-cta", { detail: { label, deeplink: "concept demo · not a live offer" }})); }; return (

Concept demo · Illustrative only · Not a Chase offer · showDemo(e, "Official rules")}>Official rules
© 2026 Ape Beverages Inc. · Demo not affiliated with JPMorgan Chase · showDemo(e, "Privacy notice")}>Privacy · showDemo(e, "Terms")}>Terms

); } /* Disclaimer block — small print on regulated screens */ function Disclaimer({ label = "Disclosure", children }) { return (

{label}

{children}

); } /* Demo CTA modal — fired by celebration buttons via custom event */ function DemoCTAModal() { const [data, setData] = useState(null); useEffect(() => { const handler = (e) => setData(e.detail); window.addEventListener("demo-cta", handler); return () => window.removeEventListener("demo-cta", handler); }, []); if (!data) return null; return (

setData(null)}>

e.stopPropagation()}>

Concept Demo · Tap simulated

{data.label}

In live deployment this would deeplink to:

{data.deeplink || "chase.com/[matched-product]"}

No actual transaction, account opening, or Chase API call has been initiated.

); } Object.assign(window, { I, Mark, Statusbar, PhoneFrame, Progress, Option, Toast, Compliance, Disclaimer, DemoCTAModal, });