` : ``; const atCap = typeof it.stockQty === 'number' && it.qty >= it.stockQty; const capNote = atCap ? `Max — only ${it.stockQty} in stock` : ''; const preorderTag = it.availability === 'backorder' ? `Pre-order` : ''; const isBonus = !!it.bonus; const isBundle = !isBonus && typeof it.bundleTier === 'number'; if (isBonus) node.classList.add('is-bonus'); if (isBundle) node.classList.add('is-bundle'); const lineTotal = it.price * it.qty; // A line shows a strikethrough when (a) it's a bundle tier with an // originalPrice baked in, (b) it's the free bonus item, or (c) a // sitewide percent promo is active. Bundle + promo STACK: the // strikethrough uses the pre-bundle original, and the final price // applies promo% on top of the already-bundle-discounted lineTotal — // mirroring how the totals section already computes the subtotal. const hasBundleDiscount = !isBonus && typeof it.originalPrice === 'number'; const hasPromo = promo && promo.discountPercent > 0 && !isBonus; // Buy-X-get-Y-free: this line earns freebies when it holds a full // group (buy+free) of the SAME product. Free units are valued at this // line's unit price (matches the cart-wide totals for one line/slug). const bogoGroup = (promo && promo.bogo) ? (promo.bogo.buy + promo.bogo.free) : 0; const bogoFreeQty = (promo && promo.bogo && !isBonus && !isBundle && bogoGroup > 0) ? Math.floor(it.qty / bogoGroup) * promo.bogo.free : 0; const bogoLineDisc = +(bogoFreeQty * it.price).toFixed(2); let lineOriginal = null; let lineDiscounted = null; if (isBonus) { lineOriginal = (it.originalPrice || 0) * it.qty; lineDiscounted = 0; } else if (hasBundleDiscount && hasPromo) { lineOriginal = it.originalPrice * it.qty; lineDiscounted = +(lineTotal * (1 - promo.discountPercent / 100)).toFixed(2); } else if (hasBundleDiscount && bogoLineDisc > 0) { lineOriginal = it.originalPrice * it.qty; lineDiscounted = +(lineTotal - bogoLineDisc).toFixed(2); } else if (hasBundleDiscount) { lineOriginal = it.originalPrice * it.qty; lineDiscounted = lineTotal; } else if (hasPromo) { lineOriginal = lineTotal; lineDiscounted = +(lineTotal * (1 - promo.discountPercent / 100)).toFixed(2); } else if (bogoLineDisc > 0) { lineOriginal = lineTotal; lineDiscounted = +(lineTotal - bogoLineDisc).toFixed(2); } const priceHTML = isBonus ? `~~$${(lineOriginal || 0).toFixed(2)}~~FREE` : lineDiscounted != null ? `~~$${lineOriginal.toFixed(2)}~~$${lineDiscounted.toFixed(2)}` : `$${lineTotal.toFixed(2)}`; const bundleTag = isBundle ? `${it.bundleTier}-pack` : ''; const bonusTag = isBonus ? `Free bonus` : ''; const bogoTag = bogoFreeQty > 0 ? `🎁 ${bogoFreeQty} free` : ''; const controlsHTML = isBonus ? `

Included with your bundle

` : isBundle ? `

${it.qty}

` : `

${it.qty}

`; node.innerHTML = `

${imgHTML}

${it.name} ${preorderTag}${bundleTag}${bonusTag}${bogoTag} ${it.size || ''} ${controlsHTML} ${capNote}

${priceHTML}

`; cartBody.appendChild(node); }); } } if (subtotalEl) subtotalEl.textContent = '$' + subtotal.toFixed(2); if (discountLineEl) { if (discount > 0 && promo) { discountLineEl.style.display = 'flex'; if (discountLabelEl) discountLabelEl.textContent = promo.bogo ? `Buy ${promo.bogo.buy} Get ${promo.bogo.free} Free (${promo.code})` : `Discount (${promo.code} −${promo.discountPercent}%)`; if (discountEl) discountEl.textContent = '−$' + discount.toFixed(2); } else { discountLineEl.style.display = 'none'; } } if (giftLineEl) { if (gift && giftDiscount > 0) { giftLineEl.style.display = 'flex'; if (giftLabelEl) giftLabelEl.textContent = `Gift credit (${gift.code})`; if (giftEl) giftEl.textContent = '−$' + giftDiscount.toFixed(2); } else { giftLineEl.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); updateBrowseShipBar(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; if (promo && promo.freeShipping) { note.innerHTML = `Free shipping applied · code ${promo.code}`; 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}`; }; // Browse-wide free-shipping nudge: a slim bar under the nav that only shows // when the cart has items AND is still under the free-ship threshold — i.e. // exactly when "add a little more" is actionable. Hidden when empty or // already qualifying, so it never nags. Reuses the same total renderCart // already computes. Clicking opens the cart drawer (see listener below). const updateBrowseShipBar = (total) => { const bar = document.getElementById('shipProgressBar'); if (!bar) return; if (cart.length === 0 || total >= FREE_SHIP_THRESHOLD || (promo && promo.freeShipping)) { bar.hidden = true; return; } const pct = Math.min(100, (total / FREE_SHIP_THRESHOLD) * 100); const fill = document.getElementById('spbFill'); const text = document.getElementById('spbText'); if (fill) fill.style.width = pct + '%'; if (text) text.innerHTML = `You’re $${(FREE_SHIP_THRESHOLD - total).toFixed(2)} away from free shipping — view cart`; bar.hidden = false; }; // 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; if (isBackorder) existing.availability = 'backorder'; } else { const item = { slug, name, price, size, image, color, qty: 1 }; if (typeof stockQty === 'number') item.stockQty = stockQty; if (isBackorder) item.availability = 'backorder'; 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 +/- — skip bonus and bundle lines so the stepper // never targets a free bonus row or a fixed-qty bundle line. const ciInc = e.target.closest('.ci-inc'); if (ciInc) { e.preventDefault(); const slug = ciInc.dataset.slug; const item = cart.find(c => c.slug === slug && !c.bonus && !c.bundleTier); 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 && !c.bonus && !c.bundleTier); 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 && !c.bonus && !c.bundleTier)); 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: 34.99, size: '30mL', image: '/bac-water-30ml.png', color: '#C2185B', qty: 1, }); renderCart(); showToast('Bac water added'); return; } // Cart drawer remove button — removing a bundle line also drops any // free bonus items tagged to it (vial opener / bac water). 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 && c.bonusFor !== slug); renderCart(); }, 240); } }); renderCart(); // ---------- Promo / affiliate / gift code: one input, server-routed by kind ---------- // Show whichever code(s) are currently active in the input on load. Gift wins // if both are set (it's the more recently applied one usually). if (promoInput) { if (gift) promoInput.value = gift.code; else if (promo) promoInput.value = promo.code; if (promoMsg) { const parts = []; if (promo) { const b = promo.discountPercent > 0 ? `${promo.discountPercent}% off${promo.freeShipping ? ' + free ship' : ''}` : 'free shipping'; parts.push(`${promo.code} · ${b}`); } if (gift) parts.push(`${gift.code} · $${gift.dollarAmount.toFixed(2)} gift`); if (parts.length) { promoMsg.classList.remove('err'); promoMsg.classList.add('ok'); promoMsg.textContent = parts.join(' + '); } } } 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(); }; const clearGift = () => { gift = null; try { localStorage.removeItem(KEY_GIFT); } catch(e) {} renderCart(); }; if (promoApply && promoInput) { const applyPromo = async () => { const v = (promoInput.value || '').trim().toUpperCase(); if (!v) { // Empty field clears BOTH a promo and a gift in one shot. UI mode is // "one input, may hold either / both," so wiping it wipes everything. clearPromo(); clearGift(); 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 && data.kind === 'gift' && typeof data.dollarAmount === 'number') { gift = { code: data.code, dollarAmount: data.dollarAmount }; try { localStorage.setItem(KEY_GIFT, JSON.stringify(gift)); } catch(e) {} promoInput.value = gift.code; const both = promo ? ` (stacks with ${promo.code} · ${promo.discountPercent}%)` : ''; setPromoMsg(`Gift "${gift.code}" applied · $${gift.dollarAmount.toFixed(2)} off${both}.`, 'ok'); renderCart(); } else if (data && data.ok && typeof data.discountPercent === 'number') { promo = { code: data.code, discountPercent: data.discountPercent, freeShipping: !!data.freeShipping, bogo: data.bogo || null }; try { localStorage.setItem(KEY_PROMO, JSON.stringify(promo)); } catch(e) {} promoInput.value = promo.code; const both = gift ? ` (stacks with ${gift.code} · $${gift.dollarAmount.toFixed(2)})` : ''; const benefit = promo.bogo ? `Buy ${promo.bogo.buy} Get ${promo.bogo.free} Free` : promo.discountPercent > 0 ? `${promo.discountPercent}% off${promo.freeShipping ? ' + free shipping' : ''}` : 'free shipping'; setPromoMsg(`Code "${promo.code}" applied · ${benefit}${both}.`, 'ok'); renderCart(); } else { 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'); } } }); } // ---------- Live presence beacon ---------- // Posts an anonymous heartbeat so the admin Live view can show who's on // the site right now. One random id per browser tab (sessionStorage), // one POST on load + every 45s + on cart change + on SPA navigation. (function liveBeacon(){ if (location.pathname.indexOf('/admin') === 0) return; // skip admins var SID_KEY = 'helixcore_sid', SINCE_KEY = 'helixcore_sid_since'; var sid, since; try { sid = sessionStorage.getItem(SID_KEY); if (!sid) { sid = 'S' + Date.now().toString(36) + Math.random().toString(36).slice(2, 10); sessionStorage.setItem(SID_KEY, sid); } since = sessionStorage.getItem(SINCE_KEY); if (!since) { since = String(Date.now()); sessionStorage.setItem(SINCE_KEY, since); } } catch(e) { return; } // no sessionStorage — skip tracking entirely var referrer = document.referrer || ''; var cartSummary = function(){ try { var raw = localStorage.getItem('helixcore_cart_v1'); var c = raw ? JSON.parse(raw) : []; if (!Array.isArray(c)) return { count: 0, value: 0 }; var count = 0, value = 0; c.forEach(function(it){ count += it.qty || 0; value += (it.price || 0) * (it.qty || 0); }); return { count: count, value: Math.round(value * 100) / 100 }; } catch(e) { return { count: 0, value: 0 }; } }; var ping = function(){ if (document.hidden) return; // don't count backgrounded tabs var cs = cartSummary(); try { fetch('/api/live/ping', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ sid: sid, since: Number(since), path: location.pathname, cartCount: cs.count, cartValue: cs.value, referrer: referrer }), keepalive: true }).catch(function(){}); } catch(e) {} }; ping(); setInterval(ping, 45000); window.addEventListener('helixcore:cart-changed', ping); window.addEventListener('popstate', ping); document.addEventListener('visibilitychange', function(){ if (!document.hidden) ping(); }); // Catch Next.js client-side navigation so a move to /checkout pings // immediately instead of waiting for the 45s heartbeat. var wrap = function(method){ var orig = history[method]; if (typeof orig !== 'function') return; history[method] = function(){ var r = orig.apply(this, arguments); setTimeout(ping, 50); return r; }; }; wrap('pushState'); wrap('replaceState'); })(); })();

This raffle has ended.

Get the deals first.

Are you 21 or older?