/* * Carbonetics countdown timers (replaces Essential Countdown Timer). * * Reads the same settings the Essential app saved for a timer (window.ctTimerConfigs, one object per timer, * same keys and values) and draws the same thing in the same place: top/bottom bar, product page box, * landing page box (collection pages, password page, custom blocks) and cart page / cart drawer timer. * Every size, gap, padding and mobile rule below is the one the app uses, so a timer looks identical. * * Theme hooks (all optional): * .ctt-top-bar where top bars go (default: first thing in ) * .ctt-placement where the product page timer goes (default: inside the last Add to cart form) * div.ctt-block[data-timer-id=…] "Custom position": draws that timer here (any type) * .ctt-side-cart where the cart drawer timer goes * Analytics: Shopify customer events + Microsoft Clarity custom events (ct_countdown_view, _click_cta_button, * _click_close_button, _countdown_complete). No third-party requests. */ (function () { 'use strict'; var W = window, D = document; if (W.CTTimers && W.CTTimers.started) return; var DAY = 864e5; var MOBILE_RULES_FROM = 1697704508e3; // timers made before this keep the app's old bar (z-index 100, no phone sizes) var HIDE_DAYS_DEFAULT_FROM = 17724528e5; // timers made from this date hide "00" days unless switched off var COLLECTION_ID_MATCH_FROM = 1730369064e3; // newer timers match collections by id, older ones by URL handle var RECURRING_WINDOW_FIX_FROM = 1735570161e3; function meta() { return W.ctTimerMeta || {}; } function root() { return (W.Shopify && W.Shopify.routes && W.Shopify.routes.root) || '/'; } function shop() { return (W.Shopify && W.Shopify.shop) || ''; } function time(v) { return new Date(v).getTime(); } function created(c) { return c.createdAt ? time(c.createdAt) : 0; } // ---------- safety: same rules as the app ---------- var ALLOWED_TAGS = { B: 1, STRONG: 1, I: 1, EM: 1, U: 1, S: 1, BR: 1, SPAN: 1, P: 1, SMALL: 1, SUP: 1, SUB: 1, DIV: 1, FONT: 1 }; var DROP_TAGS = ['SCRIPT', 'STYLE', 'IFRAME', 'OBJECT', 'EMBED', 'LINK', 'META', 'IMG', 'SVG', 'MATH', 'BASE', 'FORM', 'INPUT', 'TEMPLATE', 'AUDIO', 'VIDEO']; var DROP_RE = new RegExp('<\\s*/?\\s*(' + DROP_TAGS.join('|') + ')\\b', 'i'); function unsafeText(s) { return DROP_RE.test(s) || /<[^>]+\son\w+\s*=/i.test(s) || /javascript\s*:/i.test(s); } function unsafe(v, seen) { seen = seen || []; if (v == null) return false; if (typeof v === 'string') return unsafeText(v); if (typeof v !== 'object' || seen.indexOf(v) > -1) return false; seen.push(v); return Object.keys(v).some(function (k) { return unsafe(v[k], seen); }); } function safeLink(v) { if (typeof v !== 'string') return ''; var s = v.trim(); return s && (s.indexOf(':') === -1 || /^(https?|mailto|tel):/i.test(s)) ? s : ''; } function richFragment(html) { var t = D.createElement('template'); t.innerHTML = String(html == null ? '' : html); (function walk(node) { Array.prototype.slice.call(node.childNodes).forEach(function (n) { if (n.nodeType === 3) return; if (n.nodeType !== 1) { n.remove(); return; } if (DROP_TAGS.indexOf(n.tagName) > -1) { n.remove(); return; } if (!ALLOWED_TAGS[n.tagName]) { walk(n); n.replaceWith.apply(n, Array.prototype.slice.call(n.childNodes)); return; } Array.prototype.slice.call(n.attributes).forEach(function (a) { var keep = a.name.toLowerCase() === 'style' && !/expression|url\s*\(|javascript:|behaviour|behavior/i.test(a.value); if (!keep) n.removeAttribute(a.name); }); walk(n); }); })(t.content); return t.content; } // ---------- storage ---------- function lsGet(k) { try { return W.localStorage.getItem(k); } catch (e) { return null; } } function lsSet(k, v) { try { W.localStorage.setItem(k, v); } catch (e) { /* private mode */ } } function lsDel(k) { try { W.localStorage.removeItem(k); } catch (e) { /* ignore */ } } // ---------- analytics ---------- var viewed = {}; function previewing() { return !!(W.Shopify && (W.Shopify.previewMode === true || W.Shopify.designMode === true)); } function track(c, name, extra) { if (!c || previewing()) return; var p = { timer: String(c.id), name: String(c.name || c.title || '').substring(0, 250), type: String(c.type || ''), ctaType: String(c.CTAType || '') }; if (extra) for (var k in extra) p[k] = extra[k]; try { if (W.Shopify && W.Shopify.analytics && W.Shopify.analytics.publish) W.Shopify.analytics.publish('ct_countdown_' + name, p); } catch (e) { /* ignore */ } try { if (typeof W.clarity === 'function') W.clarity('event', 'ct_countdown_' + name); } catch (e) { /* ignore */ } } function inDrawer(el) { return !!(el && el.closest && el.closest('#essential-cart-drawer-portal, [data-essential-cart-element="cart-drawer-content"]')); } function visible(el) { if (!el || !el.isConnected) return false; var r = el.getBoundingClientRect(); if (r.width <= 0 || r.height <= 0) return false; for (var n = el; n && n !== D.documentElement; n = n.parentElement) { if (n.hidden || n.inert || n.getAttribute('aria-hidden') === 'true') return false; var cs = W.getComputedStyle(n); if (cs.display === 'none' || cs.visibility === 'hidden' || cs.visibility === 'collapse' || parseFloat(cs.opacity) === 0) return false; if (n.tagName === 'DIALOG' && !n.open) return false; } return true; } function trackView(c, sideCart, node) { if (sideCart || inDrawer(node)) return; setTimeout(function () { if (node && !node.isConnected) return; var id = String(c.id || ''); if (id && viewed[id]) return; if (id) viewed[id] = true; track(c, 'view'); }, 700); } function watchDrawerView(c, node) { var id = String(c.id || ''); if ((id && viewed[id]) || typeof IntersectionObserver !== 'function' || !node) return; new IntersectionObserver(function (entries, obs) { if (!node.isConnected) { obs.disconnect(); return; } for (var i = 0; i < entries.length; i++) { if (entries[i].isIntersecting && !viewed[id] && visible(node)) { viewed[id] = true; track(c, 'view'); obs.disconnect(); break; } } }, { threshold: 0.1 }).observe(node); } function completeKey(c) { return 'cttTimerCompleted-' + c.id + '-' + c.updatedAt; } var completedMem = {}; function trackComplete(c, opts) { opts = opts || {}; if (opts.sideCart && !visible(opts.node)) return; var k = completeKey(c); try { if (W.sessionStorage.getItem(k)) return; W.sessionStorage.setItem(k, '1'); } catch (e) { if (completedMem[c.id]) return; completedMem[c.id] = true; } track(c, 'countdown_complete'); } function resetComplete(c) { try { W.sessionStorage.removeItem(completeKey(c)); } catch (e) { delete completedMem[c.id]; } } var clicksBound = false; function bindClicks() { if (clicksBound) return; clicksBound = true; D.addEventListener('click', function (e) { var a = e.target && e.target.closest && e.target.closest('[class*="ctt-bar__cta_"], [class*="ctt-w__cta_"]'); if (!a) return; var m = String(a.className || '').match(/ctt-(?:bar|w)__cta_(\S+)/); var c = m && byId(m[1]); if (!c) return; if (inDrawer(e.target)) { var box = e.target.closest('.ctt-cart'); if (!visible(box || e.target)) return; } track(c, 'click_cta_button'); }, true); } // ---------- settings helpers ---------- var CONFIGS = []; function byId(id) { for (var i = 0; i < CONFIGS.length; i++) if (String(CONFIGS[i].id) === String(id)) return CONFIGS[i]; return null; } function look(c) { var s = c.style || {}; return { layout: s.layout || 'Standard', timerStyle: s.timerStyleType || 'Plain', boxBg: s.timerBgColor || '#E1E2EE', boxRadius: s.timerBorderRadius || '8', size: parseInt(s.timerSize, 10) || 24, labels: !!(c.legendCopyDays || c.legendCopyHours || c.legendCopyMins || c.legendCopySecs) }; } function recurring(c) { return c.timerType === 'recurring'; } function fontCss(s) { return s.font !== '' && s.font ? 'font-family: ' + s.font + ';\n' : ''; } function backgroundCss(s) { if (s.backgroundType === 'imageBackground') return ''; if (s.backgroundType === 'gradientBackground') return 'background: linear-gradient(' + s.gradientTurn + 'deg, ' + s.gradientStart + ', ' + s.gradientEnd + ');'; if (s.backgroundType === 'singleBackground') { var a = s.singleColorAlpha; if ((a || parseFloat(a) === 0) && parseFloat(a) < 1) return 'background: ' + s.singleColorRgba + ';'; return 'background: ' + s.singleColor + ';'; } return 'background: ' + s.singleColor + ';'; } function addCss(css) { var st = D.createElement('style'); st.setAttribute('type', 'text/css'); st.setAttribute('id', 'ctt-timer-css'); st.appendChild(D.createTextNode(css)); D.getElementsByTagName('head')[0].appendChild(st); } // ---------- CSS (one block per timer, same rules as the app) ---------- function boxesCss(c) { var s = c.style, L = look(c), t = L.size, out = ''; if (L.timerStyle === 'Grouped') { out += '.ctt-group_' + c.id + ' { display: inline-flex; align-items: center; gap: ' + Math.round(t / 8) + 'px; background: ' + L.boxBg + '; border-radius: ' + L.boxRadius + 'px; padding: ' + Math.round(t / 4) + 'px; }\n'; } if (L.timerStyle === 'Boxes') { out += '.ctt-boxes_' + c.id + ' { display: flex; gap: ' + Math.round(t / (L.labels ? 4 : 8)) + 'px; align-items: flex-start; direction: ltr; }\n' + '.ctt-cell_' + c.id + ' { display: flex; flex-direction: column; align-items: center; }\n' + '.ctt-box_' + c.id + ' { display: flex; flex-direction: column; align-items: center; background: ' + L.boxBg + '; border-radius: ' + L.boxRadius + 'px; padding: ' + Math.round(t / 4) + 'px; }\n' + '.ctt-boxlbl_' + c.id + ' { color: ' + s.legendColor + '; font-size: ' + s.legendSize + 'px; padding-top: ' + Math.round(t / 8) + 'px; text-align: center; line-height: 1; }\n'; } return out; } function clockCss(c, kind, layout) { var s = c.style, L = look(c), t = L.size, inline = layout === 'Inline'; var wrap; if (inline) { wrap = 'display: flex; align-items: center; gap: ' + Math.round(t / (L.labels ? 4 : 8)) + 'px;'; } else { wrap = 'display: grid; grid-template-columns: ' + (recurring(c) ? '1fr 10px 1fr 10px 1fr' : '1fr 10px 1fr 10px 1fr 10px 1fr') + ';' + ' row-gap: ' + (L.labels ? Math.round(t / 8) + 'px' : '0') + '; justify-items: center; align-items: center;' + ' column-gap: ' + Math.round(t / 8) + 'px; direction: ltr;' + (kind !== 'top-bar' && layout === 'Standard' && L.timerStyle !== 'Grouped' ? ' padding-top: 4px;' : '') + (kind !== 'top-bar' && !c.subheading && !c.title ? ' padding-top: 0;' : ''); } return '.ctt-clock_' + c.id + ' { ' + wrap + ' }\n' + '.ctt-num_' + c.id + ' { ' + fontCss(s) + 'color: ' + s.timerColor + '; font-weight: bold; font-size: ' + s.timerSize + 'px; line-height: 1; font-feature-settings: \'tnum\'; font-variant-numeric: tabular-nums; width: 2ch; white-space: nowrap; text-align: center; }\n' + '.ctt-lbl_' + c.id + ' { ' + fontCss(s) + 'color: ' + s.legendColor + '; font-size: ' + s.legendSize + 'px; ' + (inline ? '' : 'padding-right: 10px; grid-column: 2 span; ') + 'line-height: 1; }\n' + (inline ? '' : '.ctt-lbl_' + c.id + '.last { grid-column: auto; padding-right: 0; }\n') + '.ctt-sep_' + c.id + ' { ' + fontCss(s) + 'color: ' + s.timerColor + '; font-size: ' + s.timerSize + 'px; font-weight: normal; line-height: 0.8; }\n'; } function widgetCss(c) { var s = c.style, layout = look(c).layout, std = layout === 'Standard', bal = layout === 'Balanced', id = c.id; var spacing = s.insideTopSpacing !== undefined ? 'margin-top: ' + s.outsideTopSpacing + 'px; margin-bottom: ' + s.outsideBottomSpacing + 'px; padding-top: ' + s.insideTopSpacing + 'px; padding-bottom: ' + s.insideBottomSpacing + 'px; padding-left: ' + (s.insideLeftSpacing != null ? s.insideLeftSpacing : 16) + 'px; padding-right: ' + (s.insideRightSpacing != null ? s.insideRightSpacing : 16) + 'px;' : 'margin: 20px 0; padding: 30px;'; addCss( '.ctt-w_' + id + ' { display: flex; flex-flow: ' + (std ? 'column' : 'row wrap') + '; ' + (bal ? 'justify-content: space-between; ' : layout === 'Inline' ? 'justify-content: center; ' : '') + 'align-items: center; ' + (std ? '' : c.type === 'landing-page' ? 'gap: 12px 16px; ' : 'gap: 2px 4px; ') + 'text-align: ' + (std ? 'center' : 'left') + '; ' + fontCss(s) + backgroundCss(s) + ' ' + spacing + ' border-radius: ' + s.borderRadius + 'px; border: ' + s.borderColor + ' solid ' + s.borderSize + 'px; flex: auto; position: relative; overflow: hidden; }\n' + '.ctt-w_' + id + '.ctt-clickable { cursor: pointer; }\n' + '.ctt-w_' + id + ' h2 { ' + fontCss(s) + 'font-weight: bold; font-size: ' + s.titleSize + 'px; color: ' + s.titleColor + '; margin: 0; padding: 0; line-height: 1; letter-spacing: normal; text-transform: none; }\n' + '.ctt-w__sub_' + id + ' { ' + fontCss(s) + 'font-size: ' + s.subheadingSize + 'px; color: ' + s.subheadingColor + '; line-height: 1.5; letter-spacing: normal; padding: 0; margin: 0; }\n' + '.ctt-w__cta_' + id + ', .ctt-w__cta_' + id + ':visited { display: block; cursor: pointer; text-decoration: none; background: ' + s.buttonBackgroundColor + '; border: 0; white-space: nowrap; padding: ' + (layout === 'Inline' ? '2px 8px' : '8px 16px') + '; line-height: 1.5; border-radius: ' + s.buttonBorderRadius + 'px; font-size: ' + s.buttonFontSize + 'px; color: ' + s.buttonFontColor + '; margin-top: ' + (layout === 'Inline' ? '0' : bal ? '10px' : '20px') + '; }\n' + '.ctt-w__text_' + id + ' { display: flex; flex-direction: column; align-items: flex-start; }\n' + boxesCss(c) + clockCss(c, 'product-page', layout) ); } function barCss(c) { var s = c.style, layout = look(c).layout, bal = layout === 'Balanced', id = c.id, L = look(c), oldBar = !c.createdAt || created(c) < MOBILE_RULES_FROM; var pad = function (v, d) { return v != null ? v : d; }; var phone = oldBar ? '' : '@media (max-width: 620px) {\n' + '.ctt-bar_' + id + ' { padding: 7px; column-gap: 10px; row-gap: 4px; }\n' + 'span.ctt-num_' + id + ' { font-size: ' + Math.floor(s.timerSize * 0.8) + 'px; padding-top: ' + (L.labels ? '2px' : 0) + '; }\n' + 'div.ctt-lbl_' + id + ' { font-size: ' + Math.floor(s.legendSize * 0.8) + 'px; }\n' + '.ctt-bar__title_' + id + '.h2 { font-size: ' + Math.floor(s.titleSize * 0.8) + 'px; }\n' + '.ctt-bar__sub_' + id + ' { font-size: ' + Math.floor(s.subheadingSize * 0.8) + 'px; }\n' + '.ctt-bar__cta_' + id + ', .ctt-bar__cta_' + id + ':visited { padding: 6px 14px; line-height: 1.5; font-size: ' + Math.floor(s.buttonFontSize * 0.9) + 'px; }\n' + '}\n'; addCss( '.ctt-bar_' + id + ' { position: relative; ' + fontCss(s) + backgroundCss(s) + ' z-index: ' + (oldBar ? 100 : 1) + '; display: flex !important; width: 100%; flex-wrap: wrap; ' + (s.announcementBarStyle === 'seperate-centered' ? 'flex-flow: column; justify-items: center; ' : '') + 'align-items: center; justify-content: ' + (bal ? 'space-between' : 'center') + '; padding-top: ' + pad(s.insideTopSpacing, 10) + 'px; padding-bottom: ' + pad(s.insideBottomSpacing, 10) + 'px; padding-left: ' + pad(s.insideLeftSpacing, bal ? 30 : 10) + 'px; padding-right: ' + pad(s.insideRightSpacing, bal ? 30 : 10) + 'px; column-gap: 16px; row-gap: 4px; border-bottom: ' + s.borderColor + ' solid ' + s.borderSize + 'px; }\n' + '.ctt-bar_' + id + '.ctt-top { position: sticky; top: 0; }\n' + '.ctt-bar_' + id + '.ctt-bottom { bottom: 0; left: 0; position: fixed; width: 100%; border-bottom: none; border-top: ' + s.borderColor + ' solid ' + s.borderSize + 'px; }\n' + '.ctt-bar_' + id + '.ctt-clickable { cursor: pointer; }\n' + '.ctt-bar__title_' + id + '.h2 { ' + fontCss(s) + 'font-weight: bold; font-size: ' + s.titleSize + 'px; color: ' + s.titleColor + '; margin: 0; padding: 0; line-height: 1.2; letter-spacing: normal; text-transform: none; text-align: left; }\n' + '.ctt-bar__sub_' + id + ' { ' + fontCss(s) + 'font-size: ' + s.subheadingSize + 'px; color: ' + s.subheadingColor + '; line-height: 1.2; letter-spacing: normal; padding: 0; margin: 0; }\n' + '.ctt-bar__cta_' + id + ', .ctt-bar__cta_' + id + ':visited { display: block; cursor: pointer; text-decoration: none; background: ' + s.buttonBackgroundColor + '; border: 0; white-space: nowrap; padding: ' + (layout === 'Inline' ? '2px 8px' : '8px 16px') + '; line-height: 1.5; border-radius: ' + s.buttonBorderRadius + 'px; font-size: ' + s.buttonFontSize + 'px; color: ' + s.buttonFontColor + '; }\n' + '.ctt-bar__close_' + id + ' { position: absolute; display: block; border: none; background: none; padding: 6px; cursor: pointer; top: 50%; right: 10px; transform: translate(0, -50%); }\n' + '.ctt-bar__close_' + id + ' svg { width: 12px; height: 12px; display: block; }\n' + phone + '@media (max-width: 430px) {\n' + '.ctt-bar_' + id + ' { justify-items: center; text-align: center; padding: 10px 15px; }\n' + '.ctt-bar__close_' + id + ' { position: absolute; padding: 0; transform: none; top: 5px; right: 5px; }\n' + '.ctt-bar__title_' + id + '.h2 { text-align: center; }\n' + '}\n' + boxesCss(c) + clockCss(c, 'top-bar', layout) ); } function cartCss(c) { var s = c.style, L = look(c), t = L.size, id = c.id; addCss( '.ctt-cart_' + id + ' { ' + fontCss(s) + backgroundCss(s) + ' margin-top: ' + s.outsideTopSpacing + 'px; margin-bottom: ' + s.outsideBottomSpacing + 'px; padding-top: ' + s.insideTopSpacing + 'px; padding-bottom: ' + s.insideBottomSpacing + 'px; padding-left: 10px; padding-right: 10px; border-radius: ' + s.borderRadius + 'px; border: ' + s.borderColor + ' solid ' + s.borderSize + 'px; text-align: center; flex: auto; align-items: center; position: relative; overflow: hidden; }\n' + '[data-essential-cart-element="cart-drawer-empty"] .ctt-cart_' + id + ' { display: none; }\n' + '.ctt-cart_' + id + ' .h2 { ' + fontCss(s) + 'font-weight: bold; font-size: ' + s.titleSize + 'px; color: ' + s.titleColor + '; margin: 0; padding: 0; line-height: 1.2; letter-spacing: normal; text-transform: none; white-space: break-spaces; }\n' + '.ctt-clock_' + id + ' { white-space: nowrap; }\n' + '.ctt-num_' + id + ' { ' + fontCss(s) + 'color: ' + s.timerColor + '; font-weight: bold; font-size: ' + s.timerSize + 'px; line-height: 1; font-feature-settings: \'tnum\'; font-variant-numeric: tabular-nums; width: 2ch; white-space: nowrap; text-align: center; }\n' + '.ctt-sep_' + id + ' { color: ' + s.timerColor + '; font-size: ' + s.timerSize + 'px; font-weight: normal; line-height: 0.8; }\n' + (L.timerStyle === 'Grouped' ? '.ctt-group_' + id + ' { display: inline-flex; align-items: center; gap: ' + Math.round(t / 8) + 'px; background: ' + L.boxBg + '; border-radius: ' + L.boxRadius + 'px; padding: ' + Math.round(t / 4) + 'px; }\n' : '') + (L.timerStyle === 'Boxes' ? '.ctt-box_' + id + ' { display: inline-flex; flex-direction: column; align-items: center; background: ' + L.boxBg + '; border-radius: ' + L.boxRadius + 'px; padding: ' + Math.round(t / 4) + 'px; }\n' : '') ); } // ---------- time ---------- function pad2(n) { return String(n).length === 1 ? '0' + n : n; } function todayAt(v) { var d = new Date(), src = new Date(v); d.setHours(src.getHours()); d.setMinutes(src.getMinutes()); d.setSeconds(src.getSeconds()); return d; } function fixedKey(c) { return 'essentialCountdownTimer-' + c.id; } // same key as the app: running fixed-minute timers carry over function removeTimer(c) { var sel = c.type === 'product-page' || c.type === 'landing-page' ? '.ctt-w_' + c.id : c.type === 'cart-page' ? '.ctt-cart_' + c.id : '.ctt-bar_' + c.id; if (c.type === 'cart-page' && W.cttCartObserver) W.cttCartObserver.disconnect(); var el = D.querySelector(sel); if (el) el.remove(); } function showEndTitle(c) { var title, sub; if (c.type === 'product-page' || c.type === 'landing-page') { title = D.querySelector('.ctt-w_' + c.id + ' h2') || D.querySelector('.ctt-w__title_' + c.id); sub = D.querySelector('.ctt-w__sub_' + c.id); } else { title = D.querySelector('.ctt-bar__title_' + c.id); sub = D.querySelector('.ctt-bar__sub_' + c.id); } if (sub) sub.remove(); if (title) title.textContent = c.customTitle; } // -> {days?, hours, minutes, seconds} while running; undefined once over (after doing the "once it ends" action) function remaining(start, saved, c, cart) { var r, now = new Date().getTime(); if (c.timerType === 'toDate') { r = new Date(c.endDate) - now; } else if (c.timerType === 'recurring') { var over = new Date(c.endDate) - now; if (c.endType !== 'never' && over < 0) r = over; else { var a = todayAt(c.startDate), b = todayAt(c.endDate); if (a < b || b.getTime() > now) r = b - now; else if (a.getTime() > now) r = 0; else r = b.getTime() + DAY - now; } } else { var endAt = new Date(start + c.fixedMinutes * 6e4); r = saved ? endAt - (c.fixedMinutes * 6e4 - saved) - now : endAt - now; if (c.type === 'cart-page' && cart && cart.item_count > 0) { lsSet(fixedKey(c), JSON.stringify({ id: c.id, userDistance: r, sessionCurrentDate: new Date().getTime(), updatedAt: c.updatedAt })); } if (c.type !== 'cart-page') lsSet(fixedKey(c), r + ', ' + new Date().getTime() + ', ' + c.timerType + '-' + c.fixedMinutes + '-' + c.id); } if (r < 0) { if (c.onceItEnds === 'custom-title') showEndTitle(c); if (c.onceItEnds === 'hide' || c.onceItEnds === '' || c.onceItEnds === 'delete-items') removeTimer(c); if (c.onceItEnds === 'delete-items' && c.type === 'cart-page' && cart && cart.item_count > 0) clearCart(c); return undefined; } var d = pad2(Math.floor(r / DAY)), h = pad2(Math.floor(r % DAY / 36e5)), m = pad2(Math.floor(r % 36e5 / 6e4)), s = pad2(Math.floor(r % 6e4 / 1e3)); return recurring(c) ? { hours: h, minutes: m, seconds: s } : { days: d, hours: h, minutes: m, seconds: s }; } function values(o) { return Object.keys(o).map(function (k) { return o[k]; }); } // ---------- drawing the clock ---------- function el(tag, cls, text) { var e = D.createElement(tag); if (cls) e.className = cls; if (text != null) e.textContent = text; return e; } function legends(box, labels, c, last) { labels.forEach(function (txt, i) { box.append(el('div', i === last ? 'ctt-lbl_' + c.id + ' last' : 'ctt-lbl_' + c.id, txt)); }); } function drawClock(parts, holder, c) { var L = look(c), inline = L.layout === 'Inline'; if (!parts) parts = recurring(c) ? { hours: '00', minutes: '00', seconds: '00' } : { days: '00', hours: '00', minutes: '00', seconds: '00' }; var oldTimer = !c.createdAt || created(c) < HIDE_DAYS_DEFAULT_FROM; var hideZeroDays = typeof (c.style && c.style.hideDaysWhenZero) === 'boolean' ? c.style.hideDaysWhenZero : !oldTimer; var withDays = !recurring(c) && (!hideZeroDays || parts.days !== '00'); var nums = recurring(c) || withDays ? values(parts) : values(parts).slice(1); var labels = recurring(c) || !withDays ? [c.legendCopyHours, c.legendCopyMins, c.legendCopySecs] : [c.legendCopyDays, c.legendCopyHours, c.legendCopyMins, c.legendCopySecs]; var last = nums.length - 1; var num = function (v) { return el('span', 'ctt-num_' + c.id, v); }; var sep = function () { return el('span', 'ctt-sep_' + c.id, ':'); }; var cols = nums.length === 4 ? '1fr 10px 1fr 10px 1fr 10px 1fr' : '1fr 10px 1fr 10px 1fr'; var box; if (L.timerStyle === 'Plain' && !inline) { box = el('div', 'ctt-clock_' + c.id + ' ctt-clock notranslate'); box.style.gridTemplateColumns = cols; nums.forEach(function (v, i) { box.append(num(v)); if (i !== last) box.append(sep()); }); legends(box, labels, c, last); holder.innerHTML = ''; holder.append(box); return; } if (L.timerStyle === 'Boxes' && !inline) { box = el('div', 'ctt-boxes_' + c.id + ' ctt-clock notranslate'); nums.forEach(function (v, i) { var cell = el('div', 'ctt-cell_' + c.id), item = el('div', 'ctt-box_' + c.id); item.append(num(v)); cell.append(item); cell.append(el('div', 'ctt-boxlbl_' + c.id, labels[i] || '')); box.append(cell); if (!L.labels && i !== last) { var s = sep(); s.style.paddingTop = Math.round(L.size / 4) + 'px'; s.style.paddingBottom = Math.round(L.size / 4) + 'px'; box.append(s); } }); holder.style.paddingTop = L.layout === 'Standard' && (c.title || c.subheading) ? '4px' : '0'; holder.innerHTML = ''; holder.append(box); return; } if (inline) { box = el('div', 'ctt-clock_' + c.id + ' ctt-clock notranslate'); nums.forEach(function (v, i) { if (L.timerStyle === 'Boxes') { var item = el('div', 'ctt-box_' + c.id); item.append(num(v)); box.append(item); } else box.append(num(v)); if (L.labels) box.append(el('span', 'ctt-lbl_' + c.id, labels[i] || '')); else if (i !== last) box.append(sep()); }); holder.innerHTML = ''; if (L.timerStyle === 'Grouped') { var g = el('div', 'ctt-group_' + c.id + ' ctt-clock notranslate'); g.append(box); holder.append(g); } else holder.append(box); return; } if (L.timerStyle === 'Grouped') { box = el('div', 'ctt-clock_' + c.id + ' ctt-clock notranslate'); box.style.gridTemplateColumns = cols; box.style.paddingTop = '0'; nums.forEach(function (v, i) { box.append(num(v)); if (i !== last) box.append(sep()); }); legends(box, labels, c, last); holder.style.paddingTop = L.layout === 'Standard' && (c.title || c.subheading) ? '4px' : '0'; holder.innerHTML = ''; var grp = el('div', 'ctt-group_' + c.id + ' ctt-clock notranslate'); grp.append(box); holder.append(grp); } } // cart: the clock sits inside the title wherever {timer} is; days and hours drop out while they are 00 function drawCartClock(parts, holder, c) { var line = el('div', 'ctt-cart__inline h2'); if (!parts) parts = recurring(c) ? { hours: '00', minutes: '00', seconds: '00' } : { days: '00', hours: '00', minutes: '00', seconds: '00' }; var L = look(c); var nums = [].concat(parts.days && parts.days !== '00' ? [parts.days] : [], parts.hours !== '00' ? [parts.hours] : [], [parts.minutes, parts.seconds]); var last = nums.length - 1; var num = function (v) { return el('span', 'ctt-num_' + c.id, v); }; var sep = function () { return el('span', 'ctt-sep_' + c.id, ':'); }; var flexRow = function (n) { n.style.display = 'inline-flex'; n.style.alignItems = 'center'; n.style.gap = '2px'; n.style.direction = 'ltr'; return n; }; var clock; if (L.timerStyle === 'Grouped') { var inner = flexRow(el('span')); nums.forEach(function (v, i) { inner.append(num(v)); if (i !== last) inner.append(sep()); }); clock = el('span', 'ctt-group_' + c.id); clock.append(inner); } else if (L.timerStyle === 'Boxes') { var p = Math.round(L.size / 4); clock = flexRow(el('span')); nums.forEach(function (v, i) { var b = el('span', 'ctt-box_' + c.id); b.append(num(v)); clock.append(b); if (i !== last) { var s = sep(); s.style.paddingTop = p + 'px'; s.style.paddingBottom = p + 'px'; clock.append(s); } }); } else { clock = flexRow(el('span')); nums.forEach(function (v, i) { clock.append(num(v)); if (i !== last) clock.append(sep()); }); } holder.innerHTML = ''; var frag = richFragment(c.title), walker = D.createTreeWalker(frag, NodeFilter.SHOW_TEXT), n; while ((n = walker.nextNode())) { var at = n.nodeValue.indexOf('{timer}'); if (at === -1) continue; var rest = n.splitText(at); rest.nodeValue = rest.nodeValue.slice(7); rest.parentNode.insertBefore(clock, rest); break; } line.append(frag); holder.append(line); } // ---------- running ---------- function run(holder, c, opts) { opts = opts || {}; var start = Number(new Date().getTime()), saved, stamp, key, stored = lsGet(fixedKey(c)); if (stored) { var parts = stored.split(','); saved = parts[0]; stamp = parts[1]; key = parts[2] || ''; if (key.indexOf(c.timerType + '-' + c.fixedMinutes + '-' + c.id) === -1) { stored = null; saved = null; } } if (stored && parseInt(stamp, 10) + c.fixedMinutes * 6e4 > start) start = parseInt(stamp, 10); var first = remaining(start, saved, c); var wasRunning = !!first, done = false; drawClock(first, holder, c); trackView(c, opts.sideCart, holder); var timer = setInterval(function () { var p = remaining(start, saved, c); if (p) wasRunning = true; if ((c.repeat || c.onceItEnds === 'repeat') && c.timerType === 'fixedMinutes' && !p) { if (!done && wasRunning) { done = true; trackComplete(c, opts); } resetComplete(c); saved = 0; start = Number(new Date().getTime()); done = false; wasRunning = false; } else if (!p) { if (!done && wasRunning) { done = true; trackComplete(c, opts); } clearInterval(timer); } drawClock(remaining(start, saved, c), holder, c); }, 1000); } function runCart(holder, c, cart, opts) { opts = opts || {}; var start = Number(new Date().getTime()), stored = lsGet(fixedKey(c)), st = {}; if (stored) { try { st = JSON.parse(stored) || {}; } catch (e) { st = {}; } if (st && st.id === c.id && st.updatedAt !== c.updatedAt) { lsDel(fixedKey(c)); stored = null; st.userDistance = null; } } if (stored && parseInt(st.sessionCurrentDate, 10) + c.fixedMinutes * 6e4 > start) start = parseInt(st.sessionCurrentDate, 10); var first = remaining(start, st.userDistance, c, cart); var wasRunning = !!first, done = false; drawCartClock(first, holder, c); trackView(c, opts.sideCart, holder); var timer = setInterval(function () { var p = remaining(start, st.userDistance, c, cart); if (p) wasRunning = true; if ((c.repeat || c.onceItEnds === 'repeat') && c.timerType === 'fixedMinutes' && !p) { if (!done && wasRunning) { done = true; trackComplete(c, opts); } resetComplete(c); st.userDistance = 0; start = Number(new Date().getTime()); done = false; wasRunning = false; } else if (!p) { if (!done && wasRunning) { done = true; trackComplete(c, opts); } clearInterval(timer); } drawCartClock(remaining(start, st.userDistance, c, cart), holder, c); }, 1000); } // ---------- image backgrounds ---------- function overlayColour(s) { var n = s.imageOverlayColor, a = s.imageOverlayColorAlpha; if ((a || parseFloat(a) === 0) && parseFloat(a) < 1) n = 'linear-gradient(' + s.imageOverlayColorRgba + ', ' + s.imageOverlayColorRgba + ')'; return n; } function imageBg(box, c) { if (c.style.backgroundType !== 'imageBackground') return; Array.prototype.slice.call(box.children).forEach(function (k) { k.style.position = 'relative'; }); var shade = D.createElement('div'); shade.style.position = 'absolute'; shade.style.top = '0'; shade.style.left = '0'; shade.style.width = '100%'; shade.style.height = '100%'; shade.style.background = overlayColour(c.style); box.insertBefore(shade, box.firstChild); var img = D.createElement('img'); img.src = c.style.image; img.classList.add('ctt-img-reset'); img.fetchpriority = 'high'; img.style.width = '100%'; img.style.height = '100%'; img.style.objectFit = 'cover'; img.style.zIndex = '-1'; img.style.position = 'relative'; shade.append(img); } function imageBgCart(box, c) { if (c.style.backgroundType !== 'imageBackground') return; Array.prototype.slice.call(box.children).forEach(function (k) { k.style.position = 'relative'; k.style.zIndex = '2'; }); var img = D.createElement('img'); img.src = c.style.image; img.classList.add('ctt-img-reset'); img.fetchpriority = 'high'; img.style.position = 'absolute'; img.style.top = '0'; img.style.left = '0'; img.style.width = '100%'; img.style.height = '100%'; img.style.objectFit = 'cover'; img.style.zIndex = '0'; box.insertBefore(img, box.firstChild); var shade = D.createElement('div'); shade.textContent = ''; shade.style.position = 'absolute'; shade.style.top = '0'; shade.style.left = '0'; shade.style.width = '100%'; shade.style.height = '100%'; shade.style.background = overlayColour(c.style); shade.style.zIndex = '1'; box.insertBefore(shade, img.nextSibling); } // ---------- close button ---------- function closeIcon(colour) { var svg = D.createElementNS('http://www.w3.org/2000/svg', 'svg'), path = D.createElementNS('http://www.w3.org/2000/svg', 'path'); svg.setAttribute('width', 12); svg.setAttribute('height', 12); svg.setAttribute('fill', 'none'); path.setAttribute('d', 'm7.414 6 4.293-4.293A.999.999 0 1 0 10.293.293L6 4.586 1.707.293A.999.999 0 1 0 .293 1.707L4.586 6 .293 10.293a.999.999 0 1 0 1.414 1.414L6 7.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L7.414 6Z'); path.setAttribute('fill', colour); svg.append(path); return svg; } var CLOSED_KEY = 'countdownTimerAnnoucementBarClosed'; // same key as the app, so a shopper's closed bar stays closed after the switch function closeBar(c) { var bar = D.querySelector('.ctt-bar_' + c.id); if (!bar) return; bar.parentNode.removeChild(bar); lsSet(CLOSED_KEY, JSON.stringify({ value: true, id: c.id, updatedAt: c.updatedAt })); } function goTo(e, link) { if (!e.target.closest('button') && link) W.location.href = link; } // ---------- top / bottom bar ---------- function templateName() { return meta().template || ''; } function barAllowedHere(c) { if (c.timerPlacement) { var path = W.location.pathname, home = root(), homeTrim = home.length > 1 ? home.slice(0, -1) : home; if (c.timerPlacement === 'home-page' && path !== homeTrim && path !== home) return false; if (c.timerPlacement === 'all-products' && path.indexOf('/products/') === -1) return false; if (c.timerPlacement === 'all-products' && path.indexOf('/products/') > -1 && (c.excludeOnProducts || []).some(function (p) { return Number(String(p.id).split('/').pop()) === meta().productId; })) return false; if (c.timerPlacement === 'all-collections' && (path.indexOf('/collections/') === -1 || path.indexOf('/products/') > -1)) return false; return true; } var t = templateName(), ex = c.excludeOnPages || []; var onPage = (t.indexOf('index') === 0 && ex.indexOf('home-page') > -1) || (t.indexOf('collection') === 0 && ex.indexOf('all-collections') > -1) || (t.indexOf('product') === 0 && ex.indexOf('all-products') > -1) || (t.indexOf('blog') === 0 && ex.indexOf('blogs') > -1) || (t.indexOf('article') === 0 && ex.indexOf('posts') > -1) || (t.indexOf('cart') === 0 && ex.indexOf('cart') > -1) || (t.indexOf('search') === 0 && ex.indexOf('search') > -1) || (t.indexOf('404') === 0 && ex.indexOf('404') > -1); var onUrl = (c.excludeOnSpecificUrls || []).some(function (u) { return W.location.href.indexOf(u) > -1; }); var segs = W.location.pathname.split('/'); var onWord = (c.excludeOnKeywordsInUrl || []).some(function (k) { return segs.indexOf(k) > -1; }); return !(onPage || onUrl || onWord); } function drawBar(c, into) { if (D.querySelector('.ctt-bar') && !into) return; // one bar at a time try { var closed = JSON.parse(lsGet(CLOSED_KEY)); if (closed && closed.id === c.id && closed.updatedAt === c.updatedAt && closed.value) return; } catch (e) { /* ignore */ } if (!barAllowedHere(c)) return; barCss(c); var layout = look(c).layout; var bar = el('div', 'ctt-bar ctt-bar_' + c.id); if (c.style.position === 'top-page' && c.style.stickyBar) bar.className += ' ctt-top'; if (c.style.position === 'bottom-page') bar.className += ' ctt-bottom'; var link = safeLink(c.CTALink); if (c.CTAType === 'clickable' && link) { bar.className += ' ctt-clickable'; bar.addEventListener('click', function (e) { if (!e.target.closest('button')) track(c, 'click_cta_button'); goTo(e, link); }); } var title = el('p', 'ctt-bar__title_' + c.id + ' h2', c.title); var sub = el('p', 'ctt-bar__sub_' + c.id, c.subheading); var clock = el('div'); var cta = el('a', 'ctt-bar__cta_' + c.id, c.buttonText); cta.setAttribute('href', link); var close = el('button', 'ctt-bar__close_' + c.id); close.setAttribute('aria-label', 'Close timer bar'); close.addEventListener('click', function (e) { e.stopPropagation(); track(c, 'click_close_button'); closeBar(c); }); close.append(closeIcon(c.style.closeIconColor)); if (layout === 'Inline') { bar.append(title); bar.append(clock); if (c.subheading) bar.append(sub); } else { var text = el('div'); text.append(title); if (c.subheading) text.append(sub); bar.append(text); bar.append(clock); } if (c.CTAType === 'button') bar.append(cta); if (c.closeButton) bar.append(close); var host = D.querySelector('.ctt-top-bar'); if (host) host.append(bar); else if (into) into.append(bar); else D.querySelector('body').prepend(bar); run(clock, c); imageBg(bar, c); } // ---------- product page / landing page boxes ---------- function titleNode(c) { return el('h2', null, c.title); } function inlineTitle(c) { var s = c.style, t = el('span', 'ctt-w__title_' + c.id, c.title); t.style.fontWeight = 'bold'; t.style.fontSize = s.titleSize + 'px'; t.style.color = s.titleColor; t.style.lineHeight = '1.5'; return t; } function drawProduct(c, into, checkTags) { if (checkTags && c.productTags && c.productTags.length) { var mine = (meta().productTags || []).map(function (t) { return String(t).toLowerCase(); }); if (!c.productTags.some(function (t) { return mine.indexOf(String(t).toLowerCase()) > -1; })) return false; } if ((c.excludeOnProducts || []).some(function (p) { return Number(String(p.id).split('/').pop()) === meta().productId; })) return false; if (D.querySelector('.ctt-w_' + c.id)) return; var layout = look(c).layout, box = el('div', 'ctt-w_' + c.id), clock = el('div'), sub; if (layout === 'Balanced') { var text = el('div', 'ctt-w__text_' + c.id); text.append(titleNode(c)); if (c.subheading) { sub = el('p', 'ctt-w__sub_' + c.id, c.subheading); text.append(sub); } box.append(text); box.append(clock); } else if (layout === 'Inline') { box.append(inlineTitle(c)); if (c.subheading) box.append(el('p', 'ctt-w__sub_' + c.id, c.subheading)); box.append(clock); } else { box.append(titleNode(c)); if (c.subheading) box.append(el('p', 'ctt-w__sub_' + c.id, c.subheading)); box.append(clock); } widgetCss(c); into.append(box); run(clock, c); imageBg(box, c); } function drawLanding(c, into, atEnd) { if (atEnd === undefined) atEnd = true; var layout = look(c).layout, box = el('div', 'ctt-w_' + c.id), link = safeLink(c.CTALink); if (c.CTAType === 'clickable' && link) { box.className += ' ctt-clickable'; box.addEventListener('click', function (e) { if (!e.target.closest('button')) track(c, 'click_cta_button'); goTo(e, link); }); } var clock = el('div'), cta = el('a', 'ctt-w__cta_' + c.id, c.buttonText); cta.setAttribute('href', link); if (layout === 'Balanced') { var text = el('div', 'ctt-w__text_' + c.id); text.append(titleNode(c)); if (c.subheading) text.append(el('p', 'ctt-w__sub_' + c.id, c.subheading)); if (c.CTAType === 'button') text.append(cta); box.append(text); box.append(clock); } else if (layout === 'Inline') { box.append(inlineTitle(c)); if (c.subheading) box.append(el('p', 'ctt-w__sub_' + c.id, c.subheading)); box.append(clock); if (c.CTAType === 'button') box.append(cta); } else { box.append(titleNode(c)); if (c.subheading) box.append(el('p', 'ctt-w__sub_' + c.id, c.subheading)); box.append(clock); if (c.CTAType === 'button') box.append(cta); } widgetCss(c); if (atEnd) into.append(box); else into.prepend(box); run(clock, c); imageBg(box, c); } // ---------- cart page / cart drawer ---------- function getCart() { return fetch(root() + 'cart.js', { headers: { 'Content-Type': 'application/json' } }).then(function (r) { return r.json(); }).catch(function () { return null; }); } function clearCart(c) { fetch(root() + 'cart/clear.js', { method: 'POST', headers: { 'Content-Type': 'application/json' } }).then(function () { lsDel(fixedKey(c)); if ((W.location && W.location.pathname.indexOf('/cart') > -1) || W.cttCartObserver) W.location.reload(); }).catch(function () { /* ignore */ }); } function drawCart(c, into, sideCart) { return getCart().then(function (cart) { if (cart && cart.item_count < 1) { lsDel(fixedKey(c)); return; } if (D.querySelector('.ctt-cart')) return; var box = el('div', 'ctt-cart ctt-cart_' + c.id + ' ctt-clock'); var holder = el('div'); box.append(holder); if (into) into.prepend(box); if (D.querySelector('#essential-cart-drawer-portal')) box.style.flex = '0 0 auto'; cartCss(c); var inSide = !!sideCart || inDrawer(box); runCart(holder, c, cart, { sideCart: inSide, node: box }); if (inSide && box.isConnected) watchDrawerView(c, box); imageBgCart(box, c); }); } function sideCartNode() { var cartForm = D.querySelector('form[action="' + root() + 'cart"]'); if (cartForm && cartForm.getAttribute('id') === 'cart-notification-form') cartForm = null; var drawers = D.querySelectorAll('.side-cart, cart-items-component .cart-items__wrapper'); var portals = D.querySelectorAll('#essential-cart-drawer-portal, [data-essential-cart-element="cart-drawer-content"]'); var snippet = D.querySelector('.ctt-side-cart'); if (snippet) return snippet; if (portals.length) return portals[portals.length - 1]; if (cartForm) return cartForm; if (drawers.length) return drawers[drawers.length - 1]; return undefined; } // ---------- who shows where ---------- function startsLater(c) { if (c.startDate && c.timerType !== 'fixedMinutes') { var now = Number(new Date().getTime()), s = Number(todayAt(c.startDate).getTime()), e = Number(todayAt(c.endDate).getTime()); var from = recurring(c) && c.startType === 'today' ? s : Number(new Date(c.startDate).getTime()); return !((recurring(c) && c.startType === 'today' && s > e) || now >= from); } return false; } function onToday(c) { var d = new Date().getDay(); return c.recurringDays && c.recurringDays.length ? c.recurringDays.indexOf(d) > -1 : true; } function inWindow(c) { if (c.onceItEnds === 'do-nothing' || c.onceItEnds === 'custom-title') return true; var now = Number(new Date().getTime()), s = Number(todayAt(c.startDate).getTime()), e = Number(todayAt(c.endDate).getTime()); if (s < e) return s < now && now < e; return new Date(c.updatedAt).getTime() > RECURRING_WINDOW_FIX_FROM ? (s < now || now < e) : (s < now && now < e + DAY); } function notNow(c) { return startsLater(c) || (recurring(c) && !onToday(c)) || (recurring(c) && !inWindow(c)); } function productOk(c, kind, auto, skipTagged) { if (c.type !== kind || (auto && c.timerPlacement === 'custom') || (skipTagged && c.productTags && c.productTags.length)) return false; if (c.showOnProducts && c.showOnProducts.length) { var path = decodeURI(W.location.pathname), pm = W.meta && W.meta.product; var hit = c.showOnProducts.some(function (p) { if (pm && pm.gid) return pm.gid === p.id; return typeof path.endsWith === 'function' ? path.endsWith('products/' + p.handle) : path.indexOf('products/' + p.handle) > -1; }); if (!hit) return false; } if (c.showOnProductsInCollections && c.showOnProductsInCollections.length) { var mine = meta().productCollections || []; // same shape as the app's meta: [{id: 123, handle: '...'}]; plain ids are accepted too var inOne = c.showOnProductsInCollections.some(function (col) { var id = Number(String(col.id).split('/').pop()); return mine.some(function (E) { return (E && typeof E === 'object' ? Number(E.id) : Number(E)) === id; }); }); if (!inOne) return false; } return !notNow(c); } function collectionOk(c, kind, auto) { var onProduct = W.location && W.location.pathname.indexOf('/products/') > -1; if (c.type !== kind || (onProduct && (c.timerPlacement === 'on-collections' || c.timerPlacement === 'all-collections')) || (auto && c.timerPlacement === 'custom') || (auto && c.timerPlacement === 'password-page')) return false; if (c.showOnCollections && c.showOnCollections.length) { var path = decodeURI(W.location.pathname), cid = meta().collectionId, hit; if (created(c) > COLLECTION_ID_MATCH_FROM) hit = cid && c.showOnCollections.some(function (col) { return String(col.id).indexOf(String(cid)) > -1; }); else hit = c.showOnCollections.some(function (col) { return path.indexOf('collections/' + col.handle) > -1; }); if (!hit) return false; } if (notNow(c)) return false; return !(c.excludeOnCollections || []).some(function (col) { return Number(String(col.id).split('/').pop()) === meta().collectionId; }); } function passwordOk(c, kind, auto) { return !(c.type !== kind || (auto && c.timerPlacement === '') || (c.timerPlacement && c.timerPlacement !== 'password-page') || notNow(c)); } function cartOk(c, kind, auto) { return !(c.type !== kind || (auto && c.timerPlacement === 'custom')); } // countries: Shopify's own visitor-country lookup (no third-party server) var visitorCountry = null; function lookupCountry(list) { var need = list.some(function (c) { return c.locationType === 'on-countries' && c.showInCountries && c.showInCountries.length; }); if (!need) return Promise.resolve(); var cached = null; try { cached = W.sessionStorage.getItem('ctt-country'); } catch (e) { /* ignore */ } if (cached) { visitorCountry = cached; return Promise.resolve(); } return new Promise(function (resolve) { var done = false; var finish = function (code) { if (done) return; done = true; if (code) { visitorCountry = code; try { W.sessionStorage.setItem('ctt-country', code); } catch (e) { /* ignore */ } } resolve(); }; setTimeout(function () { finish(null); }, 2500); fetch('/browsing_context_suggestions.json', { headers: { Accept: 'application/json' }, credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (j) { finish(j && j.detected_values && j.detected_values.country && j.detected_values.country.handle); }) .catch(function () { finish(null); }); }); } function start() { var list = Array.isArray(W.ctTimerConfigs) ? W.ctTimerConfigs.slice() : []; list = list.filter(function (c) { return c && c.id != null && c.style && !unsafe(c); }); list.sort(function (a, b) { return time(b.updatedAt || 0) - time(a.updatedAt || 0); }); // newest edit first, like the app CONFIGS = list; bindClicks(); var path = W.location ? W.location.pathname : ''; var isProduct = path.indexOf('/products/') > -1; var isCollection = path.indexOf('/collections/') > -1 && !isProduct; var isPassword = path.indexOf('/password') > -1; var isCart = path.indexOf('/cart') > -1; var forms = D.querySelectorAll('form[action="/cart/add"]'); if (!forms.length) forms = Array.prototype.filter.call(D.querySelectorAll('form[action]'), function (f) { return f.getAttribute('action').indexOf('/cart/add') > -1; }); var main = D.querySelector('#MainContent') || D.querySelector('main'); var contact = D.querySelector('form#contact_form'); var slot = D.querySelector('.ctt-placement'); var cartHost; if (isCart) { var cf = D.querySelectorAll('form[action="' + root() + 'cart"]'), last = cf[cf.length - 1]; if (last) cartHost = last.parentNode; } var blocks = Array.prototype.filter.call(D.querySelectorAll('div.ctt-block'), function (b) { return b && b.getAttribute('data-timer-id') !== ''; }); return lookupCountry(list).then(function () { var shown = list.filter(function (c) { if (c.locationType === 'on-countries' && c.showInCountries && c.showInCountries.length) return visitorCountry ? c.showInCountries.indexOf(visitorCountry) > -1 : false; return !list.some(function (o) { return o.locationType === 'on-countries' && o.type === c.type && o.timerPlacement === c.timerPlacement && visitorCountry && o.showInCountries && o.showInCountries.indexOf(visitorCountry) > -1; }); }); var locale = W.Shopify && W.Shopify.locale; shown.forEach(function (c) { if (c.translations && c.translations.length) { var tr = c.translations.filter(function (t) { return t.locale === locale; })[0]; if (tr) Object.keys(tr).forEach(function (k) { c[k] = tr[k]; }); } }); var bars = shown.filter(function (c) { return c.type === 'top-bar'; }); var cartTimer = shown.filter(function (c) { return c.type === 'cart-page'; })[0]; bars.forEach(function (c) { if (c.timerPlacement !== 'custom' && productOk(c, 'top-bar') && collectionOk(c, 'top-bar')) drawBar(c); }); blocks.forEach(function (b) { var c = shown.filter(function (x) { return String(x.id) === b.getAttribute('data-timer-id') && x.type === 'top-bar'; })[0]; if (c && productOk(c, 'top-bar') && collectionOk(c, 'top-bar')) drawBar(c, b); }); blocks = blocks.filter(function (b) { var c = shown.filter(function (x) { return String(x.id) === b.getAttribute('data-timer-id'); })[0]; return !c || c.type !== 'top-bar'; }); blocks.forEach(function (b) { var c = shown.filter(function (x) { return String(x.id) === b.getAttribute('data-timer-id'); })[0]; if (!c) return; if (productOk(c, 'product-page')) drawProduct(c, b, true); if (collectionOk(c, 'landing-page')) drawLanding(c, b); if (c.type === 'cart-page') drawCart(c, b); }); if (!blocks.length && isProduct && (forms.length || slot)) { var target = slot || forms[forms.length - 1]; var tagged = null; if (shown.some(function (c) { return c.productTags && c.productTags.length; })) { var mine = (meta().productTags || []).map(function (t) { return String(t).toLowerCase(); }); tagged = shown.filter(function (c) { return (c.productTags || []).some(function (t) { return mine.indexOf(String(t).toLowerCase()) > -1; }); }); } var pick = tagged && tagged.length ? tagged.filter(function (c) { return productOk(c, 'product-page', true); })[0] : shown.filter(function (c) { return productOk(c, 'product-page', true, true); })[0]; if (pick) drawProduct(pick, target); } if (!blocks.length && isCollection && main) { var landing = shown.filter(function (c) { return collectionOk(c, 'landing-page', true); })[0]; if (landing) drawLanding(landing, main, false); } if (!blocks.length && isPassword && contact) { var pw = shown.filter(function (c) { return passwordOk(c, 'landing-page', true); })[0]; if (pw) drawLanding(pw, contact); } if (!blocks.length && isCart) { var onCart = shown.filter(function (c) { return cartOk(c, 'cart-page', true); })[0]; if (cartHost && onCart) drawCart(onCart, cartHost); } if (sideCartNode() && cartTimer && !isCart && cartTimer.timerPlacement !== 'custom') { drawCart(cartTimer, sideCartNode(), true); var obs = new MutationObserver(function () { if (W.cttMovingTimer) return; var existing = D.querySelector('.ctt-cart_' + cartTimer.id); if (existing && existing.parentElement && existing.parentElement.matches('#essential-cart-drawer-portal')) { var next = sideCartNode(); if (!next.matches('#essential-cart-drawer-portal')) { W.cttMovingTimer = true; existing.remove(); drawCart(cartTimer, next, true); W.cttMovingTimer = false; } return; } if (!existing && sideCartNode()) drawCart(cartTimer, sideCartNode(), true); }); if (!W.cttSideCartObserver) { var node = sideCartNode(); var a1 = node.parentNode, a2 = a1 && a1.parentNode, a3 = a2 && a2.parentNode, a4 = a3 && a3.parentNode; var ok = function (x) { return x && x.tagName !== 'BODY' && x.tagName !== 'HTML'; }; var watch = ok(a4) ? a4 : ok(a3) ? a3 : ok(a2) ? a2 : a1; if (D.querySelector('#essential-cart-drawer-portal')) watch = D.querySelector('#essential-cart-drawer-portal'); W.cttCartObserver = obs; obs.observe(watch, { childList: true, subtree: true }); W.cttSideCartObserver = true; } } if (!sideCartNode() && !isCart && cartTimer && lsGet(fixedKey(cartTimer))) drawCart(cartTimer, false); }); } W.CTTimers = { started: true, start: start, _remaining: remaining, _look: look }; start(); })();