@ai-ad-network/frontend-sdk 1.1.1 → 1.1.2

package/dist/components/EnhancedContent.d.ts

@@ -1,4 +1,4 @@
-import type { EntityInfo, EnhancedContentProps } from '@/types';
+import type { EntityInfo, EnhancementOptions, EnhancedContentProps, KoahAd } from '@/types';
 /**
  * EnhancedContent Component
  *
@@ -51,3 +51,52 @@ export declare function useEntityStats(entities: EntityInfo[]): {
     byType: Record<string, number>;
     avgConfidence: number;
 };
+/**
+ * EnhancedContentV2 Props
+ */
+export interface EnhancedContentV2Props {
+    /** The ad data containing entity_link_content */
+    ad: KoahAd;
+    /** AI response context for styling */
+    aiContext?: string;
+    /** Custom class name */
+    className?: string;
+    /** Whether tracking is loading (unused but for API compatibility) */
+    isLoading?: boolean;
+    requestId: string;
+    slotId: string;
+    position: number;
+    totalAds: number;
+    enhancements?: EnhancementOptions;
+    onEntityClick?: (entity: EntityInfo) => void;
+    onImpression?: () => void;
+}
+/**
+ * EnhancedContentV2 - Entity Link Ad component with Analytics API tracking
+ *
+ * Renders content with entity-linked affiliate URLs and tracks clicks
+ * using the new Analytics API (POST /api/v1/ads/click).
+ *
+ * @example
+ * ```tsx
+ * <EnhancedContentV2
+ *   ad={ad}
+ *   requestId="req-123"
+ *   slotId="slot-entity-link"
+ *   position={0}
+ *   totalAds={3}
+ * />
+ * ```
+ */
+export declare function EnhancedContentV2({ ad, aiContext, className, isLoading: _isLoading, requestId, slotId, position, totalAds, enhancements, onEntityClick, onImpression, }: EnhancedContentV2Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * Convenience components for V2
+ */
+/**
+ * Inline variant - for embedding within existing text
+ */
+export declare function EnhancedContentV2Inline(props: Omit<EnhancedContentV2Props, 'className'>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Block variant - for standalone content blocks
+ */
+export declare function EnhancedContentV2Block(props: EnhancedContentV2Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/EntityLinkAd.simple.d.ts

@@ -0,0 +1,76 @@
+import type { KoahAd, BadgeStyle, OverlapStrategy } from '@/types';
+import type { EntityInfo } from '@/types';
+/**
+ * 🆕 Simplified EntityLinkAd Props
+ *
+ * This component automatically handles all analytics tracking parameters.
+ * You only need to provide the ad data and slot ID.
+ */
+export interface EntityLinkAdProps {
+    /** The ad data to display (must contain entity_link_content) */
+    ad: KoahAd;
+    /** Slot identifier (business concept, e.g., "inline-entity", "content-enhancement") */
+    slotId: string;
+    /** AI response context for template selection */
+    aiContext?: string;
+    /** Custom class name */
+    className?: string;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Badge style for entity links */
+    badgeStyle?: BadgeStyle;
+    /** Strategy for handling overlapping entities */
+    overlapStrategy?: OverlapStrategy;
+    /** Maximum number of entity links to show */
+    maxLinks?: number;
+    /** Minimum confidence threshold for entities */
+    minConfidence?: number;
+    /** Custom click callback (in addition to automatic tracking) */
+    onEntityClick?: (entity: EntityInfo) => void;
+    /** Custom impression callback (in addition to automatic tracking) */
+    onImpression?: () => void;
+}
+/**
+ * EntityLinkAd - Simplified component with automatic analytics tracking
+ *
+ * This component automatically injects all analytics tracking parameters
+ * (requestId, position, totalAds) from the SDK context and renders
+ * entity-linked content with click tracking.
+ *
+ * @example
+ * ```tsx
+ * // ✅ Simple usage - automatic tracking
+ * import { EntityLinkAd } from '@ai-ad-network/frontend-sdk';
+ *
+ * <EntityLinkAd
+ *   ad={ad}
+ *   slotId="inline-entity"
+ *   aiContext={aiResponse}
+ *   badgeStyle="subtle"
+ * />
+ *
+ * // With multiple ads
+ * {ads.map(ad => (
+ *   <EntityLinkAd
+ *     key={ad.id}
+ *     ad={ad}
+ *     slotId="inline-entity"
+ *   />
+ * ))}
+ * ```
+ *
+ * @remarks
+ * For advanced use cases where you need explicit control over analytics parameters,
+ * use `EnhancedContentV2` directly.
+ */
+export declare function EntityLinkAd({ ad, slotId, aiContext, className, isLoading, badgeStyle, overlapStrategy, maxLinks, minConfidence, onEntityClick, onImpression, }: EntityLinkAdProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * EntityLinkAdInline - Inline variant for embedding within existing text
+ */
+export declare function EntityLinkAdInline(props: Omit<EntityLinkAdProps, 'className'>): import("react/jsx-runtime").JSX.Element;
+/**
+ * EntityLinkAdBlock - Block variant for standalone content blocks
+ */
+export declare function EntityLinkAdBlock(props: EntityLinkAdProps): import("react/jsx-runtime").JSX.Element;
+export { EnhancedContentV2 } from './EnhancedContent';
+export type { EnhancedContentV2Props } from './EnhancedContent';

package/dist/index.d.ts

@@ -35,7 +35,11 @@ export { ActionCardAd } from './components/ActionCardAd.simple';
 export { ActionCardAdV2 } from './components/ActionCardAd';
 export type { ActionCardAdV2Props } from './components/ActionCardAd';
 export type { ActionCardAdProps } from './components/ActionCardAd.simple';
+export { EntityLinkAd, EntityLinkAdInline, EntityLinkAdBlock } from './components/EntityLinkAd.simple';
+export { EnhancedContentV2, EnhancedContentV2Inline, EnhancedContentV2Block, } from './components/EnhancedContent';
 export { EnhancedContent, EnhancedContentInline, EnhancedContentBlock, useEntityStats, } from './components/EnhancedContent';
+export type { EnhancedContentV2Props } from './components/EnhancedContent';
+export type { EntityLinkAdProps } from './components/EntityLinkAd.simple';
 export { SuffixAd } from './components/SuffixAd.simple';
 export { SuffixAdV2 } from './components/SuffixAd';
 export { SuffixAdInline, SuffixAdMinimal, } from './components/SuffixAd';

package/dist/index.esm.js

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import React, { useState, useRef, useCallback, useEffect, createContext, useContext, useMemo, Component } from "react";
 import useSWR from "swr";
-const SDK_VERSION = "1.1.1";
+const SDK_VERSION = "1.1.2";
 var IntentType = /* @__PURE__ */ ((IntentType2) => {
   IntentType2["SHOPPING"] = "shopping";
   IntentType2["LEAD_GEN"] = "lead_gen";
@@ -1381,6 +1381,19 @@ function createSession(config = {}) {
     clearSessionId: () => manager.clearSessionId()
   };
 }
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AnalyticsSender,
+  SessionManager,
+  createAnalytics,
+  createSession,
+  generateViewToken,
+  getSessionId,
+  trackAdClick,
+  trackAdImpression,
+  trackClicksBatch,
+  trackImpressionsBatch
+}, Symbol.toStringTag, { value: "Module" }));
 function useAdTracking(ad, options = {}) {
   const {
     intersectionThreshold = 0.5,
@@ -2996,16 +3009,16 @@ const createParseClassName = (config) => {
     let bracketDepth = 0;
     let modifierStart = 0;
     let postfixModifierPosition;
-    for (let index = 0; index < className.length; index++) {
-      let currentCharacter = className[index];
+    for (let index2 = 0; index2 < className.length; index2++) {
+      let currentCharacter = className[index2];
       if (bracketDepth === 0) {
-        if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
-          modifiers.push(className.slice(modifierStart, index));
-          modifierStart = index + separatorLength;
+        if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index2, index2 + separatorLength) === separator)) {
+          modifiers.push(className.slice(modifierStart, index2));
+          modifierStart = index2 + separatorLength;
           continue;
         }
         if (currentCharacter === "/") {
-          postfixModifierPosition = index;
+          postfixModifierPosition = index2;
           continue;
         }
       }
@@ -3067,8 +3080,8 @@ const mergeClassList = (classList, configUtils) => {
   const classGroupsInConflict = [];
   const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
   let result = "";
-  for (let index = classNames.length - 1; index >= 0; index -= 1) {
-    const originalClassName = classNames[index];
+  for (let index2 = classNames.length - 1; index2 >= 0; index2 -= 1) {
+    const originalClassName = classNames[index2];
     const {
       modifiers,
       hasImportantModifier,
@@ -3106,12 +3119,12 @@ const mergeClassList = (classList, configUtils) => {
   return result;
 };
 function twJoin() {
-  let index = 0;
+  let index2 = 0;
   let argument;
   let resolvedValue;
   let string = "";
-  while (index < arguments.length) {
-    if (argument = arguments[index++]) {
+  while (index2 < arguments.length) {
+    if (argument = arguments[index2++]) {
       if (resolvedValue = toValue(argument)) {
         string && (string += " ");
         string += resolvedValue;
@@ -5594,7 +5607,7 @@ function ActionCardAdV2({
     }
   );
 }
-function getAnalyticsFromGlobal$2(adId, slotId) {
+function getAnalyticsFromGlobal$3(adId, slotId) {
   if (typeof window === "undefined") return null;
   const analytics = window.__AD_ANALYTICS__;
   if (!analytics || !analytics.requestId) return null;
@@ -5627,7 +5640,7 @@ function ActionCardAd({
   onImpression
 }) {
   const analytics = useMemo(() => {
-    return getAnalyticsFromGlobal$2(ad.id, slotId);
+    return getAnalyticsFromGlobal$3(ad.id, slotId);
   }, [ad.id, slotId]);
   useEffect(() => {
     if (analytics) {
@@ -5732,9 +5745,9 @@ function EnhancedContent({
     onEntityClick == null ? void 0 : onEntityClick(entity);
     window.open(url, "_blank", "noopener,noreferrer");
   }, [onEntityClick]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("enhanced-content", className), children: processedContent.map((part, index) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("enhanced-content", className), children: processedContent.map((part, index2) => {
     if (part.type === "text") {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: part.content }, index);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: part.content }, index2);
     }
     const { entity, url } = part;
     const isHovered = hoveredEntity === entity.text;
@@ -5768,7 +5781,7 @@ function EnhancedContent({
           renderBadge(entity, badgeStyle, isHovered)
         ]
       },
-      index
+      index2
     );
   }) });
 }
@@ -5786,17 +5799,17 @@ function buildEnhancedContent(content, entities, entityUrlMap, _badgeStyle) {
   for (const entity of sortedEntities) {
     const replacement = entityUrlMap.get(entity.text);
     if (!replacement) continue;
-    let index;
+    let index2;
     if (entity.startPosition >= 0) {
-      index = entity.startPosition;
+      index2 = entity.startPosition;
     } else {
-      index = content.toLowerCase().indexOf(entity.text.toLowerCase(), lastIndex);
+      index2 = content.toLowerCase().indexOf(entity.text.toLowerCase(), lastIndex);
     }
-    if (index === -1) continue;
-    if (index > lastIndex) {
+    if (index2 === -1) continue;
+    if (index2 > lastIndex) {
       parts.push({
         type: "text",
-        content: content.substring(lastIndex, index)
+        content: content.substring(lastIndex, index2)
       });
     }
     parts.push({
@@ -5805,7 +5818,7 @@ function buildEnhancedContent(content, entities, entityUrlMap, _badgeStyle) {
       entity,
       url: replacement.affiliateUrl
     });
-    lastIndex = index + entity.text.length;
+    lastIndex = index2 + entity.text.length;
   }
   if (lastIndex < content.length) {
     parts.push({
@@ -5826,10 +5839,10 @@ function filterOverlappingEntities(entities, content, strategy) {
       start = entity.startPosition;
       end = entity.endPosition;
     } else {
-      const index = content.toLowerCase().indexOf(entity.text.toLowerCase());
-      if (index === -1) continue;
-      start = index;
-      end = index + entity.text.length;
+      const index2 = content.toLowerCase().indexOf(entity.text.toLowerCase());
+      if (index2 === -1) continue;
+      start = index2;
+      end = index2 + entity.text.length;
     }
     const overlaps = usedRanges.some(
       (range) => !(end <= range.start || start >= range.end)
@@ -5942,6 +5955,268 @@ function useEntityStats(entities) {
     };
   }, [entities]);
 }
+function EnhancedContentV2({
+  ad,
+  aiContext,
+  className,
+  isLoading: _isLoading,
+  requestId,
+  slotId,
+  position,
+  totalAds,
+  enhancements,
+  onEntityClick,
+  onImpression
+}) {
+  var _a;
+  const { impressionRef } = useAdTrackingV2({
+    ad,
+    requestId,
+    slotId,
+    position,
+    totalAds,
+    onImpression
+  });
+  const [hoveredEntity, setHoveredEntity] = useState(null);
+  const entityContent = (_a = ad.content) == null ? void 0 : _a.entity_link_content;
+  const options = {
+    ...DEFAULT_OPTIONS,
+    ...enhancements,
+    ...entityContent ? {
+      entities: entityContent.entities,
+      replacements: entityContent.replacements
+    } : {}
+  };
+  const content = (entityContent == null ? void 0 : entityContent.originalText) || aiContext || "";
+  const processedContent = useMemo(() => {
+    const { entities, replacements, maxLinks, minConfidence, badgeStyle, overlapStrategy } = options;
+    const entityUrlMap = /* @__PURE__ */ new Map();
+    for (const replacement of replacements) {
+      entityUrlMap.set(replacement.originalText, replacement);
+    }
+    const minConf = minConfidence ?? DEFAULT_OPTIONS.minConfidence;
+    const validEntities = entities.filter((e) => {
+      const hasUrl = entityUrlMap.has(e.text);
+      const confidenceOk = e.confidence >= minConf;
+      return hasUrl && confidenceOk;
+    });
+    const sortedEntities = [...validEntities].sort((a, b) => {
+      if (a.startPosition >= 0 && b.startPosition >= 0) {
+        return a.startPosition - b.startPosition;
+      }
+      const aPos = content.toLowerCase().indexOf(a.text.toLowerCase());
+      const bPos = content.toLowerCase().indexOf(b.text.toLowerCase());
+      if (aPos === -1 && bPos === -1) {
+        return b.confidence - a.confidence;
+      }
+      if (aPos === -1) return 1;
+      if (bPos === -1) return -1;
+      return aPos - bPos;
+    });
+    const max = maxLinks ?? DEFAULT_OPTIONS.maxLinks;
+    const limitedEntities = sortedEntities.slice(0, max);
+    const strategy = overlapStrategy ?? DEFAULT_OPTIONS.overlapStrategy;
+    const filteredEntities = filterOverlappingEntities(
+      limitedEntities,
+      content,
+      strategy
+    );
+    const style = badgeStyle ?? DEFAULT_OPTIONS.badgeStyle;
+    return buildEnhancedContent(content, filteredEntities, entityUrlMap, style);
+  }, [content, options]);
+  const handleEntityClick = useCallback(async (entity, url) => {
+    var _a2;
+    const { trackAdClick: trackAdClick2 } = await Promise.resolve().then(() => index);
+    await trackAdClick2({
+      requestId,
+      adId: ad.id,
+      destinationUrl: url,
+      sessionId: "",
+      // Will be auto-generated
+      slotId,
+      adTitle: entity.text,
+      format: "entity_link",
+      source: (_a2 = ad.content) == null ? void 0 : _a2.brand
+    });
+    onEntityClick == null ? void 0 : onEntityClick(entity);
+    window.open(url, "_blank", "noopener,noreferrer");
+  }, [requestId, ad.id, ad.content, slotId, onEntityClick]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      ref: impressionRef,
+      className: cn("ad-component enhanced-content", className),
+      children: processedContent.map((part, index2) => {
+        if (part.type === "text") {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: part.content }, index2);
+        }
+        const { entity, url } = part;
+        const isHovered = hoveredEntity === entity.text;
+        const badgeStyle = options.badgeStyle ?? DEFAULT_OPTIONS.badgeStyle;
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "a",
+          {
+            href: url,
+            onClick: (e) => {
+              e.preventDefault();
+              handleEntityClick(entity, url);
+            },
+            onMouseEnter: () => setHoveredEntity(entity.text),
+            onMouseLeave: () => setHoveredEntity(null),
+            className: cn(
+              "entity-link inline-flex items-center gap-1 transition-all duration-200",
+              "text-ad-primary hover:text-ad-primary/80 hover:underline",
+              "font-medium cursor-pointer",
+              "focus:outline-none focus:ring-2 focus:ring-ad-primary/50 focus:ring-offset-2 rounded",
+              {
+                "opacity-90": isHovered
+              }
+            ),
+            "data-entity-type": entity.type,
+            "data-entity-text": entity.text,
+            "data-tracking": `entity_${entity.text.toLowerCase().replace(/\s+/g, "_")}`,
+            rel: "sponsored noopener noreferrer",
+            target: "_blank",
+            children: [
+              part.content,
+              renderBadge(entity, badgeStyle, isHovered)
+            ]
+          },
+          index2
+        );
+      })
+    }
+  );
+}
+function EnhancedContentV2Inline(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    EnhancedContentV2,
+    {
+      ...props,
+      className: "inline"
+    }
+  );
+}
+function EnhancedContentV2Block(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    EnhancedContentV2,
+    {
+      ...props,
+      className: "block"
+    }
+  );
+}
+function getAnalyticsFromGlobal$2(adId, slotId) {
+  if (typeof window === "undefined") return null;
+  const analytics = window.__AD_ANALYTICS__;
+  if (!analytics || !analytics.requestId) return null;
+  const { requestId, slotsMap, getAdAnalytics } = analytics;
+  if (getAdAnalytics) {
+    return getAdAnalytics(adId, slotId);
+  }
+  for (const [sid, slotInfo] of Object.entries(slotsMap || {})) {
+    if (slotId && sid !== slotId) continue;
+    const info = slotInfo;
+    const position = (info.ads || []).findIndex((a) => a.id === adId);
+    if (position !== -1) {
+      return {
+        requestId,
+        slotId: sid,
+        position,
+        totalAds: info.count
+      };
+    }
+  }
+  return null;
+}
+function EntityLinkAd({
+  ad,
+  slotId,
+  aiContext,
+  className,
+  isLoading = false,
+  badgeStyle,
+  overlapStrategy,
+  maxLinks,
+  minConfidence,
+  onEntityClick,
+  onImpression
+}) {
+  const analytics = useMemo(() => {
+    return getAnalyticsFromGlobal$2(ad.id, slotId);
+  }, [ad.id, slotId]);
+  useEffect(() => {
+    if (analytics) {
+      console.log(
+        `[EntityLinkAd] Auto-tracking enabled: requestId=${analytics.requestId}, slotId=${analytics.slotId}, position=${analytics.position}, totalAds=${analytics.totalAds}`
+      );
+    } else {
+      console.warn(
+        `[EntityLinkAd] Analytics data not found. Make sure useAiAds has completed. Falling back to basic rendering without tracking.`
+      );
+    }
+  }, [analytics]);
+  const enhancementOptions = useMemo(() => {
+    const options = {};
+    if (badgeStyle !== void 0) options.badgeStyle = badgeStyle;
+    if (overlapStrategy !== void 0) options.overlapStrategy = overlapStrategy;
+    if (maxLinks !== void 0) options.maxLinks = maxLinks;
+    if (minConfidence !== void 0) options.minConfidence = minConfidence;
+    return Object.keys(options).length > 0 ? options : void 0;
+  }, [badgeStyle, overlapStrategy, maxLinks, minConfidence]);
+  if (!analytics || !analytics.requestId) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EnhancedContentV2,
+      {
+        ad,
+        aiContext,
+        requestId: "",
+        slotId,
+        position: 0,
+        totalAds: 1,
+        className,
+        isLoading,
+        enhancements: enhancementOptions,
+        onEntityClick,
+        onImpression
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    EnhancedContentV2,
+    {
+      ad,
+      aiContext,
+      requestId: analytics.requestId,
+      slotId: analytics.slotId,
+      position: analytics.position,
+      totalAds: analytics.totalAds,
+      className,
+      isLoading,
+      enhancements: enhancementOptions,
+      onEntityClick,
+      onImpression
+    }
+  );
+}
+function EntityLinkAdInline(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    EntityLinkAd,
+    {
+      ...props,
+      className: "inline"
+    }
+  );
+}
+function EntityLinkAdBlock(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    EntityLinkAd,
+    {
+      ...props,
+      className: "block"
+    }
+  );
+}
 class TextWeaver {
   constructor() {
     __publicField(this, "suffixTemplates", [
@@ -6451,8 +6726,8 @@ function FollowUpAdMixed({
     if (!ad) return questions.map((q) => ({ type: "question", content: q }));
     const result = [];
     let adInserted = false;
-    questions.forEach((question, index) => {
-      if (index === adPosition && !adInserted) {
+    questions.forEach((question, index2) => {
+      if (index2 === adPosition && !adInserted) {
         result.push({ type: "ad", content: ad });
         adInserted = true;
       }
@@ -6463,7 +6738,7 @@ function FollowUpAdMixed({
     }
     return result;
   }, [questions, ad, adPosition]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex flex-wrap gap-2", className), children: items.map((item, index) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex flex-wrap gap-2", className), children: items.map((item, index2) => {
     if (item.type === "ad") {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         FollowUpAd,
@@ -6473,7 +6748,7 @@ function FollowUpAdMixed({
           onClick: onAdClick,
           onImpression: onAdImpression
         },
-        `ad-${index}`
+        `ad-${index2}`
       );
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -6489,7 +6764,7 @@ function FollowUpAdMixed({
         ),
         children: String(item.content)
       },
-      `question-${index}`
+      `question-${index2}`
     );
   }) });
 }
@@ -6636,8 +6911,8 @@ function SourceListWithAds({
     if (!ad) return sources.map((s) => ({ type: "source", content: s }));
     const result = [];
     let adInserted = false;
-    sources.forEach((source, index) => {
-      if (index === adPosition && !adInserted) {
+    sources.forEach((source, index2) => {
+      if (index2 === adPosition && !adInserted) {
         result.push({ type: "ad", content: ad });
         adInserted = true;
       }
@@ -6648,7 +6923,7 @@ function SourceListWithAds({
     }
     return result;
   }, [sources, ad, adPosition]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("space-y-1", className), children: items.map((item, index) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("space-y-1", className), children: items.map((item, index2) => {
     if (item.type === "ad") {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         SponsoredSource,
@@ -6658,7 +6933,7 @@ function SourceListWithAds({
           onClick: onAdClick,
           onImpression: onAdImpression
         },
-        `ad-${index}`
+        `ad-${index2}`
       );
     }
     const source = item.content;
@@ -6682,7 +6957,7 @@ function SourceListWithAds({
           )
         ]
       },
-      `source-${index}`
+      `source-${index2}`
     );
   }) });
 }
@@ -7529,7 +7804,7 @@ function StaticAdContainer({
         className
       ),
       style: { gap: `${gap}px` },
-      children: visibleAds.map((ad, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "animate-slide-up", style: { animationDelay: `${index * 30}ms` }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StaticAd, { ad, size }) }, ad.id))
+      children: visibleAds.map((ad, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "animate-slide-up", style: { animationDelay: `${index2 * 30}ms` }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StaticAd, { ad, size }) }, ad.id))
     }
   );
 }
@@ -7794,7 +8069,7 @@ function AdAnalyticsDashboard({
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-white/70 backdrop-blur-md rounded-2xl border border-ad-border/50 shadow-glass p-6", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-bold text-ad-text-primary mb-4", children: "Top Performing Ads" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: metrics.sort((a, b) => b.ctr - a.ctr).slice(0, 5).map((ad, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(AdPerformanceRow, { ad, rank: index + 1 }, ad.adId)) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4", children: metrics.sort((a, b) => b.ctr - a.ctr).slice(0, 5).map((ad, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(AdPerformanceRow, { ad, rank: index2 + 1 }, ad.adId)) })
       ] }),
       showBySource && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-white/70 backdrop-blur-md rounded-2xl border border-ad-border/50 shadow-glass p-6", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-bold text-ad-text-primary mb-4", children: "By Ad Source" }),
@@ -8805,6 +9080,12 @@ export {
   EnhancedContent,
   EnhancedContentBlock,
   EnhancedContentInline,
+  EnhancedContentV2,
+  EnhancedContentV2Block,
+  EnhancedContentV2Inline,
+  EntityLinkAd,
+  EntityLinkAdBlock,
+  EntityLinkAdInline,
   FollowUpAd,
   FollowUpAdMixed,
   FullPageLoading,