@action-x/ad-sdk 0.1.4 → 0.1.6

package/dist/index.js

@@ -1,4 +1,4 @@
-class O {
+class B {
   constructor() {
     this.events = {};
   }
@@ -23,8 +23,8 @@ class O {
     this.events[e] && this.events[e].forEach((i) => {
       try {
         i(...t);
-      } catch (n) {
-        console.error(`[EventEmitter] Error in event handler for "${e}":`, n);
+      } catch (s) {
+        console.error(`[EventEmitter] Error in event handler for "${e}":`, s);
       }
     });
   }
@@ -42,7 +42,16 @@ class O {
     return ((t = this.events[e]) == null ? void 0 : t.length) || 0;
   }
 }
-class b {
+class w {
+  static getClickUrl(e) {
+    return e.tracking.clickUrl || e.tracking.click_url || "#";
+  }
+  static getImpressionUrl(e) {
+    return e.tracking.impressionUrl || e.tracking.impression_url || "";
+  }
+  static getCtaText(e) {
+    return e.adapted.ctaText || e.adapted.cta_text || "Learn More";
+  }
   /**
    * Render Action Card ad as HTML string
    *
@@ -51,37 +60,37 @@ class b {
    * @returns HTML string
    */
   static renderActionCard(e, t = {}) {
-    var h;
-    const { variant: i = "horizontal", includeWrapper: n = !0 } = t, s = e.adapted, r = e.tracking, a = n ? `<div class="ax-ad-card ax-ad-card-${i}" data-ad-id="${e.original.id}">` : "", c = (h = s.image) != null && h.url ? `<img
-          src="${s.image.url}"
-          alt="${s.title}"
+    var m;
+    const { variant: i = "horizontal", includeWrapper: s = !0 } = t, n = e.adapted, o = this.getClickUrl(e), a = this.getImpressionUrl(e), c = s ? `<div class="ax-ad-card ax-ad-card-${i}" data-ad-id="${e.original.id}">` : "", l = (m = n.image) != null && m.url ? `<img
+          src="${n.image.url}"
+          alt="${n.title}"
           class="ax-ad-image"
           loading="lazy"
-        />` : "", d = s.price ? `<span class="ax-ad-price">${s.price.display || s.price.value}</span>` : "", l = s.rating ? `<div class="ax-ad-rating" aria-label="Rating: ${s.rating}">
-          ${"★".repeat(Math.floor(s.rating))}${"☆".repeat(5 - Math.floor(s.rating))}
-        </div>` : "", u = s.brand ? `<span class="ax-ad-brand">${s.brand}</span>` : "", f = `
-      ${c}
+        />` : "", d = n.price ? `<span class="ax-ad-price">${n.price.display || n.price.value}</span>` : "", u = n.rating ? `<div class="ax-ad-rating" aria-label="Rating: ${n.rating}">
+          ${"★".repeat(Math.floor(n.rating))}${"☆".repeat(5 - Math.floor(n.rating))}
+        </div>` : "", h = n.brand ? `<span class="ax-ad-brand">${n.brand}</span>` : "", p = `
+      ${l}
       <div class="ax-ad-content">
+        ${h}
+        <h3 class="ax-ad-title">${n.title}</h3>
+        ${n.body ? `<p class="ax-ad-body">${n.body}</p>` : ""}
         ${u}
-        <h3 class="ax-ad-title">${s.title}</h3>
-        ${s.body ? `<p class="ax-ad-body">${s.body}</p>` : ""}
-        ${l}
         <div class="ax-ad-footer">
           ${d}
           <a
-            href="${r.clickUrl}"
+            href="${o}"
             class="ax-ad-cta"
             target="_blank"
             rel="sponsored noopener noreferrer"
             data-ad-id="${e.original.id}"
-            data-impression-url="${r.impressionUrl}"
+            data-impression-url="${a}"
           >
-            ${s.ctaText || "Learn More"}
+            ${this.getCtaText(e)}
           </a>
         </div>
       </div>
-    `, p = n ? "</div>" : "";
-    return a + f + p;
+    `, f = s ? "</div>" : "";
+    return c + p + f;
   }
   /**
    * Render Suffix ad as HTML string
@@ -90,21 +99,21 @@ class b {
    * @returns HTML string
    */
   static renderSuffixAd(e) {
-    const t = e.adapted, i = e.tracking;
+    const t = e.adapted, i = this.getClickUrl(e), s = this.getImpressionUrl(e);
     return `
       <div class="ax-ad-suffix" data-ad-id="${e.original.id}">
         <div class="ax-ad-suffix-content">
           ${t.title ? `<h4 class="ax-ad-suffix-title">${t.title}</h4>` : ""}
           ${t.body ? `<p class="ax-ad-suffix-body">${t.body}</p>` : ""}
           <a
-            href="${i.clickUrl}"
+            href="${i}"
             class="ax-ad-suffix-link"
             target="_blank"
             rel="sponsored noopener noreferrer"
             data-ad-id="${e.original.id}"
-            data-impression-url="${i.impressionUrl}"
+            data-impression-url="${s}"
           >
-            ${t.ctaText || "Learn More"}
+            ${this.getCtaText(e)}
           </a>
         </div>
       </div>
@@ -118,16 +127,16 @@ class b {
    */
   static renderSponsoredSource(e) {
     var n;
-    const t = e.adapted, i = e.tracking;
+    const t = e.adapted, i = this.getClickUrl(e), s = this.getImpressionUrl(e);
     return `
       <div class="ax-ad-source" data-ad-id="${e.original.id}">
         <a
-          href="${i.clickUrl}"
+          href="${i}"
           class="ax-ad-source-link"
           target="_blank"
           rel="sponsored noopener noreferrer"
           data-ad-id="${e.original.id}"
-          data-impression-url="${i.impressionUrl}"
+          data-impression-url="${s}"
         >
           ${(n = t.image) != null && n.url ? `<img src="${t.image.url}" alt="" class="ax-ad-source-icon" />` : ""}
           <div class="ax-ad-source-info">
@@ -146,21 +155,21 @@ class b {
    * @returns HTML string
    */
   static renderLeadGenAd(e) {
-    const t = e.adapted, i = e.tracking;
+    const t = e.adapted, i = this.getClickUrl(e), s = this.getImpressionUrl(e);
     return `
       <div class="ax-ad-leadgen" data-ad-id="${e.original.id}">
         <div class="ax-ad-leadgen-content">
           ${t.title ? `<h3 class="ax-ad-leadgen-title">${t.title}</h3>` : ""}
           ${t.body ? `<p class="ax-ad-leadgen-body">${t.body}</p>` : ""}
           <a
-            href="${i.clickUrl}"
+            href="${i}"
             class="ax-ad-leadgen-cta"
             target="_blank"
             rel="sponsored noopener noreferrer"
             data-ad-id="${e.original.id}"
-            data-impression-url="${i.impressionUrl}"
+            data-impression-url="${s}"
           >
-            ${t.ctaText || "Get Started"}
+            ${this.getCtaText(e)}
           </a>
         </div>
       </div>
@@ -173,21 +182,25 @@ class b {
    * @param renderFn - Render function to use
    * @returns HTML string with all ads
    */
-  static renderAds(e, t = b.renderActionCard.bind(b)) {
+  static renderAds(e, t = w.renderActionCard.bind(w)) {
     return e.map(t).join(`
 `);
   }
 }
 const q = "ad_session_id";
-function B() {
+function L() {
   if (typeof window < "u") {
-    const o = window.__AD_CONFIG__;
-    if (o != null && o.apiKey)
-      return o.apiKey;
+    const r = window.__AD_CONFIG__;
+    if (r != null && r.apiKey)
+      return r.apiKey;
   }
 }
-function M(o) {
-  if (o) return o;
+function R() {
+  var r;
+  return typeof window < "u" ? !!((r = window.__AD_CONFIG__) != null && r.debug) : !1;
+}
+function U(r) {
+  if (r) return r;
   if (typeof window < "u") {
     const e = window.__AD_CONFIG__;
     if (e != null && e.apiBaseUrl)
@@ -195,7 +208,7 @@ function M(o) {
   }
   return "/api/v1";
 }
-class _ {
+class P {
   constructor(e = {}) {
     this.memoryCache = /* @__PURE__ */ new Map(), this.sessionKey = e.sessionKey || q, this.storage = e.storage || "sessionStorage", (typeof window > "u" || typeof window.sessionStorage > "u") && (this.storage = "memory");
   }
@@ -231,8 +244,8 @@ class _ {
     this.storage === "sessionStorage" ? sessionStorage.removeItem(this.sessionKey) : this.memoryCache.delete(this.sessionKey);
   }
 }
-const L = new _(), m = () => L.getSessionId();
-class P {
+const K = new P(), y = () => K.getSessionId();
+class x {
   constructor(e = {}) {
     this.explicitBaseUrl = e.baseUrl, this.timeout = e.timeout || 1e4, this.retryAttempts = e.retryAttempts ?? 2, this.retryDelay = e.retryDelay || 1e3, this.debug = e.debug || !1;
   }
@@ -241,7 +254,7 @@ class P {
    */
   async trackImpression(e) {
     return this.sendRequest(
-      `${M(this.explicitBaseUrl)}/ads/impression`,
+      `${U(this.explicitBaseUrl)}/ads/impression`,
       e,
       "impression"
     );
@@ -251,7 +264,7 @@ class P {
    */
   async trackClick(e) {
     return this.sendRequest(
-      `${M(this.explicitBaseUrl)}/ads/click`,
+      `${U(this.explicitBaseUrl)}/ads/click`,
       e,
       "click"
     );
@@ -261,29 +274,31 @@ class P {
    * 自动添加 X-API-Key header
    */
   async sendRequest(e, t, i) {
-    let n = null;
-    for (let s = 0; s <= this.retryAttempts; s++)
+    let s = null;
+    for (let n = 0; n <= this.retryAttempts; n++) {
+      const o = this.debug || R();
       try {
-        this.debug && console.log(`[Analytics] Sending ${i} event (attempt ${s + 1}):`, t);
-        const r = new AbortController(), a = setTimeout(() => r.abort(), this.timeout), c = {
+        o && (console.log(`[Analytics] Request URL (${i}):`, e), console.log(`[Analytics] Sending ${i} event (attempt ${n + 1}):`, t));
+        const a = new AbortController(), c = setTimeout(() => a.abort(), this.timeout), l = {
           "Content-Type": "application/json"
-        }, d = B();
-        d && (c["X-API-Key"] = d, this.debug && console.log(`[Analytics] Adding X-API-Key header for ${i} event`));
-        const l = await fetch(e, {
+        }, d = L();
+        d && (l["X-API-Key"] = d, o && console.log(`[Analytics] Adding X-API-Key header for ${i} event`));
+        const u = await fetch(e, {
           method: "POST",
-          headers: c,
+          headers: l,
           body: JSON.stringify(t),
           keepalive: !0,
-          signal: r.signal
+          signal: a.signal
         });
-        if (clearTimeout(a), !l.ok)
-          throw new Error(`HTTP ${l.status}: ${l.statusText}`);
-        const u = await l.json();
-        return this.debug && console.log(`[Analytics] ${i} event tracked successfully:`, u), u;
-      } catch (r) {
-        n = r, this.debug && console.warn(`[Analytics] ${i} tracking failed (attempt ${s + 1}):`, r), s < this.retryAttempts && await this.delay(this.retryDelay * (s + 1));
+        if (clearTimeout(c), !u.ok)
+          throw new Error(`HTTP ${u.status}: ${u.statusText}`);
+        const h = await u.json();
+        return o && console.log(`[Analytics] ${i} event tracked successfully:`, h), h;
+      } catch (a) {
+        s = a, o && console.warn(`[Analytics] ${i} tracking failed (attempt ${n + 1}):`, a), n < this.retryAttempts && await this.delay(this.retryDelay * (n + 1));
       }
-    return console.error(`[Analytics] ${i} tracking failed after ${this.retryAttempts + 1} attempts:`, n), null;
+    }
+    return console.error(`[Analytics] ${i} tracking failed after ${this.retryAttempts + 1} attempts:`, s), null;
   }
   /**
    * 延迟辅助方法
@@ -292,145 +307,161 @@ class P {
     return new Promise((t) => setTimeout(t, e));
   }
 }
-const U = new P(), A = (o) => U.trackImpression(o), S = (o) => U.trackClick(o);
-function F(o, e) {
-  return `vt_${o}_${e}`;
+const O = new x(), I = (r, e) => e != null && e.baseUrl ? new x({ baseUrl: e.baseUrl }).trackImpression(r) : O.trackImpression(r), T = (r, e) => e != null && e.baseUrl ? new x({ baseUrl: e.baseUrl }).trackClick(r) : O.trackClick(r);
+function G(r, e) {
+  return `vt_${r}_${e}`;
 }
-async function G(o) {
-  return Promise.all(o.map((e) => A(e)));
+async function j(r) {
+  return Promise.all(r.map((e) => I(e)));
 }
-async function D(o) {
-  return Promise.all(o.map((e) => S(e)));
+async function z(r) {
+  return Promise.all(r.map((e) => T(e)));
 }
-function j(o) {
-  const e = new P(o);
+function W(r) {
+  const e = new x(r);
   return {
     trackImpression: (t) => e.trackImpression(t),
     trackClick: (t) => e.trackClick(t)
   };
 }
-function z(o = {}) {
-  const e = new _(o);
+function Q(r = {}) {
+  const e = new P(r);
   return {
     getSessionId: () => e.getSessionId(),
     regenerateSessionId: () => e.regenerateSessionId(),
     clearSessionId: () => e.clearSessionId()
   };
 }
-const I = class I {
+const C = class C {
+  static isDebugEnabled() {
+    var e;
+    return typeof window < "u" ? !!((e = window.__AD_CONFIG__) != null && e.debug) : !1;
+  }
+  static getClickUrl(e) {
+    return e.tracking.clickUrl || e.tracking.click_url || "";
+  }
+  static getViewToken(e) {
+    return e.tracking.viewToken || e.tracking.view_token;
+  }
   /**
    * Render Action Card ad into container
    */
   static renderActionCard(e, t, i = {}) {
-    t.innerHTML = b.renderActionCard(e, i);
-    const n = t.querySelector(".ax-ad-cta");
-    return n && n.addEventListener("click", (s) => {
-      s.preventDefault(), this.handleClick(e, i);
+    t.innerHTML = w.renderActionCard(e, i);
+    const s = t.querySelector(".ax-ad-cta");
+    return s && s.addEventListener("click", (n) => {
+      n.preventDefault(), this.handleClick(e, i);
     }), this.trackImpression(e, t, i), t;
   }
   /**
    * Render Suffix ad into container
    */
   static renderSuffixAd(e, t, i = {}) {
-    const n = i.variant || "block";
-    t.innerHTML = this.generateSuffixAdHTML(e, n);
-    const s = t.querySelector(".ax-ad-suffix-link");
-    return s && s.addEventListener("click", (r) => {
-      r.preventDefault(), this.handleClick(e, i);
+    const s = i.variant || "block";
+    t.innerHTML = this.generateSuffixAdHTML(e, s);
+    const n = t.querySelector(".ax-ad-suffix-link");
+    return n && n.addEventListener("click", (o) => {
+      o.preventDefault(), this.handleClick(e, i);
     }), this.trackImpression(e, t, i), t;
   }
   /**
    * Render Sponsored Source ad into container
    */
   static renderSponsoredSource(e, t, i = {}) {
-    const n = i.variant || "card";
-    t.innerHTML = this.generateSponsoredSourceHTML(e, n);
-    const s = t.querySelector(".ax-ad-source-link");
-    return s && s.addEventListener("click", (r) => {
-      r.preventDefault(), this.handleClick(e, i);
+    const s = i.variant || "card";
+    t.innerHTML = this.generateSponsoredSourceHTML(e, s);
+    const n = t.querySelector(".ax-ad-source-link");
+    return n && n.addEventListener("click", (o) => {
+      o.preventDefault(), this.handleClick(e, i);
     }), this.trackImpression(e, t, i), t;
   }
   /**
    * Render Lead Gen ad into container
    */
   static renderLeadGenAd(e, t, i = {}) {
-    t.innerHTML = b.renderLeadGenAd(e);
-    const n = t.querySelector(".ax-ad-leadgen-cta");
-    return n && n.addEventListener("click", (s) => {
-      s.preventDefault(), this.handleClick(e, i);
+    t.innerHTML = w.renderLeadGenAd(e);
+    const s = t.querySelector(".ax-ad-leadgen-cta");
+    return s && s.addEventListener("click", (n) => {
+      n.preventDefault(), this.handleClick(e, i);
     }), this.trackImpression(e, t, i), t;
   }
   /**
    * Render multiple ads into container
    */
-  static renderAds(e, t, i = this.renderActionCard.bind(this), n) {
+  static renderAds(e, t, i = this.renderActionCard.bind(this), s) {
     t.innerHTML = "";
-    const s = document.createElement("div");
-    return s.className = "ax-ads-container", e.forEach((r) => {
+    const n = document.createElement("div");
+    return n.className = "ax-ads-container", e.forEach((o) => {
       const a = document.createElement("div");
-      a.className = "ax-ad-wrapper", i.call(this, r, a, n), s.appendChild(a);
-    }), t.appendChild(s), t;
+      a.className = "ax-ad-wrapper", i.call(this, o, a, s), n.appendChild(a);
+    }), t.appendChild(n), t;
   }
   /**
    * Handle ad click
    * First tracks the click (async, non-blocking), then opens the URL.
    */
   static handleClick(e, t) {
-    const { analytics: i, onClick: n } = t;
-    n && n(e), i && S({
+    const { analytics: i, onClick: s } = t, n = this.getClickUrl(e);
+    if (!n) {
+      console.warn("[DOMRenderer] Missing click url for ad:", e.original.id);
+      return;
+    }
+    s && s(e), i && T({
       requestId: i.requestId,
       adId: e.original.id,
-      destinationUrl: e.tracking.clickUrl,
+      destinationUrl: n,
       slotId: i.slotId,
-      sessionId: m(),
+      sessionId: y(),
       adTitle: e.adapted.title,
-      format: e.original.type
-    }).catch((s) => {
-      console.error("[DOMRenderer] Analytics click tracking failed:", s);
-    }), window.open(e.tracking.clickUrl, "_blank", "noopener,noreferrer");
+      format: e.original.type,
+      userId: i.userId
+    }, { baseUrl: i.apiBaseUrl }).catch((o) => {
+      console.error("[DOMRenderer] Analytics click tracking failed:", o);
+    }), this.isDebugEnabled() && console.log("[DOMRenderer] Redirect URL:", n), window.open(n, "_blank", "noopener,noreferrer");
   }
   /**
    * Track ad impression using IntersectionObserver (50% visible + 1000ms delay)
    * Falls back to immediate tracking if IntersectionObserver is unavailable.
    */
   static trackImpression(e, t, i) {
-    const { analytics: n, onImpression: s } = i, r = n ? `${n.requestId}:${n.slotId}:${e.original.id}:${e.tracking.viewToken || ""}` : `no-analytics:${e.original.id}:${e.tracking.viewToken || ""}`;
-    if (this.trackedImpressionKeys.has(r))
+    const { analytics: s, onImpression: n } = i, o = s ? `${s.requestId}:${s.slotId}:${e.original.id}:${this.getViewToken(e) || ""}` : `no-analytics:${e.original.id}:${this.getViewToken(e) || ""}`;
+    if (this.trackedImpressionKeys.has(o))
       return;
     let a = !1;
     const c = () => {
-      a || this.trackedImpressionKeys.has(r) || (a = !0, this.trackedImpressionKeys.add(r), d());
-    }, d = () => {
-      n ? A({
-        requestId: n.requestId,
+      a || this.trackedImpressionKeys.has(o) || (a = !0, this.trackedImpressionKeys.add(o), l());
+    }, l = () => {
+      s ? I({
+        requestId: s.requestId,
         adId: e.original.id,
-        slotId: n.slotId,
-        position: n.position,
-        totalAds: n.totalAds,
-        sessionId: m(),
+        slotId: s.slotId,
+        position: s.position,
+        totalAds: s.totalAds,
+        sessionId: y(),
         adTitle: e.adapted.title,
         format: e.original.type,
         source: "internal",
-        viewToken: e.tracking.viewToken
-      }).then(() => {
-        s && s(e);
-      }).catch((l) => {
-        console.error("[DOMRenderer] Analytics impression tracking failed:", l);
-      }) : s && s(e);
+        viewToken: this.getViewToken(e),
+        userId: s.userId
+      }, { baseUrl: s.apiBaseUrl }).then(() => {
+        n && n(e);
+      }).catch((d) => {
+        console.error("[DOMRenderer] Analytics impression tracking failed:", d);
+      }) : n && n(e);
     };
     if (typeof IntersectionObserver < "u") {
-      let l = !1, u = null;
-      const f = new IntersectionObserver(
-        (h) => {
-          h.forEach((w) => {
-            l = w.isIntersecting && w.intersectionRatio >= 0.5, l ? u || (u = setTimeout(() => {
-              u = null, l && (c(), f.disconnect());
+      let d = !1, u = null;
+      const h = new IntersectionObserver(
+        (f) => {
+          f.forEach((m) => {
+            d = m.isIntersecting && m.intersectionRatio >= 0.5, d ? u || (u = setTimeout(() => {
+              u = null, d && (c(), h.disconnect());
             }, 1e3)) : u && (clearTimeout(u), u = null);
           });
         },
         { threshold: 0.5 }
       ), p = t.querySelector(`[data-ad-id="${e.original.id}"]`) || t;
-      f.observe(p);
+      h.observe(p);
     } else
       c();
   }
@@ -438,7 +469,7 @@ const I = class I {
    * Generate HTML for Suffix Ad variants
    */
   static generateSuffixAdHTML(e, t) {
-    const i = e.adapted.title || "", n = e.adapted.body || "";
+    const i = e.adapted.title || "", s = e.adapted.body || "";
     return t === "inline" ? `
         <span class="ax-ad-suffix-link ax-ad-variant-inline" data-ad-id="${e.original.id}">
           ${i}
@@ -461,7 +492,7 @@ const I = class I {
             </svg>
           </div>
         </div>
-        ${n ? `<p class="ax-ad-suffix-body">${n}</p>` : ""}
+        ${s ? `<p class="ax-ad-suffix-body">${s}</p>` : ""}
       </div>
     `;
   }
@@ -469,11 +500,11 @@ const I = class I {
    * Generate HTML for Sponsored Source Ad variants
    */
   static generateSponsoredSourceHTML(e, t) {
-    var r;
-    const i = e.adapted.title || "", n = e.adapted.body || "", s = ((r = e.adapted.image) == null ? void 0 : r.url) || "";
+    var o;
+    const i = e.adapted.title || "", s = e.adapted.body || "", n = ((o = e.adapted.image) == null ? void 0 : o.url) || "";
     return t === "list-item" ? `
         <div class="ax-ad-source ax-ad-variant-list-item" data-ad-id="${e.original.id}">
-          ${s ? `<img src="${s}" alt="${i}" loading="lazy" />` : ""}
+          ${n ? `<img src="${n}" alt="${i}" loading="lazy" />` : ""}
           <div class="ax-ad-source-info">
             <span class="ax-ad-source-name">${i}</span>
             <span class="ax-ad-sponsored-badge" style="font-size:9px">Ad</span>
@@ -485,20 +516,20 @@ const I = class I {
       ` : t === "minimal" ? `
         <div data-ad-id="${e.original.id}" style="display:inline-flex">
           <a class="ax-ad-source-link ax-ad-variant-minimal">
-            ${s ? `<img src="${s}" alt="${i}" loading="lazy" style="width:16px;height:16px;border-radius:2px;object-fit:cover" />` : ""}
+            ${n ? `<img src="${n}" alt="${i}" loading="lazy" style="width:16px;height:16px;border-radius:2px;object-fit:cover" />` : ""}
             <span>${i}</span>
             <span class="ax-ad-sponsored-badge" style="font-size:9px">Ad</span>
           </a>
         </div>
       ` : `
       <div class="ax-ad-source ax-ad-variant-card" data-ad-id="${e.original.id}">
-        ${s ? `<img src="${s}" alt="${i}" loading="lazy" style="width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0" />` : ""}
+        ${n ? `<img src="${n}" alt="${i}" loading="lazy" style="width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0" />` : ""}
         <div class="ax-ad-source-info">
           <div style="display:flex;align-items:center;gap:8px;margin-bottom:4px">
             <span class="ax-ad-source-name">${i}</span>
             <span class="ax-ad-sponsored-badge">Sponsored</span>
           </div>
-          ${n ? `<p class="ax-ad-source-desc">${n}</p>` : ""}
+          ${s ? `<p class="ax-ad-source-desc">${s}</p>` : ""}
         </div>
         <svg width="16" height="16" fill="none" stroke="#d1d5db" viewBox="0 0 24 24" style="flex-shrink:0">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
@@ -507,9 +538,9 @@ const I = class I {
     `;
   }
 };
-I.trackedImpressionKeys = /* @__PURE__ */ new Set();
-let y = I;
-class T {
+C.trackedImpressionKeys = /* @__PURE__ */ new Set();
+let b = C;
+class S {
   constructor() {
     this.cachedStaticInfo = null, this.cacheTimestamp = 0, this.CACHE_TTL = 36e5;
   }
@@ -524,13 +555,13 @@ class T {
         name: "Unknown App",
         publisher: { id: "unknown" }
       };
-    const e = this.inferBundle(), t = this.inferAppName(), i = this.inferAppVersion(), n = this.inferPublisherId();
+    const e = this.inferBundle(), t = this.inferAppName(), i = this.inferAppVersion(), s = this.inferPublisherId();
     return {
       bundle: e,
       ver: i,
       name: t,
       publisher: {
-        id: n,
+        id: s,
         domain: window.location.hostname
       }
     };
@@ -548,14 +579,14 @@ class T {
    * 自动推断应用名称
    */
   inferAppName() {
-    var n, s;
+    var s, n;
     if (typeof document > "u") return "Unknown App";
     const e = document.title;
     if (e && e !== "Loading..." && e.length < 100)
       return e;
-    const t = (n = document.querySelector('meta[property="og:title"]')) == null ? void 0 : n.getAttribute("content");
+    const t = (s = document.querySelector('meta[property="og:title"]')) == null ? void 0 : s.getAttribute("content");
     if (t) return t;
-    const i = (s = document.querySelector('meta[name="application-name"]')) == null ? void 0 : s.getAttribute("content");
+    const i = (n = document.querySelector('meta[name="application-name"]')) == null ? void 0 : n.getAttribute("content");
     return i || "Unknown App";
   }
   /**
@@ -575,8 +606,8 @@ class T {
       if (i) {
         if (t.includes("manifest"))
           return "1.0.0";
-        const n = i.getAttribute("content");
-        if (n) return n;
+        const s = i.getAttribute("content");
+        if (s) return s;
       }
     }
     return "1.0.0";
@@ -585,18 +616,18 @@ class T {
    * 自动推断publisher ID
    */
   inferPublisherId() {
-    var i, n;
+    var i, s;
     if (typeof document > "u") return "unknown";
     const e = (i = document.querySelector('meta[name="publisher-id"]')) == null ? void 0 : i.getAttribute("content");
     if (e) return e;
-    const t = (n = window.location) == null ? void 0 : n.hostname;
+    const t = (s = window.location) == null ? void 0 : s.hostname;
     return t ? t.replace(/\./g, "_") : "unknown";
   }
   /**
    * Get singleton instance
    */
   static getInstance() {
-    return this.instance || (this.instance = new T()), this.instance;
+    return this.instance || (this.instance = new S()), this.instance;
   }
   /**
    * Collect all available client information
@@ -677,7 +708,7 @@ class T {
   collectUserInfo() {
     let e;
     try {
-      e = localStorage.getItem("chatbox_user_id") || "", e || (e = this.generateUUID(), localStorage.setItem("chatbox_user_id", e));
+      e = localStorage.getItem("actionx_user_id") || "", e || (e = this.generateUUID(), localStorage.setItem("actionx_user_id", e));
     } catch {
       e = this.generateUUID();
     }
@@ -718,11 +749,11 @@ class T {
     const i = e.match(/Android (\d+)\.(\d+)/);
     if (i)
       return `${i[1]}.${i[2]}`;
-    const n = e.match(/Windows NT (\d+\.\d+)/);
-    if (n)
-      return n[1];
-    const s = e.match(/Mac OS X (\d+[._]\d+)/);
-    return s ? s[1].replace("_", ".") : "Unknown";
+    const s = e.match(/Windows NT (\d+\.\d+)/);
+    if (s)
+      return s[1];
+    const n = e.match(/Mac OS X (\d+[._]\d+)/);
+    return n ? n[1].replace("_", ".") : "Unknown";
   }
   /**
    * Detect Device Type (OpenRTB standard)
@@ -747,13 +778,13 @@ class T {
     const i = e.match(/Samsung-.*(SM-\w+)/);
     if (i) return i[1];
     if (/Pixel/.test(e)) return "Google Pixel";
-    const n = e.match(/(BARC-|HUAWEI-)?([A-Z]{2}\-\w{4})/);
-    if (n) return n[2];
-    const s = e.match(/(MI|Redmi|POCO)\s([\w\s]+)/);
-    if (s) return s[1] + " " + s[2];
+    const s = e.match(/(BARC-|HUAWEI-)?([A-Z]{2}\-\w{4})/);
+    if (s) return s[2];
+    const n = e.match(/(MI|Redmi|POCO)\s([\w\s]+)/);
+    if (n) return n[1] + " " + n[2];
     if (/OnePlus/.test(e)) {
-      const r = e.match(/OnePlus\s([A-Z\d]+)/);
-      return r ? "OnePlus " + r[1] : "OnePlus";
+      const o = e.match(/OnePlus\s([A-Z\d]+)/);
+      return o ? "OnePlus " + o[1] : "OnePlus";
     }
   }
   /**
@@ -866,9 +897,9 @@ class T {
     if (t && i[t])
       return i[t];
     if (e) {
-      const n = e.split("-")[1];
-      if (n)
-        return n.toUpperCase();
+      const s = e.split("-")[1];
+      if (s)
+        return s.toUpperCase();
     }
   }
   /**
@@ -899,101 +930,105 @@ class T {
     this.cachedStaticInfo = null, this.cacheTimestamp = 0;
   }
 }
-const $ = () => T.getInstance();
-function v(o) {
-  return $().collect(o);
+const $ = () => S.getInstance();
+function v(r) {
+  return $().collect(r);
 }
-function W() {
+function J() {
   return v().device;
 }
-function K() {
+function N() {
   return v().user;
 }
-function Q() {
+function X() {
   return v().app;
 }
-function J() {
+function Z() {
   return v().geo;
 }
-function X() {
-  return K().id;
+function Y() {
+  return N().id;
 }
-function Z() {
+function ee() {
   $().clearCache();
 }
-function Y(o) {
-  const e = v(o);
+function te(r) {
+  const e = v(r);
   return JSON.stringify(e, null, 2);
 }
-function ee() {
+function ie() {
   var t;
-  const o = v();
+  const r = v();
   return [
-    o.device.os,
-    o.device.osv,
-    o.app.name,
-    o.user.id.slice(0, 8) + "...",
-    ((t = o.geo) == null ? void 0 : t.country) || "Unknown"
+    r.device.os,
+    r.device.osv,
+    r.app.name,
+    r.user.id.slice(0, 8) + "...",
+    ((t = r.geo) == null ? void 0 : t.country) || "Unknown"
   ].join(" / ");
 }
-function te(o) {
+function M() {
+  var r;
+  return typeof window < "u" ? !!((r = window.__AD_CONFIG__) != null && r.debug) : !1;
+}
+function se(r) {
   var e, t;
   return {
-    id: o.original.id,
-    type: o.original.type,
-    score: o.original.score,
+    id: r.original.id,
+    type: r.original.type,
+    score: r.original.score,
     source: "internal",
     // Default source
     content: {
-      title: o.adapted.title,
-      body: o.adapted.body,
-      image: (e = o.adapted.image) == null ? void 0 : e.url,
-      cta_text: o.adapted.ctaText,
-      price: (t = o.adapted.price) == null ? void 0 : t.display,
-      rating: o.adapted.rating,
-      brand: o.adapted.brand
+      title: r.adapted.title,
+      body: r.adapted.body,
+      image: (e = r.adapted.image) == null ? void 0 : e.url,
+      cta_text: r.adapted.ctaText,
+      price: (t = r.adapted.price) == null ? void 0 : t.display,
+      rating: r.adapted.rating,
+      brand: r.adapted.brand
     },
     tracking: {
-      click_url: o.tracking.clickUrl,
-      impression_url: o.tracking.impressionUrl
+      click_url: r.tracking.clickUrl || r.tracking.click_url || "",
+      impression_url: r.tracking.impressionUrl || r.tracking.impression_url || ""
     },
     metadata: {
-      viewToken: o.tracking.viewToken,
-      styling: o.adapted.styling
+      viewToken: r.tracking.viewToken || r.tracking.view_token,
+      styling: r.adapted.styling
     }
   };
 }
-async function R(o, e = {}) {
-  const t = e.apiBaseUrl || "/api/v1", n = $().collect(), s = {
-    ...o,
-    clientInfo: n
+async function D(r, e = {}) {
+  const t = e.apiBaseUrl || "/api/v1", s = $().collect(), n = {
+    ...r,
+    clientInfo: s
     // Auto-injected
-  }, r = {
+  }, o = {
     "Content-Type": "application/json"
   };
-  e.apiKey && (r["X-API-Key"] = e.apiKey);
+  e.apiKey && (o["X-API-Key"] = e.apiKey), M() && (console.log("[fetchAds] Request URL:", `${t}/ads/request`), console.log("[fetchAds] Request params:", r), console.log("[fetchAds] Request body:", n));
   const a = await fetch(`${t}/ads/request`, {
     method: "POST",
-    headers: r,
-    body: JSON.stringify(s)
+    headers: o,
+    body: JSON.stringify(n)
   });
   if (!a.ok)
     throw new Error(`Ad request failed: ${a.status} ${a.statusText}`);
   const c = await a.json();
-  if (!c.success)
+  if (M() && console.log("[fetchAds] Response:", c), !c.success)
     throw new Error(c.error || "Ad request failed");
   return c.data;
 }
-const N = { width: 400, height: 200 }, x = {
+const H = { width: 400, height: 200 }, A = {
   variant: "horizontal",
   count: 1,
   preferences: {}
 };
-function C(o = {}) {
+function _(r = {}) {
   const e = {
-    variant: o.variant ?? x.variant,
-    count: o.count ?? x.count,
-    preferences: { ...x.preferences, ...o.preferences }
+    variant: r.variant ?? A.variant,
+    count: r.count ?? A.count,
+    preferences: { ...A.preferences, ...r.preferences }
   };
   return [
     {
@@ -1001,7 +1036,7 @@ function C(o = {}) {
       slotName: "Action Card",
       format: "action_card",
       variant: e.variant,
-      size: N,
+      size: H,
       count: e.count,
       preferences: e.preferences,
       placement: { position: "below_fold", context: "post_response" }
@@ -1010,10 +1045,11 @@ function C(o = {}) {
 }
 const g = class g {
   constructor(e) {
-    this.slots = {}, this.isLoading = !1, this.currentRequestId = null, this.adsAnalyticsMap = /* @__PURE__ */ new Map(), this.config = e, this.enabled = e.enabled !== !1, this.eventBus = new O(), this.slots_config = C(e.cardOption), typeof window < "u" && (window.__AD_CONFIG__ = {
+    this.slots = {}, this.isLoading = !1, this.currentRequestId = null, this.adsAnalyticsMap = /* @__PURE__ */ new Map(), this.config = e, this.enabled = e.enabled !== !1, this.eventBus = new B(), this.slots_config = _(e.cardOption), typeof window < "u" && (window.__AD_CONFIG__ = {
       ...window.__AD_CONFIG__ || {},
       apiKey: e.apiKey,
-      apiBaseUrl: e.apiBaseUrl
+      apiBaseUrl: e.apiBaseUrl,
+      debug: !!e.debug
     }), this.config.debug && console.log("[AdManager] Initialized with config:", {
       apiBaseUrl: e.apiBaseUrl,
       hasApiKey: !!e.apiKey,
@@ -1021,20 +1057,23 @@ const g = class g {
     });
   }
   async requestAds(e) {
-    const t = "conversationContext" in e ? e : { conversationContext: e }, i = this.buildRequestKey(t), n = g.inFlightRequests.get(i);
-    if (n)
-      return this.config.debug && console.log("[AdManager] Reusing in-flight request for identical context"), n;
+    var o;
+    const t = "conversationContext" in e ? e : { conversationContext: e };
+    this.currentUserId = (o = t.userContext) == null ? void 0 : o.userId;
+    const i = this.buildRequestKey(t), s = g.inFlightRequests.get(i);
+    if (s)
+      return this.config.debug && console.log("[AdManager] Reusing in-flight request for identical context"), s;
     if (!this.enabled)
       throw this.config.debug && console.warn("[AdManager] Ads are disabled, skipping request"), new Error("Ads are disabled");
     if (this.isLoading)
       throw this.config.debug && console.warn("[AdManager] Request already in progress"), new Error("Request already in progress");
     this.isLoading = !0, this.eventBus.emit("adsLoading"), this.config.debug && console.log("[AdManager] Starting ad request...");
-    const s = (async () => {
+    const n = (async () => {
       try {
-        const r = await R(
+        const a = await D(
           {
             conversationContext: t.conversationContext,
-            userContext: t.userContext ? { ...t.userContext, sessionId: t.userContext.sessionId ?? m() } : { sessionId: m() },
+            userContext: t.userContext ? { ...t.userContext, sessionId: t.userContext.sessionId ?? y() } : { sessionId: y() },
             slots: this.slots_config
           },
           {
@@ -1042,32 +1081,34 @@ const g = class g {
             apiKey: this.config.apiKey
           }
         );
-        this.currentRequestId = r.requestId, this.adsAnalyticsMap.clear(), r.slots.forEach((c) => {
-          c.ads.forEach((d, l) => {
-            const u = d.original.id;
-            this.adsAnalyticsMap.set(u, {
-              requestId: r.requestId,
-              slotId: c.slotId,
-              position: l,
-              totalAds: c.ads.length
+        this.currentRequestId = a.requestId, this.adsAnalyticsMap.clear(), a.slots.forEach((l) => {
+          l.ads.forEach((d, u) => {
+            const h = d.original.id;
+            this.adsAnalyticsMap.set(h, {
+              requestId: a.requestId,
+              slotId: l.slotId,
+              position: u,
+              totalAds: l.ads.length,
+              apiBaseUrl: this.config.apiBaseUrl,
+              userId: this.currentUserId
             });
           });
         });
-        const a = {};
-        return r.slots.forEach((c) => {
-          a[c.slotId] = c;
-        }), this.slots = a, this.eventBus.emit("adsUpdated", this.slots), this.config.debug && console.log("[AdManager] Ads received:", {
+        const c = {};
+        return a.slots.forEach((l) => {
+          c[l.slotId] = l;
+        }), this.slots = c, this.eventBus.emit("adsUpdated", this.slots), this.config.debug && console.log("[AdManager] Ads received:", {
           slotCount: Object.keys(this.slots).length,
           slots: Object.keys(this.slots)
-        }), r;
-      } catch (r) {
-        const a = r;
-        throw this.eventBus.emit("adsError", a), a;
+        }), a;
+      } catch (a) {
+        const c = a;
+        throw this.eventBus.emit("adsError", c), c;
       } finally {
         this.isLoading = !1, g.inFlightRequests.delete(i);
       }
     })();
-    return g.inFlightRequests.set(i, s), s;
+    return g.inFlightRequests.set(i, n), n;
   }
   buildRequestKey(e) {
     return JSON.stringify({
@@ -1079,24 +1120,24 @@ const g = class g {
     });
   }
   render(e, t, i = {}) {
-    const n = typeof e != "string", s = n ? g.DEFAULT_SLOT_ID : e, r = n ? e : t, a = (n ? t : i) || {};
-    if (!r)
+    const s = typeof e != "string", n = s ? g.DEFAULT_SLOT_ID : e, o = s ? e : t, a = (s ? t : i) || {};
+    if (!o)
       return this.config.debug && console.warn("[AdManager] Render container is required"), null;
-    const c = this.slots[s];
+    const c = this.slots[n];
     if (!c || !c.ads || c.ads.length === 0)
-      return this.config.debug && console.warn("[AdManager] No ads in slot:", s), null;
-    const d = a.adIndex ?? 0, l = c.ads[d];
-    if (!l)
-      return this.config.debug && console.warn(`[AdManager] Ad at index ${d} not found in slot:`, s), null;
-    const u = this.adsAnalyticsMap.get(l.original.id), f = this.slots_config.find((w) => w.slotId === s), p = (f == null ? void 0 : f.format) || "action_card";
-    r.innerHTML = "";
-    const h = {
+      return this.config.debug && console.warn("[AdManager] No ads in slot:", n), null;
+    const l = a.adIndex ?? 0, d = c.ads[l];
+    if (!d)
+      return this.config.debug && console.warn(`[AdManager] Ad at index ${l} not found in slot:`, n), null;
+    const u = this.adsAnalyticsMap.get(d.original.id), h = this.slots_config.find((m) => m.slotId === n), p = (h == null ? void 0 : h.format) || "action_card";
+    o.innerHTML = "";
+    const f = {
       analytics: u,
       variant: a.variant,
       onClick: a.onClick,
       onImpression: a.onImpression
     };
-    return p === "suffix" ? y.renderSuffixAd(l, r, h) : p === "source" ? y.renderSponsoredSource(l, r, h) : p === "lead_gen" ? y.renderLeadGenAd(l, r, h) : y.renderActionCard(l, r, h);
+    return p === "suffix" ? b.renderSuffixAd(d, o, f) : p === "source" ? b.renderSponsoredSource(d, o, f) : p === "lead_gen" ? b.renderLeadGenAd(d, o, f) : b.renderActionCard(d, o, f);
   }
   /**
    * Get ad slots data
@@ -1135,7 +1176,7 @@ const g = class g {
    * Update configuration
    */
   updateConfig(e) {
-    this.config = { ...this.config, ...e }, e.cardOption !== void 0 && (this.slots_config = C(this.config.cardOption)), this.config.debug && console.log("[AdManager] Config updated:", e);
+    this.config = { ...this.config, ...e }, e.cardOption !== void 0 && (this.slots_config = _(this.config.cardOption)), this.config.debug && console.log("[AdManager] Config updated:", e);
   }
   /**
    * Clear all slot data
@@ -1179,28 +1220,29 @@ const g = class g {
   getAdsAnalytics(e) {
     const t = /* @__PURE__ */ new Map();
     return e.forEach((i) => {
-      const n = this.adsAnalyticsMap.get(i);
-      n && t.set(i, n);
+      const s = this.adsAnalyticsMap.get(i);
+      s && t.set(i, s);
     }), t;
   }
   /**
    * Track ad click using Analytics API
    */
   async trackAdClick(e, t, i) {
-    const n = this.adsAnalyticsMap.get(e);
-    if (!n || !this.currentRequestId)
+    const s = this.adsAnalyticsMap.get(e);
+    if (!s || !this.currentRequestId)
       return this.config.debug && console.warn("[AdManager] No analytics info for ad:", e), null;
-    const s = m(), r = await S({
+    const n = y(), o = await T({
       requestId: this.currentRequestId,
       adId: e,
       destinationUrl: t,
-      sessionId: s,
-      slotId: n.slotId,
+      sessionId: n,
+      slotId: s.slotId,
       adTitle: i == null ? void 0 : i.title,
       format: i == null ? void 0 : i.format,
-      source: i == null ? void 0 : i.source
-    });
-    return r && (this.eventBus.emit("adClicked", e, n.slotId), this.config.debug && console.log("[AdManager] Click tracked via Analytics API:", r.eventId)), r;
+      source: i == null ? void 0 : i.source,
+      userId: s.userId ?? this.currentUserId
+    }, { baseUrl: s.apiBaseUrl });
+    return o && (this.eventBus.emit("adClicked", e, s.slotId), this.config.debug && console.log("[AdManager] Click tracked via Analytics API:", o.eventId)), o;
   }
   /**
    * Track ad impression using Analytics API
@@ -1209,19 +1251,20 @@ const g = class g {
     const i = this.adsAnalyticsMap.get(e);
     if (!i || !this.currentRequestId)
       return this.config.debug && console.warn("[AdManager] No analytics info for ad:", e), null;
-    const n = m(), s = await A({
+    const s = y(), n = await I({
       requestId: this.currentRequestId,
       adId: e,
       slotId: i.slotId,
       position: i.position,
       totalAds: i.totalAds,
-      sessionId: n,
+      sessionId: s,
       adTitle: t == null ? void 0 : t.title,
       format: t == null ? void 0 : t.format,
       source: t == null ? void 0 : t.source,
-      viewToken: t == null ? void 0 : t.viewToken
-    });
-    return s && (this.eventBus.emit("adImpression", e, i.slotId), this.config.debug && console.log("[AdManager] Impression tracked via Analytics API:", s.eventId)), s;
+      viewToken: t == null ? void 0 : t.viewToken,
+      userId: i.userId ?? this.currentUserId
+    }, { baseUrl: i.apiBaseUrl });
+    return n && (this.eventBus.emit("adImpression", e, i.slotId), this.config.debug && console.log("[AdManager] Impression tracked via Analytics API:", n.eventId)), n;
   }
   /**
    * Destroy the manager and clean up
@@ -1234,21 +1277,21 @@ g.DEFAULT_SLOT_ID = "action_card", g.inFlightRequests = /* @__PURE__ */ new Map(
 let V = g;
 function E() {
   if (typeof window < "u") {
-    const o = window.__AD_CONFIG__;
-    if (o != null && o.apiKey)
-      return o.apiKey;
+    const r = window.__AD_CONFIG__;
+    if (r != null && r.apiKey)
+      return r.apiKey;
   }
 }
-class H {
+class F {
   constructor(e = {}, t = "/api/v1") {
-    var i, n;
+    var i, s;
     this.observers = /* @__PURE__ */ new Map(), this.metrics = /* @__PURE__ */ new Map(), this.timers = /* @__PURE__ */ new Map(), this.batchTimers = /* @__PURE__ */ new Map(), this.eventQueue = /* @__PURE__ */ new Map(), this.isTracking = /* @__PURE__ */ new Map(), this.config = {
       minVisiblePercentage: e.minVisiblePercentage ?? 50,
       minViewableDuration: e.minViewableDuration ?? 1e3,
       maxTrackingDuration: e.maxTrackingDuration ?? 6e4,
       batchConfig: {
         maxBatchSize: ((i = e.batchConfig) == null ? void 0 : i.maxBatchSize) ?? 5,
-        maxBatchWaitMs: ((n = e.batchConfig) == null ? void 0 : n.maxBatchWaitMs) ?? 1e4
+        maxBatchWaitMs: ((s = e.batchConfig) == null ? void 0 : s.maxBatchWaitMs) ?? 1e4
       },
       debug: e.debug ?? !1
     }, this.baseUrl = t;
@@ -1256,13 +1299,13 @@ class H {
   /**
    * Start tracking viewability for an ad element
    */
-  startTracking(e, t, i, n, s) {
+  startTracking(e, t, i, s, n) {
     if (this.isTracking.get(e)) {
       this.log(`[ViewabilityTracker] Already tracking ${e}, skipping`);
       return;
     }
     this.log(`[ViewabilityTracker] Starting tracking for ${e}`);
-    const r = {
+    const o = {
       visiblePercentage: 0,
       maxVisiblePercentage: 0,
       totalVisibleTimeMs: 0,
@@ -1272,16 +1315,16 @@ class H {
       enteredViewportAt: null,
       enterCount: 0
     };
-    this.metrics.set(e, r), this.isTracking.set(e, !0), this.eventQueue.set(e, []);
+    this.metrics.set(e, o), this.isTracking.set(e, !0), this.eventQueue.set(e, []);
     const a = new IntersectionObserver(
-      (d) => this.handleIntersection(e, d[0], i, n, s),
+      (l) => this.handleIntersection(e, l[0], i, s, n),
       {
         threshold: this.createThresholds()
       }
     );
-    a.observe(t), this.observers.set(e, a), this.startMonitoring(e, i, n, s);
+    a.observe(t), this.observers.set(e, a), this.startMonitoring(e, i, s, n);
     const c = setTimeout(() => {
-      this.endTracking(e, i, n, s);
+      this.endTracking(e, i, s, n);
     }, this.config.maxTrackingDuration);
     this.timers.set(e, c);
   }
@@ -1301,59 +1344,59 @@ class H {
    * Handle IntersectionObserver callback
    * Event-driven: Only process when state actually changes
    */
-  handleIntersection(e, t, i, n, s) {
-    const r = this.metrics.get(e);
-    if (!r || !this.isTracking.get(e)) return;
-    const a = r.isViewable, c = Math.round(t.intersectionRatio * 100);
-    r.visiblePercentage = c, r.maxVisiblePercentage = Math.max(r.maxVisiblePercentage, c);
-    const d = Date.now(), l = c >= this.config.minVisiblePercentage;
-    if (l && !r.enteredViewportAt && (r.enteredViewportAt = d, r.enterCount++, this.log(`[ViewabilityTracker] ${e} entered viewport at ${d}`), this.queueEvent(e, {
+  handleIntersection(e, t, i, s, n) {
+    const o = this.metrics.get(e);
+    if (!o || !this.isTracking.get(e)) return;
+    const a = o.isViewable, c = Math.round(t.intersectionRatio * 100);
+    o.visiblePercentage = c, o.maxVisiblePercentage = Math.max(o.maxVisiblePercentage, c);
+    const l = Date.now(), d = c >= this.config.minVisiblePercentage;
+    if (d && !o.enteredViewportAt && (o.enteredViewportAt = l, o.enterCount++, this.log(`[ViewabilityTracker] ${e} entered viewport at ${l}`), this.queueEvent(e, {
       adId: e,
       sessionId: i,
-      requestId: n,
-      viewToken: s,
+      requestId: s,
+      viewToken: n,
       eventType: "enter_viewport",
       visiblePercentage: c,
-      maxVisiblePercentage: r.maxVisiblePercentage,
-      totalVisibleTimeMs: r.totalVisibleTimeMs,
+      maxVisiblePercentage: o.maxVisiblePercentage,
+      totalVisibleTimeMs: o.totalVisibleTimeMs,
       isViewable: !1,
-      timestamp: d
-    })), !l && r.enteredViewportAt) {
-      const u = d - r.enteredViewportAt;
-      r.totalVisibleTimeMs += u, r.enteredViewportAt = null, r.currentVisibleTimeMs = 0, this.log(`[ViewabilityTracker] ${e} exited viewport, total visible: ${r.totalVisibleTimeMs}ms`), this.queueEvent(e, {
+      timestamp: l
+    })), !d && o.enteredViewportAt) {
+      const u = l - o.enteredViewportAt;
+      o.totalVisibleTimeMs += u, o.enteredViewportAt = null, o.currentVisibleTimeMs = 0, this.log(`[ViewabilityTracker] ${e} exited viewport, total visible: ${o.totalVisibleTimeMs}ms`), this.queueEvent(e, {
         adId: e,
         sessionId: i,
-        requestId: n,
-        viewToken: s,
+        requestId: s,
+        viewToken: n,
         eventType: "exit_viewport",
         visiblePercentage: c,
-        maxVisiblePercentage: r.maxVisiblePercentage,
-        totalVisibleTimeMs: r.totalVisibleTimeMs,
-        isViewable: r.isViewable,
-        timestamp: d
+        maxVisiblePercentage: o.maxVisiblePercentage,
+        totalVisibleTimeMs: o.totalVisibleTimeMs,
+        isViewable: o.isViewable,
+        timestamp: l
       });
     }
-    r.isViewable !== a && r.isViewable && this.log(`[ViewabilityTracker] ${e} became VIEWABLE!`), this.metrics.set(e, r);
+    o.isViewable !== a && o.isViewable && this.log(`[ViewabilityTracker] ${e} became VIEWABLE!`), this.metrics.set(e, o);
   }
   /**
    * Start monitoring loop for tracking duration
    * Runs every 100ms to track continuous visible time
    */
-  startMonitoring(e, t, i, n) {
-    const r = setInterval(() => {
+  startMonitoring(e, t, i, s) {
+    const o = setInterval(() => {
       const a = this.metrics.get(e);
       if (!a || !this.isTracking.get(e)) {
-        clearInterval(r);
+        clearInterval(o);
         return;
       }
-      const c = Date.now(), d = a.isViewable;
+      const c = Date.now(), l = a.isViewable;
       if (a.enteredViewportAt) {
-        const l = c - a.enteredViewportAt;
-        a.currentVisibleTimeMs = l, l >= this.config.minViewableDuration && a.visiblePercentage >= this.config.minVisiblePercentage && (a.isViewable = !0, d || (a.viewableAt = a.enteredViewportAt, this.log(`[ViewabilityTracker] ${e} BECAME VIEWABLE at ${a.viewableAt}`), this.queueEvent(e, {
+        const d = c - a.enteredViewportAt;
+        a.currentVisibleTimeMs = d, d >= this.config.minViewableDuration && a.visiblePercentage >= this.config.minVisiblePercentage && (a.isViewable = !0, l || (a.viewableAt = a.enteredViewportAt, this.log(`[ViewabilityTracker] ${e} BECAME VIEWABLE at ${a.viewableAt}`), this.queueEvent(e, {
           adId: e,
           sessionId: t,
           requestId: i,
-          viewToken: n,
+          viewToken: s,
           eventType: "become_viewable",
           visiblePercentage: a.visiblePercentage,
           maxVisiblePercentage: a.maxVisiblePercentage,
@@ -1364,29 +1407,29 @@ class H {
       }
       a.enteredViewportAt && (a.totalVisibleTimeMs += 100), this.metrics.set(e, a);
     }, 100);
-    this.timers.set(`${e}_monitoring`, r);
+    this.timers.set(`${e}_monitoring`, o);
   }
   /**
    * Queue an event to be sent (batched)
    */
   queueEvent(e, t) {
-    var s, r;
+    var n, o;
     const i = this.eventQueue.get(e);
     if (!i) {
       this.log(`[ViewabilityTracker] No queue found for ${e}, skipping event`);
       return;
     }
     i.push(t), this.log(`[ViewabilityTracker] Queued ${t.eventType} for ${e} (queue size: ${i.length})`);
-    const n = ((s = this.config.batchConfig) == null ? void 0 : s.maxBatchSize) ?? 5;
-    if (i.length >= n)
+    const s = ((n = this.config.batchConfig) == null ? void 0 : n.maxBatchSize) ?? 5;
+    if (i.length >= s)
       this.flushQueue(e);
     else {
       const a = this.batchTimers.get(e);
       a && clearTimeout(a);
-      const c = ((r = this.config.batchConfig) == null ? void 0 : r.maxBatchWaitMs) ?? 1e4, d = setTimeout(() => {
+      const c = ((o = this.config.batchConfig) == null ? void 0 : o.maxBatchWaitMs) ?? 1e4, l = setTimeout(() => {
         this.flushQueue(e);
       }, c);
-      this.batchTimers.set(e, d);
+      this.batchTimers.set(e, l);
     }
   }
   /**
@@ -1398,37 +1441,37 @@ class H {
     const i = [...t];
     t.length = 0, this.log(`[ViewabilityTracker] Flushing ${i.length} events for ${e}`);
     try {
-      const n = {
+      const s = {
         "Content-Type": "application/json"
-      }, s = E();
-      s && (n["x-api-key"] = s), await fetch(`${this.baseUrl}/ads/viewability/batch`, {
+      }, n = E();
+      n && (s["x-api-key"] = n), await fetch(`${this.baseUrl}/ads/viewability/batch`, {
         method: "POST",
-        headers: n,
+        headers: s,
         body: JSON.stringify({ events: i })
       }), this.log(`[ViewabilityTracker] Successfully sent ${i.length} events for ${e}`);
-    } catch (n) {
-      this.log(`[ViewabilityTracker] Failed to send events for ${e}:`, n), t.unshift(...i);
+    } catch (s) {
+      this.log(`[ViewabilityTracker] Failed to send events for ${e}:`, s), t.unshift(...i);
     }
   }
   /**
    * End tracking and send final metrics
    */
-  endTracking(e, t, i, n) {
-    const s = this.metrics.get(e);
-    if (!s) return;
+  endTracking(e, t, i, s) {
+    const n = this.metrics.get(e);
+    if (!n) return;
     this.log(`[ViewabilityTracker] Ending tracking for ${e}`), this.flushQueue(e);
-    const r = Date.now();
+    const o = Date.now();
     this.queueEvent(e, {
       adId: e,
       sessionId: t,
       requestId: i,
-      viewToken: n,
+      viewToken: s,
       eventType: "end_tracking",
-      visiblePercentage: s.visiblePercentage,
-      maxVisiblePercentage: s.maxVisiblePercentage,
-      totalVisibleTimeMs: s.totalVisibleTimeMs,
-      isViewable: s.isViewable,
-      timestamp: r
+      visiblePercentage: n.visiblePercentage,
+      maxVisiblePercentage: n.maxVisiblePercentage,
+      totalVisibleTimeMs: n.totalVisibleTimeMs,
+      isViewable: n.isViewable,
+      timestamp: o
     }), this.flushQueue(e), this.cleanup(e);
   }
   /**
@@ -1439,10 +1482,10 @@ class H {
     t && (t.disconnect(), this.observers.delete(e));
     const i = this.timers.get(e);
     i && (clearTimeout(i), this.timers.delete(e));
-    const n = this.timers.get(`${e}_monitoring`);
-    n && (clearInterval(n), this.timers.delete(`${e}_monitoring`));
-    const s = this.batchTimers.get(e);
-    s && (clearTimeout(s), this.batchTimers.delete(e)), this.flushQueue(e), this.isTracking.delete(e), this.metrics.delete(e), this.eventQueue.delete(e);
+    const s = this.timers.get(`${e}_monitoring`);
+    s && (clearInterval(s), this.timers.delete(`${e}_monitoring`));
+    const n = this.batchTimers.get(e);
+    n && (clearTimeout(n), this.batchTimers.delete(e)), this.flushQueue(e), this.isTracking.delete(e), this.metrics.delete(e), this.eventQueue.delete(e);
   }
   /**
    * Create thresholds for IntersectionObserver
@@ -1474,8 +1517,8 @@ class H {
         if (t && t.length > 0) {
           const i = {
             "Content-Type": "application/json"
-          }, n = E();
-          n && (i["x-api-key"] = n), fetch(`${this.baseUrl}/ads/viewability/batch`, {
+          }, s = E();
+          s && (i["x-api-key"] = s), fetch(`${this.baseUrl}/ads/viewability/batch`, {
             method: "POST",
             headers: i,
             keepalive: !0,
@@ -1487,38 +1530,38 @@ class H {
   }
 }
 let k = null;
-function ie(o, e) {
-  return k || (k = new H(o, e), k.setupBeforeUnload()), k;
+function ne(r, e) {
+  return k || (k = new F(r, e), k.setupBeforeUnload()), k;
 }
-const ne = "0.1.0";
+const re = "0.1.0";
 export {
   V as AdManager,
-  P as AnalyticsSender,
-  T as ClientInfoCollector,
-  y as DOMRenderer,
-  b as HTMLRenderer,
-  ne as SDK_VERSION,
-  _ as SessionManager,
-  H as ViewabilityTracker,
-  te as adaptAdToKoahAd,
-  Z as clearClientInfoCache,
-  j as createAnalytics,
-  z as createSession,
-  R as fetchAds,
-  F as generateViewToken,
-  Q as getAppInfo,
+  x as AnalyticsSender,
+  S as ClientInfoCollector,
+  b as DOMRenderer,
+  w as HTMLRenderer,
+  re as SDK_VERSION,
+  P as SessionManager,
+  F as ViewabilityTracker,
+  se as adaptAdToKoahAd,
+  ee as clearClientInfoCache,
+  W as createAnalytics,
+  Q as createSession,
+  D as fetchAds,
+  G as generateViewToken,
+  X as getAppInfo,
   v as getClientInfo,
   $ as getClientInfoCollector,
-  Y as getClientInfoJSON,
-  ee as getClientInfoSummary,
-  W as getDeviceInfo,
-  J as getGeoInfo,
-  m as getSessionId,
-  X as getUserId,
-  K as getUserInfo,
-  ie as getViewabilityTracker,
-  S as trackAdClick,
-  A as trackAdImpression,
-  D as trackClicksBatch,
-  G as trackImpressionsBatch
+  te as getClientInfoJSON,
+  ie as getClientInfoSummary,
+  J as getDeviceInfo,
+  Z as getGeoInfo,
+  y as getSessionId,
+  Y as getUserId,
+  N as getUserInfo,
+  ne as getViewabilityTracker,
+  T as trackAdClick,
+  I as trackAdImpression,
+  z as trackClicksBatch,
+  j as trackImpressionsBatch
 };