// Warranty success step — celebration screen with confetti // Deterministic cert no — must match Code.gs generateCertNo_() exactly. function certNoFromSN(sn) { const s = String(sn || "").toUpperCase(); let h = 0; for (let i = 0; i < s.length; i++) h = ((h * 31) + s.charCodeAt(i)) | 0; const num = (Math.abs(h) % 900000) + 100000; return "ADRO-W-" + num; } function StepSuccess({ serial, product, customer, onRestart, certNo: certNoProp, emailSent, regError }) { const [pieces, setPieces] = React.useState([]); const certNo = React.useMemo( () => certNoProp || certNoFromSN(serial && serial.sn), [certNoProp, serial && serial.sn] ); React.useEffect(() => { const colors = ["#e0201c", "#ff3b32", "#ffffff", "#ffb020", "#1ed773"]; const arr = Array.from({ length: 60 }, (_, i) => ({ id: i, left: Math.random() * 100, delay: Math.random() * 0.8, duration: 2 + Math.random() * 2, color: colors[Math.floor(Math.random() * colors.length)], size: 6 + Math.random() * 8, rot: Math.random() * 360, })); setPieces(arr); }, []); return (
{/* Confetti */}
{pieces.map(p => (
))}
✓
WARRANTY ACTIVATED

You're covered.

{regError ? (

⚠ Your details have been recorded locally, but we couldn't reach our registry: {regError}. Please contact strain@adro.com with your S/N and we'll finalize it manually.

) : emailSent ? (

A confirmation has been sent to {customer.email}.

) : (

Save this certificate — your S/N is the only thing you'll need for RMA.

)}
{/* Certificate */}
WARRANTY CERTIFICATE
LIFETIME COVERAGE
Cert. No
{certNo}
Product
{product.line}
{product.name}
SKU {product.sku}
Owner
{customer.name}
{customer.city}, {customer.country}
Serial
{window.ADRO_formatSN(serial.sn)}
TTG
{serial.ttg}
Activated
{new Date().toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}
Covers manufacturing defects for the lifetime of the original purchaser.
Keep this certificate for your records.
ADRO
window.print()} icon={🖨}>Save as PDF navigator.clipboard?.writeText(certNo)} icon={📋}>Copy cert. no Register another →
); } function NextStep({ icon, title, sub }) { return (
{icon}
{title}
{sub}
); } window.StepSuccess = StepSuccess;