@sitepulse/web 1.0.0

package/dist/index.mjs

@@ -0,0 +1,1722 @@
+// src/utils.ts
+function getDeviceType() {
+  if (typeof window === "undefined") return "desktop";
+  const ua = navigator.userAgent.toLowerCase();
+  if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua)) {
+    return "tablet";
+  }
+  if (/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(
+    navigator.userAgent
+  )) {
+    return "mobile";
+  }
+  return "desktop";
+}
+function getBrowser() {
+  if (typeof window === "undefined") return "Unknown";
+  const ua = navigator.userAgent;
+  if (ua.indexOf("Firefox") > -1) return "Firefox";
+  if (ua.indexOf("SamsungBrowser") > -1) return "Samsung Browser";
+  if (ua.indexOf("Opera") > -1 || ua.indexOf("OPR") > -1) return "Opera";
+  if (ua.indexOf("Trident") > -1) return "Internet Explorer";
+  if (ua.indexOf("Edge") > -1 || ua.indexOf("Edg") > -1) return "Edge";
+  if (ua.indexOf("Chrome") > -1) return "Chrome";
+  if (ua.indexOf("Safari") > -1) return "Safari";
+  return "Unknown";
+}
+function getOS() {
+  if (typeof window === "undefined") return "Unknown";
+  const ua = navigator.userAgent;
+  if (ua.indexOf("Win") > -1) return "Windows";
+  if (ua.indexOf("Mac") > -1) return "macOS";
+  if (ua.indexOf("Linux") > -1) return "Linux";
+  if (ua.indexOf("Android") > -1) return "Android";
+  if (ua.indexOf("like Mac") > -1 || /iPhone|iPad|iPod/.test(ua)) return "iOS";
+  return "Unknown";
+}
+function generateUUID() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    const v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+}
+
+// src/storage.ts
+var ANON_KEY = "_sitepulse_anon_id";
+var SESSION_KEY = "_sitepulse_sess_id";
+var SESSION_EXPIRY_KEY = "_sitepulse_sess_exp";
+var SESSION_TIMEOUT_MS = 30 * 60 * 1e3;
+function getOrCreateAnonymousId() {
+  if (typeof window === "undefined") return generateUUID();
+  try {
+    let anonId = localStorage.getItem(ANON_KEY);
+    if (!anonId) {
+      anonId = `anon_${generateUUID().replace(/-/g, "")}`;
+      localStorage.setItem(ANON_KEY, anonId);
+    }
+    return anonId;
+  } catch {
+    return `anon_${generateUUID().replace(/-/g, "")}`;
+  }
+}
+function getOrCreateSessionId() {
+  if (typeof window === "undefined") return generateUUID();
+  const now = Date.now();
+  try {
+    const expStr = sessionStorage.getItem(SESSION_EXPIRY_KEY);
+    const existingSession = sessionStorage.getItem(SESSION_KEY);
+    if (existingSession && expStr) {
+      const exp = parseInt(expStr, 10);
+      if (now < exp) {
+        sessionStorage.setItem(SESSION_EXPIRY_KEY, (now + SESSION_TIMEOUT_MS).toString());
+        return existingSession;
+      }
+    }
+    const newSession = `sess_${generateUUID().replace(/-/g, "")}`;
+    sessionStorage.setItem(SESSION_KEY, newSession);
+    sessionStorage.setItem(SESSION_EXPIRY_KEY, (now + SESSION_TIMEOUT_MS).toString());
+    return newSession;
+  } catch {
+    return `sess_${generateUUID().replace(/-/g, "")}`;
+  }
+}
+
+// src/renderer.ts
+function renderHeadingBlock(block, design, isBanner = false) {
+  const tag = `h${block.level || 2}`;
+  const el = document.createElement(tag);
+  el.textContent = block.text;
+  el.style.margin = isBanner ? "0" : "0 0 10px 0";
+  el.style.fontSize = isBanner ? "13px" : block.level === 1 ? "22px" : block.level === 2 ? "18px" : "15px";
+  el.style.fontWeight = "700";
+  el.style.lineHeight = isBanner ? "1.4" : "1.25";
+  el.style.display = isBanner ? "inline-block" : "block";
+  el.style.color = design.textColor || (design.theme === "light" ? "#14151A" : "#FFFFFF");
+  el.style.fontFamily = "system-ui, -apple-system, sans-serif";
+  return el;
+}
+function renderParagraphBlock(block, design, isBanner = false) {
+  const el = document.createElement("p");
+  el.textContent = block.text;
+  el.style.margin = isBanner ? "0" : "0 0 12px 0";
+  el.style.fontSize = isBanner ? "13px" : "13px";
+  el.style.lineHeight = isBanner ? "1.4" : "1.5";
+  el.style.fontWeight = isBanner ? "500" : "normal";
+  el.style.display = isBanner ? "inline-block" : "block";
+  el.style.color = design.textColor ? `${design.textColor}CC` : design.theme === "light" ? "#4A4D57" : "#A0A5B5";
+  el.style.fontFamily = "system-ui, -apple-system, sans-serif";
+  return el;
+}
+function renderImageBlock(block, _design) {
+  const el = document.createElement("img");
+  el.setAttribute("src", block.src);
+  if (block.alt) {
+    el.setAttribute("alt", block.alt);
+  }
+  el.style.maxWidth = "100%";
+  el.style.height = "auto";
+  el.style.borderRadius = "8px";
+  el.style.margin = "0 0 12px 0";
+  el.style.display = "block";
+  el.style.objectFit = "cover";
+  if (block.width) el.style.width = `${block.width}px`;
+  if (block.height) el.style.height = `${block.height}px`;
+  return el;
+}
+function renderButtonBlock(block, design, handlers, isBanner = false) {
+  const btn = document.createElement("button");
+  btn.setAttribute("type", block.action === "submit" ? "submit" : "button");
+  btn.textContent = block.text;
+  btn.style.width = isBanner ? "auto" : "100%";
+  btn.style.padding = isBanner ? "5px 14px" : "10px 16px";
+  btn.style.fontSize = isBanner ? "12px" : "13px";
+  btn.style.fontWeight = "600";
+  btn.style.borderRadius = isBanner ? "6px" : "8px";
+  btn.style.cursor = "pointer";
+  btn.style.border = "none";
+  btn.style.margin = isBanner ? "0" : "4px 0 8px 0";
+  btn.style.display = isBanner ? "inline-flex" : "block";
+  btn.style.alignItems = "center";
+  btn.style.justifyContent = "center";
+  btn.style.whiteSpace = "nowrap";
+  btn.style.fontFamily = "system-ui, -apple-system, sans-serif";
+  btn.style.transition = "all 0.15s ease-in-out";
+  const accent = design.accentColor || "#1DBF73";
+  const btnTextColor = design.buttonTextColor || "#FFFFFF";
+  if (block.styleVariant === "outline") {
+    btn.style.backgroundColor = "transparent";
+    btn.style.border = `1px solid ${accent}`;
+    btn.style.color = accent;
+  } else if (block.styleVariant === "secondary" || block.styleVariant === "ghost") {
+    btn.style.backgroundColor = design.theme === "light" ? "#F0F2F5" : "#1F2430";
+    btn.style.color = design.theme === "light" ? "#14151A" : "#FFFFFF";
+  } else {
+    btn.style.backgroundColor = accent;
+    btn.style.color = btnTextColor;
+  }
+  btn.addEventListener("click", (e) => {
+    if (block.action === "link" && block.url) {
+      handlers.onLinkClick?.(block.url, block.eventName);
+      window.open(block.url, "_blank", "noopener,noreferrer");
+    } else if (block.action === "close") {
+      handlers.onClose?.();
+    } else if (block.action === "event" && block.eventName) {
+      handlers.onEventClick?.(block.eventName);
+    }
+  });
+  return btn;
+}
+function renderInputBlock(block, design, isOnlyInput = false) {
+  const container = document.createElement("div");
+  container.style.margin = "0 0 10px 0";
+  container.style.width = "100%";
+  const isRequired = isOnlyInput || block.required === true;
+  if (block.label) {
+    const label = document.createElement("label");
+    label.innerHTML = `${block.label}${!isRequired ? ' <span style="opacity:0.55;font-size:10px;font-weight:normal;">(optional)</span>' : ""}`;
+    label.style.display = "block";
+    label.style.fontSize = "11px";
+    label.style.fontWeight = "600";
+    label.style.marginBottom = "4px";
+    label.style.color = design.textColor || (design.theme === "light" ? "#14151A" : "#E2E8F0");
+    container.appendChild(label);
+  }
+  const input = document.createElement("input");
+  input.setAttribute("type", block.inputType || "text");
+  input.setAttribute("name", block.name);
+  if (block.placeholder) {
+    input.setAttribute("placeholder", block.placeholder);
+  }
+  if (isRequired) {
+    input.setAttribute("required", "true");
+  }
+  input.style.width = "100%";
+  input.style.boxSizing = "border-box";
+  input.style.padding = "9px 12px";
+  input.style.fontSize = "13px";
+  input.style.borderRadius = "8px";
+  input.style.border = design.theme === "light" ? "1px solid #D1D5DB" : "1px solid #2D3748";
+  input.style.backgroundColor = design.theme === "light" ? "#FFFFFF" : "#0D1117";
+  input.style.color = design.theme === "light" ? "#14151A" : "#FFFFFF";
+  input.style.outline = "none";
+  input.style.fontFamily = "system-ui, -apple-system, sans-serif";
+  container.appendChild(input);
+  return container;
+}
+function isLightColor(hex) {
+  if (!hex || !hex.startsWith("#")) return true;
+  const cleanHex = hex.replace("#", "");
+  if (cleanHex.length < 6) return true;
+  const r = parseInt(cleanHex.substring(0, 2), 16) || 0;
+  const g = parseInt(cleanHex.substring(2, 4), 16) || 0;
+  const b = parseInt(cleanHex.substring(4, 6), 16) || 0;
+  const yiq = (r * 299 + g * 587 + b * 114) / 1e3;
+  return yiq >= 128;
+}
+function renderCountdownBlock(block, design) {
+  const text = design.textColor || (design.theme === "light" ? "#14151A" : "#FFFFFF");
+  const isLight = design.backgroundColor ? isLightColor(design.backgroundColor) : design.theme === "light";
+  const container = document.createElement("div");
+  container.style.display = "flex";
+  container.style.gap = "8px";
+  container.style.justifyContent = "center";
+  container.style.margin = "8px 0 14px 0";
+  const target = new Date(block.targetDate).getTime();
+  function createTimeBox(label) {
+    const box = document.createElement("div");
+    box.style.display = "flex";
+    box.style.flexDirection = "column";
+    box.style.alignItems = "center";
+    box.style.minWidth = "40px";
+    box.style.padding = "6px 8px";
+    box.style.borderRadius = "6px";
+    box.style.backgroundColor = isLight ? "rgba(0,0,0,0.04)" : "rgba(255,255,255,0.08)";
+    box.style.border = isLight ? "1px solid rgba(0,0,0,0.08)" : "1px solid rgba(255,255,255,0.15)";
+    const numSpan = document.createElement("span");
+    numSpan.style.fontSize = "16px";
+    numSpan.style.fontWeight = "800";
+    numSpan.style.fontFamily = "monospace, system-ui";
+    numSpan.style.color = design.accentColor || "#1DBF73";
+    numSpan.textContent = "00";
+    const labelSpan = document.createElement("span");
+    labelSpan.style.fontSize = "9px";
+    labelSpan.style.textTransform = "uppercase";
+    labelSpan.style.color = text;
+    labelSpan.style.opacity = "0.6";
+    labelSpan.textContent = label;
+    box.appendChild(numSpan);
+    box.appendChild(labelSpan);
+    return { box, numSpan };
+  }
+  const days = createTimeBox("Days");
+  const hours = createTimeBox("Hrs");
+  const mins = createTimeBox("Min");
+  const secs = createTimeBox("Sec");
+  container.appendChild(days.box);
+  container.appendChild(hours.box);
+  container.appendChild(mins.box);
+  container.appendChild(secs.box);
+  function update() {
+    const now = Date.now();
+    const diff = Math.max(0, target - now);
+    const d = Math.floor(diff / (1e3 * 60 * 60 * 24));
+    const h = Math.floor(diff % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60));
+    const m = Math.floor(diff % (1e3 * 60 * 60) / (1e3 * 60));
+    const s = Math.floor(diff % (1e3 * 60) / 1e3);
+    days.numSpan.textContent = String(d).padStart(2, "0");
+    hours.numSpan.textContent = String(h).padStart(2, "0");
+    mins.numSpan.textContent = String(m).padStart(2, "0");
+    secs.numSpan.textContent = String(s).padStart(2, "0");
+    if (diff === 0 && block.endMessage) {
+      container.textContent = block.endMessage;
+    }
+  }
+  update();
+  const timer = setInterval(update, 1e3);
+  if (block.label) {
+    const root = document.createElement("div");
+    root.style.width = "100%";
+    root.style.margin = "8px 0 14px 0";
+    const labelEl = document.createElement("div");
+    labelEl.style.fontSize = "12px";
+    labelEl.style.fontWeight = "600";
+    labelEl.style.color = text;
+    labelEl.style.opacity = "0.85";
+    labelEl.style.marginBottom = "6px";
+    labelEl.textContent = block.label;
+    container.style.margin = "0";
+    root.appendChild(labelEl);
+    root.appendChild(container);
+    root.dataset.timerId = String(timer);
+    return root;
+  }
+  container.dataset.timerId = String(timer);
+  return container;
+}
+function renderRatingBlock(block, design, isOnlyInput = false) {
+  const container = document.createElement("div");
+  container.style.margin = "8px 0 14px 0";
+  container.style.width = "100%";
+  const isRequired = isOnlyInput || block.required !== false;
+  if (block.label) {
+    const label = document.createElement("label");
+    label.innerHTML = `${block.label}${!isRequired ? ' <span style="opacity:0.55;font-size:10px;font-weight:normal;">(optional)</span>' : ""}`;
+    label.style.display = "block";
+    label.style.fontSize = "12px";
+    label.style.fontWeight = "600";
+    label.style.marginBottom = "6px";
+    label.style.color = design.textColor || (design.theme === "light" ? "#14151A" : "#E2E8F0");
+    container.appendChild(label);
+  }
+  const hiddenInput = document.createElement("input");
+  hiddenInput.setAttribute("type", "hidden");
+  hiddenInput.setAttribute("name", block.name || "rating");
+  if (isRequired) {
+    hiddenInput.setAttribute("required", "true");
+  }
+  container.appendChild(hiddenInput);
+  const variant = block.styleVariant || "stars";
+  const accent = design.accentColor || "#1DBF73";
+  const isLight = design.theme === "light";
+  if (variant === "stars") {
+    const starRow = document.createElement("div");
+    starRow.style.display = "flex";
+    starRow.style.gap = "6px";
+    starRow.style.justifyContent = "center";
+    starRow.style.padding = "4px 0";
+    const stars = [];
+    let selectedRating = 0;
+    for (let i = 1; i <= 5; i++) {
+      const starBtn = document.createElement("button");
+      starBtn.setAttribute("type", "button");
+      starBtn.setAttribute("aria-label", `${i} Star${i > 1 ? "s" : ""}`);
+      starBtn.textContent = "\u2605";
+      starBtn.style.fontSize = "28px";
+      starBtn.style.lineHeight = "1";
+      starBtn.style.border = "none";
+      starBtn.style.backgroundColor = "transparent";
+      starBtn.style.color = isLight ? "#CBD5E1" : "#374151";
+      starBtn.style.cursor = "pointer";
+      starBtn.style.padding = "2px";
+      starBtn.style.transition = "transform 0.15s ease, color 0.15s ease";
+      const updateStarColors = (val) => {
+        stars.forEach((btn, idx) => {
+          if (idx < val) {
+            btn.style.color = "#F59E0B";
+            btn.style.transform = "scale(1.15)";
+          } else {
+            btn.style.color = isLight ? "#CBD5E1" : "#374151";
+            btn.style.transform = "scale(1.0)";
+          }
+        });
+      };
+      starBtn.addEventListener("mouseenter", () => updateStarColors(i));
+      starBtn.addEventListener("mouseleave", () => updateStarColors(selectedRating));
+      starBtn.addEventListener("click", () => {
+        selectedRating = i;
+        hiddenInput.value = String(i);
+        updateStarColors(i);
+      });
+      stars.push(starBtn);
+      starRow.appendChild(starBtn);
+    }
+    container.appendChild(starRow);
+  } else if (variant === "moods") {
+    const moodRow = document.createElement("div");
+    moodRow.style.display = "flex";
+    moodRow.style.gap = "8px";
+    moodRow.style.justifyContent = "space-between";
+    moodRow.style.padding = "4px 0";
+    const moods = [
+      { score: 1, emoji: "\u{1F621}", label: "Terrible" },
+      { score: 2, emoji: "\u{1F641}", label: "Bad" },
+      { score: 3, emoji: "\u{1F610}", label: "Okay" },
+      { score: 4, emoji: "\u{1F60A}", label: "Good" },
+      { score: 5, emoji: "\u{1F60D}", label: "Loved it" }
+    ];
+    const buttons = [];
+    moods.forEach((m) => {
+      const moodBtn = document.createElement("button");
+      moodBtn.setAttribute("type", "button");
+      moodBtn.setAttribute("title", m.label);
+      moodBtn.textContent = m.emoji;
+      moodBtn.style.fontSize = "24px";
+      moodBtn.style.padding = "8px";
+      moodBtn.style.borderRadius = "12px";
+      moodBtn.style.border = isLight ? "1px solid #E2E8F0" : "1px solid #2D3748";
+      moodBtn.style.backgroundColor = isLight ? "#F8FAFC" : "#1A202C";
+      moodBtn.style.cursor = "pointer";
+      moodBtn.style.flex = "1";
+      moodBtn.style.display = "flex";
+      moodBtn.style.alignItems = "center";
+      moodBtn.style.justifyContent = "center";
+      moodBtn.style.transition = "all 0.15s ease";
+      moodBtn.addEventListener("click", () => {
+        hiddenInput.value = String(m.score);
+        buttons.forEach((b) => {
+          b.style.backgroundColor = isLight ? "#F8FAFC" : "#1A202C";
+          b.style.borderColor = isLight ? "#E2E8F0" : "#2D3748";
+          b.style.transform = "scale(1.0)";
+        });
+        moodBtn.style.backgroundColor = `${accent}20`;
+        moodBtn.style.borderColor = accent;
+        moodBtn.style.transform = "scale(1.15)";
+      });
+      buttons.push(moodBtn);
+      moodRow.appendChild(moodBtn);
+    });
+    container.appendChild(moodRow);
+  } else {
+    const npsRow = document.createElement("div");
+    npsRow.style.display = "grid";
+    npsRow.style.gridTemplateColumns = "repeat(10, minmax(0, 1fr))";
+    npsRow.style.gap = "4px";
+    npsRow.style.padding = "4px 0";
+    const buttons = [];
+    for (let i = 1; i <= 10; i++) {
+      const npsBtn = document.createElement("button");
+      npsBtn.setAttribute("type", "button");
+      npsBtn.textContent = String(i);
+      npsBtn.style.padding = "6px 0";
+      npsBtn.style.fontSize = "11px";
+      npsBtn.style.fontWeight = "700";
+      npsBtn.style.borderRadius = "6px";
+      npsBtn.style.border = isLight ? "1px solid #E2E8F0" : "1px solid #2D3748";
+      npsBtn.style.backgroundColor = isLight ? "#F8FAFC" : "#1A202C";
+      npsBtn.style.color = isLight ? "#14151A" : "#FFFFFF";
+      npsBtn.style.cursor = "pointer";
+      npsBtn.style.transition = "all 0.15s ease";
+      npsBtn.addEventListener("click", () => {
+        hiddenInput.value = String(i);
+        buttons.forEach((b) => {
+          b.style.backgroundColor = isLight ? "#F8FAFC" : "#1A202C";
+          b.style.borderColor = isLight ? "#E2E8F0" : "#2D3748";
+          b.style.color = isLight ? "#14151A" : "#FFFFFF";
+        });
+        npsBtn.style.backgroundColor = accent;
+        npsBtn.style.borderColor = accent;
+        npsBtn.style.color = "#FFFFFF";
+      });
+      buttons.push(npsBtn);
+      npsRow.appendChild(npsBtn);
+    }
+    container.appendChild(npsRow);
+  }
+  return container;
+}
+function renderSocialProofBlock(block, design, siteId, hasCloseButton) {
+  const mode = block.mode || (block.metric && !block.events ? "live_visitors" : "recent_activity");
+  const accent = design.accentColor || "#1DBF73";
+  const text = design.textColor || (design.theme === "light" ? "#14151A" : "#FFFFFF");
+  const isLight = design.backgroundColor ? isLightColor(design.backgroundColor) : design.theme === "light";
+  function getSPGlass() {
+    const alpha = (design.socialProofOpacity !== void 0 ? design.socialProofOpacity : 85) / 100;
+    if (design.backgroundColor) {
+      const hex = design.backgroundColor.replace("#", "");
+      const r = parseInt(hex.substring(0, 2), 16) || 0;
+      const g = parseInt(hex.substring(2, 4), 16) || 0;
+      const b = parseInt(hex.substring(4, 6), 16) || 0;
+      const lightBg = isLightColor(design.backgroundColor);
+      return {
+        bg: `rgba(${r},${g},${b},${alpha})`,
+        border: lightBg ? "1px solid rgba(0,0,0,0.1)" : "1px solid rgba(255,255,255,0.15)",
+        shadow: lightBg ? "0 8px 32px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06)" : "0 8px 32px rgba(0,0,0,0.5), 0 2px 8px rgba(0,0,0,0.3)",
+        backdrop: null
+      };
+    }
+    if (design.theme === "light") {
+      return {
+        bg: `rgba(255,255,255,${alpha})`,
+        border: "1px solid rgba(255,255,255,0.75)",
+        shadow: "0 8px 32px rgba(0,0,0,0.1), 0 2px 8px rgba(0,0,0,0.04)",
+        backdrop: "blur(24px) saturate(200%)"
+      };
+    }
+    return {
+      bg: `rgba(12,14,22,${alpha})`,
+      border: "1px solid rgba(255,255,255,0.13)",
+      shadow: "0 8px 32px rgba(0,0,0,0.6), 0 2px 8px rgba(0,0,0,0.35)",
+      backdrop: "blur(24px) saturate(180%)"
+    };
+  }
+  const glass = getSPGlass();
+  if (mode === "live_visitors") {
+    const container2 = document.createElement("div");
+    container2.style.display = "flex";
+    container2.style.alignItems = "center";
+    container2.style.gap = "10px";
+    container2.style.padding = "10px 14px";
+    container2.style.borderRadius = "14px";
+    container2.style.fontSize = "12px";
+    container2.style.fontWeight = "600";
+    container2.style.backgroundColor = glass.bg;
+    container2.style.border = glass.border;
+    container2.style.boxShadow = glass.shadow;
+    if (glass.backdrop) {
+      container2.style.backdropFilter = glass.backdrop;
+      container2.style.webkitBackdropFilter = glass.backdrop;
+    }
+    container2.style.color = text;
+    const flameBox = document.createElement("div");
+    flameBox.style.fontSize = "18px";
+    flameBox.style.lineHeight = "1";
+    flameBox.textContent = "\u{1F525}";
+    const textWrap = document.createElement("div");
+    textWrap.style.flex = "1";
+    textWrap.style.minWidth = "0";
+    const titleSpan = document.createElement("div");
+    titleSpan.style.fontWeight = "700";
+    titleSpan.style.color = text;
+    const template = block.formatString || "\u{1F525} {count} people are viewing this right now";
+    titleSpan.textContent = template.replace("{count}", "...");
+    const subSpan = document.createElement("div");
+    subSpan.style.fontSize = "10px";
+    subSpan.style.color = text;
+    subSpan.style.opacity = "0.75";
+    subSpan.style.marginTop = "2px";
+    subSpan.textContent = block.liveSubtitle || "High demand on this page";
+    if (block.showVerifiedBadge !== false) {
+      subSpan.textContent += " \u2022 \u26A1 Verified Telemetry";
+    }
+    textWrap.appendChild(titleSpan);
+    textWrap.appendChild(subSpan);
+    container2.appendChild(flameBox);
+    container2.appendChild(textWrap);
+    if (siteId && typeof window !== "undefined" && typeof fetch !== "undefined") {
+      const windowMinutes = block.windowMinutes || 60;
+      const pageUrl = window.location.href;
+      const queryUrl = `/api/campaigns/social-proof?siteId=${encodeURIComponent(siteId)}&metric=${encodeURIComponent(block.metric || "live_visitors")}&windowMinutes=${windowMinutes}&pageUrl=${encodeURIComponent(pageUrl)}`;
+      fetch(queryUrl).then((res) => res.ok ? res.json() : null).then((data) => {
+        if (data && typeof data.count === "number") {
+          titleSpan.textContent = template.replace("{count}", String(data.count));
+        }
+      }).catch(() => {
+      });
+    }
+    return container2;
+  }
+  if (mode === "review") {
+    const container2 = document.createElement("div");
+    container2.style.padding = "12px 14px";
+    container2.style.borderRadius = "14px";
+    container2.style.fontSize = "12px";
+    container2.style.backgroundColor = glass.bg;
+    container2.style.border = glass.border;
+    container2.style.boxShadow = glass.shadow;
+    if (glass.backdrop) {
+      container2.style.backdropFilter = glass.backdrop;
+      container2.style.webkitBackdropFilter = glass.backdrop;
+    }
+    container2.style.color = text;
+    const starRow = document.createElement("div");
+    starRow.style.display = "flex";
+    starRow.style.alignItems = "center";
+    starRow.style.justifyContent = "space-between";
+    starRow.style.marginBottom = "6px";
+    const stars = document.createElement("div");
+    stars.style.color = "#F59E0B";
+    stars.style.fontSize = "13px";
+    stars.style.letterSpacing = "2px";
+    stars.textContent = "\u2605".repeat(block.rating || 5);
+    if (block.showVerifiedBadge !== false) {
+      const badge = document.createElement("span");
+      badge.style.fontSize = "10px";
+      badge.style.fontWeight = "600";
+      badge.style.color = accent;
+      badge.textContent = "\u2713 Verified Customer";
+      starRow.appendChild(badge);
+    }
+    starRow.prepend(stars);
+    const quote = document.createElement("p");
+    quote.style.margin = "0 0 6px 0";
+    quote.style.fontStyle = "italic";
+    quote.style.fontSize = "12px";
+    quote.style.lineHeight = "1.4";
+    quote.style.color = text;
+    quote.textContent = `"${block.reviewText || "SitePulse cut our incident response time down to under 1 minute."}"`;
+    const author = document.createElement("div");
+    author.style.fontSize = "10px";
+    author.style.color = text;
+    author.style.opacity = "0.8";
+    author.textContent = `${block.reviewerName || "Sarah Jenkins"} \u2022 ${block.reviewerTitle || "Verified User"}`;
+    container2.appendChild(starRow);
+    container2.appendChild(quote);
+    container2.appendChild(author);
+    return container2;
+  }
+  if (mode === "aggregate") {
+    const container2 = document.createElement("div");
+    container2.style.display = "flex";
+    container2.style.alignItems = "center";
+    container2.style.gap = "10px";
+    container2.style.padding = "10px 14px";
+    container2.style.borderRadius = "14px";
+    container2.style.fontSize = "12px";
+    container2.style.backgroundColor = glass.bg;
+    container2.style.border = glass.border;
+    container2.style.boxShadow = glass.shadow;
+    if (glass.backdrop) {
+      container2.style.backdropFilter = glass.backdrop;
+      container2.style.webkitBackdropFilter = glass.backdrop;
+    }
+    container2.style.color = text;
+    const icon = document.createElement("div");
+    icon.style.fontSize = "18px";
+    icon.textContent = "\u{1F4CA}";
+    const textWrap = document.createElement("div");
+    const title = document.createElement("div");
+    title.style.fontWeight = "700";
+    title.style.color = text;
+    title.textContent = block.aggregateLabel || "Over 1,200 organizations trust SitePulse";
+    const sub = document.createElement("div");
+    sub.style.fontSize = "10px";
+    sub.style.color = accent;
+    sub.style.fontWeight = "600";
+    sub.textContent = "\u26A1 Live Platform Data";
+    textWrap.appendChild(title);
+    textWrap.appendChild(sub);
+    container2.appendChild(icon);
+    container2.appendChild(textWrap);
+    return container2;
+  }
+  const container = document.createElement("div");
+  container.style.display = "flex";
+  container.style.alignItems = "flex-start";
+  container.style.gap = "10px";
+  container.style.padding = "10px 12px";
+  container.style.borderRadius = "14px";
+  container.style.fontSize = "12px";
+  container.style.backgroundColor = glass.bg;
+  container.style.border = glass.border;
+  container.style.boxShadow = glass.shadow;
+  if (glass.backdrop) {
+    container.style.backdropFilter = glass.backdrop;
+    container.style.webkitBackdropFilter = glass.backdrop;
+  }
+  container.style.color = text;
+  container.style.overflow = "hidden";
+  container.style.willChange = "transform, opacity";
+  container.style.cursor = "default";
+  container.style.position = "relative";
+  if (hasCloseButton) {
+    container.style.paddingRight = "30px";
+  }
+  const iconBox = document.createElement("div");
+  iconBox.style.width = "36px";
+  iconBox.style.height = "36px";
+  iconBox.style.borderRadius = "10px";
+  iconBox.style.display = "flex";
+  iconBox.style.alignItems = "center";
+  iconBox.style.justifyContent = "center";
+  iconBox.style.fontSize = "16px";
+  iconBox.style.backgroundColor = `${accent}18`;
+  iconBox.style.border = `1px solid ${accent}35`;
+  iconBox.style.color = accent;
+  iconBox.style.flexShrink = "0";
+  iconBox.style.marginTop = "2px";
+  const contentBox = document.createElement("div");
+  contentBox.style.flex = "1";
+  contentBox.style.minWidth = "0";
+  const titleEl = document.createElement("div");
+  titleEl.style.fontWeight = "700";
+  titleEl.style.fontSize = "12px";
+  titleEl.style.lineHeight = "1.3";
+  titleEl.style.whiteSpace = "nowrap";
+  titleEl.style.overflow = "hidden";
+  titleEl.style.textOverflow = "ellipsis";
+  titleEl.style.color = text;
+  const messageEl = document.createElement("div");
+  messageEl.style.fontSize = "11px";
+  messageEl.style.color = text;
+  messageEl.style.opacity = "0.85";
+  messageEl.style.marginTop = "1px";
+  messageEl.style.lineHeight = "1.3";
+  const footerEl = document.createElement("div");
+  footerEl.style.fontSize = "9.5px";
+  footerEl.style.color = text;
+  footerEl.style.opacity = "0.6";
+  footerEl.style.marginTop = "3px";
+  footerEl.style.display = "flex";
+  footerEl.style.alignItems = "center";
+  footerEl.style.gap = "4px";
+  contentBox.appendChild(titleEl);
+  contentBox.appendChild(messageEl);
+  contentBox.appendChild(footerEl);
+  container.appendChild(iconBox);
+  container.appendChild(contentBox);
+  const events = block.events && block.events.length > 0 ? block.events : [
+    {
+      title: "Someone from Lagos, Nigeria",
+      message: "Upgraded to Growth Plan (Annual)",
+      timeAgo: "2 minutes ago",
+      avatarType: "avatar"
+    }
+  ];
+  let currentIdx = 0;
+  function renderEvent(idx) {
+    const ev = events[idx % events.length];
+    titleEl.textContent = ev.title;
+    messageEl.textContent = ev.message;
+    let iconText = "\u{1F464}";
+    if (ev.avatarType === "map_pin") iconText = "\u{1F4CD}";
+    else if (ev.avatarType === "verified_check") iconText = "\u2713";
+    else if (ev.avatarType === "sparkles") iconText = "\u2728";
+    else if (ev.avatarType === "flame") iconText = "\u{1F525}";
+    else if (ev.avatarType === "cart") iconText = "\u{1F6D2}";
+    iconBox.textContent = iconText;
+    footerEl.textContent = ev.timeAgo;
+    if (block.showVerifiedBadge !== false) {
+      footerEl.textContent += " \u2022 \u26A1 Verified by SitePulse";
+    }
+    if (ev.linkUrl) {
+      container.style.cursor = "pointer";
+      container.onclick = () => window.open(ev.linkUrl, "_blank", "noopener,noreferrer");
+    } else {
+      container.style.cursor = "default";
+      container.onclick = null;
+    }
+  }
+  renderEvent(0);
+  const isRightSide = (design.position || "bottom-left").includes("right");
+  const exitTranslate = isRightSide ? "translateX(110%)" : "translateX(-110%)";
+  const enterTranslate = exitTranslate;
+  const SLIDE_OUT_MS = 270;
+  const SLIDE_IN_MS = 420;
+  if (hasCloseButton && events.length > 0) {
+    const snoozeBtn = document.createElement("button");
+    snoozeBtn.setAttribute("type", "button");
+    snoozeBtn.setAttribute("aria-label", "Snooze notification");
+    snoozeBtn.textContent = "\u2715";
+    snoozeBtn.style.position = "absolute";
+    snoozeBtn.style.top = "7px";
+    snoozeBtn.style.right = "7px";
+    snoozeBtn.style.width = "18px";
+    snoozeBtn.style.height = "18px";
+    snoozeBtn.style.borderRadius = "50%";
+    snoozeBtn.style.border = "none";
+    snoozeBtn.style.backgroundColor = isLight ? "rgba(0,0,0,0.07)" : "rgba(255,255,255,0.15)";
+    snoozeBtn.style.color = isLight ? "#4A4D57" : "#9CA3AF";
+    snoozeBtn.style.cursor = "pointer";
+    snoozeBtn.style.fontSize = "9px";
+    snoozeBtn.style.display = "flex";
+    snoozeBtn.style.alignItems = "center";
+    snoozeBtn.style.justifyContent = "center";
+    snoozeBtn.style.zIndex = "10";
+    snoozeBtn.style.flexShrink = "0";
+    container.appendChild(snoozeBtn);
+    snoozeBtn.addEventListener("click", (e) => {
+      e.stopPropagation();
+      clearTimeout(rotationTimer);
+      container.style.transition = `transform ${SLIDE_OUT_MS}ms ease-in, opacity ${SLIDE_OUT_MS - 60}ms ease-in`;
+      container.style.transform = exitTranslate;
+      container.style.opacity = "0";
+      setTimeout(() => {
+        currentIdx = (currentIdx + 1) % events.length;
+        renderEvent(currentIdx);
+        container.style.transition = "none";
+        container.style.transform = enterTranslate;
+        container.style.opacity = "0";
+        void container.offsetWidth;
+        setTimeout(() => {
+          container.style.transition = `transform ${SLIDE_IN_MS}ms cubic-bezier(0.34,1.56,0.64,1), opacity 250ms ease-out`;
+          container.style.transform = "translateX(0)";
+          container.style.opacity = "1";
+          scheduleNext();
+        }, (block.cycleIntervalSeconds || 4) * 1e3);
+      }, SLIDE_OUT_MS + 20);
+    });
+  }
+  let rotationTimer;
+  function scheduleNext() {
+    rotationTimer = setTimeout(doSlide, (block.displayDurationSeconds || 6) * 1e3);
+  }
+  function doSlide() {
+    container.style.transition = `transform ${SLIDE_OUT_MS}ms ease-in, opacity ${SLIDE_OUT_MS - 60}ms ease-in`;
+    container.style.transform = exitTranslate;
+    container.style.opacity = "0";
+    setTimeout(() => {
+      container.style.transition = "none";
+      container.style.transform = enterTranslate;
+      container.style.opacity = "0";
+      currentIdx = (currentIdx + 1) % events.length;
+      renderEvent(currentIdx);
+      void container.offsetWidth;
+      setTimeout(() => {
+        container.style.transition = `transform ${SLIDE_IN_MS}ms cubic-bezier(0.34,1.56,0.64,1), opacity 250ms ease-out`;
+        container.style.transform = "translateX(0)";
+        container.style.opacity = "1";
+        scheduleNext();
+      }, (block.cycleIntervalSeconds || 4) * 1e3);
+    }, SLIDE_OUT_MS + 20);
+  }
+  if (events.length > 1 && typeof window !== "undefined") {
+    scheduleNext();
+    if (typeof MutationObserver !== "undefined" && document.body) {
+      const observer = new MutationObserver(() => {
+        if (!document.body.contains(container)) {
+          clearTimeout(rotationTimer);
+          observer.disconnect();
+        }
+      });
+      observer.observe(document.body, { childList: true, subtree: true });
+    }
+  }
+  return container;
+}
+function renderDividerBlock(_block, design) {
+  const hr = document.createElement("hr");
+  hr.style.border = "none";
+  hr.style.borderTop = design.theme === "light" ? "1px solid #E5E7EB" : "1px solid #2D3748";
+  hr.style.margin = "12px 0";
+  return hr;
+}
+function ensureSDKStyles() {
+  try {
+    if (typeof document === "undefined" || typeof document.getElementById !== "function" || !document.head) return;
+    if (!document.getElementById("sitepulse-sdk-global-styles")) {
+      const style = document.createElement("style");
+      style.id = "sitepulse-sdk-global-styles";
+      style.textContent = `
+        @keyframes sitepulse-fade-in {
+          from { opacity: 0; }
+          to { opacity: 1; }
+        }
+        @keyframes sitepulse-slide-up {
+          from { opacity: 0; transform: translateY(24px) scale(0.97); }
+          to   { opacity: 1; transform: translateY(0)   scale(1); }
+        }
+        @keyframes sitepulse-slide-down {
+          from { opacity: 0; transform: translateY(-24px) scale(0.97); }
+          to   { opacity: 1; transform: translateY(0)    scale(1); }
+        }
+        @keyframes sitepulse-zoom-in {
+          from { opacity: 0; transform: scale(0.85); }
+          to   { opacity: 1; transform: scale(1); }
+        }
+        @keyframes sitepulse-ticker-scroll {
+          0% { transform: translateX(0); }
+          100% { transform: translateX(-50%); }
+        }
+      `;
+      document.head.appendChild(style);
+    }
+  } catch {
+  }
+}
+function renderCampaignDOM(campaign, handlers = {}) {
+  ensureSDKStyles();
+  const design = campaign.design || {
+    theme: "dark",
+    position: "center",
+    borderRadius: 16,
+    padding: 24,
+    overlay: true,
+    closeButton: true
+  };
+  const isBanner = campaign.type === "banner" || campaign.type === "announcement" || campaign.type === "scrolling_banner";
+  const isScrollingTicker = campaign.type === "scrolling_banner";
+  const wrapper = document.createElement("div");
+  wrapper.id = `sitepulse-campaign-${campaign.id}`;
+  wrapper.style.position = "fixed";
+  wrapper.style.zIndex = "2147483647";
+  wrapper.style.fontFamily = "system-ui, -apple-system, sans-serif";
+  let overlayEl = null;
+  if (design.overlay && !isBanner && (campaign.type === "modal" || campaign.type === "popup" || design.position === "center")) {
+    overlayEl = document.createElement("div");
+    overlayEl.style.position = "fixed";
+    overlayEl.style.inset = "0";
+    overlayEl.style.backgroundColor = "rgba(0, 0, 0, 0.6)";
+    overlayEl.style.backdropFilter = "blur(2px)";
+    overlayEl.style.zIndex = "2147483646";
+    overlayEl.style.animation = "sitepulse-fade-in 0.2s ease-out";
+    document.body.appendChild(overlayEl);
+  }
+  if (isBanner) {
+    wrapper.style.left = "0";
+    wrapper.style.right = "0";
+    wrapper.style.width = "100%";
+    wrapper.style.maxWidth = "100vw";
+    wrapper.style.transform = "none";
+    if (design.position === "bottom") {
+      wrapper.style.bottom = "0";
+      wrapper.style.top = "auto";
+    } else {
+      wrapper.style.top = "0";
+      wrapper.style.bottom = "auto";
+    }
+  } else {
+    switch (design.position) {
+      case "top":
+        wrapper.style.top = "16px";
+        wrapper.style.left = "50%";
+        wrapper.style.transform = "translateX(-50%)";
+        wrapper.style.width = "min(92vw, 560px)";
+        break;
+      case "bottom":
+        wrapper.style.bottom = "16px";
+        wrapper.style.left = "50%";
+        wrapper.style.transform = "translateX(-50%)";
+        wrapper.style.width = "min(92vw, 560px)";
+        break;
+      case "top-left":
+        wrapper.style.top = "20px";
+        wrapper.style.left = "20px";
+        wrapper.style.width = "min(90vw, 360px)";
+        break;
+      case "top-right":
+        wrapper.style.top = "20px";
+        wrapper.style.right = "20px";
+        wrapper.style.width = "min(90vw, 360px)";
+        break;
+      case "bottom-left":
+        wrapper.style.bottom = "20px";
+        wrapper.style.left = "20px";
+        wrapper.style.width = "min(90vw, 360px)";
+        break;
+      case "bottom-right":
+        wrapper.style.bottom = "20px";
+        wrapper.style.right = "20px";
+        wrapper.style.width = "min(90vw, 360px)";
+        break;
+      case "center":
+      default:
+        wrapper.style.top = "50%";
+        wrapper.style.left = "50%";
+        wrapper.style.transform = "translate(-50%, -50%)";
+        wrapper.style.width = "min(90vw, 440px)";
+        break;
+    }
+  }
+  const card = document.createElement("div");
+  card.style.boxSizing = "border-box";
+  card.style.backgroundColor = design.backgroundColor || (design.theme === "light" ? "#FFFFFF" : "#0E1117");
+  card.style.color = design.textColor || (design.theme === "light" ? "#14151A" : "#FFFFFF");
+  card.style.borderRadius = isBanner ? "0px" : `${design.borderRadius ?? 16}px`;
+  card.style.padding = isBanner ? isScrollingTicker ? "8px 48px 8px 16px" : "10px 48px 10px 20px" : `${design.padding ?? 24}px`;
+  card.style.boxShadow = isBanner ? "0 2px 10px rgba(0, 0, 0, 0.15)" : "0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2)";
+  card.style.border = isBanner ? design.theme === "light" ? "none" : "none" : design.theme === "light" ? "1px solid rgba(0,0,0,0.08)" : "1px solid rgba(255,255,255,0.1)";
+  card.style.position = "relative";
+  card.style.overflow = "hidden";
+  card.style.width = "100%";
+  if (isBanner) {
+    card.style.display = "flex";
+    card.style.alignItems = "center";
+    card.style.justifyContent = "center";
+  }
+  if (campaign.type === "social_proof") {
+    card.style.backgroundColor = "transparent";
+    card.style.boxShadow = "none";
+    card.style.border = "none";
+    card.style.padding = "0";
+  }
+  if (design.closeButton !== false && campaign.type !== "social_proof") {
+    const closeBtn = document.createElement("button");
+    closeBtn.setAttribute("type", "button");
+    closeBtn.setAttribute("aria-label", "Close Campaign");
+    closeBtn.textContent = "\u2715";
+    closeBtn.style.position = "absolute";
+    if (isBanner) {
+      closeBtn.style.top = "50%";
+      closeBtn.style.right = "14px";
+      closeBtn.style.transform = "translateY(-50%)";
+    } else {
+      closeBtn.style.top = "12px";
+      closeBtn.style.right = "12px";
+    }
+    closeBtn.style.width = "26px";
+    closeBtn.style.height = "26px";
+    closeBtn.style.borderRadius = "50%";
+    closeBtn.style.border = "none";
+    closeBtn.style.backgroundColor = design.theme === "light" ? "rgba(0,0,0,0.06)" : "rgba(255,255,255,0.12)";
+    closeBtn.style.color = design.theme === "light" ? "#4A4D57" : "#9CA3AF";
+    closeBtn.style.cursor = "pointer";
+    closeBtn.style.fontSize = "12px";
+    closeBtn.style.display = "flex";
+    closeBtn.style.alignItems = "center";
+    closeBtn.style.justifyContent = "center";
+    closeBtn.style.zIndex = "10";
+    closeBtn.addEventListener("click", () => {
+      destroy();
+      handlers.onClose?.();
+    });
+    card.appendChild(closeBtn);
+  }
+  const form = document.createElement("form");
+  form.style.margin = "0";
+  form.style.padding = "0";
+  if (isBanner) {
+    form.style.display = "flex";
+    form.style.alignItems = "center";
+    form.style.justifyContent = "center";
+    form.style.gap = "14px";
+    form.style.flexWrap = "wrap";
+    form.style.width = "100%";
+  }
+  form.addEventListener("submit", (e) => {
+    e.preventDefault();
+    const formData = new FormData(form);
+    const entries = {};
+    formData.forEach((val, key) => {
+      entries[key] = String(val);
+    });
+    const inputElements = form.querySelectorAll("input, select, textarea");
+    inputElements.forEach((inputEl) => {
+      const name = inputEl.getAttribute("name") || inputEl.getAttribute("type") || "input";
+      if (inputEl.value && !entries[name]) {
+        entries[name] = inputEl.value;
+      }
+    });
+    const emailVal = entries.email || entries.email_address || entries.newsletter_email || null;
+    handlers.onSubmit?.(entries);
+    if (typeof fetch !== "undefined") {
+      fetch("/api/campaigns/submit", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          siteId: campaign.site_id,
+          campaignId: campaign.id,
+          email: emailVal,
+          data: entries,
+          page: {
+            url: typeof window !== "undefined" ? window.location.href : void 0,
+            title: typeof document !== "undefined" ? document.title : void 0
+          }
+        })
+      }).catch(() => {
+      });
+    }
+    form.style.display = "none";
+    const accent = design.accentColor || "#1DBF73";
+    const successBox = document.createElement("div");
+    successBox.style.padding = isBanner ? "6px 12px" : "20px 10px";
+    successBox.style.textAlign = "center";
+    successBox.style.display = "flex";
+    successBox.style.flexDirection = isBanner ? "row" : "column";
+    successBox.style.alignItems = "center";
+    successBox.style.justifyContent = "center";
+    successBox.style.gap = isBanner ? "8px" : "0";
+    const checkIcon = document.createElement("div");
+    checkIcon.style.width = isBanner ? "24px" : "44px";
+    checkIcon.style.height = isBanner ? "24px" : "44px";
+    checkIcon.style.borderRadius = "50%";
+    checkIcon.style.backgroundColor = `${accent}20`;
+    checkIcon.style.color = accent;
+    checkIcon.style.display = "flex";
+    checkIcon.style.alignItems = "center";
+    checkIcon.style.justifyContent = "center";
+    checkIcon.style.fontSize = isBanner ? "13px" : "22px";
+    checkIcon.style.fontWeight = "bold";
+    checkIcon.style.marginBottom = isBanner ? "0" : "10px";
+    checkIcon.textContent = "\u2713";
+    const successTitle = document.createElement("span");
+    successTitle.style.margin = "0";
+    successTitle.style.fontSize = isBanner ? "13px" : "17px";
+    successTitle.style.fontWeight = "700";
+    successTitle.style.color = design.textColor || (design.theme === "light" ? "#14151A" : "#FFFFFF");
+    successTitle.textContent = isBanner ? "Thank you! Submission received." : "Thank you!";
+    successBox.appendChild(checkIcon);
+    successBox.appendChild(successTitle);
+    if (!isBanner) {
+      const successMsg = document.createElement("p");
+      successMsg.style.margin = "0";
+      successMsg.style.fontSize = "13px";
+      successMsg.style.lineHeight = "1.4";
+      successMsg.style.color = design.textColor ? `${design.textColor}CC` : design.theme === "light" ? "#64748B" : "#94A3B8";
+      successMsg.textContent = "Your submission has been received successfully.";
+      successBox.appendChild(successMsg);
+    }
+    card.appendChild(successBox);
+    setTimeout(() => {
+      destroy();
+    }, 2500);
+  });
+  const blocks = campaign.content?.blocks || [];
+  const inputBlocksCount = blocks.filter((b) => b.type === "input" || b.type === "rating").length;
+  const isOnlyInput = inputBlocksCount <= 1;
+  if (isScrollingTicker) {
+    let buildSegment2 = function() {
+      const seg = document.createElement("div");
+      seg.style.display = "inline-flex";
+      seg.style.alignItems = "center";
+      seg.style.gap = "14px";
+      for (const block of blocks) {
+        let node = null;
+        switch (block.type) {
+          case "heading":
+            node = renderHeadingBlock(block, design, true);
+            break;
+          case "paragraph":
+            node = renderParagraphBlock(block, design, true);
+            break;
+          case "button":
+            node = renderButtonBlock(block, design, {
+              ...handlers,
+              onClose: () => {
+                destroy();
+                handlers.onClose?.();
+              }
+            }, true);
+            break;
+          case "image":
+            node = renderImageBlock(block, design);
+            break;
+          case "divider":
+            node = renderDividerBlock(block, design);
+            break;
+        }
+        if (node) seg.appendChild(node);
+      }
+      return seg;
+    };
+    var buildSegment = buildSegment2;
+    const tickerWrapper = document.createElement("div");
+    tickerWrapper.style.overflow = "hidden";
+    tickerWrapper.style.whiteSpace = "nowrap";
+    tickerWrapper.style.width = "100%";
+    tickerWrapper.style.display = "flex";
+    tickerWrapper.style.alignItems = "center";
+    tickerWrapper.style.position = "relative";
+    tickerWrapper.style.maskImage = "linear-gradient(to right, transparent, black 20px, black calc(100% - 20px), transparent)";
+    tickerWrapper.style.webkitMaskImage = "linear-gradient(to right, transparent, black 20px, black calc(100% - 20px), transparent)";
+    const tickerTrack = document.createElement("div");
+    tickerTrack.style.display = "inline-flex";
+    tickerTrack.style.alignItems = "center";
+    tickerTrack.style.gap = "48px";
+    tickerTrack.style.animation = "sitepulse-ticker-scroll 24s linear infinite";
+    tickerTrack.style.willChange = "transform";
+    tickerWrapper.addEventListener("mouseenter", () => {
+      tickerTrack.style.animationPlayState = "paused";
+    });
+    tickerWrapper.addEventListener("mouseleave", () => {
+      tickerTrack.style.animationPlayState = "running";
+    });
+    for (let i = 0; i < 4; i++) {
+      tickerTrack.appendChild(buildSegment2());
+    }
+    tickerWrapper.appendChild(tickerTrack);
+    card.appendChild(tickerWrapper);
+  } else {
+    for (const block of blocks) {
+      try {
+        let blockNode = null;
+        switch (block.type) {
+          case "heading":
+            blockNode = renderHeadingBlock(block, design, isBanner);
+            break;
+          case "paragraph":
+            blockNode = renderParagraphBlock(block, design, isBanner);
+            break;
+          case "image":
+            blockNode = renderImageBlock(block, design);
+            break;
+          case "button":
+            blockNode = renderButtonBlock(block, design, {
+              ...handlers,
+              onClose: () => {
+                destroy();
+                handlers.onClose?.();
+              }
+            }, isBanner);
+            break;
+          case "input":
+            blockNode = renderInputBlock(block, design, isOnlyInput);
+            break;
+          case "countdown":
+            blockNode = renderCountdownBlock(block, design);
+            break;
+          case "social_proof":
+            blockNode = renderSocialProofBlock(block, design, campaign.site_id, design.closeButton !== false);
+            break;
+          case "rating":
+            blockNode = renderRatingBlock(block, design, isOnlyInput);
+            break;
+          case "divider":
+            blockNode = renderDividerBlock(block, design);
+            break;
+        }
+        if (blockNode) {
+          form.appendChild(blockNode);
+        }
+      } catch {
+      }
+    }
+    card.appendChild(form);
+  }
+  wrapper.appendChild(card);
+  const animStyle = design.animationStyle || "fade";
+  if (animStyle !== "none") {
+    const animMap = {
+      "fade": "sitepulse-fade-in 0.35s ease-out both",
+      "slide-up": "sitepulse-slide-up 0.4s cubic-bezier(0.34,1.56,0.64,1) both",
+      "slide-down": "sitepulse-slide-down 0.4s cubic-bezier(0.34,1.56,0.64,1) both",
+      "zoom": "sitepulse-zoom-in 0.35s cubic-bezier(0.34,1.56,0.64,1) both"
+    };
+    card.style.animation = animMap[animStyle] ?? animMap["fade"];
+  }
+  document.body.appendChild(wrapper);
+  let originalPaddingTop = null;
+  let originalPaddingBottom = null;
+  let resizeObserver = null;
+  if (isBanner && typeof document !== "undefined" && document.body) {
+    try {
+      const isBottom = design.position === "bottom";
+      if (isBottom) {
+        originalPaddingBottom = document.body.style.paddingBottom;
+      } else {
+        originalPaddingTop = document.body.style.paddingTop;
+      }
+      let basePaddingTop = 0;
+      let basePaddingBottom = 0;
+      try {
+        if (typeof window !== "undefined" && window.getComputedStyle) {
+          const computed = window.getComputedStyle(document.body);
+          if (isBottom) {
+            basePaddingBottom = parseFloat(computed.paddingBottom) || 0;
+          } else {
+            basePaddingTop = parseFloat(computed.paddingTop) || 0;
+          }
+        }
+      } catch {
+      }
+      const updateOffset = () => {
+        if (!wrapper || !document.body) return;
+        const bannerHeight = wrapper.offsetHeight;
+        if (bannerHeight > 0) {
+          if (isBottom) {
+            document.body.style.paddingBottom = `${basePaddingBottom + bannerHeight}px`;
+          } else {
+            document.body.style.paddingTop = `${basePaddingTop + bannerHeight}px`;
+          }
+        }
+      };
+      if (typeof requestAnimationFrame !== "undefined") {
+        requestAnimationFrame(updateOffset);
+      } else {
+        setTimeout(updateOffset, 10);
+      }
+      if (typeof ResizeObserver !== "undefined") {
+        resizeObserver = new ResizeObserver(() => {
+          updateOffset();
+        });
+        resizeObserver.observe(wrapper);
+      }
+    } catch {
+    }
+  }
+  function destroy() {
+    if (resizeObserver) {
+      try {
+        resizeObserver.disconnect();
+      } catch {
+      }
+    }
+    if (typeof document !== "undefined" && document.body) {
+      try {
+        if (originalPaddingTop !== null) {
+          document.body.style.paddingTop = originalPaddingTop;
+        }
+        if (originalPaddingBottom !== null) {
+          document.body.style.paddingBottom = originalPaddingBottom;
+        }
+      } catch {
+      }
+    }
+    if (overlayEl && overlayEl.parentNode) {
+      overlayEl.parentNode.removeChild(overlayEl);
+    }
+    if (wrapper && wrapper.parentNode) {
+      wrapper.parentNode.removeChild(wrapper);
+    }
+  }
+  return { element: wrapper, destroy };
+}
+
+// src/evaluator.ts
+function evaluateAudience(audience, state) {
+  if (!audience || audience.type === "all") {
+    return true;
+  }
+  try {
+    switch (audience.type) {
+      case "new_visitors":
+        return state.isNewVisitor;
+      case "returning_visitors":
+        return !state.isNewVisitor;
+      case "device":
+        if (!audience.deviceTypes || audience.deviceTypes.length === 0) return true;
+        return audience.deviceTypes.includes(state.deviceType);
+      case "specific_pages": {
+        if (!audience.pagePaths || audience.pagePaths.length === 0) return true;
+        const currentPath = state.pathname.toLowerCase();
+        return audience.pagePaths.some((pattern) => {
+          const cleanPattern = pattern.toLowerCase().trim();
+          if (cleanPattern.endsWith("*")) {
+            return currentPath.startsWith(cleanPattern.slice(0, -1));
+          }
+          return currentPath === cleanPattern;
+        });
+      }
+      default:
+        return true;
+    }
+  } catch {
+    return false;
+  }
+}
+function attachTrigger(trigger, onTriggered) {
+  if (!trigger) {
+    onTriggered();
+    return () => {
+    };
+  }
+  try {
+    let fired = false;
+    const fireOnce = () => {
+      if (fired) return;
+      fired = true;
+      try {
+        onTriggered();
+      } catch {
+      }
+    };
+    switch (trigger.type) {
+      case "delay": {
+        const ms = Math.max(0, (trigger.seconds || 0) * 1e3);
+        const timer = setTimeout(fireOnce, ms);
+        return () => clearTimeout(timer);
+      }
+      case "scroll_percent": {
+        if (typeof window === "undefined") return () => {
+        };
+        const targetPercent = Math.min(100, Math.max(1, trigger.scrollPercent || 50));
+        const checkScroll = () => {
+          try {
+            const scrollTop = window.scrollY || document.documentElement.scrollTop;
+            const docHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+            if (docHeight <= 0) return;
+            const percent = scrollTop / docHeight * 100;
+            if (percent >= targetPercent) {
+              window.removeEventListener("scroll", checkScroll);
+              fireOnce();
+            }
+          } catch {
+          }
+        };
+        window.addEventListener("scroll", checkScroll, { passive: true });
+        return () => window.removeEventListener("scroll", checkScroll);
+      }
+      case "exit_intent": {
+        if (typeof document === "undefined") return () => {
+        };
+        const handleMouseLeave = (e) => {
+          try {
+            if (e.clientY <= 0) {
+              document.removeEventListener("mouseleave", handleMouseLeave);
+              fireOnce();
+            }
+          } catch {
+          }
+        };
+        document.addEventListener("mouseleave", handleMouseLeave);
+        return () => document.removeEventListener("mouseleave", handleMouseLeave);
+      }
+      case "click": {
+        if (!trigger.elementSelector || typeof document === "undefined") return () => {
+        };
+        const handleClick = (e) => {
+          try {
+            const target = e.target;
+            if (target && target.closest(trigger.elementSelector)) {
+              document.removeEventListener("click", handleClick);
+              fireOnce();
+            }
+          } catch {
+          }
+        };
+        document.addEventListener("click", handleClick, true);
+        return () => document.removeEventListener("click", handleClick, true);
+      }
+      case "event": {
+        if (typeof window === "undefined") return () => {
+        };
+        const handleCustomEvent = (e) => {
+          try {
+            const customEvent = e;
+            if (!trigger.eventName || customEvent.detail?.eventName === trigger.eventName) {
+              window.removeEventListener("sitepulse:event", handleCustomEvent);
+              fireOnce();
+            }
+          } catch {
+          }
+        };
+        window.addEventListener("sitepulse:event", handleCustomEvent);
+        return () => window.removeEventListener("sitepulse:event", handleCustomEvent);
+      }
+      default:
+        fireOnce();
+        return () => {
+        };
+    }
+  } catch {
+    return () => {
+    };
+  }
+}
+
+// src/index.ts
+var SitePulseClient = class {
+  config = null;
+  queue = [];
+  flushTimer = null;
+  initialized = false;
+  lastUrl = "";
+  registeredCampaignTeardowns = [];
+  init(config) {
+    const isReinit = this.initialized;
+    this.config = {
+      endpointUrl: "/api/collect",
+      campaignsEndpointUrl: "/api/campaigns/active",
+      flushIntervalMs: 5e3,
+      autoTrack: true,
+      autoFetchCampaigns: true,
+      ...config
+    };
+    this.initialized = true;
+    if (typeof window !== "undefined") {
+      if (isReinit && this.registeredCampaignTeardowns.length > 0) {
+        this.registeredCampaignTeardowns.forEach((fn) => {
+          try {
+            fn();
+          } catch {
+          }
+        });
+        this.registeredCampaignTeardowns = [];
+      }
+      if (!isReinit) {
+        this.flushTimer = setInterval(() => {
+          this.flush();
+        }, this.config.flushIntervalMs);
+        const handleFlushOnUnload = () => {
+          this.flush(true);
+        };
+        if (document.addEventListener) {
+          document.addEventListener("visibilitychange", () => {
+            if (document.visibilityState === "hidden") {
+              handleFlushOnUnload();
+            }
+          });
+          window.addEventListener("pagehide", handleFlushOnUnload);
+        }
+        if (this.config.autoTrack) {
+          this.autoCapturePageViews();
+        }
+      }
+      if (this.config.autoFetchCampaigns) {
+        this.fetchAndRegisterActiveCampaigns();
+      }
+    }
+  }
+  track(eventName, properties = {}) {
+    if (!this.config || typeof window === "undefined") return;
+    try {
+      const event = {
+        eventName,
+        anonymousId: getOrCreateAnonymousId(),
+        sessionId: getOrCreateSessionId(),
+        properties,
+        page: {
+          url: window.location.href,
+          referrer: document.referrer || void 0,
+          title: document.title || void 0
+        },
+        deviceType: getDeviceType(),
+        browser: getBrowser(),
+        os: getOS(),
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      this.queue.push(event);
+      try {
+        const customEvent = new CustomEvent("sitepulse:event", {
+          detail: { eventName, properties }
+        });
+        window.dispatchEvent(customEvent);
+      } catch {
+      }
+      if (this.queue.length >= 25) {
+        this.flush();
+      }
+    } catch {
+    }
+  }
+  page(properties = {}) {
+    this.track("page_view", properties);
+  }
+  flush(isUnloading = false) {
+    if (!this.config || this.queue.length === 0 || typeof window === "undefined") return;
+    const batch = this.queue.splice(0, 50);
+    const payload = JSON.stringify({
+      siteId: this.config.siteId,
+      events: batch
+    });
+    const endpoint = this.config.endpointUrl || "/api/collect";
+    try {
+      if (isUnloading && typeof navigator !== "undefined" && navigator.sendBeacon) {
+        const blob = new Blob([payload], { type: "application/json" });
+        const queued = navigator.sendBeacon(endpoint, blob);
+        if (queued) return;
+      }
+      fetch(endpoint, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: payload,
+        keepalive: true
+      }).catch(() => {
+      });
+    } catch {
+    }
+  }
+  /**
+   * Fetches active campaigns for this site from the endpoint, caches in sessionStorage,
+   * and automatically registers each active campaign. (§8.3)
+   */
+  async fetchAndRegisterActiveCampaigns() {
+    if (!this.config || typeof window === "undefined") return;
+    const siteId = this.config.siteId;
+    const cacheKey = `_sitepulse_campaigns_${siteId}`;
+    const cacheTtlMs = 60 * 1e3;
+    try {
+      let campaigns = null;
+      try {
+        const cachedRaw = sessionStorage.getItem(cacheKey);
+        if (cachedRaw) {
+          const parsed = JSON.parse(cachedRaw);
+          if (parsed.timestamp && Date.now() - parsed.timestamp < cacheTtlMs) {
+            campaigns = parsed.campaigns;
+          }
+        }
+      } catch {
+      }
+      if (!campaigns) {
+        const endpoint = `${this.config.campaignsEndpointUrl || "/api/campaigns/active"}?siteId=${encodeURIComponent(siteId)}`;
+        const res = await fetch(endpoint, { method: "GET" });
+        if (res.ok) {
+          const data = await res.json();
+          campaigns = data.campaigns || [];
+          try {
+            sessionStorage.setItem(
+              cacheKey,
+              JSON.stringify({ timestamp: Date.now(), campaigns })
+            );
+          } catch {
+          }
+        }
+      }
+      if (Array.isArray(campaigns)) {
+        for (const c of campaigns) {
+          this.registerCampaign(c);
+        }
+      }
+    } catch {
+    }
+  }
+  /**
+   * Directly renders a Campaign into the DOM using the fixed block renderer.
+   * (§8.3 & §3.2: Zero-innerHTML guaranteed)
+   */
+  renderCampaign(campaign, handlers = {}) {
+    if (typeof window === "undefined" || typeof document === "undefined") return null;
+    try {
+      this.track("campaign_impression", {
+        campaignId: campaign.id,
+        campaignType: campaign.type,
+        campaignName: campaign.name
+      });
+      const dom = renderCampaignDOM(campaign, {
+        onLinkClick: (url, eventName) => {
+          this.track("campaign_click", {
+            campaignId: campaign.id,
+            url,
+            eventName
+          });
+          handlers.onLinkClick?.(url, eventName);
+        },
+        onEventClick: (eventName) => {
+          this.track("campaign_click", {
+            campaignId: campaign.id,
+            eventName
+          });
+          handlers.onEventClick?.(eventName);
+        },
+        onSubmit: (formData) => {
+          this.track("campaign_submission", {
+            campaignId: campaign.id,
+            formData
+          });
+          handlers.onSubmit?.(formData);
+        },
+        onClose: () => {
+          this.track("campaign_dismiss", {
+            campaignId: campaign.id
+          });
+          handlers.onClose?.();
+        }
+      });
+      return { destroy: dom.destroy };
+    } catch {
+      return null;
+    }
+  }
+  /**
+   * Registers a Campaign: Evaluates audience rules and trigger signals,
+   * then mounts DOM when matched. Returns a teardown function.
+   */
+  registerCampaign(campaign) {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      return () => {
+      };
+    }
+    try {
+      const visitorState = {
+        isNewVisitor: true,
+        deviceType: getDeviceType() || "desktop",
+        pathname: window.location.pathname,
+        sessionCount: 1
+      };
+      const audienceMatches = evaluateAudience(campaign.audience, visitorState);
+      if (!audienceMatches) {
+        return () => {
+        };
+      }
+      let activeCampaignInstance = null;
+      const detachTrigger = attachTrigger(campaign.trigger, () => {
+        activeCampaignInstance = this.renderCampaign(campaign);
+      });
+      const teardown = () => {
+        detachTrigger();
+        if (activeCampaignInstance) {
+          activeCampaignInstance.destroy();
+        }
+      };
+      this.registeredCampaignTeardowns.push(teardown);
+      return teardown;
+    } catch {
+      return () => {
+      };
+    }
+  }
+  autoCapturePageViews() {
+    if (typeof window === "undefined") return;
+    this.lastUrl = window.location.href;
+    this.page();
+    if (typeof history !== "undefined") {
+      const originalPushState = history.pushState;
+      if (originalPushState) {
+        history.pushState = (...args) => {
+          originalPushState.apply(history, args);
+          this.checkRouteChange();
+        };
+      }
+      const originalReplaceState = history.replaceState;
+      if (originalReplaceState) {
+        history.replaceState = (...args) => {
+          originalReplaceState.apply(history, args);
+          this.checkRouteChange();
+        };
+      }
+    }
+    window.addEventListener("popstate", () => this.checkRouteChange());
+    window.addEventListener("hashchange", () => this.checkRouteChange());
+  }
+  checkRouteChange() {
+    setTimeout(() => {
+      const currentUrl = window.location.href;
+      if (currentUrl !== this.lastUrl) {
+        this.lastUrl = currentUrl;
+        this.page();
+      }
+    }, 50);
+  }
+};
+var SitePulse = new SitePulseClient();
+if (typeof window !== "undefined") {
+  window.SitePulse = SitePulse;
+  try {
+    const script = document.currentScript || document.querySelector("script[data-site-id]");
+    if (script) {
+      const siteId = script.getAttribute("data-site-id");
+      const endpoint = script.getAttribute("data-endpoint");
+      const campaignsEndpoint = script.getAttribute("data-campaigns-endpoint");
+      if (siteId) {
+        SitePulse.init({
+          siteId,
+          endpointUrl: endpoint || void 0,
+          campaignsEndpointUrl: campaignsEndpoint || void 0
+        });
+      }
+    }
+  } catch {
+  }
+}
+var index_default = SitePulse;
+export {
+  SitePulse,
+  attachTrigger,
+  index_default as default,
+  evaluateAudience,
+  renderButtonBlock,
+  renderCampaignDOM,
+  renderCountdownBlock,
+  renderDividerBlock,
+  renderHeadingBlock,
+  renderImageBlock,
+  renderInputBlock,
+  renderParagraphBlock,
+  renderRatingBlock,
+  renderSocialProofBlock
+};