/* Fern - cart headline. Replaces the old "Buy Two Get 50% Off On Third" script. Upnova runs this once on cart load with the cart as `cart`. It owns the headline outright: it injects its stylesheet at the ROOT of Upnova's shadow DOM (a sibling of the drawer, so a cart repaint cannot remove it), paints the marquee, and hides the theme snippet's duplicate headline. The sentence names the shopper's NEXT ACTION, and the "buy again" nudge is held back until every free item tier 1 owes them is actually in the cart - 1 paid + 2 free, i.e. 3 items. Before that, what they have to do is claim the free items, so that is what it says. */ (function () { var TIERS = [{ paid: 1, free: 2 }, { paid: 2, free: 3 }]; /* buy 1 -> 2 free, buy 2 -> 3 free */ var GIFT_IDS = ['9872254632276']; /* Fern Studio Socks (free gift) */ var NUDGE = 'BUY 1 MORE GET 1 MORE FREE'; var CSS = '@keyframes tick-hrs{0%{content:"12"}4.1667%{content:"11"}8.3333%{content:"10"}12.5%{content:"09"}16.6667%{content:"08"}20.8333%{content:"07"}25%{content:"06"}29.1667%{content:"05"}33.3333%{content:"04"}37.5%{content:"03"}41.6667%{content:"02"}45.8333%{content:"01"}50%{content:"00"}54.1667%{content:"23"}58.3333%{content:"22"}62.5%{content:"21"}66.6667%{content:"20"}70.8333%{content:"19"}75%{content:"18"}79.1667%{content:"17"}83.3333%{content:"16"}87.5%{content:"15"}91.6667%{content:"14"}95.8333%{content:"13"}}@keyframes tick-mins2{0%{content:"02"}1.6667%{content:"01"}3.3333%{content:"00"}5%{content:"59"}6.6667%{content:"58"}8.3333%{content:"57"}10%{content:"56"}11.6667%{content:"55"}13.3333%{content:"54"}15%{content:"53"}16.6667%{content:"52"}18.3333%{content:"51"}20%{content:"50"}21.6667%{content:"49"}23.3333%{content:"48"}25%{content:"47"}26.6667%{content:"46"}28.3333%{content:"45"}30%{content:"44"}31.6667%{content:"43"}33.3333%{content:"42"}35%{content:"41"}36.6667%{content:"40"}38.3333%{content:"39"}40%{content:"38"}41.6667%{content:"37"}43.3333%{content:"36"}45%{content:"35"}46.6667%{content:"34"}48.3333%{content:"33"}50%{content:"32"}51.6667%{content:"31"}53.3333%{content:"30"}55%{content:"29"}56.6667%{content:"28"}58.3333%{content:"27"}60%{content:"26"}61.6667%{content:"25"}63.3333%{content:"24"}65%{content:"23"}66.6667%{content:"22"}68.3333%{content:"21"}70%{content:"20"}71.6667%{content:"19"}73.3333%{content:"18"}75%{content:"17"}76.6667%{content:"16"}78.3333%{content:"15"}80%{content:"14"}81.6667%{content:"13"}83.3333%{content:"12"}85%{content:"11"}86.6667%{content:"10"}88.3333%{content:"09"}90%{content:"08"}91.6667%{content:"07"}93.3333%{content:"06"}95%{content:"05"}96.6667%{content:"04"}98.3333%{content:"03"}}@keyframes tick-secs2{0%{content:"10"}1.6667%{content:"09"}3.3333%{content:"08"}5%{content:"07"}6.6667%{content:"06"}8.3333%{content:"05"}10%{content:"04"}11.6667%{content:"03"}13.3333%{content:"02"}15%{content:"01"}16.6667%{content:"00"}18.3333%{content:"59"}20%{content:"58"}21.6667%{content:"57"}23.3333%{content:"56"}25%{content:"55"}26.6667%{content:"54"}28.3333%{content:"53"}30%{content:"52"}31.6667%{content:"51"}33.3333%{content:"50"}35%{content:"49"}36.6667%{content:"48"}38.3333%{content:"47"}40%{content:"46"}41.6667%{content:"45"}43.3333%{content:"44"}45%{content:"43"}46.6667%{content:"42"}48.3333%{content:"41"}50%{content:"40"}51.6667%{content:"39"}53.3333%{content:"38"}55%{content:"37"}56.6667%{content:"36"}58.3333%{content:"35"}60%{content:"34"}61.6667%{content:"33"}63.3333%{content:"32"}65%{content:"31"}66.6667%{content:"30"}68.3333%{content:"29"}70%{content:"28"}71.6667%{content:"27"}73.3333%{content:"26"}75%{content:"25"}76.6667%{content:"24"}78.3333%{content:"23"}80%{content:"22"}81.6667%{content:"21"}83.3333%{content:"20"}85%{content:"19"}86.6667%{content:"18"}88.3333%{content:"17"}90%{content:"16"}91.6667%{content:"15"}93.3333%{content:"14"}95%{content:"13"}96.6667%{content:"12"}98.3333%{content:"11"}}.cd-hrs2::after{content:"5";animation:tick-hrs 86400s steps(24,end) infinite}.cd-mins2::after{content:"03";animation:tick-mins2 3600s steps(60,end) infinite}.cd-secs2::after{content:"40";animation:tick-secs2 60s steps(60,end) infinite}[part="upnova-marquee-container"].upez__marquee{display:block !important}.ffx-cart-headline{display:none !important}.ffx-h{display:flex;align-items:center;justify-content:center;gap:12px;line-height:1.3;white-space:normal}.ffx-h-msg{font-size:12px;font-weight:700}.ffx-h-timer{display:inline-flex;gap:6px;align-items:flex-start;font-weight:700;font-size:13px;white-space:nowrap}.ffx-h-timer>span{display:inline-flex;flex-direction:column;align-items:center}.ffx-h-timer small{font-size:10px;font-weight:400}'; var TIMER = '' + 'Hrs:' + 'Mins:' + 'Secs' + ''; function shadow() { var host = document.querySelector('#upezCart') || document.querySelector('upez-cart'); if (host && host.shadowRoot) return host.shadowRoot; var all = document.querySelectorAll('*'); for (var i = 0; i < all.length; i++) { if (all[i].shadowRoot && all[i].shadowRoot.querySelector('.upez__marquee')) return all[i].shadowRoot; } return null; } function freeEarned(paid) { var n = 0; for (var i = 0; i < TIERS.length; i++) if (paid >= TIERS[i].paid) n = TIERS[i].free; return n; } /* Shopify puts a claimed tier on its own 0-priced line, so the free side is counted rather than guessed at from the paid side. */ function tally(c) { var items = (c && c.items) || [], t = { paid: 0, free: 0 }; for (var i = 0; i < items.length; i++) { var it = items[i]; if (!it) continue; var props = it.properties || {}, isGift = false; for (var k in props) { if (Object.prototype.hasOwnProperty.call(props, k) && /gift/i.test(k) && props[k]) { isGift = true; break; } } if (it.final_price === 0 || it.price === 0 || isGift || GIFT_IDS.indexOf(String(it.product_id)) !== -1) t.free += it.quantity; else t.paid += it.quantity; } return t; } function messageFor(t) { if (t.paid === 0 && t.free === 0) return 'BUY 1 GET 2 FREE'; /* Every line discounted to zero still means something was bought - never fall back to the cold-start sentence while the cart has items in it. */ var paid = t.paid > 0 ? t.paid : 1; var free = t.paid > 0 ? t.free : Math.max(0, t.free - 1); var owed = freeEarned(paid) - free; if (owed >= 2) return 'ADD YOUR ' + owed + ' FREE ITEMS'; if (owed === 1) return 'ADD YOUR FREE ITEM'; if (paid === 1) return NUDGE; return 'ALL ' + free + ' FREE ITEMS UNLOCKED'; } /* Starts on the standing offer and only moves once /cart.js has answered, so a failed fetch leaves a true sentence on screen rather than a blank or a prompt the shopper has not earned. */ var msg = 'BUY 1 GET 2 FREE'; function paint() { var root = shadow(); if (!root) return; if (!root.querySelector('#ffx-headline-css')) { var s = document.createElement('style'); s.id = 'ffx-headline-css'; s.textContent = CSS; root.appendChild(s); } var m = root.querySelector('.upez__marquee'); if (!m) return; var cur = m.querySelector('.ffx-h-msg'); if (cur && cur.textContent === msg) return; m.innerHTML = '

' + msg + '' + TIMER + '

'; } function refresh() { fetch('/cart.js', { headers: { Accept: 'application/json' }, cache: 'no-store', credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (c) { msg = messageFor(tally(c)); paint(); }) .catch(function () {}); } try { if (cart) { msg = messageFor(tally(cart)); } } catch (e) {} paint(); refresh(); setInterval(paint, 600); setInterval(refresh, 1500); document.addEventListener('click', function () { setTimeout(refresh, 250); }, true); })();