@action-x/ad-sdk 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,4 +1,4 @@
-class I {
+class P {
   constructor() {
     this.events = {};
   }
@@ -42,7 +42,7 @@ class I {
     return ((t = this.events[e]) == null ? void 0 : t.length) || 0;
   }
 }
-class f {
+class y {
   /**
    * Render Action Card ad as HTML string
    *
@@ -51,15 +51,15 @@ class f {
    * @returns HTML string
    */
   static renderActionCard(e, t = {}) {
-    var k;
-    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 = (k = s.image) != null && k.url ? `<img
+    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}"
           class="ax-ad-image"
           loading="lazy"
         />` : "", l = s.price ? `<span class="ax-ad-price">${s.price.display || s.price.value}</span>` : "", d = 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>` : "", $ = `
+        </div>` : "", u = s.brand ? `<span class="ax-ad-brand">${s.brand}</span>` : "", p = `
       ${c}
       <div class="ax-ad-content">
         ${u}
@@ -80,8 +80,8 @@ class f {
           </a>
         </div>
       </div>
-    `, M = n ? "</div>" : "";
-    return a + $ + M;
+    `, m = n ? "</div>" : "";
+    return a + p + m;
   }
   /**
    * Render Suffix ad as HTML string
@@ -173,22 +173,22 @@ class f {
    * @param renderFn - Render function to use
    * @returns HTML string with all ads
    */
-  static renderAds(e, t = f.renderActionCard.bind(f)) {
+  static renderAds(e, t = y.renderActionCard.bind(y)) {
     return e.map(t).join(`
 `);
   }
 }
-const C = "/api/v1/ads", V = "ad_session_id";
-function E() {
+const U = "/api/v1/ads", O = "ad_session_id";
+function L() {
   if (typeof window < "u") {
     const o = window.__AD_CONFIG__;
     if (o != null && o.apiKey)
       return o.apiKey;
   }
 }
-class A {
+class C {
   constructor(e = {}) {
-    this.memoryCache = /* @__PURE__ */ new Map(), this.sessionKey = e.sessionKey || V, this.storage = e.storage || "sessionStorage", (typeof window > "u" || typeof window.sessionStorage > "u") && (this.storage = "memory");
+    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");
   }
   /**
    * 获取 Session ID
@@ -222,10 +222,10 @@ class A {
     this.storage === "sessionStorage" ? sessionStorage.removeItem(this.sessionKey) : this.memoryCache.delete(this.sessionKey);
   }
 }
-const P = new A(), m = () => P.getSessionId();
-class S {
+const B = new C(), f = () => B.getSessionId();
+class V {
   constructor(e = {}) {
-    this.baseUrl = e.baseUrl || C, this.timeout = e.timeout || 1e4, this.retryAttempts = e.retryAttempts ?? 2, this.retryDelay = e.retryDelay || 1e3, this.debug = e.debug || !1;
+    this.baseUrl = e.baseUrl || U, this.timeout = e.timeout || 1e4, this.retryAttempts = e.retryAttempts ?? 2, this.retryDelay = e.retryDelay || 1e3, this.debug = e.debug || !1;
   }
   /**
    * 发送广告展示事件
@@ -258,7 +258,7 @@ class S {
         this.debug && console.log(`[Analytics] Sending ${i} event (attempt ${s + 1}):`, t);
         const r = new AbortController(), a = setTimeout(() => r.abort(), this.timeout), c = {
           "Content-Type": "application/json"
-        }, l = E();
+        }, l = L();
         l && (c["X-API-Key"] = l, this.debug && console.log(`[Analytics] Adding X-API-Key header for ${i} event`));
         const d = await fetch(e, {
           method: "POST",
@@ -283,37 +283,37 @@ class S {
     return new Promise((t) => setTimeout(t, e));
   }
 }
-const T = new S(), y = (o) => T.trackImpression(o), b = (o) => T.trackClick(o);
-function B(o, e) {
+const E = new V(), x = (o) => E.trackImpression(o), A = (o) => E.trackClick(o);
+function H(o, e) {
   return `vt_${o}_${e}`;
 }
-async function L(o) {
-  return Promise.all(o.map((e) => y(e)));
+async function D(o) {
+  return Promise.all(o.map((e) => x(e)));
 }
-async function q(o) {
-  return Promise.all(o.map((e) => b(e)));
+async function G(o) {
+  return Promise.all(o.map((e) => A(e)));
 }
-function K(o) {
-  const e = new S(o);
+function F(o) {
+  const e = new V(o);
   return {
     trackImpression: (t) => e.trackImpression(t),
     trackClick: (t) => e.trackClick(t)
   };
 }
-function R(o = {}) {
-  const e = new A(o);
+function j(o = {}) {
+  const e = new C(o);
   return {
     getSessionId: () => e.getSessionId(),
     regenerateSessionId: () => e.regenerateSessionId(),
     clearSessionId: () => e.clearSessionId()
   };
 }
-class g {
+class v {
   /**
    * Render Action Card ad into container
    */
   static renderActionCard(e, t, i = {}) {
-    t.innerHTML = f.renderActionCard(e, i);
+    t.innerHTML = y.renderActionCard(e, i);
     const n = t.querySelector(".ax-ad-cta");
     return n && n.addEventListener("click", (s) => {
       s.preventDefault(), this.handleClick(e, i);
@@ -345,7 +345,7 @@ class g {
    * Render Lead Gen ad into container
    */
   static renderLeadGenAd(e, t, i = {}) {
-    t.innerHTML = f.renderLeadGenAd(e);
+    t.innerHTML = y.renderLeadGenAd(e);
     const n = t.querySelector(".ax-ad-leadgen-cta");
     return n && n.addEventListener("click", (s) => {
       s.preventDefault(), this.handleClick(e, i);
@@ -368,12 +368,12 @@ class g {
    */
   static handleClick(e, t) {
     const { analytics: i, onClick: n } = t;
-    n && n(e), i && b({
+    n && n(e), i && A({
       requestId: i.requestId,
       adId: e.original.id,
       destinationUrl: e.tracking.clickUrl,
       slotId: i.slotId,
-      sessionId: m(),
+      sessionId: f(),
       adTitle: e.adapted.title,
       format: e.original.type
     }).catch((s) => {
@@ -386,13 +386,13 @@ class g {
    */
   static trackImpression(e, t, i) {
     const { analytics: n, onImpression: s } = i, r = () => {
-      n ? y({
+      n ? x({
         requestId: n.requestId,
         adId: e.original.id,
         slotId: n.slotId,
         position: n.position,
         totalAds: n.totalAds,
-        sessionId: m(),
+        sessionId: f(),
         adTitle: e.adapted.title,
         format: e.original.type,
         source: "internal",
@@ -491,7 +491,7 @@ class g {
     `;
   }
 }
-class v {
+class S {
   constructor() {
     this.cachedStaticInfo = null, this.cacheTimestamp = 0, this.CACHE_TTL = 36e5;
   }
@@ -578,7 +578,7 @@ class v {
    * Get singleton instance
    */
   static getInstance() {
-    return this.instance || (this.instance = new v()), this.instance;
+    return this.instance || (this.instance = new S()), this.instance;
   }
   /**
    * Collect all available client information
@@ -881,35 +881,35 @@ class v {
     this.cachedStaticInfo = null, this.cacheTimestamp = 0;
   }
 }
-const w = () => v.getInstance();
-function h(o) {
-  return w().collect(o);
+const T = () => S.getInstance();
+function g(o) {
+  return T().collect(o);
 }
-function N() {
-  return h().device;
+function z() {
+  return g().device;
 }
-function U() {
-  return h().user;
+function q() {
+  return g().user;
 }
-function H() {
-  return h().app;
+function W() {
+  return g().app;
 }
-function G() {
-  return h().geo;
+function Q() {
+  return g().geo;
 }
-function j() {
-  return U().id;
+function J() {
+  return q().id;
 }
-function W() {
-  w().clearCache();
+function X() {
+  T().clearCache();
 }
-function D(o) {
-  const e = h(o);
+function Z(o) {
+  const e = g(o);
   return JSON.stringify(e, null, 2);
 }
-function Q() {
+function Y() {
   var t;
-  const o = h();
+  const o = g();
   return [
     o.device.os,
     o.device.osv,
@@ -918,7 +918,7 @@ function Q() {
     ((t = o.geo) == null ? void 0 : t.country) || "Unknown"
   ].join(" / ");
 }
-function z(o) {
+function ee(o) {
   var e, t;
   return {
     id: o.original.id,
@@ -945,8 +945,8 @@ function z(o) {
     }
   };
 }
-async function _(o, e = {}) {
-  const t = e.apiBaseUrl || "/api/v1", n = w().collect(), s = {
+async function K(o, e = {}) {
+  const t = e.apiBaseUrl || "/api/v1", n = T().collect(), s = {
     ...o,
     clientInfo: n
     // Auto-injected
@@ -966,93 +966,105 @@ async function _(o, e = {}) {
     throw new Error(c.error || "Ad request failed");
   return c.data;
 }
-class F {
+const R = { width: 400, height: 200 }, k = {
+  variant: "horizontal",
+  count: 1,
+  preferences: {}
+};
+function $(o = {}) {
+  const e = {
+    variant: o.variant ?? k.variant,
+    count: o.count ?? k.count,
+    preferences: { ...k.preferences, ...o.preferences }
+  };
+  return [
+    {
+      slotId: "action_card",
+      slotName: "Action Card",
+      format: "action_card",
+      variant: e.variant,
+      size: R,
+      count: e.count,
+      preferences: e.preferences,
+      placement: { position: "below_fold", context: "post_response" }
+    }
+  ];
+}
+const w = class w {
   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 I(), 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 P(), this.slots_config = $(e.cardOption), typeof window < "u" && (window.__AD_CONFIG__ = {
       ...window.__AD_CONFIG__ || {},
       apiKey: e.apiKey,
       apiBaseUrl: e.apiBaseUrl
     }), this.config.debug && console.log("[AdManager] Initialized with config:", {
       apiBaseUrl: e.apiBaseUrl,
       hasApiKey: !!e.apiKey,
-      slotCount: e.slots.length,
       enabled: this.enabled
     });
   }
-  /**
-   * Request ads for all configured slots
-   * ClientInfo is automatically collected and injected
-   *
-   * @param context - Conversation and user context
-   * @returns Promise resolving to ad response batch
-   */
   async requestAds(e) {
     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 t = "conversationContext" in e ? e : { conversationContext: e };
     try {
-      const t = await _(
+      const i = await K(
         {
-          conversationContext: e.conversationContext,
-          userContext: e.userContext,
-          slots: this.config.slots
+          conversationContext: t.conversationContext,
+          userContext: t.userContext ? { ...t.userContext, sessionId: t.userContext.sessionId ?? f() } : { sessionId: f() },
+          slots: this.slots_config
         },
         {
           apiBaseUrl: this.config.apiBaseUrl,
           apiKey: this.config.apiKey
         }
       );
-      this.currentRequestId = t.requestId, this.adsAnalyticsMap.clear(), t.slots.forEach((n) => {
-        n.ads.forEach((s, r) => {
-          const a = s.original.id;
-          this.adsAnalyticsMap.set(a, {
-            requestId: t.requestId,
-            slotId: n.slotId,
-            position: r,
-            totalAds: n.ads.length
+      this.currentRequestId = i.requestId, this.adsAnalyticsMap.clear(), i.slots.forEach((s) => {
+        s.ads.forEach((r, a) => {
+          const c = r.original.id;
+          this.adsAnalyticsMap.set(c, {
+            requestId: i.requestId,
+            slotId: s.slotId,
+            position: a,
+            totalAds: s.ads.length
           });
         });
       });
-      const i = {};
-      return t.slots.forEach((n) => {
-        i[n.slotId] = n;
-      }), this.slots = i, this.eventBus.emit("adsUpdated", this.slots), this.config.debug && console.log("[AdManager] Ads received:", {
+      const n = {};
+      return i.slots.forEach((s) => {
+        n[s.slotId] = s;
+      }), this.slots = n, 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)
-      }), t;
-    } catch (t) {
-      const i = t;
-      throw this.eventBus.emit("adsError", i), i;
+      }), i;
+    } catch (i) {
+      const n = i;
+      throw this.eventBus.emit("adsError", n), n;
     } finally {
       this.isLoading = !1;
     }
   }
-  /**
-   * Render a single ad from a slot into a container element
-   *
-   * @param slotId - Slot ID to render
-   * @param container - DOM element to render into
-   * @param options - Rendering options
-   * @returns Rendered HTMLElement or null if slot/ad not found
-   */
   render(e, t, i = {}) {
-    const n = this.slots[e];
-    if (!n || !n.ads || n.ads.length === 0)
-      return this.config.debug && console.warn("[AdManager] No ads in slot:", e), null;
-    const s = i.adIndex ?? 0, r = n.ads[s];
+    const n = typeof e != "string", s = n ? w.DEFAULT_SLOT_ID : e, r = n ? e : t, a = (n ? t : i) || {};
     if (!r)
-      return this.config.debug && console.warn(`[AdManager] Ad at index ${s} not found in slot:`, e), null;
-    const a = this.adsAnalyticsMap.get(r.original.id), c = this.config.slots.find((u) => u.slotId === e), l = (c == null ? void 0 : c.format) || "action_card";
-    t.innerHTML = "";
-    const d = {
-      analytics: a,
-      variant: i.variant,
-      onClick: i.onClick,
-      onImpression: i.onImpression
+      return this.config.debug && console.warn("[AdManager] Render container is required"), null;
+    const c = this.slots[s];
+    if (!c || !c.ads || c.ads.length === 0)
+      return this.config.debug && console.warn("[AdManager] No ads in slot:", s), 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:`, s), null;
+    const u = this.adsAnalyticsMap.get(d.original.id), p = this.slots_config.find((_) => _.slotId === s), m = (p == null ? void 0 : p.format) || "action_card";
+    r.innerHTML = "";
+    const h = {
+      analytics: u,
+      variant: a.variant,
+      onClick: a.onClick,
+      onImpression: a.onImpression
     };
-    return l === "suffix" ? g.renderSuffixAd(r, t, d) : l === "source" ? g.renderSponsoredSource(r, t, d) : l === "lead_gen" ? g.renderLeadGenAd(r, t, d) : g.renderActionCard(r, t, d);
+    return m === "suffix" ? v.renderSuffixAd(d, r, h) : m === "source" ? v.renderSponsoredSource(d, r, h) : m === "lead_gen" ? v.renderLeadGenAd(d, r, h) : v.renderActionCard(d, r, h);
   }
   /**
    * Get ad slots data
@@ -1091,7 +1103,7 @@ class F {
    * Update configuration
    */
   updateConfig(e) {
-    this.config = { ...this.config, ...e }, 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
@@ -1146,7 +1158,7 @@ class F {
     const n = this.adsAnalyticsMap.get(e);
     if (!n || !this.currentRequestId)
       return this.config.debug && console.warn("[AdManager] No analytics info for ad:", e), null;
-    const s = m(), r = await b({
+    const s = f(), r = await A({
       requestId: this.currentRequestId,
       adId: e,
       destinationUrl: t,
@@ -1165,7 +1177,7 @@ class F {
     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 y({
+    const n = f(), s = await x({
       requestId: this.currentRequestId,
       adId: e,
       slotId: i.slotId,
@@ -1185,15 +1197,17 @@ class F {
   destroy() {
     this.removeAllListeners(), this.clearSlots(), this.config.debug && console.log("[AdManager] Destroyed");
   }
-}
-function x() {
+};
+w.DEFAULT_SLOT_ID = "action_card";
+let I = w;
+function M() {
   if (typeof window < "u") {
     const o = window.__AD_CONFIG__;
     if (o != null && o.apiKey)
       return o.apiKey;
   }
 }
-class O {
+class N {
   constructor(e = {}, t = "/api/v1") {
     var i, n;
     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 = {
@@ -1354,7 +1368,7 @@ class O {
     try {
       const n = {
         "Content-Type": "application/json"
-      }, s = x();
+      }, s = M();
       s && (n["x-api-key"] = s), await fetch(`${this.baseUrl}/ads/viewability/batch`, {
         method: "POST",
         headers: n,
@@ -1428,7 +1442,7 @@ class O {
         if (t && t.length > 0) {
           const i = {
             "Content-Type": "application/json"
-          }, n = x();
+          }, n = M();
           n && (i["x-api-key"] = n), fetch(`${this.baseUrl}/ads/viewability/batch`, {
             method: "POST",
             headers: i,
@@ -1440,39 +1454,39 @@ class O {
     });
   }
 }
-let p = null;
-function J(o, e) {
-  return p || (p = new O(o, e), p.setupBeforeUnload()), p;
+let b = null;
+function te(o, e) {
+  return b || (b = new N(o, e), b.setupBeforeUnload()), b;
 }
-const X = "0.1.0";
+const ie = "0.1.0";
 export {
-  F as AdManager,
-  S as AnalyticsSender,
-  v as ClientInfoCollector,
-  g as DOMRenderer,
-  f as HTMLRenderer,
-  X as SDK_VERSION,
-  A as SessionManager,
-  O as ViewabilityTracker,
-  z as adaptAdToKoahAd,
-  W as clearClientInfoCache,
-  K as createAnalytics,
-  R as createSession,
-  _ as fetchAds,
-  B as generateViewToken,
-  H as getAppInfo,
-  h as getClientInfo,
-  w as getClientInfoCollector,
-  D as getClientInfoJSON,
-  Q as getClientInfoSummary,
-  N as getDeviceInfo,
-  G as getGeoInfo,
-  m as getSessionId,
-  j as getUserId,
-  U as getUserInfo,
-  J as getViewabilityTracker,
-  b as trackAdClick,
-  y as trackAdImpression,
-  q as trackClicksBatch,
-  L as trackImpressionsBatch
+  I as AdManager,
+  V as AnalyticsSender,
+  S as ClientInfoCollector,
+  v as DOMRenderer,
+  y as HTMLRenderer,
+  ie as SDK_VERSION,
+  C as SessionManager,
+  N as ViewabilityTracker,
+  ee as adaptAdToKoahAd,
+  X as clearClientInfoCache,
+  F as createAnalytics,
+  j as createSession,
+  K as fetchAds,
+  H as generateViewToken,
+  W as getAppInfo,
+  g as getClientInfo,
+  T as getClientInfoCollector,
+  Z as getClientInfoJSON,
+  Y as getClientInfoSummary,
+  z as getDeviceInfo,
+  Q as getGeoInfo,
+  f as getSessionId,
+  J as getUserId,
+  q as getUserInfo,
+  te as getViewabilityTracker,
+  A as trackAdClick,
+  x as trackAdImpression,
+  G as trackClicksBatch,
+  D as trackImpressionsBatch
 };