/* QuoteDrawer, top-down slide-in panel below the TopNav. Listens for scdquote:open / scdquote:added / scdquote:close events. Slides down on first add, toasts on subsequent adds. */ function useQuoteItems() { const [items, setItems] = React.useState(() => window.__scdQuote ? window.__scdQuote.items() : []); React.useEffect(() => { if (!window.__scdQuote) return; return window.__scdQuote.subscribe(next => setItems(next.slice())); }, []); return items; } function QuoteDrawer() { const items = useQuoteItems(); const [open, setOpen] = React.useState(false); const [toast, setToast] = React.useState(null); const seenFirstAdd = React.useRef(false); const toastTimer = React.useRef(0); React.useEffect(() => { function onOpen() { setOpen(true); } function onClose() { setOpen(false); } function onAdded(e) { const item = e.detail && e.detail.item; if (!seenFirstAdd.current) { seenFirstAdd.current = true; setOpen(true); } else { // Toast setToast(item); clearTimeout(toastTimer.current); toastTimer.current = setTimeout(() => setToast(null), 3200); } } window.addEventListener("scdquote:open", onOpen); window.addEventListener("scdquote:close", onClose); window.addEventListener("scdquote:added", onAdded); return () => { window.removeEventListener("scdquote:open", onOpen); window.removeEventListener("scdquote:close", onClose); window.removeEventListener("scdquote:added", onAdded); clearTimeout(toastTimer.current); }; }, []); // Lock body scroll while drawer open React.useEffect(() => { if (open) document.body.style.overflow = "hidden"; else document.body.style.overflow = ""; return () => { document.body.style.overflow = ""; }; }, [open]); function handleContinue() { window.__scdQuote.setHandoff(); window.location.href = "b2b-wholesale-v1.html#quote-form"; } return ( {/* Backdrop */}
setOpen(false)} aria-hidden="true" /> {/* Drawer */} {/* Toast (subsequent adds) */} {toast && (
{toast.name} added to your quote.
)} ); } function QuoteLine({ item }) { return (
  • {item.eyebrow}
    {item.name}
    {item.price ? `From ${item.price}` : ""}
    {item.qty}
    • ); } window.QuoteDrawer = QuoteDrawer;