` : ``; const atCap = typeof it.stockQty === 'number' && it.qty >= it.stockQty; const capNote = atCap ? `Max — only ${it.stockQty} in stock` : ''; node.innerHTML = `

${imgHTML}

${it.name} ${it.size || ''}

${it.qty}

${capNote}

$${(it.price * it.qty).toFixed(2)}

`; cartBody.appendChild(node); }); } } if (subtotalEl) subtotalEl.textContent = '$' + subtotal.toFixed(2); if (discountLineEl) { if (discount > 0 && promo) { discountLineEl.style.display = 'flex'; if (discountLabelEl) discountLabelEl.textContent = `Discount (${promo.code} −${promo.discountPercent}%)`; if (discountEl) discountEl.textContent = '−$' + discount.toFixed(2); } else { discountLineEl.style.display = 'none'; } } if (shippingEl) { shippingEl.textContent = cart.length === 0 ? '—' : (shipping === 0 ? 'FREE' : '$' + shipping.toFixed(2)); } if (totalEl) totalEl.textContent = '$' + total.toFixed(2); syncProductCards(); updateFreeShipNote(discountedSubtotal); updateBacWaterUpsell(); persist(); }; // Show the "Don't forget bac water" upsell only when the cart contains a // peptide that needs reconstitution AND no bac water is already in cart. // Hidden whenever the cart is empty, contains only accessories, or // already has the diluent. const ACCESSORY_SLUGS = new Set(['bac-water-30ml', 'vial-opener']); const updateBacWaterUpsell = () => { const upsell = document.getElementById('cartUpsell'); if (!upsell) return; const hasPeptide = cart.some(c => !ACCESSORY_SLUGS.has(c.slug)); const hasBacWater = cart.some(c => c.slug === 'bac-water-30ml'); upsell.style.display = (hasPeptide && !hasBacWater) ? 'block' : 'none'; }; const updateFreeShipNote = (total) => { const note = document.getElementById('cartShipNote'); if (!note) return; const pct = Math.min(100, (total / FREE_SHIP_THRESHOLD) * 100); let label; if (total === 0) label = 'Free shipping on orders over $150'; else if (total >= FREE_SHIP_THRESHOLD) label = 'You unlocked free shipping · Shipment protection included'; else label = `Add $${(FREE_SHIP_THRESHOLD - total).toFixed(2)} more for free shipping`; note.innerHTML = `${label}`; }; // Keep all visible product cards in sync with cart state const syncProductCards = () => { document.querySelectorAll('.product').forEach(p => { const slug = p.dataset.slug || p.dataset.id; const item = cart.find(c => c.slug === slug); const ctrl = p.querySelector('.cart-control'); const qtyEl = p.querySelector('.qty'); if (!ctrl) return; if (item) { ctrl.classList.add('expanded'); if (qtyEl) qtyEl.textContent = item.qty; } else { ctrl.classList.remove('expanded'); if (qtyEl) qtyEl.textContent = '1'; } }); }; const flyToCart = (sourceImgEl) => { if (!cartBtn || !sourceImgEl) return; const cartRect = cartBtn.getBoundingClientRect(); const srcRect = sourceImgEl.getBoundingClientRect(); if (!srcRect.width || !srcRect.height) return; const ghost = document.createElement('div'); ghost.className = 'fly'; // Find the actual visual element (img or svg) let contentEl = sourceImgEl; const srcTag = sourceImgEl.tagName && sourceImgEl.tagName.toLowerCase(); if (srcTag !== 'img' && srcTag !== 'svg') { contentEl = sourceImgEl.querySelector('img') || sourceImgEl.querySelector('svg') || sourceImgEl; } const contentTag = contentEl.tagName && contentEl.tagName.toLowerCase(); if (contentTag === 'img') { const url = contentEl.currentSrc || contentEl.src || contentEl.getAttribute('src') || ''; if (url) { ghost.style.backgroundImage = `url("${url}")`; ghost.style.backgroundSize = 'contain'; ghost.style.backgroundRepeat = 'no-repeat'; ghost.style.backgroundPosition = 'center'; } } else if (contentTag === 'svg') { const cloned = contentEl.cloneNode(true); cloned.removeAttribute('width'); cloned.removeAttribute('height'); cloned.style.width = '78%'; cloned.style.height = '78%'; ghost.appendChild(cloned); } const startX = srcRect.left + srcRect.width / 2 - 30; const startY = srcRect.top + srcRect.height / 2 - 30; const endX = cartRect.left + cartRect.width / 2 - 30; const endY = cartRect.top + cartRect.height / 2 - 30; ghost.style.left = startX + 'px'; ghost.style.top = startY + 'px'; ghost.style.transition = 'transform .8s cubic-bezier(.4,0,.2,1), opacity .25s ease .55s'; document.body.appendChild(ghost); requestAnimationFrame(() => { requestAnimationFrame(() => { ghost.style.transform = `translate(${endX - startX}px, ${endY - startY}px) scale(.22)`; ghost.style.opacity = '0'; }); }); setTimeout(() => { ghost.remove(); if (cartBtn) { cartBtn.classList.remove('bump'); void cartBtn.offsetWidth; cartBtn.classList.add('bump'); } }, 850); }; // Helper: read tracked stock cap from a .product element's data attr. // Returns null when stock is untracked (no cap). const readStockQty = (productEl) => { if (!productEl) return null; const raw = productEl.dataset.stockQty; if (raw === undefined || raw === '') return null; const n = parseInt(raw, 10); return Number.isFinite(n) && n >= 0 ? n : null; }; // Document-level event delegation for product cards anywhere document.addEventListener('click', (e) => { const product = e.target.closest('.product'); if (product) { const slug = product.dataset.slug || product.dataset.id; const name = product.dataset.name; const price = parseFloat(product.dataset.price); const size = product.dataset.size || ''; const image = product.dataset.image || ''; const color = product.dataset.color || ''; const stockQty = readStockQty(product); const addBtn = e.target.closest('.add-btn') || e.target.closest('.pdp-add-btn') || e.target.closest('.card-preorder-btn'); if (addBtn) { e.preventDefault(); if (!slug || !name || !Number.isFinite(price)) return; const isBackorder = !!e.target.closest('.card-preorder-btn') || product.querySelector('.img.availability-backorder') != null; const existing = cart.find(c => c.slug === slug); if (existing) { if (typeof stockQty === 'number' && existing.qty >= stockQty) { showToast('Only ' + stockQty + ' ' + name + ' in stock'); return; } existing.qty++; if (typeof stockQty === 'number') existing.stockQty = stockQty; } else { const item = { slug, name, price, size, image, color, qty: 1 }; if (typeof stockQty === 'number') item.stockQty = stockQty; cart.push(item); } const img = product.querySelector('.img') || document.querySelector('.pdp-photo'); try { flyToCart(img); } catch(err) {} renderCart(); showToast(isBackorder ? 'Pre-ordered ' + name : name + ' added'); return; } if (e.target.closest('.inc')) { e.preventDefault(); const item = cart.find(c => c.slug === slug); if (item) { const cap = typeof stockQty === 'number' ? stockQty : item.stockQty; if (typeof cap === 'number' && item.qty >= cap) { showToast('Only ' + cap + ' ' + (name || 'units') + ' in stock'); return; } item.qty++; if (typeof stockQty === 'number') item.stockQty = stockQty; const img = product.querySelector('.img'); flyToCart(img); renderCart(); } return; } if (e.target.closest('.dec')) { e.preventDefault(); const item = cart.find(c => c.slug === slug); if (item) { item.qty--; if (item.qty <= 0) cart = cart.filter(c => c.slug !== slug); renderCart(); } return; } } // Cart drawer item +/- const ciInc = e.target.closest('.ci-inc'); if (ciInc) { e.preventDefault(); const slug = ciInc.dataset.slug; const item = cart.find(c => c.slug === slug); if (item) { const cap = item.stockQty; if (typeof cap === 'number' && item.qty >= cap) { showToast('Only ' + cap + ' ' + (item.name || 'units') + ' in stock'); return; } item.qty++; renderCart(); } return; } const ciDec = e.target.closest('.ci-dec'); if (ciDec) { e.preventDefault(); const slug = ciDec.dataset.slug; const item = cart.find(c => c.slug === slug); if (item) { item.qty--; if (item.qty <= 0) { const node = ciDec.closest('.cart-item'); if (node) node.classList.add('removing'); setTimeout(() => { cart = cart.filter(c => c.slug !== slug); renderCart(); }, 240); } else { renderCart(); } } return; } // Cart-drawer bac-water upsell — single-click add const upsellAdd = e.target.closest('.cart-upsell-add'); if (upsellAdd) { e.preventDefault(); const slug = upsellAdd.dataset.slug; if (!slug || cart.some(c => c.slug === slug)) return; // Shape matches every other cart item — keep it consistent so the // existing render/checkout code doesn't need to special-case this. cart.push({ slug, name: 'Hospira Bacteriostatic Water 30mL', price: 29.99, size: '30mL', image: '/bac-water-30ml.png', color: '#C2185B', qty: 1, }); renderCart(); showToast('Bac water added'); return; } // Cart drawer remove button const rm = e.target.closest('.ci-rm'); if (rm) { const slug = rm.dataset.slug; const item = rm.closest('.cart-item'); if (item) item.classList.add('removing'); setTimeout(() => { cart = cart.filter(c => c.slug !== slug); renderCart(); }, 240); } }); renderCart(); // ---------- Promo / affiliate code: validates against /api/promo/validate, applies discount ---------- if (promo && promoInput) { promoInput.value = promo.code; if (promoMsg) { promoMsg.classList.remove('err'); promoMsg.classList.add('ok'); promoMsg.textContent = `Code "${promo.code}" applied · ${promo.discountPercent}% off.`; } } const setPromoMsg = (text, kind) => { if (!promoMsg) return; promoMsg.classList.remove('ok','err'); if (kind) promoMsg.classList.add(kind); promoMsg.textContent = text; }; const clearPromo = () => { promo = null; try { localStorage.removeItem(KEY_PROMO); } catch(e) {} renderCart(); }; if (promoApply && promoInput) { const applyPromo = async () => { const v = (promoInput.value || '').trim().toUpperCase(); if (!v) { clearPromo(); setPromoMsg('Code cleared.'); return; } promoApply.disabled = true; promoApply.textContent = '…'; setPromoMsg('Checking…'); try { const res = await fetch('/api/promo/validate?code=' + encodeURIComponent(v), { cache: 'no-store' }); const data = await res.json(); if (data && data.ok && typeof data.discountPercent === 'number') { promo = { code: data.code, discountPercent: data.discountPercent }; try { localStorage.setItem(KEY_PROMO, JSON.stringify(promo)); } catch(e) {} promoInput.value = promo.code; setPromoMsg(`Code "${promo.code}" applied · ${promo.discountPercent}% off.`, 'ok'); renderCart(); } else { clearPromo(); setPromoMsg((data && data.error) || 'Code not recognized.', 'err'); } } catch (err) { setPromoMsg('Could not validate code. Try again.', 'err'); } finally { promoApply.disabled = false; promoApply.textContent = 'Apply'; } }; promoApply.addEventListener('click', applyPromo); promoInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); applyPromo(); } }); } // ---------- External cart updates (e.g. PDP client component) ---------- window.addEventListener('helixcore:cart-changed', (e) => { try { const raw = localStorage.getItem(KEY_CART); cart = raw ? JSON.parse(raw) : []; } catch (err) { cart = []; } renderCart(); const detail = (e && e.detail) || {}; if (detail.added) showToast(detail.added + ' added'); const photo = document.querySelector('.pdp-photo') || document.querySelector('.pdp-stage svg') || document.querySelector('.pdp-stage'); if (photo) { try { flyToCart(photo); } catch(err) {} } if (detail.openDrawer) { setTimeout(() => { try { openCart(); } catch(err) {} }, 600); } }); // Cross-tab cart sync. When a checkout in another tab clears the cart, // this tab's in-memory `cart` variable would otherwise stay stale until // a hard reload — leaving stale items (possibly now out of stock) in // the drawer. The `storage` event only fires on OTHER tabs, so this // catches exactly the cross-tab case. window.addEventListener('storage', (e) => { if (e.key !== KEY_CART) return; try { cart = e.newValue ? JSON.parse(e.newValue) : []; } catch (err) { cart = []; } renderCart(); }); // ---------- Newsletter ---------- // Posts the email to /api/subscribe/newsletter which persists it to KV // and (when RESEND_API_KEY is set) sends a welcome email. We still mark // the form 'subscribed' in localStorage so the UI remembers across reloads, // but localStorage is presentation-only — the source of truth is KV. const nlForm = document.getElementById('newsletterForm'); if (nlForm) { const KEY_NL = 'helixcore_newsletter_v1'; const note = document.getElementById('newsletterNote'); const input = document.getElementById('newsletterEmail'); try { if (localStorage.getItem(KEY_NL)) { nlForm.classList.add('subscribed'); if (note) note.textContent = "You're on the list. Thanks!"; } } catch(e) {} nlForm.addEventListener('submit', async (e) => { e.preventDefault(); const email = (input && input.value || '').trim(); // Honeypot: looks for a 'website' input that bots auto-fill but real users don't. const honey = nlForm.querySelector('input[name="website"]'); const honeyVal = honey ? (honey.value || '') : ''; const ok = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email); if (!ok) { if (note) { note.textContent = 'Please enter a valid email.'; note.classList.add('err'); } if (input) input.focus(); return; } if (note) { note.classList.remove('err'); note.textContent = 'Subscribing…'; } try { const r = await fetch('/api/subscribe/newsletter', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email, source: 'footer', website: honeyVal }), }); const data = await r.json().catch(() => ({})); if (!r.ok || !data || data.ok === false) { const err = (data && data.error) || "Couldn't subscribe right now. Try again shortly."; if (note) { note.textContent = err; note.classList.add('err'); } return; } try { localStorage.setItem(KEY_NL, email); } catch(e) {} nlForm.classList.add('subscribed'); if (note) { note.classList.remove('err'); note.textContent = "You're on the list. Check your inbox for a welcome email."; } const toast = document.getElementById('toast'); const tmsg = document.getElementById('toastMsg'); if (toast && tmsg) { tmsg.textContent = 'Subscribed'; toast.classList.add('show'); setTimeout(() => toast.classList.remove('show'), 2200); } } catch(err) { if (note) { note.textContent = 'Network error. Please try again.'; note.classList.add('err'); } } }); } })();

Track your order.

Get the deals first.

Are you 21 or older?