<script>
(function () {
  var WEBHOOK_URL = 'YOUR_WEBHOOK_URL';

  var SHOP = json;
  var CUSTOMER_EMAIL = {% if customer %}json{% else %}null{% endif %};
  var lastTerm = null, lastSent = 0, timer = null;

  function identity() {
    if (CUSTOMER_EMAIL) return { email: CUSTOMER_EMAIL, contactID: null };
    try {
      var m = document.cookie.match(/omnisendContactID=([^;]+)/);
      if (m) return { email: null, contactID: decodeURIComponent(m[1]) };
    } catch (e) {}
    return null;
  }

  function send(eventName, props) {
    var who = identity();
    if (!who) return;

    var payload = JSON.stringify({
      shop: SHOP,
      event: eventName,
      identity: who,
      properties: props,
      occurredAt: new Date().toISOString()
    });

    try {
      if (navigator.sendBeacon) {
        navigator.sendBeacon(WEBHOOK_URL, new Blob([payload], { type: 'application/json' }));
      } else {
        fetch(WEBHOOK_URL, {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: payload,
          keepalive: true
        });
      }
    } catch (e) {}
  }

  function queueSearch(term) {
    if (!term || term.length < 2) return;
    if (term === lastTerm && Date.now() - lastSent < 4000) return;
    clearTimeout(timer);
    timer = setTimeout(function () {
      lastTerm = term;
      lastSent = Date.now();
      send('boost_submitted_search', {
        searchTerm: term,
        resultsUrl: location.origin + '/search?q=' + encodeURIComponent(term)
      });
    }, 1200);
  }

  function termFromUrl(url) {
    try {
      var s = String(url);
      if (s.indexOf('bc-sf-filter/search') === -1 && s.indexOf('bc-sf-filter/suggest') === -1) return null;
      return new URL(s, location.origin).searchParams.get('q');
    } catch (e) { return null; }
  }

  var origFetch = window.fetch;
  if (origFetch) {
    window.fetch = function (input) {
      try { queueSearch(termFromUrl(input && input.url ? input.url : input)); } catch (e) {}
      return origFetch.apply(this, arguments);
    };
  }

  var origOpen = XMLHttpRequest.prototype.open;
  XMLHttpRequest.prototype.open = function (method, url) {
    try { queueSearch(termFromUrl(url)); } catch (e) {}
    return origOpen.apply(this, arguments);
  };

  document.addEventListener('input', function (e) {
    var el = e.target;
    if (!el || el.tagName !== 'INPUT') return;
    if (!(el.type === 'search' || el.name === 'q' ||
          (el.closest && el.closest('[class*="boost-sd"], [class*="boost-pfs"]')))) return;
    queueSearch(el.value && el.value.trim());
  }, true);

  try {
    if (/\/search/.test(location.pathname)) {
      var q = new URL(location.href).searchParams.get('q');
      if (q) queueSearch(q);
    }
  } catch (e) {}

  document.addEventListener('click', function (e) {
    var link = e.target.closest && e.target.closest('a[href*="/products/"]');
    if (!link || !link.closest('[class*="boost-sd"], [class*="boost-pfs"]')) return;

    var fromSearch = /\/search/.test(location.pathname) ||
                     !!link.closest('[class*="instant-search"], [class*="suggestion"], [class*="search"]');

    send(fromSearch ? 'boost_clicked_search_result' : 'boost_clicked_product', {
      searchTerm: fromSearch ? lastTerm : null,
      productUrl: link.href,
      productHandle: (link.getAttribute('href').split('/products/')[1] || '').split('?')[0],
      productTitle: (link.textContent || '').trim().slice(0, 120) || null
    });
  }, true);
})();
</script>