@active-reach/web-sdk 1.0.0

package/dist/index.js

@@ -0,0 +1,4296 @@
+import { l as logger, A as Aegis } from "./analytics-B11keZ55.mjs";
+import { AegisWebPush } from "./push/AegisWebPush.js";
+function debounce(func, wait) {
+  let timeoutId = null;
+  return function debounced(...args) {
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      func(...args);
+      timeoutId = null;
+    }, wait);
+  };
+}
+function throttle(func, limit) {
+  let inThrottle = false;
+  return function throttled(...args) {
+    if (!inThrottle) {
+      func(...args);
+      inThrottle = true;
+      setTimeout(() => {
+        inThrottle = false;
+      }, limit);
+    }
+  };
+}
+class AegisInAppManager {
+  constructor(config) {
+    this.campaigns = [];
+    this.displayedCampaigns = /* @__PURE__ */ new Set();
+    this.isInitialized = false;
+    this.reconnectAttempts = 0;
+    this.maxReconnectAttempts = 5;
+    this.writeKey = config.writeKey;
+    this.apiHost = config.apiHost || "https://api.aegis.ai";
+    this.userId = config.userId;
+    this.contactId = config.contactId;
+    this.organizationId = config.organizationId;
+    this.debugMode = config.debugMode || false;
+    this.enableSSE = config.enableSSE !== false;
+  }
+  async initialize() {
+    if (this.isInitialized) {
+      this.log("AegisInApp already initialized");
+      return;
+    }
+    if (typeof localStorage !== "undefined") {
+      localStorage.setItem("aegis_returning_user", "1");
+    }
+    await this.refreshCampaigns();
+    if (this.enableSSE && this.organizationId) {
+      this.connectSSE();
+    }
+    this.isInitialized = true;
+    this.log("AegisInApp initialized successfully");
+  }
+  updateUserId(userId) {
+    this.userId = userId;
+    this.refreshCampaigns();
+  }
+  updateContactId(contactId) {
+    this.contactId = contactId;
+    this.disconnectSSE();
+    if (this.enableSSE && this.organizationId) {
+      this.connectSSE();
+    }
+    this.refreshCampaigns();
+  }
+  connectSSE() {
+    if (this.eventSource) {
+      this.disconnectSSE();
+    }
+    if (!this.organizationId) {
+      this.log("Cannot connect SSE without organization ID", "warn");
+      return;
+    }
+    const url = new URL("/v1/stream/realtime", this.apiHost);
+    const headers = {
+      "X-Aegis-Write-Key": this.writeKey,
+      "X-Organization-ID": this.organizationId
+    };
+    if (this.contactId) {
+      headers["X-Contact-ID"] = this.contactId;
+    }
+    const queryParams = new URLSearchParams();
+    Object.entries(headers).forEach(([key, value]) => {
+      queryParams.append(key, value);
+    });
+    this.eventSource = new EventSource(`${url}?${queryParams.toString()}`);
+    this.eventSource.addEventListener("open", () => {
+      this.log("SSE connection established");
+      this.reconnectAttempts = 0;
+    });
+    this.eventSource.addEventListener("in_app_campaign_updated", (event) => {
+      try {
+        const data = JSON.parse(event.data);
+        this.log(`Received in-app campaign update: ${data.campaign_id}`);
+        this.refreshCampaigns();
+      } catch (error) {
+        this.log(`Error parsing SSE event: ${error}`, "error");
+      }
+    });
+    this.eventSource.addEventListener("heartbeat", (event) => {
+      this.log("SSE heartbeat received");
+    });
+    this.eventSource.addEventListener("error", (error) => {
+      var _a;
+      this.log("SSE connection error", "error");
+      if (((_a = this.eventSource) == null ? void 0 : _a.readyState) === EventSource.CLOSED) {
+        this.attemptReconnect();
+      }
+    });
+  }
+  disconnectSSE() {
+    if (this.eventSource) {
+      this.eventSource.close();
+      this.eventSource = void 0;
+      this.log("SSE connection closed");
+    }
+  }
+  attemptReconnect() {
+    if (this.reconnectAttempts >= this.maxReconnectAttempts) {
+      this.log("Max reconnect attempts reached, giving up", "warn");
+      return;
+    }
+    this.reconnectAttempts++;
+    const delay = Math.min(1e3 * Math.pow(2, this.reconnectAttempts), 3e4);
+    this.log(`Reconnecting SSE in ${delay}ms (attempt ${this.reconnectAttempts})`);
+    setTimeout(() => {
+      if (this.isInitialized && this.enableSSE && this.organizationId) {
+        this.connectSSE();
+      }
+    }, delay);
+  }
+  async refreshCampaigns() {
+    try {
+      const context = new URLSearchParams({
+        device_type: this.detectDeviceType(),
+        page_url: typeof window !== "undefined" ? window.location.pathname : "/"
+      });
+      context.set("is_new_user", this.isNewUser() ? "true" : "false");
+      const url = `${this.apiHost}/v1/in-app/active?${context.toString()}`;
+      const headers = {
+        "X-Aegis-Write-Key": this.writeKey,
+        "Content-Type": "application/json"
+      };
+      if (this.userId) {
+        headers["X-User-ID"] = this.userId;
+      }
+      if (this.contactId) {
+        headers["X-Contact-ID"] = this.contactId;
+      }
+      if (this.organizationId) {
+        headers["X-Organization-ID"] = this.organizationId;
+      }
+      const abAssignments = this.getABAssignments();
+      if (Object.keys(abAssignments).length > 0) {
+        headers["X-AB-Assignments"] = btoa(JSON.stringify(abAssignments));
+      }
+      const response = await fetch(url, {
+        method: "GET",
+        headers
+      });
+      if (!response.ok) {
+        throw new Error(`Failed to fetch campaigns: ${response.status}`);
+      }
+      this.campaigns = await response.json();
+      this.processABAssignments(this.campaigns);
+      this.log(`Fetched ${this.campaigns.length} campaigns`);
+      this.tryDisplayNextCampaign();
+    } catch (error) {
+      this.log(`Error refreshing campaigns: ${error}`, "error");
+    }
+  }
+  // --- Client Context Helpers (Critical Fix B) ---
+  detectDeviceType() {
+    if (typeof navigator === "undefined") return "desktop";
+    const ua = navigator.userAgent;
+    if (/Mobi|Android/i.test(ua)) return "mobile";
+    if (/iPad|Tablet/i.test(ua)) return "tablet";
+    return "desktop";
+  }
+  isNewUser() {
+    if (typeof localStorage === "undefined") return true;
+    return !localStorage.getItem("aegis_returning_user");
+  }
+  // --- A/B Assignment Persistence (Critical Fix C) ---
+  getABAssignments() {
+    if (typeof localStorage === "undefined") return {};
+    try {
+      return JSON.parse(localStorage.getItem("aegis_ab_assignments") || "{}");
+    } catch {
+      return {};
+    }
+  }
+  processABAssignments(campaigns) {
+    if (typeof localStorage === "undefined") return;
+    const stored = this.getABAssignments();
+    for (const campaign of campaigns) {
+      if (campaign.assigned_variant_id) {
+        stored[campaign.id] = campaign.assigned_variant_id;
+      }
+    }
+    localStorage.setItem("aegis_ab_assignments", JSON.stringify(stored));
+  }
+  getVariantId(campaignId) {
+    const assignments = this.getABAssignments();
+    return assignments[campaignId] ?? void 0;
+  }
+  tryDisplayNextCampaign() {
+    const campaign = this.campaigns.find((c) => !this.displayedCampaigns.has(c.id));
+    if (campaign) {
+      this.displayCampaign(campaign);
+    }
+  }
+  displayCampaign(campaign) {
+    this.displayedCampaigns.add(campaign.id);
+    const interactiveSubTypes = /* @__PURE__ */ new Set([
+      "spin_wheel",
+      "scratch_card",
+      "nps_survey",
+      "quiz",
+      "countdown_offer",
+      "star_rating",
+      "quick_poll"
+    ]);
+    if (campaign.sub_type && interactiveSubTypes.has(campaign.sub_type)) {
+      this.renderInteractive(campaign);
+      this.trackEvent(campaign.id, "impression");
+      return;
+    }
+    switch (campaign.type) {
+      case "modal":
+        this.renderModal(campaign);
+        break;
+      case "banner":
+        this.renderBanner(campaign);
+        break;
+      case "full_screen":
+        this.renderFullScreen(campaign);
+        break;
+      case "half_interstitial":
+        this.renderHalfInterstitial(campaign);
+        break;
+      case "alert":
+        this.renderAlert(campaign);
+        break;
+      case "pip":
+        this.renderPIP(campaign);
+        break;
+      case "tooltip":
+        this.renderTooltip(campaign);
+        break;
+    }
+    this.trackEvent(campaign.id, "impression");
+  }
+  /**
+   * Renders interactive sub-type campaigns (spin wheel, NPS, quiz, etc.)
+   * using DOM-safe rendering. These sub-types use the campaign's
+   * interactive_config payload for type-specific behavior.
+   */
+  renderInteractive(campaign) {
+    const ic = campaign.interactive_config || {};
+    const bg = this.sanitizeColor(campaign.background_color || "#4169e1");
+    const text = this.sanitizeColor(campaign.text_color || "#ffffff");
+    switch (campaign.sub_type) {
+      case "nps_survey":
+        this.renderNPSSurvey(campaign, ic, bg, text);
+        break;
+      case "countdown_offer":
+        this.renderCountdownOffer(campaign, ic, bg, text);
+        break;
+      case "star_rating":
+        this.renderStarRating(campaign, ic, bg, text);
+        break;
+      case "quick_poll":
+        this.renderQuickPoll(campaign, ic, bg, text);
+        break;
+      case "quiz":
+        this.renderQuiz(campaign, ic, bg, text);
+        break;
+      case "spin_wheel":
+      case "scratch_card":
+        this.log(`${campaign.sub_type} delegated to AegisWidgetManager`);
+        if (typeof window !== "undefined") {
+          window.dispatchEvent(new CustomEvent("aegis:render-widget", {
+            detail: { campaign, sub_type: campaign.sub_type }
+          }));
+        }
+        break;
+      default:
+        this.log(`Unknown interactive sub_type: ${campaign.sub_type}`, "warn");
+        this.renderModal(campaign);
+    }
+  }
+  // --- Interactive Renderers ---
+  renderNPSSurvey(campaign, ic, bg, text) {
+    const overlay = this.createOverlay("aegis-in-app-nps-overlay");
+    const modal = document.createElement("div");
+    modal.style.cssText = `
+      max-width: 360px; width: 90%; border-radius: 16px; overflow: hidden;
+      background: ${bg}; color: ${text}; animation: aegisScaleIn 0.3s ease;
+      box-shadow: 0 20px 60px rgba(0,0,0,0.15);
+    `;
+    const body = document.createElement("div");
+    body.style.cssText = "padding: 24px; text-align: center;";
+    const question = document.createElement("div");
+    question.style.cssText = "font-size: 16px; font-weight: 700; margin-bottom: 16px;";
+    question.textContent = ic.nps_question || "How likely are you to recommend us?";
+    body.appendChild(question);
+    const scale = document.createElement("div");
+    scale.style.cssText = "display: flex; gap: 4px; justify-content: center; flex-wrap: wrap; margin-bottom: 12px;";
+    for (let i = 0; i <= 10; i++) {
+      const btn = document.createElement("span");
+      btn.style.cssText = `
+        width: 28px; height: 28px; border-radius: 6px; display: flex;
+        align-items: center; justify-content: center; font-size: 11px;
+        font-weight: 600; cursor: pointer; background: ${text}33; color: ${text};
+        transition: transform 0.1s;
+      `;
+      btn.textContent = String(i);
+      btn.addEventListener("click", () => {
+        this.trackEvent(campaign.id, "clicked");
+      });
+      scale.appendChild(btn);
+    }
+    body.appendChild(scale);
+    const labels = document.createElement("div");
+    labels.style.cssText = "display: flex; justify-content: space-between; font-size: 11px; opacity: 0.6; margin-bottom: 16px;";
+    const notLikely = document.createElement("span");
+    notLikely.textContent = "Not likely";
+    const veryLikely = document.createElement("span");
+    veryLikely.textContent = "Very likely";
+    labels.appendChild(notLikely);
+    labels.appendChild(veryLikely);
+    body.appendChild(labels);
+    this.addCloseButton(body, overlay, campaign.id);
+    modal.appendChild(body);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  renderCountdownOffer(campaign, ic, bg, text) {
+    const overlay = this.createOverlay("aegis-in-app-countdown-overlay");
+    const modal = document.createElement("div");
+    modal.style.cssText = `
+      max-width: 320px; width: 90%; border-radius: 16px; overflow: hidden;
+      background: ${bg}; color: ${text}; animation: aegisScaleIn 0.3s ease;
+      box-shadow: 0 20px 60px rgba(0,0,0,0.15);
+    `;
+    const body = document.createElement("div");
+    body.style.cssText = "padding: 24px; text-align: center;";
+    const title = document.createElement("div");
+    title.style.cssText = "font-size: 20px; font-weight: 700; margin-bottom: 8px;";
+    title.textContent = campaign.title || "Flash Sale";
+    body.appendChild(title);
+    const label = document.createElement("div");
+    label.style.cssText = "font-size: 13px; opacity: 0.8; margin-bottom: 12px;";
+    label.textContent = ic.countdown_label || "Sale ends in:";
+    body.appendChild(label);
+    const digits = document.createElement("div");
+    digits.style.cssText = "display: flex; gap: 8px; justify-content: center; margin-bottom: 16px;";
+    const digitStyle = `padding: 8px 12px; border-radius: 8px; font-size: 24px; font-weight: 700; font-family: monospace; background: ${text}22;`;
+    for (const val of ["00", ":", "00", ":", "00"]) {
+      const el = document.createElement("span");
+      if (val === ":") {
+        el.style.cssText = "font-size: 24px; font-weight: 700; align-self: center;";
+      } else {
+        el.style.cssText = digitStyle;
+      }
+      el.textContent = val;
+      digits.appendChild(el);
+    }
+    body.appendChild(digits);
+    const targetStr = ic.countdown_target;
+    if (targetStr) {
+      const target = new Date(targetStr).getTime();
+      const update = () => {
+        const diff = Math.max(0, target - Date.now());
+        const h = String(Math.floor(diff / 36e5)).padStart(2, "0");
+        const m = String(Math.floor(diff % 36e5 / 6e4)).padStart(2, "0");
+        const s = String(Math.floor(diff % 6e4 / 1e3)).padStart(2, "0");
+        const spans = digits.querySelectorAll("span");
+        if (spans.length >= 5) {
+          spans[0].textContent = h;
+          spans[2].textContent = m;
+          spans[4].textContent = s;
+        }
+        if (diff > 0) requestAnimationFrame(update);
+      };
+      update();
+    }
+    if (campaign.body) {
+      const desc = document.createElement("div");
+      desc.style.cssText = "font-size: 14px; opacity: 0.85; margin-bottom: 16px;";
+      desc.textContent = campaign.body;
+      body.appendChild(desc);
+    }
+    if (campaign.button_text) {
+      const btn = this.createCTAButton(campaign, bg, text);
+      body.appendChild(btn);
+    }
+    this.addCloseButton(body, overlay, campaign.id);
+    modal.appendChild(body);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  renderStarRating(campaign, ic, bg, text) {
+    const overlay = this.createOverlay("aegis-in-app-rating-overlay");
+    const modal = document.createElement("div");
+    modal.style.cssText = `
+      max-width: 320px; width: 90%; border-radius: 16px; overflow: hidden;
+      background: ${bg}; color: ${text}; animation: aegisScaleIn 0.3s ease;
+      box-shadow: 0 20px 60px rgba(0,0,0,0.15);
+    `;
+    const body = document.createElement("div");
+    body.style.cssText = "padding: 24px; text-align: center;";
+    const title = document.createElement("div");
+    title.style.cssText = "font-size: 18px; font-weight: 700; margin-bottom: 16px;";
+    title.textContent = campaign.title || "Rate your experience";
+    body.appendChild(title);
+    const stars = document.createElement("div");
+    stars.style.cssText = "display: flex; gap: 8px; justify-content: center; margin-bottom: 16px;";
+    const maxStars = ic.rating_scale || 5;
+    for (let i = 1; i <= maxStars; i++) {
+      const star = document.createElement("span");
+      star.style.cssText = "font-size: 32px; cursor: pointer; transition: transform 0.1s;";
+      star.textContent = "☆";
+      star.addEventListener("click", () => {
+        this.trackEvent(campaign.id, "clicked");
+      });
+      star.addEventListener("mouseenter", () => {
+        star.style.transform = "scale(1.2)";
+      });
+      star.addEventListener("mouseleave", () => {
+        star.style.transform = "scale(1)";
+      });
+      stars.appendChild(star);
+    }
+    body.appendChild(stars);
+    this.addCloseButton(body, overlay, campaign.id);
+    modal.appendChild(body);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  renderQuickPoll(campaign, ic, bg, text) {
+    const overlay = this.createOverlay("aegis-in-app-poll-overlay");
+    const modal = document.createElement("div");
+    modal.style.cssText = `
+      max-width: 320px; width: 90%; border-radius: 16px; overflow: hidden;
+      background: ${bg}; color: ${text}; animation: aegisScaleIn 0.3s ease;
+      box-shadow: 0 20px 60px rgba(0,0,0,0.15);
+    `;
+    const body = document.createElement("div");
+    body.style.cssText = "padding: 24px; text-align: center;";
+    const title = document.createElement("div");
+    title.style.cssText = "font-size: 16px; font-weight: 700; margin-bottom: 16px;";
+    title.textContent = campaign.title || "Quick question";
+    body.appendChild(title);
+    const options = ic.poll_options || [];
+    const optionsList = document.createElement("div");
+    optionsList.style.cssText = "display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px;";
+    for (const opt of options) {
+      const optBtn = document.createElement("button");
+      optBtn.style.cssText = `
+        padding: 10px 16px; border-radius: 10px; border: 1px solid ${text}33;
+        background: transparent; color: ${text}; font-size: 14px; cursor: pointer;
+        text-align: left; transition: background 0.15s;
+      `;
+      optBtn.textContent = opt;
+      optBtn.addEventListener("click", () => {
+        this.trackEvent(campaign.id, "clicked");
+      });
+      optionsList.appendChild(optBtn);
+    }
+    body.appendChild(optionsList);
+    this.addCloseButton(body, overlay, campaign.id);
+    modal.appendChild(body);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  renderQuiz(campaign, ic, bg, text) {
+    const overlay = this.createOverlay("aegis-in-app-quiz-overlay");
+    const modal = document.createElement("div");
+    modal.style.cssText = `
+      max-width: 360px; width: 90%; border-radius: 16px; overflow: hidden;
+      background: ${bg}; color: ${text}; animation: aegisScaleIn 0.3s ease;
+      box-shadow: 0 20px 60px rgba(0,0,0,0.15);
+    `;
+    const body = document.createElement("div");
+    body.style.cssText = "padding: 24px; text-align: center;";
+    const title = document.createElement("div");
+    title.style.cssText = "font-size: 18px; font-weight: 700; margin-bottom: 8px;";
+    title.textContent = campaign.title || "Quiz";
+    body.appendChild(title);
+    const questions = ic.questions || [];
+    let currentQ = 0;
+    const renderQuestion = () => {
+      while (body.childNodes.length > 1) {
+        body.removeChild(body.lastChild);
+      }
+      if (currentQ >= questions.length) {
+        const result = document.createElement("div");
+        result.style.cssText = "font-size: 16px; margin: 16px 0;";
+        result.textContent = ic.thank_you_message || "Thanks for completing the quiz!";
+        body.appendChild(result);
+        this.trackEvent(campaign.id, "clicked");
+        this.addCloseButton(body, overlay, campaign.id);
+        return;
+      }
+      const q = questions[currentQ];
+      const progress = document.createElement("div");
+      progress.style.cssText = "font-size: 12px; opacity: 0.6; margin-bottom: 12px;";
+      progress.textContent = `Question ${currentQ + 1} of ${questions.length}`;
+      body.appendChild(progress);
+      const questionText = document.createElement("div");
+      questionText.style.cssText = "font-size: 14px; font-weight: 600; margin-bottom: 16px;";
+      questionText.textContent = q.question;
+      body.appendChild(questionText);
+      const optionsDiv = document.createElement("div");
+      optionsDiv.style.cssText = "display: flex; flex-direction: column; gap: 8px;";
+      for (const opt of q.options) {
+        const optBtn = document.createElement("button");
+        optBtn.style.cssText = `
+          padding: 10px 16px; border-radius: 10px; border: 1px solid ${text}33;
+          background: transparent; color: ${text}; font-size: 14px; cursor: pointer;
+          text-align: left; transition: background 0.15s;
+        `;
+        optBtn.textContent = opt;
+        optBtn.addEventListener("click", () => {
+          currentQ++;
+          renderQuestion();
+        });
+        optionsDiv.appendChild(optBtn);
+      }
+      body.appendChild(optionsDiv);
+      this.addCloseButton(body, overlay, campaign.id);
+    };
+    renderQuestion();
+    modal.appendChild(body);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  // --- Shared Rendering Helpers ---
+  createOverlay(className) {
+    const overlay = document.createElement("div");
+    overlay.className = className;
+    overlay.style.cssText = `
+      position: fixed; top: 0; left: 0; right: 0; bottom: 0;
+      background: rgba(0,0,0,0.5); display: flex; align-items: center;
+      justify-content: center; z-index: 99999; animation: aegisFadeIn 0.3s ease;
+    `;
+    return overlay;
+  }
+  createCTAButton(campaign, bg, text) {
+    const btn = document.createElement("button");
+    btn.style.cssText = `
+      display: inline-block; padding: 10px 28px; border-radius: 999px;
+      font-size: 14px; font-weight: 600; cursor: pointer; border: none;
+      background: ${text}; color: ${bg}; transition: transform 0.15s;
+    `;
+    btn.textContent = campaign.button_text || "OK";
+    btn.addEventListener("click", () => {
+      this.trackEvent(campaign.id, "clicked");
+      if (campaign.action_url) {
+        const safeUrl = this.sanitizeUrl(campaign.action_url);
+        if (safeUrl) window.open(safeUrl, "_blank");
+      }
+    });
+    return btn;
+  }
+  addCloseButton(container, overlay, campaignId) {
+    const close = document.createElement("div");
+    close.style.cssText = "margin-top: 12px; font-size: 12px; opacity: 0.6; cursor: pointer;";
+    close.textContent = "Close";
+    close.addEventListener("click", () => {
+      this.trackEvent(campaignId, "dismissed");
+      this.removeModal(overlay);
+    });
+    container.appendChild(close);
+  }
+  renderBanner(campaign) {
+    const banner = document.createElement("div");
+    banner.className = "aegis-in-app-banner";
+    banner.setAttribute("data-campaign-id", campaign.id);
+    banner.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      background: ${this.sanitizeColor(campaign.background_color || "#1a73e8")};
+      color: ${this.sanitizeColor(campaign.text_color || "#ffffff")};
+      padding: 16px;
+      z-index: 999999;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      animation: aegisSlideDown 0.3s ease-out;
+    `;
+    const contentContainer = document.createElement("div");
+    contentContainer.style.cssText = "flex: 1; display: flex; align-items: center; gap: 12px;";
+    if (campaign.image_url) {
+      const img = document.createElement("img");
+      const safeUrl = this.sanitizeUrl(campaign.image_url);
+      if (safeUrl) {
+        img.src = safeUrl;
+        img.alt = "";
+        img.style.cssText = "width: 40px; height: 40px; border-radius: 4px; object-fit: cover;";
+        contentContainer.appendChild(img);
+      }
+    }
+    const textContainer = document.createElement("div");
+    textContainer.style.cssText = "flex: 1;";
+    const title = document.createElement("div");
+    title.textContent = campaign.title;
+    title.style.cssText = "font-weight: 600; font-size: 14px; margin-bottom: 4px;";
+    textContainer.appendChild(title);
+    const body = document.createElement("div");
+    body.textContent = campaign.body;
+    body.style.cssText = "font-size: 13px; opacity: 0.9;";
+    textContainer.appendChild(body);
+    contentContainer.appendChild(textContainer);
+    const actionsContainer = document.createElement("div");
+    actionsContainer.style.cssText = "display: flex; align-items: center; gap: 12px; margin-left: 16px;";
+    if (campaign.action_url && campaign.button_text) {
+      const ctaButton = document.createElement("button");
+      ctaButton.textContent = campaign.button_text;
+      ctaButton.style.cssText = `
+        background: white;
+        color: ${this.sanitizeColor(campaign.background_color || "#1a73e8")};
+        border: none;
+        padding: 8px 16px;
+        border-radius: 4px;
+        font-weight: 600;
+        cursor: pointer;
+        font-size: 13px;
+        white-space: nowrap;
+      `;
+      ctaButton.addEventListener("click", () => {
+        this.trackEvent(campaign.id, "clicked");
+        const safeUrl = this.sanitizeUrl(campaign.action_url);
+        if (safeUrl) {
+          window.location.href = safeUrl;
+        }
+        this.removeBanner(banner);
+      });
+      actionsContainer.appendChild(ctaButton);
+    }
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "✕";
+    closeButton.setAttribute("aria-label", "Close");
+    closeButton.style.cssText = `
+      background: transparent;
+      border: none;
+      color: inherit;
+      font-size: 20px;
+      cursor: pointer;
+      padding: 0;
+      width: 24px;
+      height: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 0.7;
+    `;
+    closeButton.addEventListener("click", () => {
+      this.trackEvent(campaign.id, "dismissed");
+      this.removeBanner(banner);
+    });
+    actionsContainer.appendChild(closeButton);
+    banner.appendChild(contentContainer);
+    banner.appendChild(actionsContainer);
+    this.addAnimationStyles();
+    document.body.appendChild(banner);
+  }
+  renderModal(campaign) {
+    const overlay = document.createElement("div");
+    overlay.className = "aegis-in-app-modal-overlay";
+    overlay.setAttribute("data-campaign-id", campaign.id);
+    overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.5);
+      z-index: 1000000;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      animation: aegisFadeIn 0.3s ease-out;
+    `;
+    const modal = document.createElement("div");
+    modal.className = "aegis-in-app-modal";
+    modal.style.cssText = `
+      background: white;
+      border-radius: 8px;
+      max-width: 500px;
+      width: 90%;
+      max-height: 80vh;
+      overflow: auto;
+      box-shadow: 0 10px 40px rgba(0,0,0,0.2);
+      animation: aegisScaleIn 0.3s ease-out;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    `;
+    if (campaign.image_url) {
+      const img = document.createElement("img");
+      const safeUrl = this.sanitizeUrl(campaign.image_url);
+      if (safeUrl) {
+        img.src = safeUrl;
+        img.alt = "";
+        img.style.cssText = "width: 100%; height: 200px; object-fit: cover; border-radius: 8px 8px 0 0;";
+        modal.appendChild(img);
+      }
+    }
+    const content = document.createElement("div");
+    content.style.cssText = "padding: 24px;";
+    const title = document.createElement("h2");
+    title.textContent = campaign.title;
+    title.style.cssText = "margin: 0 0 12px 0; font-size: 20px; font-weight: 600; color: #1a1a1a;";
+    content.appendChild(title);
+    const body = document.createElement("p");
+    body.textContent = campaign.body;
+    body.style.cssText = "margin: 0 0 20px 0; font-size: 15px; line-height: 1.5; color: #4a4a4a;";
+    content.appendChild(body);
+    const actions = document.createElement("div");
+    actions.style.cssText = "display: flex; gap: 12px; justify-content: flex-end;";
+    if (campaign.action_url && campaign.button_text) {
+      const ctaButton = document.createElement("button");
+      ctaButton.textContent = campaign.button_text;
+      ctaButton.style.cssText = `
+        background: ${this.sanitizeColor(campaign.background_color || "#1a73e8")};
+        color: ${this.sanitizeColor(campaign.text_color || "#ffffff")};
+        border: none;
+        padding: 10px 24px;
+        border-radius: 6px;
+        font-weight: 600;
+        cursor: pointer;
+        font-size: 14px;
+      `;
+      ctaButton.addEventListener("click", () => {
+        this.trackEvent(campaign.id, "clicked");
+        const safeUrl = this.sanitizeUrl(campaign.action_url);
+        if (safeUrl) {
+          window.location.href = safeUrl;
+        }
+        this.removeModal(overlay);
+      });
+      actions.appendChild(ctaButton);
+    }
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "Close";
+    closeButton.style.cssText = `
+      background: transparent;
+      border: 1px solid #d0d0d0;
+      color: #4a4a4a;
+      padding: 10px 24px;
+      border-radius: 6px;
+      font-weight: 600;
+      cursor: pointer;
+      font-size: 14px;
+    `;
+    closeButton.addEventListener("click", () => {
+      this.trackEvent(campaign.id, "dismissed");
+      this.removeModal(overlay);
+    });
+    actions.appendChild(closeButton);
+    content.appendChild(actions);
+    modal.appendChild(content);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  renderFullScreen(campaign) {
+    const overlay = document.createElement("div");
+    overlay.className = "aegis-in-app-fullscreen-overlay";
+    overlay.setAttribute("data-campaign-id", campaign.id);
+    overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: ${this.sanitizeColor(campaign.background_color || "#ffffff")};
+      color: ${this.sanitizeColor(campaign.text_color || "#1a1a1a")};
+      z-index: 1000001;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 40px 20px;
+      animation: aegisFadeIn 0.3s ease-out;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      overflow-y: auto;
+    `;
+    if (campaign.image_url) {
+      const img = document.createElement("img");
+      const safeUrl = this.sanitizeUrl(campaign.image_url);
+      if (safeUrl) {
+        img.src = safeUrl;
+        img.alt = "";
+        img.style.cssText = "max-width: 100%; max-height: 40vh; object-fit: contain; margin-bottom: 32px;";
+        overlay.appendChild(img);
+      }
+    }
+    const contentContainer = document.createElement("div");
+    contentContainer.style.cssText = "max-width: 600px; text-align: center;";
+    const title = document.createElement("h1");
+    title.textContent = campaign.title;
+    title.style.cssText = "margin: 0 0 16px 0; font-size: 32px; font-weight: 700;";
+    contentContainer.appendChild(title);
+    const body = document.createElement("p");
+    body.textContent = campaign.body;
+    body.style.cssText = "margin: 0 0 32px 0; font-size: 18px; line-height: 1.6; opacity: 0.9;";
+    contentContainer.appendChild(body);
+    if (campaign.action_url && campaign.button_text) {
+      const ctaButton = document.createElement("button");
+      ctaButton.textContent = campaign.button_text;
+      ctaButton.style.cssText = `
+        background: ${this.sanitizeColor(campaign.text_color || "#1a73e8")};
+        color: ${this.sanitizeColor(campaign.background_color || "#ffffff")};
+        border: none;
+        padding: 16px 48px;
+        border-radius: 8px;
+        font-weight: 700;
+        font-size: 18px;
+        cursor: pointer;
+        margin-bottom: 16px;
+      `;
+      ctaButton.addEventListener("click", () => {
+        this.trackEvent(campaign.id, "clicked");
+        const safeUrl = this.sanitizeUrl(campaign.action_url);
+        if (safeUrl) {
+          window.location.href = safeUrl;
+        }
+        this.removeModal(overlay);
+      });
+      contentContainer.appendChild(ctaButton);
+    }
+    overlay.appendChild(contentContainer);
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "✕";
+    closeButton.setAttribute("aria-label", "Close");
+    closeButton.style.cssText = `
+      position: absolute;
+      top: 20px;
+      right: 20px;
+      background: transparent;
+      border: none;
+      color: inherit;
+      font-size: 32px;
+      cursor: pointer;
+      padding: 0;
+      width: 48px;
+      height: 48px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 0.6;
+    `;
+    closeButton.addEventListener("click", () => {
+      this.trackEvent(campaign.id, "dismissed");
+      this.removeModal(overlay);
+    });
+    overlay.appendChild(closeButton);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  renderHalfInterstitial(campaign) {
+    const overlay = document.createElement("div");
+    overlay.className = "aegis-in-app-half-interstitial-overlay";
+    overlay.setAttribute("data-campaign-id", campaign.id);
+    overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.5);
+      z-index: 1000000;
+      display: flex;
+      align-items: flex-end;
+      justify-content: center;
+      animation: aegisFadeIn 0.3s ease-out;
+    `;
+    const modal = document.createElement("div");
+    modal.className = "aegis-in-app-half-interstitial";
+    modal.style.cssText = `
+      background: white;
+      border-radius: 16px 16px 0 0;
+      width: 100%;
+      max-width: 600px;
+      max-height: 60vh;
+      overflow: auto;
+      box-shadow: 0 -4px 20px rgba(0,0,0,0.2);
+      animation: aegisSlideUp 0.3s ease-out;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    `;
+    if (campaign.image_url) {
+      const img = document.createElement("img");
+      const safeUrl = this.sanitizeUrl(campaign.image_url);
+      if (safeUrl) {
+        img.src = safeUrl;
+        img.alt = "";
+        img.style.cssText = "width: 100%; height: 200px; object-fit: cover;";
+        modal.appendChild(img);
+      }
+    }
+    const content = document.createElement("div");
+    content.style.cssText = "padding: 32px 24px;";
+    const title = document.createElement("h2");
+    title.textContent = campaign.title;
+    title.style.cssText = "margin: 0 0 12px 0; font-size: 24px; font-weight: 700; color: #1a1a1a;";
+    content.appendChild(title);
+    const body = document.createElement("p");
+    body.textContent = campaign.body;
+    body.style.cssText = "margin: 0 0 24px 0; font-size: 16px; line-height: 1.5; color: #4a4a4a;";
+    content.appendChild(body);
+    if (campaign.action_url && campaign.button_text) {
+      const ctaButton = document.createElement("button");
+      ctaButton.textContent = campaign.button_text;
+      ctaButton.style.cssText = `
+        background: ${this.sanitizeColor(campaign.background_color || "#1a73e8")};
+        color: ${this.sanitizeColor(campaign.text_color || "#ffffff")};
+        border: none;
+        padding: 14px 32px;
+        border-radius: 8px;
+        font-weight: 700;
+        font-size: 16px;
+        cursor: pointer;
+        width: 100%;
+      `;
+      ctaButton.addEventListener("click", () => {
+        this.trackEvent(campaign.id, "clicked");
+        const safeUrl = this.sanitizeUrl(campaign.action_url);
+        if (safeUrl) {
+          window.location.href = safeUrl;
+        }
+        this.removeModal(overlay);
+      });
+      content.appendChild(ctaButton);
+    }
+    modal.appendChild(content);
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "✕";
+    closeButton.setAttribute("aria-label", "Close");
+    closeButton.style.cssText = `
+      position: absolute;
+      top: 16px;
+      right: 16px;
+      background: rgba(255,255,255,0.9);
+      border: none;
+      color: #333;
+      font-size: 24px;
+      cursor: pointer;
+      width: 36px;
+      height: 36px;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+    `;
+    closeButton.addEventListener("click", () => {
+      this.trackEvent(campaign.id, "dismissed");
+      this.removeModal(overlay);
+    });
+    modal.style.position = "relative";
+    modal.appendChild(closeButton);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  renderAlert(campaign) {
+    const overlay = document.createElement("div");
+    overlay.className = "aegis-in-app-alert-overlay";
+    overlay.setAttribute("data-campaign-id", campaign.id);
+    overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.6);
+      z-index: 1000000;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      animation: aegisFadeIn 0.2s ease-out;
+    `;
+    const alert = document.createElement("div");
+    alert.className = "aegis-in-app-alert";
+    alert.style.cssText = `
+      background: white;
+      border-radius: 12px;
+      max-width: 320px;
+      width: 85%;
+      box-shadow: 0 10px 40px rgba(0,0,0,0.3);
+      animation: aegisScaleIn 0.2s ease-out;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      overflow: hidden;
+    `;
+    const content = document.createElement("div");
+    content.style.cssText = "padding: 24px 20px; text-align: center;";
+    const title = document.createElement("h3");
+    title.textContent = campaign.title;
+    title.style.cssText = "margin: 0 0 8px 0; font-size: 18px; font-weight: 700; color: #1a1a1a;";
+    content.appendChild(title);
+    const body = document.createElement("p");
+    body.textContent = campaign.body;
+    body.style.cssText = "margin: 0; font-size: 14px; line-height: 1.4; color: #666;";
+    content.appendChild(body);
+    alert.appendChild(content);
+    const buttonContainer = document.createElement("div");
+    buttonContainer.style.cssText = "display: flex; border-top: 1px solid #e0e0e0;";
+    if (campaign.action_url && campaign.button_text) {
+      const ctaButton = document.createElement("button");
+      ctaButton.textContent = campaign.button_text;
+      ctaButton.style.cssText = `
+        flex: 1;
+        background: transparent;
+        border: none;
+        border-right: 1px solid #e0e0e0;
+        color: #1a73e8;
+        padding: 14px;
+        font-weight: 600;
+        font-size: 16px;
+        cursor: pointer;
+      `;
+      ctaButton.addEventListener("click", () => {
+        this.trackEvent(campaign.id, "clicked");
+        const safeUrl = this.sanitizeUrl(campaign.action_url);
+        if (safeUrl) {
+          window.location.href = safeUrl;
+        }
+        this.removeModal(overlay);
+      });
+      buttonContainer.appendChild(ctaButton);
+    }
+    const cancelButton = document.createElement("button");
+    cancelButton.textContent = "Cancel";
+    cancelButton.style.cssText = `
+      flex: 1;
+      background: transparent;
+      border: none;
+      color: #666;
+      padding: 14px;
+      font-weight: 600;
+      font-size: 16px;
+      cursor: pointer;
+    `;
+    cancelButton.addEventListener("click", () => {
+      this.trackEvent(campaign.id, "dismissed");
+      this.removeModal(overlay);
+    });
+    buttonContainer.appendChild(cancelButton);
+    alert.appendChild(buttonContainer);
+    overlay.appendChild(alert);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  renderPIP(campaign) {
+    const pip = document.createElement("div");
+    pip.className = "aegis-in-app-pip";
+    pip.setAttribute("data-campaign-id", campaign.id);
+    pip.style.cssText = `
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 320px;
+      background: black;
+      border-radius: 12px;
+      overflow: hidden;
+      box-shadow: 0 8px 24px rgba(0,0,0,0.3);
+      z-index: 999999;
+      animation: aegisSlideUp 0.3s ease-out;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    `;
+    if (campaign.video_url) {
+      const video = document.createElement("video");
+      const safeUrl = this.sanitizeUrl(campaign.video_url);
+      if (safeUrl) {
+        video.src = safeUrl;
+        video.controls = true;
+        video.autoplay = true;
+        video.muted = true;
+        video.style.cssText = "width: 100%; display: block;";
+        pip.appendChild(video);
+      }
+    } else if (campaign.image_url) {
+      const img = document.createElement("img");
+      const safeUrl = this.sanitizeUrl(campaign.image_url);
+      if (safeUrl) {
+        img.src = safeUrl;
+        img.alt = "";
+        img.style.cssText = "width: 100%; display: block;";
+        pip.appendChild(img);
+      }
+    }
+    const overlay = document.createElement("div");
+    overlay.style.cssText = `
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
+      padding: 40px 16px 16px;
+      color: white;
+    `;
+    const title = document.createElement("div");
+    title.textContent = campaign.title;
+    title.style.cssText = "font-size: 14px; font-weight: 600; margin-bottom: 4px;";
+    overlay.appendChild(title);
+    const body = document.createElement("div");
+    body.textContent = campaign.body;
+    body.style.cssText = "font-size: 12px; opacity: 0.9;";
+    overlay.appendChild(body);
+    pip.appendChild(overlay);
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "✕";
+    closeButton.setAttribute("aria-label", "Close");
+    closeButton.style.cssText = `
+      position: absolute;
+      top: 8px;
+      right: 8px;
+      background: rgba(0,0,0,0.6);
+      border: none;
+      color: white;
+      font-size: 18px;
+      cursor: pointer;
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    `;
+    closeButton.addEventListener("click", () => {
+      this.trackEvent(campaign.id, "dismissed");
+      pip.style.animation = "aegisSlideDown 0.3s ease-out";
+      setTimeout(() => {
+        if (pip.parentNode) {
+          pip.parentNode.removeChild(pip);
+        }
+      }, 300);
+    });
+    pip.appendChild(closeButton);
+    if (campaign.action_url) {
+      pip.style.cursor = "pointer";
+      pip.addEventListener("click", (e) => {
+        if (e.target !== closeButton) {
+          this.trackEvent(campaign.id, "clicked");
+          const safeUrl = this.sanitizeUrl(campaign.action_url);
+          if (safeUrl) {
+            window.open(safeUrl, "_blank");
+          }
+        }
+      });
+    }
+    this.addAnimationStyles();
+    document.body.appendChild(pip);
+  }
+  removeBanner(banner) {
+    banner.style.animation = "aegisSlideUp 0.3s ease-out";
+    setTimeout(() => {
+      if (banner.parentNode) {
+        banner.parentNode.removeChild(banner);
+      }
+    }, 300);
+  }
+  removeModal(overlay) {
+    overlay.style.animation = "aegisFadeOut 0.3s ease-out";
+    setTimeout(() => {
+      if (overlay.parentNode) {
+        overlay.parentNode.removeChild(overlay);
+      }
+    }, 300);
+  }
+  renderTooltip(campaign) {
+    const ic = campaign.interactive_config || {};
+    const anchorSelector = ic.tooltip_anchor_selector || "[data-aegis-tooltip]";
+    const preferredPosition = ic.tooltip_position || "bottom";
+    const anchor = document.querySelector(anchorSelector);
+    if (!anchor) {
+      this.log(`Tooltip anchor not found: ${anchorSelector}`, "warn");
+      return;
+    }
+    const bg = this.sanitizeColor(campaign.background_color || "#1a1a1a");
+    const textColor = this.sanitizeColor(campaign.text_color || "#ffffff");
+    const tooltip = document.createElement("div");
+    tooltip.className = "aegis-in-app-tooltip";
+    tooltip.setAttribute("data-campaign-id", campaign.id);
+    tooltip.style.cssText = `
+      position: absolute; z-index: 1000001; max-width: 280px; width: max-content;
+      background: ${bg}; color: ${textColor}; border-radius: 10px; padding: 14px 16px;
+      box-shadow: 0 8px 24px rgba(0,0,0,0.18); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      animation: aegisScaleIn 0.2s ease-out; pointer-events: auto;
+    `;
+    const arrow = document.createElement("div");
+    arrow.className = "aegis-tooltip-arrow";
+    arrow.style.cssText = `
+      position: absolute; width: 10px; height: 10px; background: ${bg};
+      transform: rotate(45deg);
+    `;
+    const closeBtn = document.createElement("button");
+    closeBtn.textContent = "×";
+    closeBtn.style.cssText = `
+      position: absolute; top: 6px; right: 8px; background: none; border: none;
+      color: ${textColor}; opacity: 0.6; font-size: 16px; cursor: pointer; padding: 0; line-height: 1;
+    `;
+    const dismiss = () => {
+      tooltip.style.animation = "aegisFadeOut 0.2s ease-out";
+      setTimeout(() => {
+        var _a;
+        (_a = tooltip.parentNode) == null ? void 0 : _a.removeChild(tooltip);
+      }, 200);
+      this.trackEvent(campaign.id, "dismissed");
+    };
+    closeBtn.addEventListener("click", (e) => {
+      e.stopPropagation();
+      dismiss();
+    });
+    if (campaign.title) {
+      const title = document.createElement("div");
+      title.textContent = campaign.title;
+      title.style.cssText = "font-size: 13px; font-weight: 700; margin-bottom: 4px; padding-right: 16px;";
+      tooltip.appendChild(title);
+    }
+    const body = document.createElement("div");
+    body.textContent = campaign.body;
+    body.style.cssText = "font-size: 12px; line-height: 1.4; opacity: 0.9;";
+    tooltip.appendChild(body);
+    if (campaign.button_text && campaign.action_url) {
+      const cta = document.createElement("a");
+      cta.textContent = campaign.button_text;
+      cta.href = campaign.action_url;
+      cta.style.cssText = `
+        display: inline-block; margin-top: 8px; font-size: 12px; font-weight: 600;
+        color: ${textColor}; text-decoration: underline; cursor: pointer;
+      `;
+      cta.addEventListener("click", () => {
+        this.trackEvent(campaign.id, "clicked");
+      });
+      tooltip.appendChild(cta);
+    }
+    tooltip.appendChild(closeBtn);
+    tooltip.appendChild(arrow);
+    document.body.appendChild(tooltip);
+    const anchorRect = anchor.getBoundingClientRect();
+    const tooltipRect = tooltip.getBoundingClientRect();
+    const scrollX = window.scrollX;
+    const scrollY = window.scrollY;
+    const gap = 10;
+    let top = 0;
+    let left = 0;
+    let arrowTop = "";
+    let arrowLeft = "";
+    let arrowBottom = "";
+    let arrowRight = "";
+    switch (preferredPosition) {
+      case "top":
+        top = anchorRect.top + scrollY - tooltipRect.height - gap;
+        left = anchorRect.left + scrollX + (anchorRect.width - tooltipRect.width) / 2;
+        arrowBottom = "-5px";
+        arrowLeft = `${tooltipRect.width / 2 - 5}px`;
+        break;
+      case "left":
+        top = anchorRect.top + scrollY + (anchorRect.height - tooltipRect.height) / 2;
+        left = anchorRect.left + scrollX - tooltipRect.width - gap;
+        arrowRight = "-5px";
+        arrowTop = `${tooltipRect.height / 2 - 5}px`;
+        break;
+      case "right":
+        top = anchorRect.top + scrollY + (anchorRect.height - tooltipRect.height) / 2;
+        left = anchorRect.right + scrollX + gap;
+        arrowLeft = "-5px";
+        arrowTop = `${tooltipRect.height / 2 - 5}px`;
+        break;
+      default:
+        top = anchorRect.bottom + scrollY + gap;
+        left = anchorRect.left + scrollX + (anchorRect.width - tooltipRect.width) / 2;
+        arrowTop = "-5px";
+        arrowLeft = `${tooltipRect.width / 2 - 5}px`;
+        break;
+    }
+    left = Math.max(8, Math.min(left, window.innerWidth + scrollX - tooltipRect.width - 8));
+    top = Math.max(8, top);
+    tooltip.style.top = `${top}px`;
+    tooltip.style.left = `${left}px`;
+    arrow.style.top = arrowTop || "";
+    arrow.style.left = arrowLeft || "";
+    arrow.style.bottom = arrowBottom || "";
+    arrow.style.right = arrowRight || "";
+    const outsideClickHandler = (e) => {
+      if (!tooltip.contains(e.target) && !anchor.contains(e.target)) {
+        document.removeEventListener("click", outsideClickHandler);
+        dismiss();
+      }
+    };
+    setTimeout(() => document.addEventListener("click", outsideClickHandler), 100);
+  }
+  addAnimationStyles() {
+    if (document.getElementById("aegis-in-app-styles")) {
+      return;
+    }
+    const style = document.createElement("style");
+    style.id = "aegis-in-app-styles";
+    style.textContent = `
+      @keyframes aegisSlideDown {
+        from { transform: translateY(-100%); opacity: 0; }
+        to { transform: translateY(0); opacity: 1; }
+      }
+      
+      @keyframes aegisSlideUp {
+        from { transform: translateY(0); opacity: 1; }
+        to { transform: translateY(-100%); opacity: 0; }
+      }
+      
+      @keyframes aegisFadeIn {
+        from { opacity: 0; }
+        to { opacity: 1; }
+      }
+      
+      @keyframes aegisFadeOut {
+        from { opacity: 1; }
+        to { opacity: 0; }
+      }
+      
+      @keyframes aegisScaleIn {
+        from { transform: scale(0.9); opacity: 0; }
+        to { transform: scale(1); opacity: 1; }
+      }
+    `;
+    document.head.appendChild(style);
+  }
+  sanitizeUrl(url) {
+    try {
+      const parsedUrl = new URL(url, window.location.origin);
+      if (parsedUrl.protocol === "javascript:" || parsedUrl.protocol === "data:") {
+        this.log(`Blocked unsafe URL: ${url}`, "error");
+        return null;
+      }
+      return parsedUrl.href;
+    } catch (error) {
+      this.log(`Invalid URL: ${url}`, "error");
+      return null;
+    }
+  }
+  sanitizeColor(color) {
+    if (/^#[0-9A-Fa-f]{3,6}$/.test(color)) {
+      return color;
+    }
+    if (/^rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)$/.test(color)) {
+      return color;
+    }
+    if (/^rgba\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*,\s*[\d.]+\s*\)$/.test(color)) {
+      return color;
+    }
+    const namedColors = ["white", "black", "red", "green", "blue", "yellow", "orange", "purple", "pink", "gray", "transparent"];
+    if (namedColors.includes(color.toLowerCase())) {
+      return color;
+    }
+    return "#000000";
+  }
+  /**
+   * Track in-app event via the standard Event Ingress pipeline.
+   *
+   * Events flow: SDK → Event Ingress → Kafka → Governance Consumer
+   * → Event Engine → ClickHouse (in_app_events + events_with_ttl)
+   *
+   * The event_type uses the canonical prefix `in_app.` so the event
+   * switchboard maps it to the correct canonical form:
+   *   in_app.impression → engagement.view
+   *   in_app.clicked    → engagement.click
+   *   in_app.dismissed  → engagement.dismiss
+   */
+  async trackEvent(campaignId, eventType) {
+    try {
+      const url = `${this.apiHost}/api/v1/events`;
+      const now = (/* @__PURE__ */ new Date()).toISOString();
+      const externalEventId = `inapp_${campaignId}_${eventType}_${Date.now()}`;
+      const ingressEvent = {
+        tenant_id: this.organizationId || "unknown",
+        source: "in_app_sdk",
+        external_event_id: externalEventId,
+        event_type: `in_app.${eventType}`,
+        timestamp: now,
+        payload: {
+          campaign_id: campaignId,
+          event_type: eventType,
+          user_id: this.userId,
+          contact_id: this.contactId,
+          platform: "web",
+          variant_id: this.getVariantId(campaignId) ?? void 0
+        },
+        trace_id: externalEventId,
+        metadata: {
+          write_key: this.writeKey
+        }
+      };
+      fetch(url, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "X-Aegis-Write-Key": this.writeKey
+        },
+        body: JSON.stringify(ingressEvent)
+      }).catch((error) => {
+        this.log(`Error tracking event: ${error}`, "error");
+      });
+      this.log(`Tracked ${eventType} event for campaign ${campaignId}`);
+    } catch (error) {
+      this.log(`Error tracking event: ${error}`, "error");
+    }
+  }
+  log(message, level = "log") {
+    if (this.debugMode) {
+      console[level](`[AegisInApp] ${message}`);
+    }
+  }
+  destroy(options) {
+    this.disconnectSSE();
+    document.querySelectorAll(
+      ".aegis-in-app-banner, .aegis-in-app-modal-overlay, .aegis-in-app-fullscreen-overlay, .aegis-in-app-half-interstitial-overlay, .aegis-in-app-alert-overlay, .aegis-in-app-pip, .aegis-in-app-nps-overlay, .aegis-in-app-countdown-overlay, .aegis-in-app-rating-overlay, .aegis-in-app-poll-overlay, .aegis-in-app-quiz-overlay"
+    ).forEach((el) => {
+      if (el.parentNode) {
+        el.parentNode.removeChild(el);
+      }
+    });
+    const styles = document.getElementById("aegis-in-app-styles");
+    if (styles && styles.parentNode) {
+      styles.parentNode.removeChild(styles);
+    }
+    if ((options == null ? void 0 : options.clearABState) && typeof localStorage !== "undefined") {
+      localStorage.removeItem("aegis_ab_assignments");
+    }
+    this.isInitialized = false;
+    this.log("AegisInApp destroyed");
+  }
+}
+function renderPreview(config) {
+  document.querySelectorAll(
+    '[class^="aegis-in-app-"]'
+  ).forEach((el) => {
+    if (el.parentNode) {
+      el.parentNode.removeChild(el);
+    }
+  });
+  if (!config) return;
+  const manager = new AegisInAppManager({
+    writeKey: "preview-mode",
+    apiHost: "",
+    debugMode: false,
+    enableSSE: false
+  });
+  const m = manager;
+  m.trackEvent = async () => {
+  };
+  m.addAnimationStyles();
+  m.displayCampaign(config);
+}
+class AegisPlacementManager {
+  constructor(config) {
+    this.placements = /* @__PURE__ */ new Map();
+    this.slots = /* @__PURE__ */ new Map();
+    this.renderedSlots = /* @__PURE__ */ new Set();
+    this.isInitialized = false;
+    this.reconnectAttempts = 0;
+    this.maxReconnectAttempts = 5;
+    this.writeKey = config.writeKey;
+    this.apiHost = config.apiHost || "https://api.aegis.ai";
+    this.userId = config.userId;
+    this.contactId = config.contactId;
+    this.organizationId = config.organizationId;
+    this.debugMode = config.debugMode || false;
+    this.enableSSE = config.enableSSE !== false;
+  }
+  async initialize() {
+    if (this.isInitialized) {
+      this.log("AegisPlacements already initialized");
+      return;
+    }
+    await this.refreshPlacements();
+    if (this.enableSSE && this.organizationId) {
+      this.connectSSE();
+    }
+    this.isInitialized = true;
+    this.log("AegisPlacements initialized successfully");
+  }
+  register(placementId, options) {
+    const slot = {
+      placementId,
+      ...options
+    };
+    this.slots.set(placementId, slot);
+    this.log(`Registered placement slot: ${placementId}`);
+    const existingContent = this.placements.get(placementId);
+    if (existingContent) {
+      this.renderSlot(slot, existingContent);
+    } else if (options.fallbackContent) {
+      this.renderFallback(slot);
+    }
+  }
+  unregister(placementId) {
+    this.slots.delete(placementId);
+    this.renderedSlots.delete(placementId);
+    this.log(`Unregistered placement slot: ${placementId}`);
+  }
+  async refreshPlacements() {
+    try {
+      const placementIds = Array.from(this.slots.keys());
+      if (placementIds.length === 0) {
+        this.log("No registered slots, skipping refresh");
+        return;
+      }
+      const url = `${this.apiHost}/v1/placements/content?placement_ids=${placementIds.join(",")}`;
+      const headers = {
+        "X-Aegis-Write-Key": this.writeKey,
+        "X-Device-Type": this.getDeviceType(),
+        "X-Platform": "web"
+      };
+      if (this.userId) headers["X-User-ID"] = this.userId;
+      if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+      if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
+      const response = await fetch(url, { headers });
+      if (!response.ok) {
+        throw new Error(`Failed to fetch placements: ${response.status}`);
+      }
+      const data = await response.json();
+      this.placements.clear();
+      for (const placement of data.placements || []) {
+        this.placements.set(placement.placement_id, placement);
+      }
+      this.renderAllSlots();
+      this.log(`Refreshed ${this.placements.size} placements`);
+    } catch (error) {
+      this.log(`Error refreshing placements: ${error}`, true);
+    }
+  }
+  renderAllSlots() {
+    for (const [placementId, slot] of this.slots.entries()) {
+      const content = this.placements.get(placementId);
+      if (content) {
+        this.renderSlot(slot, content);
+      } else if (slot.fallbackContent) {
+        this.renderFallback(slot);
+      }
+    }
+  }
+  renderSlot(slot, content) {
+    try {
+      if (content.content_type === "dynamic_injection") {
+        this.renderDynamicInjection(content);
+      } else {
+        const container = document.getElementById(slot.containerId);
+        if (!container) {
+          this.log(`Container not found: ${slot.containerId}`, true);
+          return;
+        }
+        container.innerHTML = "";
+        switch (content.content_type) {
+          case "banner":
+            this.renderBanner(container, content);
+            break;
+          case "card":
+            this.renderCard(container, content);
+            break;
+          case "carousel":
+            this.renderCarousel(container, content);
+            break;
+          case "video":
+            this.renderVideo(container, content);
+            break;
+          case "html":
+            this.renderHTML(container, content);
+            break;
+          default:
+            this.log(`Unknown content type: ${content.content_type}`, true);
+            return;
+        }
+      }
+      if (!this.renderedSlots.has(slot.placementId)) {
+        this.trackEvent(content.placement_id, content.variant_id, "impression");
+        this.renderedSlots.add(slot.placementId);
+      }
+      if (slot.onRender) {
+        slot.onRender(content);
+      }
+      this.log(`Rendered placement: ${content.placement_id} (${content.content_type})`);
+    } catch (error) {
+      this.log(`Error rendering placement: ${error}`, true);
+      if (slot.onError) {
+        slot.onError(error);
+      }
+    }
+  }
+  renderBanner(container, content) {
+    const { title, body, image_url, cta_text, cta_url, background_color, text_color } = content.content;
+    const banner = document.createElement("div");
+    banner.className = "aegis-placement-banner";
+    banner.style.cssText = `
+      background: ${this.sanitizeColor(background_color || "#1a73e8")};
+      color: ${this.sanitizeColor(text_color || "#ffffff")};
+      padding: 24px;
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    `;
+    if (image_url) {
+      const img = document.createElement("img");
+      const safeUrl = this.sanitizeUrl(image_url);
+      if (safeUrl) {
+        img.src = safeUrl;
+        img.alt = "";
+        img.style.cssText = "width: 80px; height: 80px; border-radius: 8px; object-fit: cover;";
+        banner.appendChild(img);
+      }
+    }
+    const textContainer = document.createElement("div");
+    textContainer.style.cssText = "flex: 1;";
+    if (title) {
+      const titleEl = document.createElement("div");
+      titleEl.textContent = title;
+      titleEl.style.cssText = "font-size: 18px; font-weight: 600; margin-bottom: 8px;";
+      textContainer.appendChild(titleEl);
+    }
+    if (body) {
+      const bodyEl = document.createElement("div");
+      bodyEl.textContent = body;
+      bodyEl.style.cssText = "font-size: 14px; opacity: 0.9;";
+      textContainer.appendChild(bodyEl);
+    }
+    banner.appendChild(textContainer);
+    if (cta_text && cta_url) {
+      const ctaButton = document.createElement("button");
+      ctaButton.textContent = cta_text;
+      ctaButton.style.cssText = `
+        background: white;
+        color: ${this.sanitizeColor(background_color || "#1a73e8")};
+        border: none;
+        padding: 12px 24px;
+        border-radius: 6px;
+        font-weight: 600;
+        cursor: pointer;
+        font-size: 14px;
+        white-space: nowrap;
+      `;
+      ctaButton.addEventListener("click", () => {
+        this.trackEvent(content.placement_id, content.variant_id, "click");
+        const safeUrl = this.sanitizeUrl(cta_url);
+        if (safeUrl) {
+          window.location.href = safeUrl;
+        }
+      });
+      banner.appendChild(ctaButton);
+    }
+    container.appendChild(banner);
+  }
+  renderCard(container, content) {
+    const { title, body, image_url, cta_text, cta_url } = content.content;
+    const card = document.createElement("div");
+    card.className = "aegis-placement-card";
+    card.style.cssText = `
+      background: white;
+      border-radius: 12px;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+      overflow: hidden;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    `;
+    if (image_url) {
+      const img = document.createElement("img");
+      const safeUrl = this.sanitizeUrl(image_url);
+      if (safeUrl) {
+        img.src = safeUrl;
+        img.alt = title || "";
+        img.style.cssText = "width: 100%; height: 200px; object-fit: cover;";
+        card.appendChild(img);
+      }
+    }
+    const cardBody = document.createElement("div");
+    cardBody.style.cssText = "padding: 20px;";
+    if (title) {
+      const titleEl = document.createElement("h3");
+      titleEl.textContent = title;
+      titleEl.style.cssText = "margin: 0 0 12px 0; font-size: 20px; font-weight: 600; color: #1a1a1a;";
+      cardBody.appendChild(titleEl);
+    }
+    if (body) {
+      const bodyEl = document.createElement("p");
+      bodyEl.textContent = body;
+      bodyEl.style.cssText = "margin: 0 0 16px 0; font-size: 14px; color: #666; line-height: 1.5;";
+      cardBody.appendChild(bodyEl);
+    }
+    if (cta_text && cta_url) {
+      const ctaButton = document.createElement("button");
+      ctaButton.textContent = cta_text;
+      ctaButton.style.cssText = `
+        background: #1a73e8;
+        color: white;
+        border: none;
+        padding: 10px 20px;
+        border-radius: 6px;
+        font-weight: 600;
+        cursor: pointer;
+        font-size: 14px;
+      `;
+      ctaButton.addEventListener("click", () => {
+        this.trackEvent(content.placement_id, content.variant_id, "click");
+        const safeUrl = this.sanitizeUrl(cta_url);
+        if (safeUrl) {
+          window.location.href = safeUrl;
+        }
+      });
+      cardBody.appendChild(ctaButton);
+    }
+    card.appendChild(cardBody);
+    container.appendChild(card);
+  }
+  renderCarousel(container, content) {
+    const { items } = content.content;
+    if (!Array.isArray(items) || items.length === 0) {
+      this.log("Carousel items empty or invalid", true);
+      return;
+    }
+    const carousel = document.createElement("div");
+    carousel.className = "aegis-placement-carousel";
+    carousel.style.cssText = `
+      display: flex;
+      gap: 16px;
+      overflow-x: auto;
+      padding: 8px 0;
+      scroll-behavior: smooth;
+      -webkit-overflow-scrolling: touch;
+    `;
+    for (const item of items) {
+      const carouselItem = document.createElement("div");
+      carouselItem.style.cssText = `
+        flex: 0 0 250px;
+        background: white;
+        border-radius: 8px;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        overflow: hidden;
+        cursor: pointer;
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      `;
+      if (item.image_url) {
+        const img = document.createElement("img");
+        const safeUrl = this.sanitizeUrl(item.image_url);
+        if (safeUrl) {
+          img.src = safeUrl;
+          img.alt = item.title || "";
+          img.style.cssText = "width: 100%; height: 150px; object-fit: cover;";
+          carouselItem.appendChild(img);
+        }
+      }
+      const itemContent = document.createElement("div");
+      itemContent.style.cssText = "padding: 12px;";
+      if (item.title) {
+        const title = document.createElement("div");
+        title.textContent = item.title;
+        title.style.cssText = "font-size: 14px; font-weight: 600; margin-bottom: 4px; color: #1a1a1a;";
+        itemContent.appendChild(title);
+      }
+      if (item.price) {
+        const price = document.createElement("div");
+        price.textContent = item.price;
+        price.style.cssText = "font-size: 16px; font-weight: 700; color: #1a73e8;";
+        itemContent.appendChild(price);
+      }
+      carouselItem.appendChild(itemContent);
+      if (item.url) {
+        carouselItem.addEventListener("click", () => {
+          this.trackEvent(content.placement_id, content.variant_id, "click", { item_index: items.indexOf(item) });
+          const safeUrl = this.sanitizeUrl(item.url);
+          if (safeUrl) {
+            window.location.href = safeUrl;
+          }
+        });
+      }
+      carousel.appendChild(carouselItem);
+    }
+    container.appendChild(carousel);
+  }
+  renderVideo(container, content) {
+    const { video_url, poster_url, autoplay, muted } = content.content;
+    if (!video_url) {
+      this.log("Video URL missing", true);
+      return;
+    }
+    const safeVideoUrl = this.sanitizeUrl(video_url);
+    if (!safeVideoUrl) {
+      this.log("Invalid video URL", true);
+      return;
+    }
+    const video = document.createElement("video");
+    video.src = safeVideoUrl;
+    video.controls = true;
+    video.autoplay = autoplay || false;
+    video.muted = muted || false;
+    video.style.cssText = "width: 100%; border-radius: 8px;";
+    if (poster_url) {
+      const safePosterUrl = this.sanitizeUrl(poster_url);
+      if (safePosterUrl) {
+        video.poster = safePosterUrl;
+      }
+    }
+    video.addEventListener("play", () => {
+      this.trackEvent(content.placement_id, content.variant_id, "click", { action: "video_play" });
+    });
+    container.appendChild(video);
+  }
+  renderHTML(container, content) {
+    const { html } = content.content;
+    if (!html) {
+      this.log("HTML content missing", true);
+      return;
+    }
+    const wrapper = document.createElement("div");
+    wrapper.className = "aegis-placement-html";
+    wrapper.innerHTML = this.sanitizeHTML(html);
+    const links = wrapper.querySelectorAll("a");
+    links.forEach((link) => {
+      link.addEventListener("click", (e) => {
+        this.trackEvent(content.placement_id, content.variant_id, "click");
+      });
+    });
+    container.appendChild(wrapper);
+  }
+  renderDynamicInjection(content) {
+    const { html } = content.content;
+    const cssSelector = content.css_selector;
+    const injectionMode = content.injection_mode || "replace";
+    if (!cssSelector) {
+      this.log("CSS selector missing for dynamic injection", true);
+      return;
+    }
+    if (!html) {
+      this.log("HTML content missing for dynamic injection", true);
+      return;
+    }
+    let targetElement = null;
+    try {
+      targetElement = document.querySelector(cssSelector);
+    } catch (error) {
+      this.log(`Invalid CSS selector: ${cssSelector}`, true);
+      return;
+    }
+    if (!targetElement) {
+      this.log(`Target element not found for selector: ${cssSelector}`, true);
+      return;
+    }
+    const wrapper = document.createElement("div");
+    wrapper.className = "aegis-dynamic-injection";
+    wrapper.setAttribute("data-placement-id", content.placement_id);
+    wrapper.setAttribute("data-variant-id", content.variant_id);
+    wrapper.innerHTML = this.sanitizeHTML(html);
+    const links = wrapper.querySelectorAll("a");
+    links.forEach((link) => {
+      link.addEventListener("click", () => {
+        this.trackEvent(content.placement_id, content.variant_id, "click");
+      });
+    });
+    switch (injectionMode) {
+      case "replace":
+        targetElement.innerHTML = "";
+        targetElement.appendChild(wrapper);
+        this.log(`Replaced content in ${cssSelector}`, false);
+        break;
+      case "append":
+        targetElement.appendChild(wrapper);
+        this.log(`Appended content to ${cssSelector}`, false);
+        break;
+      case "prepend":
+        targetElement.insertBefore(wrapper, targetElement.firstChild);
+        this.log(`Prepended content to ${cssSelector}`, false);
+        break;
+      default:
+        this.log(`Unknown injection mode: ${injectionMode}`, true);
+        return;
+    }
+    this.log(`Dynamically injected content for ${content.placement_id} into ${cssSelector} (${injectionMode})`);
+  }
+  renderFallback(slot) {
+    if (!slot.fallbackContent) return;
+    const container = document.getElementById(slot.containerId);
+    if (!container) return;
+    container.innerHTML = slot.fallbackContent;
+    this.log(`Rendered fallback content for: ${slot.placementId}`);
+  }
+  async trackEvent(placementId, variantId, eventType, metadata = {}) {
+    try {
+      const url = `${this.apiHost}/v1/placements/track`;
+      const headers = {
+        "Content-Type": "application/json",
+        "X-Aegis-Write-Key": this.writeKey,
+        "X-Device-Type": this.getDeviceType(),
+        "X-Platform": "web"
+      };
+      if (this.userId) headers["X-User-ID"] = this.userId;
+      if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+      if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
+      const body = {
+        placement_id: placementId,
+        variant_id: variantId,
+        event_type: eventType,
+        metadata: {
+          device_type: this.getDeviceType(),
+          platform: "web",
+          ...metadata
+        }
+      };
+      fetch(url, {
+        method: "POST",
+        headers,
+        body: JSON.stringify(body)
+      }).catch((err) => this.log(`Track event failed: ${err}`, true));
+      this.log(`Tracked ${eventType}: ${placementId}`);
+    } catch (error) {
+      this.log(`Error tracking event: ${error}`, true);
+    }
+  }
+  connectSSE() {
+    if (this.eventSource) {
+      this.disconnectSSE();
+    }
+    if (!this.organizationId) {
+      this.log("Cannot connect SSE without organization ID", true);
+      return;
+    }
+    const url = new URL("/v1/stream/realtime", this.apiHost);
+    const headers = {
+      "X-Aegis-Write-Key": this.writeKey,
+      "X-Organization-ID": this.organizationId
+    };
+    if (this.contactId) {
+      headers["X-Contact-ID"] = this.contactId;
+    }
+    const queryParams = new URLSearchParams();
+    Object.entries(headers).forEach(([key, value]) => {
+      queryParams.append(key, value);
+    });
+    this.eventSource = new EventSource(`${url}?${queryParams.toString()}`);
+    this.eventSource.addEventListener("open", () => {
+      this.log("SSE connection established");
+      this.reconnectAttempts = 0;
+    });
+    this.eventSource.addEventListener("placement_content_updated", (event) => {
+      try {
+        const data = JSON.parse(event.data);
+        this.log(`Received placement content update: ${data.placement_id}`);
+        this.refreshPlacements();
+      } catch (error) {
+        this.log(`Error parsing SSE event: ${error}`, true);
+      }
+    });
+    this.eventSource.addEventListener("heartbeat", (event) => {
+      this.log("SSE heartbeat received");
+    });
+    this.eventSource.addEventListener("error", (error) => {
+      var _a;
+      this.log("SSE connection error", true);
+      if (((_a = this.eventSource) == null ? void 0 : _a.readyState) === EventSource.CLOSED) {
+        this.attemptReconnect();
+      }
+    });
+  }
+  disconnectSSE() {
+    if (this.eventSource) {
+      this.eventSource.close();
+      this.eventSource = void 0;
+      this.log("SSE connection closed");
+    }
+  }
+  attemptReconnect() {
+    if (this.reconnectAttempts >= this.maxReconnectAttempts) {
+      this.log("Max reconnect attempts reached, giving up", true);
+      return;
+    }
+    this.reconnectAttempts++;
+    const delay = Math.min(1e3 * Math.pow(2, this.reconnectAttempts), 3e4);
+    this.log(`Reconnecting SSE in ${delay}ms (attempt ${this.reconnectAttempts})`);
+    setTimeout(() => {
+      if (this.isInitialized && this.enableSSE && this.organizationId) {
+        this.connectSSE();
+      }
+    }, delay);
+  }
+  getDeviceType() {
+    const width = window.innerWidth;
+    if (width < 768) return "mobile_web";
+    if (width < 1024) return "tablet_web";
+    return "desktop_web";
+  }
+  sanitizeUrl(url) {
+    try {
+      const parsed = new URL(url, window.location.href);
+      if (parsed.protocol === "javascript:" || parsed.protocol === "data:") {
+        this.log(`Blocked unsafe URL protocol: ${parsed.protocol}`, true);
+        return null;
+      }
+      return parsed.href;
+    } catch {
+      this.log(`Invalid URL: ${url}`, true);
+      return null;
+    }
+  }
+  sanitizeColor(color) {
+    const hexPattern = /^#[0-9A-Fa-f]{3,6}$/;
+    const rgbPattern = /^rgba?\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*(,\s*[\d.]+\s*)?\)$/;
+    const namedColors = ["white", "black", "red", "blue", "green", "yellow", "transparent"];
+    if (hexPattern.test(color) || rgbPattern.test(color) || namedColors.includes(color.toLowerCase())) {
+      return color;
+    }
+    this.log(`Invalid color: ${color}`, true);
+    return "#000000";
+  }
+  sanitizeHTML(html) {
+    const tempDiv = document.createElement("div");
+    tempDiv.textContent = html;
+    return tempDiv.innerHTML;
+  }
+  log(message, isError = false) {
+    if (this.debugMode || isError) {
+      console[isError ? "error" : "log"](`[AegisPlacements] ${message}`);
+    }
+  }
+  destroy() {
+    this.disconnectSSE();
+    this.slots.clear();
+    this.placements.clear();
+    this.renderedSlots.clear();
+    this.isInitialized = false;
+    this.log("AegisPlacements destroyed");
+  }
+}
+class AegisWidgetManager {
+  constructor(config) {
+    this.widgets = [];
+    this.renderedWidgets = /* @__PURE__ */ new Set();
+    this.isInitialized = false;
+    this.prefetchWidgetConfigs = {};
+    this.writeKey = config.writeKey;
+    this.apiHost = config.apiHost || "https://api.aegis.ai";
+    this.userId = config.userId;
+    this.contactId = config.contactId;
+    this.organizationId = config.organizationId;
+    this.debugMode = config.debugMode || false;
+    this.triggerEngine = config.triggerEngine;
+    this.enablePrefetch = config.enablePrefetch !== false;
+    this.cssCustomization = config.cssCustomization || {};
+    this.onEvent = config.onEvent;
+    this.sourcePlatform = config.sourcePlatform;
+  }
+  updateCSSCustomization(customization) {
+    this.cssCustomization = { ...this.cssCustomization, ...customization };
+    this.log("CSS customization updated");
+  }
+  emitEvent(eventType, data) {
+    if (this.onEvent) {
+      try {
+        this.onEvent(eventType, data);
+      } catch (error) {
+        this.log(`Error in event callback: ${error}`, true);
+      }
+    }
+  }
+  async initialize() {
+    if (this.isInitialized) {
+      this.log("AegisWidgets already initialized");
+      return;
+    }
+    if (this.enablePrefetch && this.contactId) {
+      await this.fetchPrefetchConfigs();
+      this.preloadWidgetAssets();
+    }
+    await this.fetchWidgets();
+    this.renderImmediateWidgets();
+    this.setupTriggerListeners();
+    this.setupExitIntentWithPrefetch();
+    this.isInitialized = true;
+    this.log("AegisWidgets initialized successfully");
+  }
+  setCartData(cartData) {
+    this.cartData = cartData;
+    this.log(`Cart data updated: ${cartData.cart_items.length} items, total: ${cartData.cart_currency} ${cartData.cart_total}`);
+  }
+  detectPlatformCart() {
+    const shopifyCart = this.normalizeShopifyCart();
+    if (shopifyCart) {
+      this.log("Detected Shopify cart via browser globals");
+      return shopifyCart;
+    }
+    const wooCart = this.normalizeWooCart();
+    if (wooCart) {
+      this.log("Detected WooCommerce cart via injected data");
+      return wooCart;
+    }
+    const magentoCart = this.normalizeMagentoCart();
+    if (magentoCart) {
+      this.log("Detected Magento cart via localStorage");
+      return magentoCart;
+    }
+    if (this.cartData) {
+      this.log("Using manually set cart data");
+      return this.cartData;
+    }
+    return null;
+  }
+  normalizeShopifyCart() {
+    var _a;
+    try {
+      if (typeof window === "undefined") return null;
+      const win = window;
+      if ((_a = win.Shopify) == null ? void 0 : _a.checkout) {
+        const checkout = win.Shopify.checkout;
+        return {
+          cart_id: checkout.token || `shopify_${Date.now()}`,
+          cart_total: parseFloat(checkout.total_price) || 0,
+          cart_currency: checkout.currency || "USD",
+          cart_items: (checkout.line_items || []).map((item) => ({
+            product_id: String(item.product_id || item.id),
+            product_name: item.title || item.product_title,
+            quantity: item.quantity || 1,
+            price: parseFloat(item.price) || 0
+          }))
+        };
+      }
+      const cartJsonEl = document.getElementById("cart-json");
+      if (cartJsonEl == null ? void 0 : cartJsonEl.textContent) {
+        const cart = JSON.parse(cartJsonEl.textContent);
+        return {
+          cart_id: cart.token || `shopify_${Date.now()}`,
+          cart_total: (cart.total_price || 0) / 100,
+          cart_currency: cart.currency || "USD",
+          cart_items: (cart.items || []).map((item) => ({
+            product_id: String(item.product_id || item.id),
+            product_name: item.product_title || item.title,
+            quantity: item.quantity || 1,
+            price: (item.price || 0) / 100
+          }))
+        };
+      }
+      return null;
+    } catch (error) {
+      this.log(`Error detecting Shopify cart: ${error}`, true);
+      return null;
+    }
+  }
+  normalizeWooCart() {
+    try {
+      if (typeof window === "undefined") return null;
+      const win = window;
+      if (win.aegis_cart) {
+        const cart = win.aegis_cart;
+        return {
+          cart_id: cart.cart_id || `woo_${Date.now()}`,
+          cart_total: parseFloat(cart.cart_total) || 0,
+          cart_currency: cart.cart_currency || "USD",
+          cart_items: (cart.cart_items || []).map((item) => ({
+            product_id: String(item.product_id),
+            product_name: item.product_name,
+            quantity: item.quantity || 1,
+            price: parseFloat(item.price) || 0
+          }))
+        };
+      }
+      return null;
+    } catch (error) {
+      this.log(`Error detecting WooCommerce cart: ${error}`, true);
+      return null;
+    }
+  }
+  normalizeMagentoCart() {
+    try {
+      if (typeof window === "undefined" || !window.localStorage) return null;
+      const mageCacheStr = localStorage.getItem("mage-cache-storage");
+      if (!mageCacheStr) return null;
+      const mageCache = JSON.parse(mageCacheStr);
+      if (!(mageCache == null ? void 0 : mageCache.cart)) return null;
+      const cart = mageCache.cart;
+      return {
+        cart_id: cart.quote_id || cart.id || `magento_${Date.now()}`,
+        cart_total: parseFloat(cart.subtotalAmount || cart.subtotal || 0),
+        cart_currency: cart.currencyCode || "USD",
+        cart_items: (cart.items || []).map((item) => ({
+          product_id: String(item.item_id || item.product_id),
+          product_name: item.product_name || item.name,
+          quantity: item.qty || 1,
+          price: parseFloat(item.product_price_value || item.price || 0)
+        }))
+      };
+    } catch (error) {
+      this.log(`Error detecting Magento cart: ${error}`, true);
+      return null;
+    }
+  }
+  preloadWidgetAssets() {
+    try {
+      const exitIntentConfig = this.prefetchWidgetConfigs.exit_intent;
+      if (exitIntentConfig == null ? void 0 : exitIntentConfig.enabled) {
+        const imageUrl = exitIntentConfig.image_url;
+        if (imageUrl) {
+          const img = new Image();
+          img.src = imageUrl;
+          this.log(`Preloading exit intent image: ${imageUrl}`);
+        }
+      }
+      const spinWheelConfig = this.prefetchWidgetConfigs.spin_wheel;
+      if (spinWheelConfig == null ? void 0 : spinWheelConfig.enabled) {
+        const imageUrl = spinWheelConfig.image_url;
+        if (imageUrl) {
+          const img = new Image();
+          img.src = imageUrl;
+          this.log(`Preloading spin wheel image: ${imageUrl}`);
+        }
+      }
+    } catch (error) {
+      this.log(`Error preloading widget assets: ${error}`, true);
+    }
+  }
+  async fetchPrefetchConfigs() {
+    try {
+      const startTime = performance.now();
+      const url = `${this.apiHost}/v1/widgets/config/prefetch`;
+      const headers = {
+        "X-Aegis-Write-Key": this.writeKey
+      };
+      if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+      if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
+      const response = await fetch(url, { headers });
+      if (!response.ok) {
+        throw new Error(`Failed to fetch prefetch configs: ${response.status}`);
+      }
+      this.prefetchWidgetConfigs = await response.json();
+      const elapsed = performance.now() - startTime;
+      this.log(`Fetched prefetch widget configs in ${elapsed.toFixed(2)}ms`);
+    } catch (error) {
+      this.log(`Error fetching prefetch configs: ${error}`, true);
+    }
+  }
+  async fetchWidgets() {
+    try {
+      const url = `${this.apiHost}/v1/widgets/config`;
+      const headers = {
+        "X-Aegis-Write-Key": this.writeKey,
+        "X-Device-Platform": "web",
+        "X-Device-Type": this.getDeviceType()
+      };
+      if (this.userId) headers["X-User-ID"] = this.userId;
+      if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+      if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
+      if (this.sourcePlatform) headers["X-Source-Platform"] = this.sourcePlatform;
+      const response = await fetch(url, { headers });
+      if (!response.ok) {
+        throw new Error(`Failed to fetch widgets: ${response.status}`);
+      }
+      this.widgets = await response.json();
+      this.log(`Fetched ${this.widgets.length} widgets`);
+    } catch (error) {
+      this.log(`Error fetching widgets: ${error}`, true);
+    }
+  }
+  renderImmediateWidgets() {
+    const immediateWidgets = this.widgets.filter(
+      (w) => !w.trigger_rules || w.trigger_rules.type === "immediate"
+    );
+    immediateWidgets.forEach((widget) => this.renderWidget(widget));
+  }
+  setupTriggerListeners() {
+    if (!this.triggerEngine) {
+      this.log("TriggerEngine not provided, skipping trigger-based widgets");
+      return;
+    }
+    this.widgets.forEach((widget) => {
+      if (!widget.trigger_rules) return;
+      const { type, config } = widget.trigger_rules;
+      switch (type) {
+        case "exit_intent":
+          this.triggerEngine.registerExitIntent();
+          this.triggerEngine.on("exit_intent", () => {
+            if (!this.renderedWidgets.has(widget.widget_id)) {
+              this.renderWidget(widget);
+            }
+          });
+          break;
+        case "scroll_depth":
+          const depthPercent = (config == null ? void 0 : config.depth_percent) || 50;
+          this.triggerEngine.registerScrollDepth(depthPercent);
+          this.triggerEngine.on(`scroll_depth_${depthPercent}`, () => {
+            if (!this.renderedWidgets.has(widget.widget_id)) {
+              this.renderWidget(widget);
+            }
+          });
+          break;
+        case "time_on_page":
+          const seconds = (config == null ? void 0 : config.seconds) || 30;
+          this.triggerEngine.registerTimeOnPage(seconds);
+          this.triggerEngine.on(`time_on_page_${seconds}`, () => {
+            if (!this.renderedWidgets.has(widget.widget_id)) {
+              this.renderWidget(widget);
+            }
+          });
+          break;
+      }
+    });
+  }
+  setupExitIntentWithPrefetch() {
+    if (!this.enablePrefetch || !this.triggerEngine) {
+      return;
+    }
+    const spinWheelConfig = this.prefetchWidgetConfigs.spin_wheel;
+    const exitIntentConfig = this.prefetchWidgetConfigs.exit_intent;
+    if (spinWheelConfig && spinWheelConfig.enabled) {
+      const isMobile2 = this.isMobileDevice();
+      const mobileConfig2 = (exitIntentConfig == null ? void 0 : exitIntentConfig.mobile_triggers) || {};
+      const handleSpinWheelIntent = () => {
+        const widgetId = `prefetch_spin_wheel_${Date.now()}`;
+        if (this.renderedWidgets.has(widgetId)) {
+          return;
+        }
+        this.renderedWidgets.add(widgetId);
+        const detectedCart = this.detectPlatformCart();
+        if (spinWheelConfig.type === "cart_recovery" && detectedCart) {
+          this.cartData = detectedCart;
+          this.renderSpinWheelWidget(widgetId, spinWheelConfig);
+          this.sendCartAbandonmentBeacon();
+        } else if (spinWheelConfig.type === "lead_gen") {
+          this.renderSpinWheelWidget(widgetId, spinWheelConfig);
+        }
+      };
+      if (isMobile2) {
+        const scrollVelocityEnabled = mobileConfig2.scroll_velocity !== false;
+        if (scrollVelocityEnabled) {
+          this.triggerEngine.registerScrollVelocity({
+            threshold: mobileConfig2.scroll_threshold || 0.5,
+            minScrollPosition: mobileConfig2.scroll_min_position || 100,
+            cooldown: mobileConfig2.scroll_cooldown || 5e3
+          });
+          this.triggerEngine.on("mobile_exit_intent", handleSpinWheelIntent);
+          this.log("Registered mobile scroll velocity trigger for spin wheel");
+        }
+        const idleTimerEnabled = mobileConfig2.idle_timer !== false;
+        if (idleTimerEnabled) {
+          const idleSeconds = mobileConfig2.idle_seconds || 15;
+          this.triggerEngine.registerInactivity(idleSeconds);
+          this.triggerEngine.on(`inactivity_${idleSeconds}`, handleSpinWheelIntent);
+          this.log(`Registered mobile idle timer trigger for spin wheel: ${idleSeconds}s`);
+        }
+        const visibilityChangeEnabled = mobileConfig2.visibility_change !== false;
+        if (visibilityChangeEnabled) {
+          const detectedCart = this.detectPlatformCart();
+          if (detectedCart && detectedCart.cart_items && detectedCart.cart_items.length > 0) {
+            this.triggerEngine.registerVisibilityChange();
+            this.triggerEngine.on("visibility_hidden", handleSpinWheelIntent);
+            this.log("Registered mobile visibility change trigger for spin wheel (cart detected)");
+          }
+        }
+        const backButtonEnabled = mobileConfig2.back_button === true;
+        if (backButtonEnabled) {
+          this.triggerEngine.registerBackButton();
+          this.triggerEngine.on("back_button", handleSpinWheelIntent);
+          this.log("Registered mobile back button trigger for spin wheel");
+        }
+        this.log(`Setup mobile spin wheel: type=${spinWheelConfig.type}, priority=${spinWheelConfig.priority}`);
+      } else {
+        this.triggerEngine.registerExitIntent();
+        this.triggerEngine.on("exit_intent", handleSpinWheelIntent);
+        this.log(`Setup desktop spin wheel exit intent: type=${spinWheelConfig.type}, priority=${spinWheelConfig.priority}`);
+      }
+      return;
+    }
+    if (!exitIntentConfig || !exitIntentConfig.enabled) {
+      this.log("No exit intent config found in prefetch");
+      return;
+    }
+    const isMobile = this.isMobileDevice();
+    const mobileConfig = exitIntentConfig.mobile_triggers || {};
+    const handleExitIntent = () => {
+      const widgetId = `prefetch_exit_intent_${Date.now()}`;
+      if (this.renderedWidgets.has(widgetId)) {
+        return;
+      }
+      this.renderedWidgets.add(widgetId);
+      const detectedCart = this.detectPlatformCart();
+      if (exitIntentConfig.type === "cart_recovery" && detectedCart) {
+        this.cartData = detectedCart;
+        this.renderCartRecoveryPopup(widgetId, exitIntentConfig);
+        this.sendCartAbandonmentBeacon();
+      } else if (exitIntentConfig.type === "lead_gen") {
+        this.renderLeadGenPopup(widgetId, exitIntentConfig);
+      } else {
+        this.log("Unknown exit intent type or missing cart data");
+      }
+    };
+    if (isMobile) {
+      const scrollVelocityEnabled = mobileConfig.scroll_velocity !== false;
+      if (scrollVelocityEnabled) {
+        this.triggerEngine.registerScrollVelocity({
+          threshold: mobileConfig.scroll_threshold || 0.5,
+          minScrollPosition: mobileConfig.scroll_min_position || 100,
+          cooldown: mobileConfig.scroll_cooldown || 5e3
+        });
+        this.triggerEngine.on("mobile_exit_intent", handleExitIntent);
+        this.log("Registered mobile scroll velocity trigger");
+      }
+      const idleTimerEnabled = mobileConfig.idle_timer !== false;
+      if (idleTimerEnabled) {
+        const idleSeconds = mobileConfig.idle_seconds || 15;
+        this.triggerEngine.registerInactivity(idleSeconds);
+        this.triggerEngine.on(`inactivity_${idleSeconds}`, handleExitIntent);
+        this.log(`Registered mobile idle timer trigger: ${idleSeconds}s`);
+      }
+      const visibilityChangeEnabled = mobileConfig.visibility_change !== false;
+      if (visibilityChangeEnabled) {
+        const detectedCart = this.detectPlatformCart();
+        if (detectedCart && detectedCart.cart_items && detectedCart.cart_items.length > 0) {
+          this.triggerEngine.registerVisibilityChange();
+          this.triggerEngine.on("visibility_hidden", handleExitIntent);
+          this.log("Registered mobile visibility change trigger (cart detected)");
+        } else {
+          this.log("Skipped visibility change trigger (no cart items)");
+        }
+      }
+      const backButtonEnabled = mobileConfig.back_button === true;
+      if (backButtonEnabled) {
+        this.triggerEngine.registerBackButton();
+        this.triggerEngine.on("back_button", handleExitIntent);
+        this.log("Registered mobile back button trigger (aggressive mode)");
+      }
+      this.log(`Setup mobile exit intent: type=${exitIntentConfig.type}, priority=${exitIntentConfig.priority}`);
+    } else {
+      this.triggerEngine.registerExitIntent();
+      this.triggerEngine.on("exit_intent", handleExitIntent);
+      this.log(`Setup desktop exit intent: type=${exitIntentConfig.type}, priority=${exitIntentConfig.priority}`);
+    }
+  }
+  sendCartAbandonmentBeacon() {
+    if (!this.cartData) {
+      this.log("No cart data available for beacon", true);
+      return;
+    }
+    const beaconData = {
+      organization_id: this.organizationId || "default",
+      contact_id: this.contactId,
+      cart_id: this.cartData.cart_id,
+      cart_total: this.cartData.cart_total,
+      cart_currency: this.cartData.cart_currency,
+      cart_items: this.cartData.cart_items,
+      user_email: this.userId,
+      abandoned_at: (/* @__PURE__ */ new Date()).toISOString(),
+      page_url: window.location.href,
+      referrer: document.referrer
+    };
+    const beaconUrl = `${this.apiHost}/v1/widgets/beacon/cart-abandoned`;
+    if (navigator.sendBeacon) {
+      const blob = new Blob([JSON.stringify(beaconData)], { type: "application/json" });
+      const sent = navigator.sendBeacon(beaconUrl, blob);
+      if (sent) {
+        this.log("Cart abandonment beacon sent successfully");
+      } else {
+        this.log("Failed to send cart abandonment beacon", true);
+      }
+    } else {
+      fetch(beaconUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "X-Aegis-Write-Key": this.writeKey
+        },
+        body: JSON.stringify(beaconData),
+        keepalive: true
+      }).catch((err) => {
+        this.log(`Error sending cart abandonment via fetch: ${err}`, true);
+      });
+    }
+  }
+  renderWidget(widget) {
+    if (this.renderedWidgets.has(widget.widget_id)) {
+      return;
+    }
+    this.renderedWidgets.add(widget.widget_id);
+    switch (widget.widget_type) {
+      case "chat_bubble":
+        this.renderChatBubble(widget);
+        break;
+      case "spin_wheel":
+        this.renderSpinWheel(widget);
+        break;
+      case "scratch_card":
+        this.renderScratchCard(widget);
+        break;
+      case "toast":
+        this.renderToast(widget);
+        break;
+      case "feedback_form":
+        this.renderFeedbackForm(widget);
+        break;
+      case "exit_intent_popup":
+        this.renderExitIntentPopup(widget);
+        break;
+      default:
+        this.log(`Unknown widget type: ${widget.widget_type}`, true);
+    }
+    this.trackEvent(widget.widget_id, "show");
+  }
+  renderChatBubble(widget) {
+    const { text, icon_url, link_url, background_color, text_color } = widget.config;
+    const position = widget.position || "bottom_right";
+    const bubble = document.createElement("div");
+    bubble.className = "aegis-chat-bubble";
+    bubble.setAttribute("data-widget-id", widget.widget_id);
+    const positionStyles = {
+      bottom_right: "bottom: 20px; right: 20px;",
+      bottom_left: "bottom: 20px; left: 20px;",
+      top_right: "top: 20px; right: 20px;",
+      top_left: "top: 20px; left: 20px;"
+    };
+    bubble.style.cssText = `
+      position: fixed;
+      ${positionStyles[position] || positionStyles.bottom_right}
+      background: ${this.sanitizeColor(background_color || "#25D366")};
+      color: ${this.sanitizeColor(text_color || "#ffffff")};
+      padding: 16px 24px;
+      border-radius: 50px;
+      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+      cursor: pointer;
+      z-index: 999999;
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      font-weight: 600;
+      font-size: 14px;
+      animation: aegisBubbleIn 0.3s ease-out;
+    `;
+    if (icon_url) {
+      const icon = document.createElement("img");
+      const safeUrl = this.sanitizeUrl(icon_url);
+      if (safeUrl) {
+        icon.src = safeUrl;
+        icon.alt = "";
+        icon.style.cssText = "width: 24px; height: 24px;";
+        bubble.appendChild(icon);
+      }
+    }
+    const textEl = document.createElement("span");
+    textEl.textContent = text || "Chat with us";
+    bubble.appendChild(textEl);
+    bubble.addEventListener("click", () => {
+      this.trackEvent(widget.widget_id, "click");
+      const safeUrl = this.sanitizeUrl(link_url);
+      if (safeUrl) {
+        window.open(safeUrl, "_blank");
+      }
+    });
+    this.addAnimationStyles();
+    document.body.appendChild(bubble);
+  }
+  renderSpinWheel(widget) {
+    const overlay = document.createElement("div");
+    overlay.className = "aegis-gamification-overlay";
+    overlay.setAttribute("data-widget-id", widget.widget_id);
+    overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.7);
+      z-index: 1000000;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      animation: aegisFadeIn 0.3s ease-out;
+    `;
+    const modal = document.createElement("div");
+    modal.className = "aegis-spin-wheel-modal";
+    modal.style.cssText = `
+      background: white;
+      border-radius: 16px;
+      padding: 32px;
+      max-width: 500px;
+      width: 90%;
+      box-shadow: 0 10px 40px rgba(0,0,0,0.3);
+      text-align: center;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      animation: aegisScaleIn 0.3s ease-out;
+    `;
+    const title = document.createElement("h2");
+    title.textContent = widget.config.title || "Spin to Win!";
+    title.style.cssText = "margin: 0 0 16px 0; font-size: 24px; font-weight: 700; color: #1a1a1a;";
+    modal.appendChild(title);
+    const description = document.createElement("p");
+    description.textContent = widget.config.description || "Try your luck and win exclusive prizes!";
+    description.style.cssText = "margin: 0 0 24px 0; font-size: 14px; color: #666;";
+    modal.appendChild(description);
+    const wheelPlaceholder = document.createElement("div");
+    wheelPlaceholder.style.cssText = `
+      width: 300px;
+      height: 300px;
+      margin: 0 auto 24px;
+      background: linear-gradient(45deg, #ff6b6b, #feca57, #48dbfb, #ff6348);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 48px;
+      color: white;
+    `;
+    wheelPlaceholder.textContent = "🎰";
+    modal.appendChild(wheelPlaceholder);
+    const spinButton = document.createElement("button");
+    spinButton.textContent = "SPIN NOW!";
+    spinButton.style.cssText = `
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      color: white;
+      border: none;
+      padding: 16px 48px;
+      border-radius: 8px;
+      font-weight: 700;
+      font-size: 16px;
+      cursor: pointer;
+      margin-bottom: 16px;
+    `;
+    spinButton.addEventListener("click", async () => {
+      spinButton.disabled = true;
+      spinButton.textContent = "SPINNING...";
+      try {
+        const prize = await this.generatePrize(widget.config.config_id);
+        wheelPlaceholder.style.animation = "aegisSpin 2s ease-out";
+        setTimeout(() => {
+          this.showPrizeResult(modal, prize);
+        }, 2e3);
+      } catch (error) {
+        this.log(`Error generating prize: ${error}`, true);
+        spinButton.disabled = false;
+        spinButton.textContent = "TRY AGAIN";
+      }
+    });
+    modal.appendChild(spinButton);
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "×";
+    closeButton.setAttribute("aria-label", "Close");
+    closeButton.style.cssText = `
+      position: absolute;
+      top: 16px;
+      right: 16px;
+      background: transparent;
+      border: none;
+      font-size: 28px;
+      cursor: pointer;
+      color: #999;
+    `;
+    closeButton.addEventListener("click", () => {
+      this.trackEvent(widget.widget_id, "dismiss");
+      document.body.removeChild(overlay);
+      this.renderedWidgets.delete(widget.widget_id);
+    });
+    modal.style.position = "relative";
+    modal.appendChild(closeButton);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  renderSpinWheelWidget(widgetId, config) {
+    const cart = this.detectPlatformCart();
+    if (config.type === "cart_recovery" && !cart) {
+      this.log("Spin wheel requires cart, but none detected");
+      return;
+    }
+    if (cart) {
+      this.cartData = cart;
+    }
+    const customization = this.cssCustomization.spinWheel || {};
+    const accentColor = customization.accentColor || config.accent_color || "#FF6B6B";
+    const backgroundColor = customization.backgroundColor || config.background_color || "#FFFFFF";
+    const textColor = customization.textColor || config.text_color || "#333333";
+    const buttonColor = customization.buttonColor || config.button_color || accentColor;
+    const wheelColors = customization.wheelColors || ["#FF6B6B", "#4ECDC4", "#FFE66D", "#95E1D3"];
+    const overlay = document.createElement("div");
+    overlay.className = "aegis-spin-wheel-overlay";
+    overlay.setAttribute("data-widget-id", widgetId);
+    overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.7);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 999999;
+      animation: aegisFadeIn 0.3s ease;
+    `;
+    const modal = document.createElement("div");
+    modal.className = "aegis-spin-wheel-modal";
+    modal.style.cssText = `
+      background: ${this.sanitizeColor(backgroundColor)};
+      border-radius: 16px;
+      padding: 32px;
+      max-width: 500px;
+      width: 90%;
+      box-shadow: 0 20px 60px rgba(0,0,0,0.3);
+      position: relative;
+      animation: aegisScaleIn 0.4s ease;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    `;
+    const closeBtn = document.createElement("button");
+    closeBtn.innerHTML = "✕";
+    closeBtn.className = "aegis-spin-wheel-close";
+    closeBtn.style.cssText = `
+      position: absolute;
+      top: 16px;
+      right: 16px;
+      background: none;
+      border: none;
+      font-size: 24px;
+      cursor: pointer;
+      color: #999;
+    `;
+    closeBtn.onclick = () => {
+      this.trackEvent(widgetId, "dismiss", { type: "spin_wheel" });
+      document.body.removeChild(overlay);
+      this.renderedWidgets.delete(widgetId);
+    };
+    modal.appendChild(closeBtn);
+    const title = document.createElement("h2");
+    title.textContent = this.interpolateCartVariables(config.title || "Spin to Win!");
+    title.style.cssText = `
+      margin: 0 0 16px 0;
+      font-size: 28px;
+      font-weight: bold;
+      text-align: center;
+      color: ${this.sanitizeColor(textColor)};
+    `;
+    modal.appendChild(title);
+    if (cart) {
+      const subtitle = document.createElement("p");
+      subtitle.textContent = `Complete your ${cart.cart_currency} ${cart.cart_total.toFixed(2)} order and save!`;
+      subtitle.style.cssText = `
+        margin: 0 0 24px 0;
+        font-size: 16px;
+        text-align: center;
+        color: #666;
+      `;
+      modal.appendChild(subtitle);
+    }
+    const wheelContainer = document.createElement("div");
+    wheelContainer.className = "aegis-wheel-container";
+    wheelContainer.style.cssText = `
+      width: 300px;
+      height: 300px;
+      margin: 0 auto 24px auto;
+      background: conic-gradient(
+        from 0deg,
+        ${wheelColors[0]} 0deg 90deg,
+        ${wheelColors[1]} 90deg 180deg,
+        ${wheelColors[2]} 180deg 270deg,
+        ${wheelColors[3]} 270deg 360deg
+      );
+      border-radius: 50%;
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    `;
+    const form = document.createElement("form");
+    form.className = "aegis-spin-form";
+    form.style.cssText = "display: block;";
+    const phoneInput = document.createElement("input");
+    phoneInput.type = "tel";
+    phoneInput.placeholder = "Enter your phone number";
+    phoneInput.required = true;
+    phoneInput.style.cssText = `
+      width: 100%;
+      padding: 14px;
+      border: 2px solid #ddd;
+      border-radius: 8px;
+      font-size: 16px;
+      margin-bottom: 12px;
+      box-sizing: border-box;
+    `;
+    form.appendChild(phoneInput);
+    const emailInput = document.createElement("input");
+    emailInput.type = "email";
+    emailInput.placeholder = "Enter your email (optional)";
+    emailInput.style.cssText = `
+      width: 100%;
+      padding: 14px;
+      border: 2px solid #ddd;
+      border-radius: 8px;
+      font-size: 16px;
+      margin-bottom: 12px;
+      box-sizing: border-box;
+    `;
+    form.appendChild(emailInput);
+    const nameInput = document.createElement("input");
+    nameInput.type = "text";
+    nameInput.placeholder = "Enter your name (optional)";
+    nameInput.style.cssText = `
+      width: 100%;
+      padding: 14px;
+      border: 2px solid #ddd;
+      border-radius: 8px;
+      font-size: 16px;
+      margin-bottom: 12px;
+      box-sizing: border-box;
+    `;
+    form.appendChild(nameInput);
+    const submitButton = document.createElement("button");
+    submitButton.type = "submit";
+    submitButton.textContent = "Spin the Wheel!";
+    submitButton.style.cssText = `
+      width: 100%;
+      padding: 14px;
+      background: ${this.sanitizeColor(buttonColor)};
+      color: white;
+      border: none;
+      border-radius: 8px;
+      font-size: 16px;
+      font-weight: 700;
+      cursor: pointer;
+    `;
+    form.appendChild(submitButton);
+    const errorMessage = document.createElement("div");
+    errorMessage.className = "aegis-spin-error";
+    errorMessage.style.cssText = `
+      color: #d32f2f;
+      font-size: 14px;
+      margin-top: 12px;
+      text-align: center;
+      display: none;
+    `;
+    form.appendChild(errorMessage);
+    form.addEventListener("submit", async (e) => {
+      e.preventDefault();
+      const phone = phoneInput.value.trim();
+      const email = emailInput.value.trim();
+      const name = nameInput.value.trim();
+      if (!this.validatePhone(phone)) {
+        errorMessage.textContent = "Please enter a valid phone number (e.g., +1234567890)";
+        errorMessage.style.display = "block";
+        return;
+      }
+      if (email && !this.validateEmail(email)) {
+        errorMessage.textContent = "Please enter a valid email address";
+        errorMessage.style.display = "block";
+        return;
+      }
+      errorMessage.style.display = "none";
+      submitButton.disabled = true;
+      submitButton.textContent = "Spinning...";
+      wheelContainer.style.animation = "aegisSpin 2s ease-out";
+      setTimeout(async () => {
+        try {
+          const prize = await this.submitSpinWheel({
+            phone,
+            email,
+            name,
+            cart,
+            widgetId
+          });
+          this.showSpinWheelPrize(modal, prize);
+          this.trackEvent(widgetId, "submit", {
+            type: "spin_wheel",
+            prize_label: prize.prize_label,
+            has_email: !!email
+          });
+        } catch (error) {
+          this.log(`Error submitting spin wheel: ${error}`, true);
+          errorMessage.textContent = "Failed to submit. Please try again.";
+          errorMessage.style.display = "block";
+          submitButton.disabled = false;
+          submitButton.textContent = "Spin the Wheel!";
+          wheelContainer.style.animation = "";
+        }
+      }, 2e3);
+    });
+    modal.appendChild(wheelContainer);
+    modal.appendChild(form);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+    this.trackEvent(widgetId, "show", { type: "spin_wheel" });
+  }
+  validatePhone(phone) {
+    const e164Regex = /^\+?[1-9]\d{1,14}$/;
+    return e164Regex.test(phone.replace(/[\s()-]/g, ""));
+  }
+  validateEmail(email) {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email);
+  }
+  async submitSpinWheel(data) {
+    var _a, _b, _c, _d, _e;
+    const url = `${this.apiHost}/v1/widgets/spin-wheel/submit`;
+    const headers = {
+      "X-Aegis-Write-Key": this.writeKey,
+      "Content-Type": "application/json"
+    };
+    if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
+    const geoRegion = this.detectGeoRegion();
+    const deviceType = this.getDeviceType();
+    const utmParams = this.getUTMParams();
+    const body = {
+      phone: data.phone.replace(/[\s()-]/g, ""),
+      email: data.email || void 0,
+      name: data.name || void 0,
+      cart_id: ((_a = data.cart) == null ? void 0 : _a.cart_id) || `web_${Date.now()}`,
+      cart_token: (_b = data.cart) == null ? void 0 : _b.cart_id,
+      cart_total: ((_c = data.cart) == null ? void 0 : _c.cart_total) || 0,
+      cart_currency: ((_d = data.cart) == null ? void 0 : _d.cart_currency) || "USD",
+      cart_items: ((_e = data.cart) == null ? void 0 : _e.cart_items) || [],
+      cart_url: window.location.href,
+      platform: "web",
+      geo_region: geoRegion,
+      device_type: deviceType,
+      session_id: this.getSessionId() || void 0,
+      anonymous_id: this.getAnonymousId() || void 0,
+      utm_source: utmParams.utm_source,
+      utm_medium: utmParams.utm_medium,
+      utm_campaign: utmParams.utm_campaign
+    };
+    const response = await fetch(url, {
+      method: "POST",
+      headers,
+      body: JSON.stringify(body)
+    });
+    if (!response.ok) {
+      const errorText = await response.text();
+      throw new Error(`Failed to submit spin wheel: ${response.status} - ${errorText}`);
+    }
+    return await response.json();
+  }
+  showSpinWheelPrize(modal, prize) {
+    modal.innerHTML = "";
+    const resultContainer = document.createElement("div");
+    resultContainer.style.cssText = "text-align: center; padding: 40px 20px;";
+    const emoji = document.createElement("div");
+    emoji.textContent = "🎉";
+    emoji.style.cssText = "font-size: 60px; margin-bottom: 20px;";
+    resultContainer.appendChild(emoji);
+    const title = document.createElement("h2");
+    title.textContent = "Congratulations!";
+    title.style.cssText = "margin: 0 0 12px 0; font-size: 28px; font-weight: 700; color: #1a73e8;";
+    resultContainer.appendChild(title);
+    const prizeLabel = document.createElement("p");
+    prizeLabel.textContent = prize.prize_label;
+    prizeLabel.style.cssText = "margin: 0 0 20px 0; font-size: 20px; font-weight: 600; color: #333;";
+    resultContainer.appendChild(prizeLabel);
+    if (prize.coupon_code) {
+      const couponContainer = document.createElement("div");
+      couponContainer.style.cssText = `
+        background: #f5f5f5;
+        padding: 16px;
+        border-radius: 8px;
+        margin-bottom: 20px;
+        border: 2px dashed #1a73e8;
+      `;
+      const couponLabel = document.createElement("div");
+      couponLabel.textContent = "Your coupon code:";
+      couponLabel.style.cssText = "font-size: 12px; color: #666; margin-bottom: 8px;";
+      couponContainer.appendChild(couponLabel);
+      const couponCode = document.createElement("div");
+      couponCode.textContent = prize.coupon_code;
+      couponCode.style.cssText = "font-size: 24px; font-weight: 700; color: #1a73e8; letter-spacing: 2px;";
+      couponContainer.appendChild(couponCode);
+      resultContainer.appendChild(couponContainer);
+    }
+    const message = document.createElement("p");
+    message.textContent = "Check your WhatsApp/SMS for your discount code and cart link!";
+    message.style.cssText = "margin: 0 0 20px 0; font-size: 14px; color: #666;";
+    resultContainer.appendChild(message);
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "Close";
+    closeButton.style.cssText = `
+      background: #1a73e8;
+      color: white;
+      border: none;
+      padding: 12px 32px;
+      border-radius: 8px;
+      font-weight: 600;
+      font-size: 14px;
+      cursor: pointer;
+    `;
+    closeButton.addEventListener("click", () => {
+      const overlay = modal.parentElement;
+      if (overlay && document.body.contains(overlay)) {
+        document.body.removeChild(overlay);
+      }
+    });
+    resultContainer.appendChild(closeButton);
+    modal.appendChild(resultContainer);
+  }
+  detectGeoRegion() {
+    const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    if (timezone.includes("America")) return "north_america";
+    if (timezone.includes("Europe")) return "europe";
+    if (timezone.includes("Asia/Kolkata") || timezone.includes("Asia/Calcutta")) return "india";
+    if (timezone.includes("Asia/Singapore") || timezone.includes("Asia/Bangkok") || timezone.includes("Asia/Jakarta")) return "southeast_asia";
+    if (timezone.includes("Asia/Dubai") || timezone.includes("Asia/Riyadh")) return "middle_east";
+    if (timezone.includes("America") && (timezone.includes("Sao_Paulo") || timezone.includes("Buenos_Aires"))) return "latin_america";
+    if (timezone.includes("Australia") || timezone.includes("Pacific/Auckland")) return "oceania";
+    return "north_america";
+  }
+  getUTMParams() {
+    const params = new URLSearchParams(window.location.search);
+    return {
+      utm_source: params.get("utm_source") || void 0,
+      utm_medium: params.get("utm_medium") || void 0,
+      utm_campaign: params.get("utm_campaign") || void 0
+    };
+  }
+  getSessionId() {
+    return sessionStorage.getItem("aegis_session_id");
+  }
+  getAnonymousId() {
+    return localStorage.getItem("aegis_anonymous_id");
+  }
+  renderScratchCard(widget) {
+    const overlay = document.createElement("div");
+    overlay.className = "aegis-gamification-overlay";
+    overlay.setAttribute("data-widget-id", widget.widget_id);
+    overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.7);
+      z-index: 1000000;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      animation: aegisFadeIn 0.3s ease-out;
+    `;
+    const modal = document.createElement("div");
+    modal.className = "aegis-scratch-card-modal";
+    modal.style.cssText = `
+      background: white;
+      border-radius: 16px;
+      padding: 32px;
+      max-width: 500px;
+      width: 90%;
+      box-shadow: 0 10px 40px rgba(0,0,0,0.3);
+      text-align: center;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      animation: aegisScaleIn 0.3s ease-out;
+    `;
+    const title = document.createElement("h2");
+    title.textContent = widget.config.title || "Scratch & Win!";
+    title.style.cssText = "margin: 0 0 16px 0; font-size: 24px; font-weight: 700; color: #1a1a1a;";
+    modal.appendChild(title);
+    const description = document.createElement("p");
+    description.textContent = widget.config.description || "Scratch to reveal your prize!";
+    description.style.cssText = "margin: 0 0 24px 0; font-size: 14px; color: #666;";
+    modal.appendChild(description);
+    const canvas = document.createElement("canvas");
+    canvas.width = 300;
+    canvas.height = 200;
+    canvas.style.cssText = `
+      border-radius: 8px;
+      cursor: pointer;
+      margin: 0 auto 24px;
+      display: block;
+      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+    `;
+    modal.appendChild(canvas);
+    const ctx = canvas.getContext("2d");
+    if (ctx) {
+      ctx.fillStyle = "#c0c0c0";
+      ctx.fillRect(0, 0, canvas.width, canvas.height);
+      ctx.fillStyle = "#888";
+      ctx.font = "20px Arial";
+      ctx.textAlign = "center";
+      ctx.fillText("Scratch here!", canvas.width / 2, canvas.height / 2);
+      let isScratching = false;
+      const scratch = (x, y) => {
+        ctx.globalCompositeOperation = "destination-out";
+        ctx.beginPath();
+        ctx.arc(x, y, 20, 0, Math.PI * 2);
+        ctx.fill();
+      };
+      canvas.addEventListener("mousedown", () => {
+        isScratching = true;
+      });
+      canvas.addEventListener("mouseup", () => {
+        isScratching = false;
+      });
+      canvas.addEventListener("mousemove", (e) => {
+        if (isScratching) {
+          const rect = canvas.getBoundingClientRect();
+          scratch(e.clientX - rect.left, e.clientY - rect.top);
+        }
+      });
+    }
+    const scratchButton = document.createElement("button");
+    scratchButton.textContent = "REVEAL PRIZE";
+    scratchButton.style.cssText = `
+      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+      color: white;
+      border: none;
+      padding: 16px 48px;
+      border-radius: 8px;
+      font-weight: 700;
+      font-size: 16px;
+      cursor: pointer;
+    `;
+    scratchButton.addEventListener("click", async () => {
+      scratchButton.disabled = true;
+      scratchButton.textContent = "REVEALING...";
+      try {
+        const prize = await this.generatePrize(widget.config.config_id);
+        this.showPrizeResult(modal, prize);
+      } catch (error) {
+        this.log(`Error generating prize: ${error}`, true);
+        scratchButton.disabled = false;
+        scratchButton.textContent = "TRY AGAIN";
+      }
+    });
+    modal.appendChild(scratchButton);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  renderToast(widget) {
+    const { message, icon, duration } = widget.config;
+    const position = widget.position || "bottom_left";
+    const toast = document.createElement("div");
+    toast.className = "aegis-toast";
+    toast.setAttribute("data-widget-id", widget.widget_id);
+    const positionStyles = {
+      bottom_left: "bottom: 20px; left: 20px;",
+      bottom_right: "bottom: 20px; right: 20px;",
+      top_left: "top: 20px; left: 20px;",
+      top_right: "top: 20px; right: 20px;"
+    };
+    toast.style.cssText = `
+      position: fixed;
+      ${positionStyles[position] || positionStyles.bottom_left}
+      background: white;
+      padding: 16px 20px;
+      border-radius: 8px;
+      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+      z-index: 999998;
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      max-width: 350px;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      animation: aegisToastIn 0.3s ease-out;
+    `;
+    if (icon) {
+      const iconEl = document.createElement("div");
+      iconEl.textContent = icon;
+      iconEl.style.cssText = "font-size: 20px;";
+      toast.appendChild(iconEl);
+    }
+    const messageEl = document.createElement("div");
+    messageEl.textContent = message || "Someone just made a purchase!";
+    messageEl.style.cssText = "flex: 1; font-size: 13px; color: #333;";
+    toast.appendChild(messageEl);
+    this.addAnimationStyles();
+    document.body.appendChild(toast);
+    setTimeout(() => {
+      toast.style.animation = "aegisToastOut 0.3s ease-out";
+      setTimeout(() => {
+        if (document.body.contains(toast)) {
+          document.body.removeChild(toast);
+        }
+        this.renderedWidgets.delete(widget.widget_id);
+      }, 300);
+    }, duration || 5e3);
+  }
+  renderFeedbackForm(widget) {
+    const overlay = document.createElement("div");
+    overlay.className = "aegis-feedback-overlay";
+    overlay.setAttribute("data-widget-id", widget.widget_id);
+    overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 400px;
+      background: white;
+      box-shadow: -4px 0 20px rgba(0,0,0,0.15);
+      z-index: 1000000;
+      padding: 32px;
+      overflow-y: auto;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      animation: aegisSlideInRight 0.3s ease-out;
+    `;
+    const title = document.createElement("h2");
+    title.textContent = widget.config.title || "We value your feedback!";
+    title.style.cssText = "margin: 0 0 8px 0; font-size: 20px; font-weight: 600; color: #1a1a1a;";
+    overlay.appendChild(title);
+    const description = document.createElement("p");
+    description.textContent = widget.config.description || "Help us improve your experience.";
+    description.style.cssText = "margin: 0 0 24px 0; font-size: 14px; color: #666;";
+    overlay.appendChild(description);
+    const form = document.createElement("form");
+    const label = document.createElement("label");
+    label.textContent = "How likely are you to recommend us? (0-10)";
+    label.style.cssText = "display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; color: #333;";
+    form.appendChild(label);
+    const input = document.createElement("input");
+    input.type = "number";
+    input.min = "0";
+    input.max = "10";
+    input.style.cssText = `
+      width: 100%;
+      padding: 12px;
+      border: 1px solid #ddd;
+      border-radius: 6px;
+      font-size: 14px;
+      margin-bottom: 16px;
+    `;
+    form.appendChild(input);
+    const textareaLabel = document.createElement("label");
+    textareaLabel.textContent = "Tell us more (optional)";
+    textareaLabel.style.cssText = "display: block; font-size: 14px; font-weight: 600; margin-bottom: 8px; color: #333;";
+    form.appendChild(textareaLabel);
+    const textarea = document.createElement("textarea");
+    textarea.rows = 4;
+    textarea.style.cssText = `
+      width: 100%;
+      padding: 12px;
+      border: 1px solid #ddd;
+      border-radius: 6px;
+      font-size: 14px;
+      resize: vertical;
+      margin-bottom: 16px;
+      font-family: inherit;
+    `;
+    form.appendChild(textarea);
+    const submitButton = document.createElement("button");
+    submitButton.type = "submit";
+    submitButton.textContent = "Submit Feedback";
+    submitButton.style.cssText = `
+      width: 100%;
+      background: #1a73e8;
+      color: white;
+      border: none;
+      padding: 12px;
+      border-radius: 6px;
+      font-weight: 600;
+      font-size: 14px;
+      cursor: pointer;
+    `;
+    form.appendChild(submitButton);
+    form.addEventListener("submit", async (e) => {
+      e.preventDefault();
+      submitButton.disabled = true;
+      submitButton.textContent = "Submitting...";
+      try {
+        await this.submitFeedback(widget.widget_id, {
+          score: parseInt(input.value),
+          comment: textarea.value
+        });
+        overlay.innerHTML = '<div style="text-align: center; padding: 60px 20px;"><h3 style="margin: 0 0 12px 0; color: #1a73e8;">Thank you!</h3><p style="margin: 0; color: #666;">Your feedback helps us improve.</p></div>';
+        setTimeout(() => {
+          document.body.removeChild(overlay);
+        }, 2e3);
+      } catch (error) {
+        this.log(`Error submitting feedback: ${error}`, true);
+        submitButton.disabled = false;
+        submitButton.textContent = "Submit Feedback";
+      }
+    });
+    overlay.appendChild(form);
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "×";
+    closeButton.setAttribute("aria-label", "Close");
+    closeButton.style.cssText = `
+      position: absolute;
+      top: 16px;
+      right: 16px;
+      background: transparent;
+      border: none;
+      font-size: 28px;
+      cursor: pointer;
+      color: #999;
+    `;
+    closeButton.addEventListener("click", () => {
+      this.trackEvent(widget.widget_id, "dismiss");
+      document.body.removeChild(overlay);
+      this.renderedWidgets.delete(widget.widget_id);
+    });
+    overlay.appendChild(closeButton);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  renderExitIntentPopup(widget) {
+    const { title, description, cta_text, cta_url, image_url } = widget.config;
+    const overlay = document.createElement("div");
+    overlay.className = "aegis-exit-popup-overlay";
+    overlay.setAttribute("data-widget-id", widget.widget_id);
+    overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.7);
+      z-index: 1000000;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      animation: aegisFadeIn 0.3s ease-out;
+    `;
+    const modal = document.createElement("div");
+    modal.className = "aegis-exit-popup-modal";
+    modal.style.cssText = `
+      background: white;
+      border-radius: 16px;
+      max-width: 600px;
+      width: 90%;
+      overflow: hidden;
+      box-shadow: 0 10px 40px rgba(0,0,0,0.3);
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      animation: aegisScaleIn 0.3s ease-out;
+    `;
+    if (image_url) {
+      const img = document.createElement("img");
+      const safeUrl = this.sanitizeUrl(image_url);
+      if (safeUrl) {
+        img.src = safeUrl;
+        img.alt = "";
+        img.style.cssText = "width: 100%; height: 250px; object-fit: cover;";
+        modal.appendChild(img);
+      }
+    }
+    const content = document.createElement("div");
+    content.style.cssText = "padding: 32px;";
+    const titleEl = document.createElement("h2");
+    titleEl.textContent = title || "Wait! Don't leave yet!";
+    titleEl.style.cssText = "margin: 0 0 16px 0; font-size: 28px; font-weight: 700; color: #1a1a1a;";
+    content.appendChild(titleEl);
+    const descEl = document.createElement("p");
+    descEl.textContent = description || "Get 10% off your first order!";
+    descEl.style.cssText = "margin: 0 0 24px 0; font-size: 16px; color: #666; line-height: 1.5;";
+    content.appendChild(descEl);
+    if (cta_text && cta_url) {
+      const ctaButton = document.createElement("button");
+      ctaButton.textContent = cta_text;
+      ctaButton.style.cssText = `
+        background: #1a73e8;
+        color: white;
+        border: none;
+        padding: 16px 32px;
+        border-radius: 8px;
+        font-weight: 600;
+        font-size: 16px;
+        cursor: pointer;
+        width: 100%;
+      `;
+      ctaButton.addEventListener("click", () => {
+        this.trackEvent(widget.widget_id, "click");
+        const safeUrl = this.sanitizeUrl(cta_url);
+        if (safeUrl) {
+          window.location.href = safeUrl;
+        }
+      });
+      content.appendChild(ctaButton);
+    }
+    modal.appendChild(content);
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "×";
+    closeButton.setAttribute("aria-label", "Close");
+    closeButton.style.cssText = `
+      position: absolute;
+      top: 16px;
+      right: 16px;
+      background: white;
+      border: none;
+      font-size: 28px;
+      cursor: pointer;
+      color: #666;
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+    `;
+    closeButton.addEventListener("click", () => {
+      this.trackEvent(widget.widget_id, "dismiss");
+      document.body.removeChild(overlay);
+      this.renderedWidgets.delete(widget.widget_id);
+    });
+    modal.style.position = "relative";
+    modal.appendChild(closeButton);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+  }
+  async generatePrize(configId) {
+    const url = `${this.apiHost}/v1/widgets/gamification/generate-prize`;
+    const headers = {
+      "X-Aegis-Write-Key": this.writeKey,
+      "Content-Type": "application/json"
+    };
+    if (this.userId) headers["X-User-ID"] = this.userId;
+    if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+    if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
+    const response = await fetch(url, {
+      method: "POST",
+      headers,
+      body: JSON.stringify({ config_id: configId })
+    });
+    if (!response.ok) {
+      throw new Error(`Failed to generate prize: ${response.status}`);
+    }
+    return await response.json();
+  }
+  showPrizeResult(modal, prize) {
+    modal.innerHTML = "";
+    const resultContainer = document.createElement("div");
+    resultContainer.style.cssText = "text-align: center; padding: 40px 20px;";
+    const emoji = document.createElement("div");
+    emoji.textContent = "🎉";
+    emoji.style.cssText = "font-size: 60px; margin-bottom: 20px;";
+    resultContainer.appendChild(emoji);
+    const title = document.createElement("h2");
+    title.textContent = "Congratulations!";
+    title.style.cssText = "margin: 0 0 12px 0; font-size: 28px; font-weight: 700; color: #1a73e8;";
+    resultContainer.appendChild(title);
+    const prizeLabel = document.createElement("p");
+    prizeLabel.textContent = prize.prize_label;
+    prizeLabel.style.cssText = "margin: 0 0 20px 0; font-size: 20px; font-weight: 600; color: #333;";
+    resultContainer.appendChild(prizeLabel);
+    if (prize.coupon_code) {
+      const couponContainer = document.createElement("div");
+      couponContainer.style.cssText = `
+        background: #f5f5f5;
+        padding: 16px;
+        border-radius: 8px;
+        margin-bottom: 20px;
+        border: 2px dashed #1a73e8;
+      `;
+      const couponLabel = document.createElement("div");
+      couponLabel.textContent = "Your coupon code:";
+      couponLabel.style.cssText = "font-size: 12px; color: #666; margin-bottom: 8px;";
+      couponContainer.appendChild(couponLabel);
+      const couponCode = document.createElement("div");
+      couponCode.textContent = prize.coupon_code;
+      couponCode.style.cssText = "font-size: 24px; font-weight: 700; color: #1a73e8; letter-spacing: 2px;";
+      couponContainer.appendChild(couponCode);
+      resultContainer.appendChild(couponContainer);
+    }
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "Close";
+    closeButton.style.cssText = `
+      background: #1a73e8;
+      color: white;
+      border: none;
+      padding: 12px 32px;
+      border-radius: 8px;
+      font-weight: 600;
+      font-size: 14px;
+      cursor: pointer;
+    `;
+    closeButton.addEventListener("click", () => {
+      const overlay = modal.parentElement;
+      if (overlay && document.body.contains(overlay)) {
+        document.body.removeChild(overlay);
+      }
+    });
+    resultContainer.appendChild(closeButton);
+    modal.appendChild(resultContainer);
+  }
+  async submitFeedback(widgetId, data) {
+    const url = `${this.apiHost}/v1/widgets/track-event`;
+    const headers = {
+      "X-Aegis-Write-Key": this.writeKey,
+      "Content-Type": "application/json"
+    };
+    if (this.userId) headers["X-User-ID"] = this.userId;
+    if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+    if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
+    const response = await fetch(url, {
+      method: "POST",
+      headers,
+      body: JSON.stringify({
+        widget_id: widgetId,
+        event_type: "submit",
+        event_data: data
+      })
+    });
+    if (!response.ok) {
+      throw new Error(`Failed to submit feedback: ${response.status}`);
+    }
+  }
+  async trackEvent(widgetId, eventType, metadata) {
+    try {
+      const url = `${this.apiHost}/v1/widgets/track-event`;
+      const headers = {
+        "X-Aegis-Write-Key": this.writeKey,
+        "Content-Type": "application/json"
+      };
+      if (this.userId) headers["X-User-ID"] = this.userId;
+      if (this.contactId) headers["X-Contact-ID"] = this.contactId;
+      if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
+      await fetch(url, {
+        method: "POST",
+        headers,
+        body: JSON.stringify({
+          widget_id: widgetId,
+          event_type: eventType,
+          event_data: metadata || {}
+        })
+      });
+    } catch (error) {
+      this.log(`Error tracking widget event: ${error}`, true);
+    }
+  }
+  sanitizeUrl(url) {
+    if (!url) return null;
+    try {
+      const parsed = new URL(url, window.location.href);
+      if (parsed.protocol === "javascript:" || parsed.protocol === "data:") {
+        this.log(`Blocked dangerous URL: ${url}`, true);
+        return null;
+      }
+      return parsed.href;
+    } catch {
+      this.log(`Invalid URL: ${url}`, true);
+      return null;
+    }
+  }
+  sanitizeColor(color) {
+    if (/^#[0-9A-F]{3,8}$/i.test(color)) {
+      return color;
+    }
+    if (/^rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)$/i.test(color)) {
+      return color;
+    }
+    if (/^rgba\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*,\s*[\d.]+\s*\)$/i.test(color)) {
+      return color;
+    }
+    return "#1a73e8";
+  }
+  getDeviceType() {
+    const ua = navigator.userAgent;
+    if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua)) {
+      return "tablet";
+    }
+    if (/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua)) {
+      return "mobile";
+    }
+    return "desktop";
+  }
+  isMobileDevice() {
+    const deviceType = this.getDeviceType();
+    return deviceType === "mobile" || deviceType === "tablet";
+  }
+  addAnimationStyles() {
+    if (document.getElementById("aegis-widget-animations")) {
+      return;
+    }
+    const style = document.createElement("style");
+    style.id = "aegis-widget-animations";
+    style.textContent = `
+      @keyframes aegisFadeIn {
+        from { opacity: 0; }
+        to { opacity: 1; }
+      }
+      
+      @keyframes aegisScaleIn {
+        from { transform: scale(0.8); opacity: 0; }
+        to { transform: scale(1); opacity: 1; }
+      }
+      
+      @keyframes aegisBubbleIn {
+        from { transform: translateY(20px); opacity: 0; }
+        to { transform: translateY(0); opacity: 1; }
+      }
+      
+      @keyframes aegisToastIn {
+        from { transform: translateX(-100%); opacity: 0; }
+        to { transform: translateX(0); opacity: 1; }
+      }
+      
+      @keyframes aegisToastOut {
+        from { transform: translateX(0); opacity: 1; }
+        to { transform: translateX(-100%); opacity: 0; }
+      }
+      
+      @keyframes aegisSlideInRight {
+        from { transform: translateX(100%); }
+        to { transform: translateX(0); }
+      }
+      
+      @keyframes aegisSpin {
+        from { transform: rotate(0deg); }
+        to { transform: rotate(1440deg); }
+      }
+    `;
+    document.head.appendChild(style);
+  }
+  renderCartRecoveryPopup(widgetId, config) {
+    const overlay = document.createElement("div");
+    overlay.className = "aegis-exit-popup-overlay";
+    overlay.setAttribute("data-widget-id", widgetId);
+    overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.7);
+      z-index: 1000000;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      animation: aegisFadeIn 0.3s ease-out;
+    `;
+    const modal = document.createElement("div");
+    modal.className = "aegis-cart-recovery-modal";
+    modal.style.cssText = `
+      background: ${this.sanitizeColor(config.background_color || "#FFFFFF")};
+      color: ${this.sanitizeColor(config.text_color || "#333333")};
+      border-radius: 16px;
+      max-width: 600px;
+      width: 90%;
+      padding: 40px;
+      box-shadow: 0 10px 40px rgba(0,0,0,0.3);
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      animation: aegisScaleIn 0.3s ease-out;
+      position: relative;
+    `;
+    const title = document.createElement("h2");
+    const titleText = this.interpolateCartVariables(config.title || "Complete Your Order");
+    title.textContent = titleText;
+    title.style.cssText = `margin: 0 0 16px 0; font-size: 28px; font-weight: 700; color: ${this.sanitizeColor(config.accent_color || "#FF6B00")};`;
+    modal.appendChild(title);
+    const message = document.createElement("p");
+    const messageText = this.interpolateCartVariables(config.message || "Your cart is waiting for you!");
+    message.textContent = messageText;
+    message.style.cssText = "margin: 0 0 24px 0; font-size: 16px; line-height: 1.5;";
+    modal.appendChild(message);
+    if (config.show_cart_items && this.cartData) {
+      const cartItems = document.createElement("div");
+      cartItems.style.cssText = "margin: 0 0 24px 0; padding: 16px; background: rgba(0,0,0,0.05); border-radius: 8px;";
+      const cartTitle = document.createElement("div");
+      cartTitle.textContent = `${this.cartData.cart_items.length} items in your cart`;
+      cartTitle.style.cssText = "font-weight: 600; margin-bottom: 12px;";
+      cartItems.appendChild(cartTitle);
+      this.cartData.cart_items.slice(0, 3).forEach((item) => {
+        const itemDiv = document.createElement("div");
+        itemDiv.textContent = `${item.quantity}× ${item.product_name || item.product_id}`;
+        itemDiv.style.cssText = "font-size: 14px; margin-bottom: 4px;";
+        cartItems.appendChild(itemDiv);
+      });
+      modal.appendChild(cartItems);
+    }
+    if (config.discount_code) {
+      const discountBox = document.createElement("div");
+      discountBox.style.cssText = `
+        margin: 0 0 24px 0;
+        padding: 16px;
+        background: ${this.sanitizeColor(config.accent_color || "#FF6B00")};
+        color: white;
+        border-radius: 8px;
+        text-align: center;
+        font-weight: 700;
+        font-size: 18px;
+      `;
+      discountBox.textContent = `Use code: ${config.discount_code} for ${config.discount_percentage || 10}% off!`;
+      modal.appendChild(discountBox);
+    }
+    if (config.show_timer && config.timer_minutes) {
+      const timer = document.createElement("div");
+      timer.style.cssText = "margin: 0 0 24px 0; text-align: center; font-size: 14px; color: #999;";
+      timer.textContent = `⏰ Offer expires in ${config.timer_minutes} minutes`;
+      modal.appendChild(timer);
+    }
+    const ctaButton = document.createElement("button");
+    ctaButton.textContent = config.cta_text || "Complete Checkout";
+    ctaButton.style.cssText = `
+      background: ${this.sanitizeColor(config.accent_color || "#FF6B00")};
+      color: white;
+      border: none;
+      padding: 16px 32px;
+      border-radius: 8px;
+      font-weight: 700;
+      font-size: 16px;
+      cursor: pointer;
+      width: 100%;
+    `;
+    ctaButton.addEventListener("click", () => {
+      this.trackEvent(widgetId, "click", { type: "cart_recovery" });
+      const checkoutUrl = this.sanitizeUrl(config.cta_url || "/checkout");
+      if (checkoutUrl) {
+        window.location.href = checkoutUrl;
+      }
+    });
+    modal.appendChild(ctaButton);
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "×";
+    closeButton.setAttribute("aria-label", "Close");
+    closeButton.style.cssText = `
+      position: absolute;
+      top: 16px;
+      right: 16px;
+      background: transparent;
+      border: none;
+      font-size: 28px;
+      cursor: pointer;
+      color: #999;
+    `;
+    closeButton.addEventListener("click", () => {
+      this.trackEvent(widgetId, "dismiss", { type: "cart_recovery" });
+      document.body.removeChild(overlay);
+      this.renderedWidgets.delete(widgetId);
+    });
+    modal.appendChild(closeButton);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+    this.trackEvent(widgetId, "show", { type: "cart_recovery", tier: config.tier });
+  }
+  renderLeadGenPopup(widgetId, config) {
+    const overlay = document.createElement("div");
+    overlay.className = "aegis-exit-popup-overlay";
+    overlay.setAttribute("data-widget-id", widgetId);
+    overlay.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.7);
+      z-index: 1000000;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      animation: aegisFadeIn 0.3s ease-out;
+    `;
+    const modal = document.createElement("div");
+    modal.className = "aegis-leadgen-modal";
+    modal.style.cssText = `
+      background: white;
+      border-radius: 16px;
+      max-width: 500px;
+      width: 90%;
+      padding: 40px;
+      box-shadow: 0 10px 40px rgba(0,0,0,0.3);
+      text-align: center;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      animation: aegisScaleIn 0.3s ease-out;
+      position: relative;
+    `;
+    const title = document.createElement("h2");
+    title.textContent = config.title || "Get 10% Off Your First Order!";
+    title.style.cssText = "margin: 0 0 16px 0; font-size: 28px; font-weight: 700; color: #1a1a1a;";
+    modal.appendChild(title);
+    const message = document.createElement("p");
+    message.textContent = config.message || "Subscribe to our newsletter and get an exclusive discount code.";
+    message.style.cssText = "margin: 0 0 24px 0; font-size: 16px; color: #666;";
+    modal.appendChild(message);
+    const form = document.createElement("form");
+    const emailInput = document.createElement("input");
+    emailInput.type = "email";
+    emailInput.placeholder = "Enter your email";
+    emailInput.required = true;
+    emailInput.style.cssText = `
+      width: 100%;
+      padding: 14px;
+      border: 2px solid #ddd;
+      border-radius: 8px;
+      font-size: 16px;
+      margin-bottom: 16px;
+      box-sizing: border-box;
+    `;
+    form.appendChild(emailInput);
+    const submitButton = document.createElement("button");
+    submitButton.type = "submit";
+    submitButton.textContent = "Get My Discount";
+    submitButton.style.cssText = `
+      width: 100%;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      color: white;
+      border: none;
+      padding: 16px 32px;
+      border-radius: 8px;
+      font-weight: 700;
+      font-size: 16px;
+      cursor: pointer;
+    `;
+    form.appendChild(submitButton);
+    form.addEventListener("submit", async (e) => {
+      e.preventDefault();
+      submitButton.disabled = true;
+      submitButton.textContent = "Submitting...";
+      try {
+        await this.trackEvent(widgetId, "submit", {
+          type: "lead_gen",
+          email: emailInput.value
+        });
+        modal.innerHTML = `
+          <div style="text-align: center; padding: 20px;">
+            <div style="font-size: 48px; margin-bottom: 16px;">✅</div>
+            <h3 style="margin: 0 0 12px 0; color: #1a73e8;">Thank You!</h3>
+            <p style="margin: 0; color: #666;">Check your email for your discount code!</p>
+          </div>
+        `;
+        setTimeout(() => {
+          document.body.removeChild(overlay);
+        }, 2500);
+      } catch (error) {
+        this.log(`Error submitting lead gen form: ${error}`, true);
+        submitButton.disabled = false;
+        submitButton.textContent = "Get My Discount";
+      }
+    });
+    modal.appendChild(form);
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "×";
+    closeButton.setAttribute("aria-label", "Close");
+    closeButton.style.cssText = `
+      position: absolute;
+      top: 16px;
+      right: 16px;
+      background: transparent;
+      border: none;
+      font-size: 28px;
+      cursor: pointer;
+      color: #999;
+    `;
+    closeButton.addEventListener("click", () => {
+      this.trackEvent(widgetId, "dismiss", { type: "lead_gen" });
+      document.body.removeChild(overlay);
+      this.renderedWidgets.delete(widgetId);
+    });
+    modal.appendChild(closeButton);
+    overlay.appendChild(modal);
+    this.addAnimationStyles();
+    document.body.appendChild(overlay);
+    this.trackEvent(widgetId, "show", { type: "lead_gen" });
+  }
+  interpolateCartVariables(template) {
+    if (!this.cartData) return template;
+    return template.replace(/\{\{cart_total\}\}/g, `${this.cartData.cart_currency} ${this.cartData.cart_total.toFixed(2)}`).replace(/\{\{cart_currency\}\}/g, this.cartData.cart_currency).replace(/\{\{cart_items_count\}\}/g, this.cartData.cart_items.length.toString());
+  }
+  log(message, isError = false) {
+    if (this.debugMode || isError) {
+      const method = isError ? "error" : "log";
+      console[method](`[AegisWidgets] ${message}`);
+    }
+  }
+}
+class TriggerEngine {
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Map();
+    this.isStarted = false;
+    this.scrollDepthTargets = /* @__PURE__ */ new Set();
+    this.scrollDepthReached = /* @__PURE__ */ new Set();
+    this.timeOnPageTargets = /* @__PURE__ */ new Map();
+    this.exitIntentEnabled = false;
+    this.exitIntentFired = false;
+    this.inactivityTargets = /* @__PURE__ */ new Map();
+    this.lastActivityTime = Date.now();
+    this.scrollVelocityEnabled = false;
+    this.scrollVelocityFired = false;
+    this.scrollVelocityConfig = {
+      threshold: 0.5,
+      minScrollPosition: 100,
+      cooldown: 5e3
+    };
+    this.lastScrollY = 0;
+    this.lastScrollTime = Date.now();
+    this.visibilityChangeEnabled = false;
+    this.backButtonEnabled = false;
+    this.backButtonFired = false;
+    this.handleScroll = () => {
+      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+      const scrollHeight = document.documentElement.scrollHeight - window.innerHeight;
+      const scrollPercent = scrollHeight > 0 ? scrollTop / scrollHeight * 100 : 0;
+      for (const targetDepth of this.scrollDepthTargets) {
+        if (scrollPercent >= targetDepth && !this.scrollDepthReached.has(targetDepth)) {
+          this.scrollDepthReached.add(targetDepth);
+          this.emit(`scroll_depth_${targetDepth}`, {
+            depth_percent: targetDepth,
+            actual_percent: scrollPercent,
+            scroll_top: scrollTop,
+            scroll_height: scrollHeight
+          });
+        }
+      }
+    };
+    this.handleExitIntent = (event) => {
+      if (this.exitIntentFired) {
+        return;
+      }
+      if (event.clientY < 10) {
+        this.exitIntentFired = true;
+        this.emit("exit_intent", {
+          client_y: event.clientY,
+          page_url: window.location.href,
+          time_on_page: this.pageLoadTime ? (Date.now() - this.pageLoadTime) / 1e3 : 0
+        });
+      }
+    };
+    this.handleScrollVelocity = () => {
+      if (this.scrollVelocityFired) {
+        return;
+      }
+      const currentY = window.scrollY || document.documentElement.scrollTop;
+      const currentTime = Date.now();
+      const timeDiff = currentTime - this.lastScrollTime;
+      if (timeDiff > 100) {
+        const distance = this.lastScrollY - currentY;
+        const velocity = Math.abs(distance / timeDiff);
+        if (distance > 0 && velocity > this.scrollVelocityConfig.threshold && currentY > this.scrollVelocityConfig.minScrollPosition) {
+          this.scrollVelocityFired = true;
+          this.emit("mobile_exit_intent", {
+            scroll_velocity: velocity,
+            scroll_distance: distance,
+            current_position: currentY,
+            page_url: window.location.href,
+            time_on_page: this.pageLoadTime ? (Date.now() - this.pageLoadTime) / 1e3 : 0
+          });
+          this.scrollVelocityCooldownTimer = window.setTimeout(() => {
+            this.scrollVelocityFired = false;
+          }, this.scrollVelocityConfig.cooldown);
+        }
+        this.lastScrollY = currentY;
+        this.lastScrollTime = currentTime;
+      }
+    };
+    this.handleVisibilityChange = () => {
+      if (document.hidden) {
+        this.emit("visibility_hidden", {
+          page_url: window.location.href,
+          time_on_page: this.pageLoadTime ? (Date.now() - this.pageLoadTime) / 1e3 : 0
+        });
+      } else {
+        this.emit("visibility_visible", {
+          page_url: window.location.href
+        });
+      }
+    };
+    this.handleBackButton = () => {
+      if (this.backButtonFired) {
+        return;
+      }
+      this.backButtonFired = true;
+      window.history.pushState(null, "", window.location.href);
+      this.emit("back_button", {
+        page_url: window.location.href,
+        time_on_page: this.pageLoadTime ? (Date.now() - this.pageLoadTime) / 1e3 : 0
+      });
+    };
+    this.handleActivity = () => {
+      this.lastActivityTime = Date.now();
+    };
+  }
+  on(eventType, callback) {
+    if (!this.listeners.has(eventType)) {
+      this.listeners.set(eventType, /* @__PURE__ */ new Set());
+    }
+    this.listeners.get(eventType).add(callback);
+  }
+  off(eventType, callback) {
+    const callbacks = this.listeners.get(eventType);
+    if (callbacks) {
+      callbacks.delete(callback);
+    }
+  }
+  registerScrollDepth(depthPercent) {
+    this.scrollDepthTargets.add(depthPercent);
+  }
+  registerTimeOnPage(seconds) {
+    if (!this.timeOnPageTargets.has(seconds)) {
+      const timerId = window.setTimeout(() => {
+        this.emit(`time_on_page_${seconds}`, {
+          seconds,
+          page_url: window.location.href
+        });
+        this.timeOnPageTargets.delete(seconds);
+      }, seconds * 1e3);
+      this.timeOnPageTargets.set(seconds, timerId);
+    }
+  }
+  registerExitIntent() {
+    this.exitIntentEnabled = true;
+  }
+  registerInactivity(idleSeconds) {
+    if (!this.inactivityTargets.has(idleSeconds)) {
+      const timerId = window.setTimeout(() => {
+        const idleTime = (Date.now() - this.lastActivityTime) / 1e3;
+        if (idleTime >= idleSeconds) {
+          this.emit(`inactivity_${idleSeconds}`, {
+            idle_seconds: idleSeconds,
+            actual_idle_time: idleTime
+          });
+        }
+        this.inactivityTargets.delete(idleSeconds);
+      }, idleSeconds * 1e3);
+      this.inactivityTargets.set(idleSeconds, timerId);
+    }
+  }
+  registerScrollVelocity(config) {
+    this.scrollVelocityEnabled = true;
+    if (config) {
+      this.scrollVelocityConfig = {
+        threshold: config.threshold ?? this.scrollVelocityConfig.threshold,
+        minScrollPosition: config.minScrollPosition ?? this.scrollVelocityConfig.minScrollPosition,
+        cooldown: config.cooldown ?? this.scrollVelocityConfig.cooldown
+      };
+    }
+  }
+  registerVisibilityChange() {
+    this.visibilityChangeEnabled = true;
+  }
+  registerBackButton() {
+    this.backButtonEnabled = true;
+  }
+  start() {
+    if (this.isStarted) {
+      return;
+    }
+    this.pageLoadTime = Date.now();
+    this.lastActivityTime = Date.now();
+    this.lastScrollY = window.scrollY || 0;
+    this.lastScrollTime = Date.now();
+    if (this.scrollDepthTargets.size > 0) {
+      this.attachScrollListener();
+    }
+    if (this.exitIntentEnabled) {
+      this.attachExitIntentListener();
+    }
+    if (this.scrollVelocityEnabled) {
+      this.attachScrollVelocityListener();
+    }
+    if (this.visibilityChangeEnabled) {
+      this.attachVisibilityChangeListener();
+    }
+    if (this.backButtonEnabled) {
+      this.attachBackButtonListener();
+    }
+    this.attachActivityListeners();
+    this.startInactivityCheck();
+    this.isStarted = true;
+  }
+  stop() {
+    if (!this.isStarted) {
+      return;
+    }
+    this.removeScrollListener();
+    this.removeExitIntentListener();
+    this.removeScrollVelocityListener();
+    this.removeVisibilityChangeListener();
+    this.removeBackButtonListener();
+    this.removeActivityListeners();
+    this.timeOnPageTargets.forEach((timerId) => clearTimeout(timerId));
+    this.timeOnPageTargets.clear();
+    this.inactivityTargets.forEach((timerId) => clearTimeout(timerId));
+    this.inactivityTargets.clear();
+    if (this.inactivityCheckInterval) {
+      clearInterval(this.inactivityCheckInterval);
+      this.inactivityCheckInterval = void 0;
+    }
+    if (this.scrollVelocityCooldownTimer) {
+      clearTimeout(this.scrollVelocityCooldownTimer);
+      this.scrollVelocityCooldownTimer = void 0;
+    }
+    this.isStarted = false;
+  }
+  reset() {
+    this.scrollDepthReached.clear();
+    this.exitIntentFired = false;
+    this.scrollVelocityFired = false;
+    this.backButtonFired = false;
+    this.pageLoadTime = Date.now();
+    this.lastActivityTime = Date.now();
+    this.lastScrollY = window.scrollY || 0;
+    this.lastScrollTime = Date.now();
+    if (this.scrollVelocityCooldownTimer) {
+      clearTimeout(this.scrollVelocityCooldownTimer);
+      this.scrollVelocityCooldownTimer = void 0;
+    }
+  }
+  attachScrollListener() {
+    window.addEventListener("scroll", this.handleScroll, { passive: true });
+    this.handleScroll();
+  }
+  removeScrollListener() {
+    window.removeEventListener("scroll", this.handleScroll);
+  }
+  attachExitIntentListener() {
+    document.addEventListener("mouseleave", this.handleExitIntent);
+  }
+  removeExitIntentListener() {
+    document.removeEventListener("mouseleave", this.handleExitIntent);
+  }
+  attachScrollVelocityListener() {
+    window.addEventListener("scroll", this.handleScrollVelocity, { passive: true });
+  }
+  removeScrollVelocityListener() {
+    window.removeEventListener("scroll", this.handleScrollVelocity);
+  }
+  attachVisibilityChangeListener() {
+    document.addEventListener("visibilitychange", this.handleVisibilityChange);
+  }
+  removeVisibilityChangeListener() {
+    document.removeEventListener("visibilitychange", this.handleVisibilityChange);
+  }
+  attachBackButtonListener() {
+    if (typeof window !== "undefined" && window.history) {
+      window.history.pushState(null, "", window.location.href);
+      window.addEventListener("popstate", this.handleBackButton);
+    }
+  }
+  removeBackButtonListener() {
+    window.removeEventListener("popstate", this.handleBackButton);
+  }
+  attachActivityListeners() {
+    const events = ["mousedown", "mousemove", "keypress", "scroll", "touchstart", "click"];
+    events.forEach((event) => {
+      document.addEventListener(event, this.handleActivity, { passive: true });
+    });
+  }
+  removeActivityListeners() {
+    const events = ["mousedown", "mousemove", "keypress", "scroll", "touchstart", "click"];
+    events.forEach((event) => {
+      document.removeEventListener(event, this.handleActivity);
+    });
+  }
+  startInactivityCheck() {
+    this.inactivityCheckInterval = window.setInterval(() => {
+      const idleTime = (Date.now() - this.lastActivityTime) / 1e3;
+      for (const [idleSeconds] of this.inactivityTargets) {
+        if (idleTime >= idleSeconds) {
+          this.emit(`inactivity_${idleSeconds}`, {
+            idle_seconds: idleSeconds,
+            actual_idle_time: idleTime
+          });
+          const timerId = this.inactivityTargets.get(idleSeconds);
+          if (timerId) {
+            clearTimeout(timerId);
+            this.inactivityTargets.delete(idleSeconds);
+          }
+        }
+      }
+    }, 1e3);
+  }
+  emit(eventType, data) {
+    const event = {
+      type: eventType,
+      data,
+      timestamp: Date.now()
+    };
+    const callbacks = this.listeners.get(eventType);
+    if (callbacks) {
+      callbacks.forEach((callback) => {
+        try {
+          callback(event);
+        } catch (error) {
+          console.error(`Error in trigger callback for ${eventType}:`, error);
+        }
+      });
+    }
+    const wildcardCallbacks = this.listeners.get("*");
+    if (wildcardCallbacks) {
+      wildcardCallbacks.forEach((callback) => {
+        try {
+          callback(event);
+        } catch (error) {
+          console.error(`Error in wildcard trigger callback:`, error);
+        }
+      });
+    }
+  }
+}
+class SdkConfigPoller {
+  constructor(options) {
+    this.currentETag = null;
+    this.currentConfig = null;
+    this.pollTimer = null;
+    this.listeners = [];
+    this.options = {
+      pollIntervalMs: 3e5,
+      // 5 minutes
+      ...options
+    };
+  }
+  /**
+   * Fetch config once (on init) and start polling.
+   */
+  async start() {
+    const config = await this.fetchConfig();
+    this.pollTimer = setInterval(() => {
+      this.fetchConfig().catch((err) => {
+        logger.warn("SDK config poll failed:", err);
+      });
+    }, this.options.pollIntervalMs);
+    return config;
+  }
+  /**
+   * Stop polling.
+   */
+  stop() {
+    if (this.pollTimer) {
+      clearInterval(this.pollTimer);
+      this.pollTimer = null;
+    }
+  }
+  /**
+   * Register a callback for config changes.
+   */
+  onChange(callback) {
+    this.listeners.push(callback);
+    return () => {
+      const idx = this.listeners.indexOf(callback);
+      if (idx >= 0) this.listeners.splice(idx, 1);
+    };
+  }
+  /**
+   * Get current cached config.
+   */
+  getConfig() {
+    return this.currentConfig;
+  }
+  /**
+   * Fetch config with ETag/304 support.
+   */
+  async fetchConfig() {
+    try {
+      const headers = {
+        "X-Aegis-Write-Key": this.options.writeKey,
+        "Accept": "application/json"
+      };
+      if (this.options.organizationId) {
+        headers["X-Organization-ID"] = this.options.organizationId;
+      }
+      if (this.currentETag) {
+        headers["If-None-Match"] = this.currentETag;
+      }
+      const response = await fetch(`${this.options.apiHost}/v1/sdk/config`, {
+        method: "GET",
+        headers
+      });
+      if (response.status === 304) {
+        return this.currentConfig;
+      }
+      if (!response.ok) {
+        logger.warn(`SDK config fetch failed: HTTP ${response.status}`);
+        return this.currentConfig;
+      }
+      const config = await response.json();
+      const newETag = response.headers.get("ETag");
+      if (newETag) {
+        this.currentETag = newETag;
+      }
+      const changed = !this.currentConfig || JSON.stringify(this.currentConfig) !== JSON.stringify(config);
+      this.currentConfig = config;
+      if (changed) {
+        for (const listener of this.listeners) {
+          try {
+            listener(config);
+          } catch (err) {
+            logger.warn("SDK config change listener error:", err);
+          }
+        }
+      }
+      return config;
+    } catch (err) {
+      logger.warn("SDK config fetch error:", err);
+      return this.currentConfig;
+    }
+  }
+}
+const aegis = new Aegis();
+export {
+  Aegis,
+  AegisInAppManager,
+  AegisPlacementManager,
+  AegisWebPush,
+  AegisWidgetManager,
+  SdkConfigPoller,
+  TriggerEngine,
+  debounce,
+  aegis as default,
+  renderPreview,
+  throttle
+};
+//# sourceMappingURL=index.js.map