Generating a Retailer Visitor ID

// ---- Cookie utilities ----
function setCookie(name, value, options = {}) {
  const {
    maxAge = 60 * 60 * 24 * 30, // 30 days
    path = '/',
    sameSite = 'Lax',
    secure = true,
    domain,
  } = options;

  let cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)}`;
  if (typeof maxAge === 'number') cookie += `; Max-Age=${maxAge}`;
  if (path) cookie += `; Path=${path}`;
  if (domain) cookie += `; Domain=${domain}`;
  if (sameSite) cookie += `; SameSite=${sameSite}`;
  if (secure) cookie += `; Secure`;
  document.cookie = cookie;
}

function getCookie(name) {
  const target = `${encodeURIComponent(name)}=`;
  const parts = document.cookie.split('; ');
  for (const part of parts) {
    if (part.startsWith(target)) {
      return decodeURIComponent(part.substring(target.length));
    }
  }
  return null;
}

// ---- UUID generators ----
function generateUUID() {
  if (crypto && typeof crypto.randomUUID === 'function') {
    return crypto.randomUUID();
  }
  return uuidv4Fallback();
}

function uuidv4Fallback() {
  const bytes = new Uint8Array(16);
  crypto.getRandomValues(bytes);
  bytes[6] = (bytes[6] & 0x0f) | 0x40;
  bytes[8] = (bytes[8] & 0x3f) | 0x80;

  const hex = [...bytes].map(b => b.toString(16).padStart(2, '0'));
  return [
    hex.slice(0, 4).join(''),
    hex.slice(4, 6).join(''),
    hex.slice(6, 8).join(''),
    hex.slice(8, 10).join(''),
    hex.slice(10, 16).join(''),
  ].join('-');
}

// ---- Visitor ID management ----
const VISITOR_COOKIE_NAME = 'retailer-visitor-id';

function ensureVisitorId(options = {}) {
  let id = getCookie(VISITOR_COOKIE_NAME);
  if (id) return id;

  id = generateUUID();
  setCookie(VISITOR_COOKIE_NAME, id, {
    maxAge: 60 * 60 * 24 * 30,
    path: '/',
    sameSite: 'Lax',
    secure: isHttps(),
    // domain: '.example.com', // uncomment to share the ID across subdomains
    ...options,
  });
  return id;
}

function isHttps() {
  return window.location.protocol === 'https:' || location.hostname === 'localhost';
}

// ---- Initialize on page load ----
document.addEventListener('DOMContentLoaded', () => {
  const visitorId = ensureVisitorId();
  // use visitorId in your ad request parameters here
});