setOpen(false)} style={{position:'fixed', inset:0, zIndex:40}}/>
)}
);
}
function Header({ ageVerified, cartCount, active, onCartOpen, onNav, onSearch, user, onMobileMenu }) {
const isAdmin = user && (user.role === 'admin' || user.role === 'staff');
const displayName = user
? (user.display_name || user.first_name || user.email.split('@')[0])
: null;
return (
{ if (e.metaKey||e.ctrlKey||e.shiftKey) return; e.preventDefault(); onNav('home'); }}>
{ageVerified && 18+ Verified}
{user ? (
) : (
)}
);
}
function AgeGate({ onAccept, onDecline }) {
const [hover, setHover] = React.useState(false);
return (
setHover(true)}
onMouseLeave={()=>setHover(false)}
style={{
height: 130, margin: '0 auto', display: 'block',
transition: 'transform .4s cubic-bezier(.6,-0.4,.3,1.4)',
transform: hover ? 'rotate(-8deg) scale(1.08)' : 'rotate(0) scale(1)',
animation: 'smokeWiggle 5s ease-in-out infinite',
filter:'drop-shadow(4px 4px 0 var(--ink))'
}}
/>
{/* puff badges */}
18+
NO ID NEEDED
);
}
// ---- Social proof toast ----
// Rotating "Jordan in Toronto bought Canadians Light" toaster.
// Pulls from /api/social-proof. Dismissible — suppressed for 24h after × click.
const SOCIAL_PROOF_DISMISS_KEY = 'ms_sp_dismissed_at';
const SOCIAL_PROOF_DISMISS_TTL = 24 * 60 * 60 * 1000; // 24h
const SOCIAL_PROOF_FIRST_DELAY = 8000; // 8s after page load before first toast
const SOCIAL_PROOF_VISIBLE_MS = 6000; // each toast visible for 6s
const SOCIAL_PROOF_GAP_MS = 12000; // 12s gap between toasts
function timeAgo(iso) {
if (!iso) return 'just now';
const ms = Date.now() - new Date(iso).getTime();
const s = Math.max(1, Math.floor(ms / 1000));
if (s < 60) return `${s}s ago`;
const m = Math.floor(s / 60);
if (m < 60) return `${m} min ago`;
const h = Math.floor(m / 60);
if (h < 24) return `${h}h ago`;
const d = Math.floor(h / 24);
return `${d}d ago`;
}
function SocialProofToast({ onOpenProduct }) {
const [feed, setFeed] = React.useState([]);
const [idx, setIdx] = React.useState(0);
const [visible, setVisible] = React.useState(false);
const [dismissed, setDismissed] = React.useState(false);
// Suppress if user dismissed recently
React.useEffect(() => {
try {
const raw = localStorage.getItem(SOCIAL_PROOF_DISMISS_KEY);
if (raw && Date.now() - parseInt(raw, 10) < SOCIAL_PROOF_DISMISS_TTL) {
setDismissed(true);
}
} catch (_) {}
}, []);
// Fetch feed (once per page load)
React.useEffect(() => {
if (dismissed) return;
window.api.get('/social-proof')
.then(r => {
if (r?.feed?.length) setFeed(r.feed);
})
.catch(() => {});
}, [dismissed]);
// Cycle through entries
React.useEffect(() => {
if (dismissed || !feed.length) return;
let cancelled = false;
let showT, hideT;
const showNext = (startIdx) => {
if (cancelled) return;
setIdx(startIdx);
setVisible(true);
hideT = setTimeout(() => {
if (cancelled) return;
setVisible(false);
showT = setTimeout(() => showNext((startIdx + 1) % feed.length), SOCIAL_PROOF_GAP_MS);
}, SOCIAL_PROOF_VISIBLE_MS);
};
const first = setTimeout(() => showNext(0), SOCIAL_PROOF_FIRST_DELAY);
return () => {
cancelled = true;
clearTimeout(first); clearTimeout(showT); clearTimeout(hideT);
};
}, [feed, dismissed]);
const dismiss = () => {
setVisible(false);
setDismissed(true);
try { localStorage.setItem(SOCIAL_PROOF_DISMISS_KEY, String(Date.now())); } catch (_) {}
};
if (dismissed || !feed.length) return null;
const entry = feed[idx];
if (!entry) return null;
const handleClick = (e) => {
if (!entry.product_slug) return;
// Don't intercept the dismiss button
if (e.target.closest('.sp-dismiss')) return;
const p = (window.PRODUCTS || []).find(x => x.slug === entry.product_slug);
if (p && onOpenProduct) onOpenProduct(p);
};
return (
);
}
window.Notice = Notice;
window.Header = Header;
window.Footer = Footer;
window.MobileMenu = MobileMenu;
window.AgeGate = AgeGate;
window.SocialProofToast = SocialProofToast;
setHover(true)}
onMouseLeave={()=>setHover(false)}
style={{
height: 130, margin: '0 auto', display: 'block',
transition: 'transform .4s cubic-bezier(.6,-0.4,.3,1.4)',
transform: hover ? 'rotate(-8deg) scale(1.08)' : 'rotate(0) scale(1)',
animation: 'smokeWiggle 5s ease-in-out infinite',
filter:'drop-shadow(4px 4px 0 var(--ink))'
}}
/>
{/* puff badges */}
18+
NO ID NEEDED
Are you 18 or older?
This site sells tobacco. By entering, you confirm you're of legal smoking age in your province.
We don't sell to minors. Smoking is harmful to health.
{entry.name}
{entry.city ? in {entry.city}{entry.province ? `, ${entry.province}` : ''} : null}
just grabbed {entry.product}
{timeAgo(entry.when) || 'recently'}