'; /* Run synchronously, not through the debounce: background tabs throttle setTimeout to ~1/s (and ~1/min after a few minutes hidden), which would make the shopper's own click feel broken. */ block.querySelector('.af-stoq-pay__input').addEventListener('change', function (e) { PARTIAL = !!e.target.checked; try { run(); } catch (err) { /* never break the storefront */ } }); if (anchor.matches(SEL.message)) anchor.appendChild(block); else anchor.insertAdjacentElement('afterend', block); } var input = block.querySelector('.af-stoq-pay__input'); var title = block.querySelector('.af-stoq-pay__title'); var desc = block.querySelector('.af-stoq-pay__desc'); var info = block.querySelector('.af-stoq-info'); if (input.checked !== PARTIAL) input.checked = PARTIAL; if (title.textContent !== PROP_DEPOSIT) title.textContent = PROP_DEPOSIT; var descText = PARTIAL ? DEPOSIT_TEXT : (opts && opts.full && typeof opts.full.price === 'number' ? money(opts.full.price) + ' charged today.' : ''); if (desc.textContent !== descText) desc.textContent = descText; /* info rows */ var rows = []; var eta = prop(form, PROP_ETA); if (eta) { rows.push('

' + '📦' + 'Estimated ship date: ' + esc(eta) + '

'); } rows.push('

' + '🚚' + '' + esc(SHIPPING_TEXT) + '

'); if (PARTIAL && SAVE_TEXT) { rows.push('

' + '🏷' + esc(SAVE_TEXT) + '

'); } var html = rows.join(''); if (info.innerHTML !== html) info.innerHTML = html; info.style.display = rows.length ? '' : 'none'; } /* --- 3. struck original price + discounted price ---------------------- */ function renderPrice(opts) { var item = document.querySelector(SEL.priceItem); if (!item) return; var sel = PARTIAL ? (opts && opts.partial) : (opts && opts.full); var wrap = item.parentElement; var disc = wrap.querySelector('.restock-rocket-discounted-price'); var show = sel && typeof sel.price === 'number' && typeof sel.compare === 'number' && sel.compare > 0 && sel.price < sel.compare; if (!show) { item.classList.remove('restock-rocket-price-strike'); if (disc) disc.remove(); return; } /* Keep the theme's own markup as the struck original. */ item.classList.add('restock-rocket-price-strike'); if (!disc) { disc = document.createElement('span'); disc.className = 'restock-rocket-discounted-price'; item.insertAdjacentElement('afterend', disc); } var text = money(sel.price); if (disc.textContent !== text) disc.textContent = text; } /* --- 4. keep the form in sync with the checkbox ------------------------ */ function syncForm(form, opts) { var sp = form.querySelector('input[name="selling_plan"]'); if (!sp || !opts) return; var want = String((PARTIAL ? opts.partial : opts.full).id); if (sp.value !== want) sp.value = want; /* The deposit / savings line-item properties only apply to the partial plan — disabled inputs are not submitted, and it's reversible. */ [PROP_DEPOSIT, PROP_SAVE].forEach(function (n) { var i = form.querySelector('input[name="properties[' + n + ']"]'); if (i) i.disabled = !PARTIAL; }); } /* --- 5. Buy-it-now guard ---------------------------------------------- */ function guardBuyNow(form) { var wrap = form.querySelector(SEL.dynamic); if (!wrap || wrap.getAttribute('data-af-guarded')) return; wrap.setAttribute('data-af-guarded', '1'); wrap.addEventListener('click', function (e) { var sp = form.querySelector('input[name="selling_plan"]'); if (sp && sp.value) return; e.preventDefault(); e.stopPropagation(); var btn = form.querySelector(SEL.atc); if (btn) btn.click(); }, true); } /* --- 6. cart-drawer badge insertion failures -------------------------- */ function muteDrawer() { var nodes = document.querySelectorAll( '.restock-rocket-preorder-badge-collection-failed-insertion'); for (var i = 0; i < nodes.length; i++) { nodes[i].classList.remove('restock-rocket-preorder-badge-collection-failed-insertion'); nodes[i].classList.remove('restock-rocket-collection-rendered'); nodes[i].setAttribute('data-af-stoq-skip', '1'); } } /* --- orchestration ---------------------------------------------------- */ function run() { muteDrawer(); var forms = document.querySelectorAll(SEL.form); for (var i = 0; i < forms.length; i++) { var form = forms[i]; if (form.closest(SEL.drawer)) continue; if (!form.querySelector('.restock-rocket-preorder-button')) continue; /* Capture Stoq's own output once, before we start overriding it. */ var sp = form.querySelector('input[name="selling_plan"]'); if (!STOQ_PLAN && sp && sp.value) STOQ_PLAN = sp.value; if (!DEPOSIT_TEXT) DEPOSIT_TEXT = prop(form, PROP_DEPOSIT); if (!SAVE_TEXT) SAVE_TEXT = prop(form, PROP_SAVE); var ctx = context(form); var opts = plans(ctx); fixLabel(form); if (opts) { syncForm(form, opts); renderWidget(form, ctx, opts); renderPrice(opts); } guardBuyNow(form); } } /* Debounce on setTimeout, NOT requestAnimationFrame: rAF is paused in background tabs, which would leave the latch stuck and the fix would never run for anyone who opens the page in a background tab. */ var queued = null; function schedule() { if (queued) return; queued = setTimeout(function () { queued = null; try { run(); } catch (err) { /* never break the storefront */ } }, 16); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', schedule); } else { schedule(); } if (window.MutationObserver) { new MutationObserver(schedule).observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['class', 'value'] }); } document.addEventListener('change', function (e) { if (e.target && e.target.closest && e.target.closest(SEL.form)) schedule(); }, true); /* Timers and MutationObserver callbacks are heavily throttled while the tab is hidden, so re-sync as soon as it comes back to the front. */ document.addEventListener('visibilitychange', function () { if (!document.hidden) { try { run(); } catch (err) {} } }); var t = [300, 800, 1500, 3000]; for (var k = 0; k < t.length; k++) setTimeout(schedule, t[k]); })();

Follow Us

Contact

SUBSCRIBE!

More

Policy & Claims

WE ARE ON

Shopping Cart