@action-x/ad-sdk 0.1.5 → 0.1.7

package/dist/index.js

@@ -1,4 +1,4 @@
-class B {
+class O {
   constructor() {
     this.events = {};
   }
@@ -42,7 +42,16 @@ class B {
     return ((t = this.events[e]) == null ? void 0 : t.length) || 0;
   }
 }
-class v {
+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,33 @@ class v {
    * @returns HTML string
    */
   static renderActionCard(e, t = {}) {
-    var h;
-    const { variant: i = "horizontal", includeWrapper: s = !0 } = t, n = e.adapted, r = e.tracking, a = s ? `<div class="ax-ad-card ax-ad-card-${i}" data-ad-id="${e.original.id}">` : "", c = (h = n.image) != null && h.url ? `<img
+    var f;
+    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 = (f = n.image) != null && f.url ? `<img
           src="${n.image.url}"
           alt="${n.title}"
           class="ax-ad-image"
           loading="lazy"
-        />` : "", d = n.price ? `<span class="ax-ad-price">${n.price.display || n.price.value}</span>` : "", l = n.rating ? `<div class="ax-ad-rating" aria-label="Rating: ${n.rating}">
-          ${"★".repeat(Math.floor(n.rating))}${"☆".repeat(5 - Math.floor(n.rating))}
-        </div>` : "", u = n.brand ? `<span class="ax-ad-brand">${n.brand}</span>` : "", f = `
-      ${c}
+        />` : "", d = (n.brand || "").trim(), u = d && d.toLowerCase() !== "unknown" ? `<span class="ax-ad-brand">${n.brand}</span>` : "", h = `
+      ${l}
       <div class="ax-ad-content">
         ${u}
         <h3 class="ax-ad-title">${n.title}</h3>
         ${n.body ? `<p class="ax-ad-body">${n.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}"
           >
-            ${n.ctaText || "Learn More"}
+            ${this.getCtaText(e)}
           </a>
         </div>
       </div>
     `, p = s ? "</div>" : "";
-    return a + f + p;
+    return c + h + p;
   }
   /**
    * Render Suffix ad as HTML string
@@ -90,21 +95,21 @@ class v {
    * @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>
@@ -117,19 +122,19 @@ class v {
    * @returns HTML string
    */
   static renderSponsoredSource(e) {
-    var s;
-    const t = e.adapted, i = e.tracking;
+    var n;
+    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}"
         >
-          ${(s = t.image) != null && s.url ? `<img src="${t.image.url}" alt="" class="ax-ad-source-icon" />` : ""}
+          ${(n = t.image) != null && n.url ? `<img src="${t.image.url}" alt="" class="ax-ad-source-icon" />` : ""}
           <div class="ax-ad-source-info">
             <span class="ax-ad-source-name">${t.title}</span>
             ${t.body ? `<span class="ax-ad-source-desc">${t.body}</span>` : ""}
@@ -146,21 +151,21 @@ class v {
    * @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 +178,25 @@ class v {
    * @param renderFn - Render function to use
    * @returns HTML string with all ads
    */
-  static renderAds(e, t = v.renderActionCard.bind(v)) {
+  static renderAds(e, t = w.renderActionCard.bind(w)) {
     return e.map(t).join(`
 `);
   }
 }
-const O = "ad_session_id";
-function q() {
+const q = "ad_session_id";
+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 C(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,9 +204,9 @@ function C(o) {
   }
   return "/api/v1";
 }
-class _ {
+class P {
   constructor(e = {}) {
-    this.memoryCache = /* @__PURE__ */ new Map(), this.sessionKey = e.sessionKey || O, this.storage = e.storage || "sessionStorage", (typeof window > "u" || typeof window.sessionStorage > "u") && (this.storage = "memory");
+    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");
   }
   /**
    * 获取 Session ID
@@ -231,7 +240,7 @@ class _ {
     this.storage === "sessionStorage" ? sessionStorage.removeItem(this.sessionKey) : this.memoryCache.delete(this.sessionKey);
   }
 }
-const L = new _(), m = () => L.getSessionId();
+const K = new P(), m = () => 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 +250,7 @@ class x {
    */
   async trackImpression(e) {
     return this.sendRequest(
-      `${C(this.explicitBaseUrl)}/ads/impression`,
+      `${U(this.explicitBaseUrl)}/ads/impression`,
       e,
       "impression"
     );
@@ -251,7 +260,7 @@ class x {
    */
   async trackClick(e) {
     return this.sendRequest(
-      `${C(this.explicitBaseUrl)}/ads/click`,
+      `${U(this.explicitBaseUrl)}/ads/click`,
       e,
       "click"
     );
@@ -262,27 +271,29 @@ class x {
    */
   async sendRequest(e, t, i) {
     let s = null;
-    for (let n = 0; n <= this.retryAttempts; n++)
+    for (let n = 0; n <= this.retryAttempts; n++) {
+      const o = this.debug || R();
       try {
-        this.debug && console.log(`[Analytics] Sending ${i} event (attempt ${n + 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 = q();
-        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) {
-        s = r, this.debug && console.warn(`[Analytics] ${i} tracking failed (attempt ${n + 1}):`, r), n < this.retryAttempts && await this.delay(this.retryDelay * (n + 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:`, s), null;
   }
   /**
@@ -292,37 +303,47 @@ class x {
     return new Promise((t) => setTimeout(t, e));
   }
 }
-const P = new x(), S = (o, e) => e != null && e.baseUrl ? new x({ baseUrl: e.baseUrl }).trackImpression(o) : P.trackImpression(o), T = (o, e) => e != null && e.baseUrl ? new x({ baseUrl: e.baseUrl }).trackClick(o) : P.trackClick(o);
-function F(o, e) {
-  return `vt_${o}_${e}`;
+const B = new x(), I = (r, e) => e != null && e.baseUrl ? new x({ baseUrl: e.baseUrl }).trackImpression(r) : B.trackImpression(r), T = (r, e) => e != null && e.baseUrl ? new x({ baseUrl: e.baseUrl }).trackClick(r) : B.trackClick(r);
+function G(r, e) {
+  return `vt_${r}_${e}`;
 }
-async function G(o) {
-  return Promise.all(o.map((e) => S(e)));
+async function z(r) {
+  return Promise.all(r.map((e) => I(e)));
 }
-async function D(o) {
-  return Promise.all(o.map((e) => T(e)));
+async function j(r) {
+  return Promise.all(r.map((e) => T(e)));
 }
-function j(o) {
-  const e = new x(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 M = class M {
+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 = v.renderActionCard(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);
@@ -335,8 +356,8 @@ const M = class M {
     const s = i.variant || "block";
     t.innerHTML = this.generateSuffixAdHTML(e, s);
     const n = t.querySelector(".ax-ad-suffix-link");
-    return n && n.addEventListener("click", (r) => {
-      r.preventDefault(), this.handleClick(e, i);
+    return n && n.addEventListener("click", (o) => {
+      o.preventDefault(), this.handleClick(e, i);
     }), this.trackImpression(e, t, i), t;
   }
   /**
@@ -346,15 +367,15 @@ const M = class M {
     const s = i.variant || "card";
     t.innerHTML = this.generateSponsoredSourceHTML(e, s);
     const n = t.querySelector(".ax-ad-source-link");
-    return n && n.addEventListener("click", (r) => {
-      r.preventDefault(), this.handleClick(e, i);
+    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 = v.renderLeadGenAd(e);
+    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);
@@ -366,9 +387,9 @@ const M = class M {
   static renderAds(e, t, i = this.renderActionCard.bind(this), s) {
     t.innerHTML = "";
     const n = document.createElement("div");
-    return n.className = "ax-ads-container", e.forEach((r) => {
+    return n.className = "ax-ads-container", e.forEach((o) => {
       const a = document.createElement("div");
-      a.className = "ax-ad-wrapper", i.call(this, r, a, s), n.appendChild(a);
+      a.className = "ax-ad-wrapper", i.call(this, o, a, s), n.appendChild(a);
     }), t.appendChild(n), t;
   }
   /**
@@ -376,32 +397,37 @@ const M = class M {
    * First tracks the click (async, non-blocking), then opens the URL.
    */
   static handleClick(e, t) {
-    const { analytics: i, onClick: s } = t;
+    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(),
       adTitle: e.adapted.title,
-      format: e.original.type
-    }, { baseUrl: i.apiBaseUrl }).catch((n) => {
-      console.error("[DOMRenderer] Analytics click tracking failed:", n);
-    }), 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: s, onImpression: n } = i, r = s ? `${s.requestId}:${s.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 = () => {
-      s ? S({
+      a || this.trackedImpressionKeys.has(o) || (a = !0, this.trackedImpressionKeys.add(o), l());
+    }, l = () => {
+      s ? I({
         requestId: s.requestId,
         adId: e.original.id,
         slotId: s.slotId,
@@ -411,26 +437,27 @@ const M = class M {
         adTitle: e.adapted.title,
         format: e.original.type,
         source: "internal",
-        viewToken: e.tracking.viewToken
+        viewToken: this.getViewToken(e),
+        userId: s.userId
       }, { baseUrl: s.apiBaseUrl }).then(() => {
         n && n(e);
-      }).catch((l) => {
-        console.error("[DOMRenderer] Analytics impression tracking failed:", l);
+      }).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((v) => {
+            d = v.isIntersecting && v.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();
   }
@@ -469,8 +496,8 @@ const M = class M {
    * Generate HTML for Sponsored Source Ad variants
    */
   static generateSponsoredSourceHTML(e, t) {
-    var r;
-    const i = e.adapted.title || "", s = e.adapted.body || "", n = ((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}">
           ${n ? `<img src="${n}" alt="${i}" loading="lazy" />` : ""}
@@ -507,9 +534,9 @@ const M = class M {
     `;
   }
 };
-M.trackedImpressionKeys = /* @__PURE__ */ new Set();
-let y = M;
-class $ {
+C.trackedImpressionKeys = /* @__PURE__ */ new Set();
+let y = C;
+class S {
   constructor() {
     this.cachedStaticInfo = null, this.cacheTimestamp = 0, this.CACHE_TTL = 36e5;
   }
@@ -596,7 +623,7 @@ class $ {
    * Get singleton instance
    */
   static getInstance() {
-    return this.instance || (this.instance = new $()), this.instance;
+    return this.instance || (this.instance = new S()), this.instance;
   }
   /**
    * Collect all available client information
@@ -677,7 +704,7 @@ class $ {
   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();
     }
@@ -752,8 +779,8 @@ class $ {
     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";
     }
   }
   /**
@@ -899,101 +926,105 @@ class $ {
     this.cachedStaticInfo = null, this.cacheTimestamp = 0;
   }
 }
-const I = () => $.getInstance();
-function b(o) {
-  return I().collect(o);
+const $ = () => S.getInstance();
+function b(r) {
+  return $().collect(r);
 }
-function W() {
+function J() {
   return b().device;
 }
-function K() {
+function N() {
   return b().user;
 }
-function Q() {
+function X() {
   return b().app;
 }
-function J() {
+function Z() {
   return b().geo;
 }
-function X() {
-  return K().id;
+function Y() {
+  return N().id;
 }
-function Z() {
-  I().clearCache();
+function ee() {
+  $().clearCache();
 }
-function Y(o) {
-  const e = b(o);
+function te(r) {
+  const e = b(r);
   return JSON.stringify(e, null, 2);
 }
-function ee() {
+function ie() {
   var t;
-  const o = b();
+  const r = b();
   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", s = I().collect(), n = {
-    ...o,
+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,
+    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 }, A = {
+const H = { width: 400, height: 200 }, A = {
   variant: "horizontal",
   count: 1,
   preferences: {}
 };
-function U(o = {}) {
+function _(r = {}) {
   const e = {
-    variant: o.variant ?? A.variant,
-    count: o.count ?? A.count,
-    preferences: { ...A.preferences, ...o.preferences }
+    variant: r.variant ?? A.variant,
+    count: r.count ?? A.count,
+    preferences: { ...A.preferences, ...r.preferences }
   };
   return [
     {
@@ -1001,7 +1032,7 @@ function U(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 +1041,11 @@ function U(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 B(), this.slots_config = U(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 O(), 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,7 +1053,10 @@ const g = class g {
     });
   }
   async requestAds(e) {
-    const t = "conversationContext" in e ? e : { conversationContext: e }, i = this.buildRequestKey(t), s = g.inFlightRequests.get(i);
+    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)
@@ -1031,7 +1066,7 @@ const g = class g {
     this.isLoading = !0, this.eventBus.emit("adsLoading"), this.config.debug && console.log("[AdManager] Starting ad request...");
     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() },
@@ -1042,28 +1077,29 @@ 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,
-              apiBaseUrl: this.config.apiBaseUrl
+        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);
       }
@@ -1080,24 +1116,24 @@ const g = class g {
     });
   }
   render(e, t, i = {}) {
-    const s = typeof e != "string", n = s ? g.DEFAULT_SLOT_ID : e, r = s ? e : t, a = (s ? 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[n];
     if (!c || !c.ads || c.ads.length === 0)
       return this.config.debug && console.warn("[AdManager] No ads in slot:", n), 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:`, n), null;
-    const u = this.adsAnalyticsMap.get(l.original.id), f = this.slots_config.find((w) => w.slotId === n), p = (f == null ? void 0 : f.format) || "action_card";
-    r.innerHTML = "";
-    const h = {
+    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((v) => v.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" ? y.renderSuffixAd(d, o, f) : p === "source" ? y.renderSponsoredSource(d, o, f) : p === "lead_gen" ? y.renderLeadGenAd(d, o, f) : y.renderActionCard(d, o, f);
   }
   /**
    * Get ad slots data
@@ -1136,7 +1172,7 @@ const g = class g {
    * Update configuration
    */
   updateConfig(e) {
-    this.config = { ...this.config, ...e }, e.cardOption !== void 0 && (this.slots_config = U(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
@@ -1191,7 +1227,7 @@ const g = class g {
     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 n = m(), r = await T({
+    const n = m(), o = await T({
       requestId: this.currentRequestId,
       adId: e,
       destinationUrl: t,
@@ -1199,9 +1235,10 @@ const g = class g {
       slotId: s.slotId,
       adTitle: i == null ? void 0 : i.title,
       format: i == null ? void 0 : i.format,
-      source: i == null ? void 0 : i.source
+      source: i == null ? void 0 : i.source,
+      userId: s.userId ?? this.currentUserId
     }, { baseUrl: s.apiBaseUrl });
-    return r && (this.eventBus.emit("adClicked", e, s.slotId), this.config.debug && console.log("[AdManager] Click tracked via Analytics API:", r.eventId)), r;
+    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
@@ -1210,7 +1247,7 @@ 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 s = m(), n = await S({
+    const s = m(), n = await I({
       requestId: this.currentRequestId,
       adId: e,
       slotId: i.slotId,
@@ -1220,7 +1257,8 @@ const g = class g {
       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
+      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;
   }
@@ -1235,12 +1273,12 @@ 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, 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 = {
@@ -1263,7 +1301,7 @@ class H {
       return;
     }
     this.log(`[ViewabilityTracker] Starting tracking for ${e}`);
-    const r = {
+    const o = {
       visiblePercentage: 0,
       maxVisiblePercentage: 0,
       totalVisibleTimeMs: 0,
@@ -1273,9 +1311,9 @@ 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, s, n),
+      (l) => this.handleIntersection(e, l[0], i, s, n),
       {
         threshold: this.createThresholds()
       }
@@ -1303,54 +1341,54 @@ class H {
    * Event-driven: Only process when state actually changes
    */
   handleIntersection(e, t, i, s, n) {
-    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, {
+    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: 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: 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, s) {
-    const r = setInterval(() => {
+    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,
@@ -1365,13 +1403,13 @@ 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 n, r;
+    var n, o;
     const i = this.eventQueue.get(e);
     if (!i) {
       this.log(`[ViewabilityTracker] No queue found for ${e}, skipping event`);
@@ -1384,10 +1422,10 @@ class H {
     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);
     }
   }
   /**
@@ -1418,7 +1456,7 @@ class H {
     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,
@@ -1429,7 +1467,7 @@ class H {
       maxVisiblePercentage: n.maxVisiblePercentage,
       totalVisibleTimeMs: n.totalVisibleTimeMs,
       isViewable: n.isViewable,
-      timestamp: r
+      timestamp: o
     }), this.flushQueue(e), this.cleanup(e);
   }
   /**
@@ -1488,38 +1526,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 se = "0.1.0";
+const re = "0.1.0";
 export {
   V as AdManager,
   x as AnalyticsSender,
-  $ as ClientInfoCollector,
+  S as ClientInfoCollector,
   y as DOMRenderer,
-  v as HTMLRenderer,
-  se 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,
+  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,
   b as getClientInfo,
-  I as getClientInfoCollector,
-  Y as getClientInfoJSON,
-  ee as getClientInfoSummary,
-  W as getDeviceInfo,
-  J as getGeoInfo,
+  $ as getClientInfoCollector,
+  te as getClientInfoJSON,
+  ie as getClientInfoSummary,
+  J as getDeviceInfo,
+  Z as getGeoInfo,
   m as getSessionId,
-  X as getUserId,
-  K as getUserInfo,
-  ie as getViewabilityTracker,
+  Y as getUserId,
+  N as getUserInfo,
+  ne as getViewabilityTracker,
   T as trackAdClick,
-  S as trackAdImpression,
-  D as trackClicksBatch,
-  G as trackImpressionsBatch
+  I as trackAdImpression,
+  j as trackClicksBatch,
+  z as trackImpressionsBatch
 };