admesh-ui-sdk 0.3.1 → 0.4.0

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import xe, { useState as K, useCallback as E, useRef as X, useEffect as ae, useMemo as S } from "react";
-function fe(a) {
-  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
+import ge, { useState as I, useCallback as R, useRef as ae, useEffect as J, useMemo as z } from "react";
+function fe(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var C = { exports: {} }, R = {};
+var P = { exports: {} }, S = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,29 +12,29 @@ var C = { exports: {} }, R = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Z;
-function ge() {
-  if (Z) return R;
-  Z = 1;
-  var a = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
-  function n(m, l, s) {
+var te;
+function pe() {
+  if (te) return S;
+  te = 1;
+  var r = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function a(m, o, n) {
     var d = null;
-    if (s !== void 0 && (d = "" + s), l.key !== void 0 && (d = "" + l.key), "key" in l) {
-      s = {};
-      for (var u in l)
-        u !== "key" && (s[u] = l[u]);
-    } else s = l;
-    return l = s.ref, {
-      $$typeof: a,
+    if (n !== void 0 && (d = "" + n), o.key !== void 0 && (d = "" + o.key), "key" in o) {
+      n = {};
+      for (var i in o)
+        i !== "key" && (n[i] = o[i]);
+    } else n = o;
+    return o = n.ref, {
+      $$typeof: r,
       type: m,
       key: d,
-      ref: l !== void 0 ? l : null,
-      props: s
+      ref: o !== void 0 ? o : null,
+      props: n
     };
   }
-  return R.Fragment = o, R.jsx = n, R.jsxs = n, R;
+  return S.Fragment = t, S.jsx = a, S.jsxs = a, S;
 }
-var M = {};
+var L = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,307 +44,307 @@ var M = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Q;
-function pe() {
-  return Q || (Q = 1, process.env.NODE_ENV !== "production" && function() {
-    function a(r) {
-      if (r == null) return null;
-      if (typeof r == "function")
-        return r.$$typeof === me ? null : r.displayName || r.name || null;
-      if (typeof r == "string") return r;
-      switch (r) {
-        case _:
+var ne;
+function ye() {
+  return ne || (ne = 1, process.env.NODE_ENV !== "production" && function() {
+    function r(s) {
+      if (s == null) return null;
+      if (typeof s == "function")
+        return s.$$typeof === ue ? null : s.displayName || s.name || null;
+      if (typeof s == "string") return s;
+      switch (s) {
+        case b:
           return "Fragment";
         case w:
           return "Profiler";
-        case k:
+        case _:
           return "StrictMode";
-        case de:
+        case T:
           return "Suspense";
         case ie:
           return "SuspenseList";
-        case ce:
+        case me:
           return "Activity";
       }
-      if (typeof r == "object")
-        switch (typeof r.tag == "number" && console.error(
+      if (typeof s == "object")
+        switch (typeof s.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), r.$$typeof) {
-          case f:
+        ), s.$$typeof) {
+          case x:
             return "Portal";
-          case ne:
-            return (r.displayName || "Context") + ".Provider";
-          case A:
-            return (r._context.displayName || "Context") + ".Consumer";
-          case oe:
-            var i = r.render;
-            return r = r.displayName, r || (r = i.displayName || i.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case le:
-            return i = r.displayName || null, i !== null ? i : a(r.type) || "Memo";
-          case Y:
-            i = r._payload, r = r._init;
+          case V:
+            return (s.displayName || "Context") + ".Provider";
+          case C:
+            return (s._context.displayName || "Context") + ".Consumer";
+          case j:
+            var u = s.render;
+            return s = s.displayName, s || (s = u.displayName || u.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
+          case ce:
+            return u = s.displayName || null, u !== null ? u : r(s.type) || "Memo";
+          case K:
+            u = s._payload, s = s._init;
             try {
-              return a(r(i));
+              return r(s(u));
             } catch {
             }
         }
       return null;
     }
-    function o(r) {
-      return "" + r;
+    function t(s) {
+      return "" + s;
     }
-    function n(r) {
+    function a(s) {
       try {
-        o(r);
-        var i = !1;
+        t(s);
+        var u = !1;
       } catch {
-        i = !0;
+        u = !0;
       }
-      if (i) {
-        i = console;
-        var x = i.error, g = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return x.call(
-          i,
+      if (u) {
+        u = console;
+        var g = u.error, v = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return g.call(
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          g
-        ), o(r);
+          v
+        ), t(s);
       }
     }
-    function m(r) {
-      if (r === _) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === Y)
+    function m(s) {
+      if (s === b) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === K)
         return "<...>";
       try {
-        var i = a(r);
-        return i ? "<" + i + ">" : "<...>";
+        var u = r(s);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function l() {
-      var r = P.A;
-      return r === null ? null : r.getOwner();
+    function o() {
+      var s = W.A;
+      return s === null ? null : s.getOwner();
     }
-    function s() {
+    function n() {
       return Error("react-stack-top-frame");
     }
-    function d(r) {
-      if (U.call(r, "key")) {
-        var i = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (i && i.isReactWarning) return !1;
+    function d(s) {
+      if (X.call(s, "key")) {
+        var u = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
-      return r.key !== void 0;
+      return s.key !== void 0;
     }
-    function u(r, i) {
-      function x() {
-        D || (D = !0, console.error(
+    function i(s, u) {
+      function g() {
+        Q || (Q = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          i
+          u
         ));
       }
-      x.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: x,
+      g.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: g,
         configurable: !0
       });
     }
-    function v() {
-      var r = a(this.type);
-      return H[r] || (H[r] = !0, console.error(
+    function f() {
+      var s = r(this.type);
+      return Z[s] || (Z[s] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), r = this.props.ref, r !== void 0 ? r : null;
+      )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function b(r, i, x, g, N, j, I, z) {
-      return x = j.ref, r = {
+    function p(s, u, g, v, A, M, $, Y) {
+      return g = M.ref, s = {
         $$typeof: y,
-        type: r,
-        key: i,
-        props: j,
-        _owner: N
-      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(r, "ref", {
+        type: s,
+        key: u,
+        props: M,
+        _owner: A
+      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
-        get: v
-      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
+        get: f
+      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(r, "_debugInfo", {
+      }), Object.defineProperty(s, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(r, "_debugStack", {
+      }), Object.defineProperty(s, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: I
-      }), Object.defineProperty(r, "_debugTask", {
+        value: $
+      }), Object.defineProperty(s, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
-      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+        value: Y
+      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function t(r, i, x, g, N, j, I, z) {
-      var p = i.children;
-      if (p !== void 0)
-        if (g)
-          if (ue(p)) {
-            for (g = 0; g < p.length; g++)
-              c(p[g]);
-            Object.freeze && Object.freeze(p);
+    function l(s, u, g, v, A, M, $, Y) {
+      var k = u.children;
+      if (k !== void 0)
+        if (v)
+          if (he(k)) {
+            for (v = 0; v < k.length; v++)
+              c(k[v]);
+            Object.freeze && Object.freeze(k);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else c(p);
-      if (U.call(i, "key")) {
-        p = a(r);
-        var T = Object.keys(i).filter(function(he) {
-          return he !== "key";
+        else c(k);
+      if (X.call(u, "key")) {
+        k = r(s);
+        var E = Object.keys(u).filter(function(xe) {
+          return xe !== "key";
         });
-        g = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", G[p + g] || (T = 0 < T.length ? "{" + T.join(": ..., ") + ": ...}" : "{}", console.error(
+        v = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", se[k + v] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          g,
-          p,
-          T,
-          p
-        ), G[p + g] = !0);
+          v,
+          k,
+          E,
+          k
+        ), se[k + v] = !0);
       }
-      if (p = null, x !== void 0 && (n(x), p = "" + x), d(i) && (n(i.key), p = "" + i.key), "key" in i) {
-        x = {};
-        for (var $ in i)
-          $ !== "key" && (x[$] = i[$]);
-      } else x = i;
-      return p && u(
-        x,
-        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), b(
-        r,
-        p,
-        j,
-        N,
-        l(),
-        x,
-        I,
-        z
+      if (k = null, g !== void 0 && (a(g), k = "" + g), d(u) && (a(u.key), k = "" + u.key), "key" in u) {
+        g = {};
+        for (var U in u)
+          U !== "key" && (g[U] = u[U]);
+      } else g = u;
+      return k && i(
+        g,
+        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
+      ), p(
+        s,
+        k,
+        M,
+        A,
+        o(),
+        g,
+        $,
+        Y
       );
     }
-    function c(r) {
-      typeof r == "object" && r !== null && r.$$typeof === y && r._store && (r._store.validated = 1);
+    function c(s) {
+      typeof s == "object" && s !== null && s.$$typeof === y && s._store && (s._store.validated = 1);
     }
-    var h = xe, y = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), ne = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), de = Symbol.for("react.suspense"), ie = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), me = Symbol.for("react.client.reference"), P = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, ue = Array.isArray, L = console.createTask ? console.createTask : function() {
+    var h = ge, y = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), V = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), ie = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), K = Symbol.for("react.lazy"), me = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), W = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, he = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
     h = {
-      "react-stack-bottom-frame": function(r) {
-        return r();
+      "react-stack-bottom-frame": function(s) {
+        return s();
       }
     };
-    var D, H = {}, q = h["react-stack-bottom-frame"].bind(
+    var Q, Z = {}, ee = h["react-stack-bottom-frame"].bind(
       h,
-      s
-    )(), J = L(m(s)), G = {};
-    M.Fragment = _, M.jsx = function(r, i, x, g, N) {
-      var j = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return t(
-        r,
-        i,
-        x,
-        !1,
+      n
+    )(), re = F(m(n)), se = {};
+    L.Fragment = b, L.jsx = function(s, u, g, v, A) {
+      var M = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return l(
+        s,
+        u,
         g,
-        N,
-        j ? Error("react-stack-top-frame") : q,
-        j ? L(m(r)) : J
+        !1,
+        v,
+        A,
+        M ? Error("react-stack-top-frame") : ee,
+        M ? F(m(s)) : re
       );
-    }, M.jsxs = function(r, i, x, g, N) {
-      var j = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return t(
-        r,
-        i,
-        x,
-        !0,
+    }, L.jsxs = function(s, u, g, v, A) {
+      var M = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return l(
+        s,
+        u,
         g,
-        N,
-        j ? Error("react-stack-top-frame") : q,
-        j ? L(m(r)) : J
+        !0,
+        v,
+        A,
+        M ? Error("react-stack-top-frame") : ee,
+        M ? F(m(s)) : re
       );
     };
-  }()), M;
+  }()), L;
 }
-var ee;
-function ye() {
-  return ee || (ee = 1, process.env.NODE_ENV === "production" ? C.exports = ge() : C.exports = pe()), C.exports;
+var le;
+function be() {
+  return le || (le = 1, process.env.NODE_ENV === "production" ? P.exports = pe() : P.exports = ye()), P.exports;
 }
-var e = ye(), F = { exports: {} };
+var e = be(), D = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var re;
+var de;
 function ve() {
-  return re || (re = 1, function(a) {
+  return de || (de = 1, function(r) {
     (function() {
-      var o = {}.hasOwnProperty;
-      function n() {
-        for (var s = "", d = 0; d < arguments.length; d++) {
-          var u = arguments[d];
-          u && (s = l(s, m(u)));
+      var t = {}.hasOwnProperty;
+      function a() {
+        for (var n = "", d = 0; d < arguments.length; d++) {
+          var i = arguments[d];
+          i && (n = o(n, m(i)));
         }
-        return s;
+        return n;
       }
-      function m(s) {
-        if (typeof s == "string" || typeof s == "number")
-          return s;
-        if (typeof s != "object")
+      function m(n) {
+        if (typeof n == "string" || typeof n == "number")
+          return n;
+        if (typeof n != "object")
           return "";
-        if (Array.isArray(s))
-          return n.apply(null, s);
-        if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
-          return s.toString();
+        if (Array.isArray(n))
+          return a.apply(null, n);
+        if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
+          return n.toString();
         var d = "";
-        for (var u in s)
-          o.call(s, u) && s[u] && (d = l(d, u));
+        for (var i in n)
+          t.call(n, i) && n[i] && (d = o(d, i));
         return d;
       }
-      function l(s, d) {
-        return d ? s ? s + " " + d : s + d : s;
+      function o(n, d) {
+        return d ? n ? n + " " + d : n + d : n;
       }
-      a.exports ? (n.default = n, a.exports = n) : window.classNames = n;
+      r.exports ? (a.default = a, r.exports = a) : window.classNames = a;
     })();
-  }(F)), F.exports;
+  }(D)), D.exports;
 }
-var be = ve();
-const O = /* @__PURE__ */ fe(be), _e = "https://api.useadmesh.com/track";
-let B = {
-  apiBaseUrl: _e,
+var ke = ve();
+const N = /* @__PURE__ */ fe(ke), je = "https://api.useadmesh.com/track";
+let q = {
+  apiBaseUrl: je,
   enabled: !0,
   debug: !1,
   retryAttempts: 3,
   retryDelay: 1e3
 };
-const Ce = (a) => {
-  B = { ...B, ...a };
-}, ke = (a) => {
-  const [o, n] = K(!1), [m, l] = K(null), s = { ...B, ...a }, d = E((c, h) => {
-    s.debug && console.log(`[AdMesh Tracker] ${c}`, h);
-  }, [s.debug]), u = E(async (c, h) => {
-    if (!s.enabled) {
+const Le = (r) => {
+  q = { ...q, ...r };
+}, _e = (r) => {
+  const [t, a] = I(!1), [m, o] = I(null), n = { ...q, ...r }, d = R((c, h) => {
+    n.debug && console.log(`[AdMesh Tracker] ${c}`, h);
+  }, [n.debug]), i = R(async (c, h) => {
+    if (!n.enabled) {
       d("Tracking disabled, skipping event", { eventType: c, data: h });
       return;
     }
     if (!h.adId || !h.admeshLink) {
-      const k = "Missing required tracking data: adId and admeshLink are required";
-      d(k, h), l(k);
+      const _ = "Missing required tracking data: adId and admeshLink are required";
+      d(_, h), o(_);
       return;
     }
-    n(!0), l(null);
+    a(!0), o(null);
     const y = {
       event_type: c,
       ad_id: h.adId,
@@ -361,10 +361,10 @@ const Ce = (a) => {
       page_url: window.location.href
     };
     d(`Sending ${c} event`, y);
-    let f = null;
-    for (let k = 1; k <= (s.retryAttempts || 3); k++)
+    let x = null;
+    for (let _ = 1; _ <= (n.retryAttempts || 3); _++)
       try {
-        const w = await fetch(`${s.apiBaseUrl}/events`, {
+        const w = await fetch(`${n.apiBaseUrl}/events`, {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
@@ -373,58 +373,58 @@ const Ce = (a) => {
         });
         if (!w.ok)
           throw new Error(`HTTP ${w.status}: ${w.statusText}`);
-        const A = await w.json();
-        d(`${c} event tracked successfully`, A), n(!1);
+        const C = await w.json();
+        d(`${c} event tracked successfully`, C), a(!1);
         return;
       } catch (w) {
-        f = w, d(`Attempt ${k} failed for ${c} event`, w), k < (s.retryAttempts || 3) && await new Promise(
-          (A) => setTimeout(A, (s.retryDelay || 1e3) * k)
+        x = w, d(`Attempt ${_} failed for ${c} event`, w), _ < (n.retryAttempts || 3) && await new Promise(
+          (C) => setTimeout(C, (n.retryDelay || 1e3) * _)
         );
       }
-    const _ = `Failed to track ${c} event after ${s.retryAttempts} attempts: ${f == null ? void 0 : f.message}`;
-    d(_, f), l(_), n(!1);
-  }, [s, d]), v = E(async (c) => u("click", c), [u]), b = E(async (c) => u("view", c), [u]), t = E(async (c) => (!c.revenue && !c.conversionType && d("Warning: Conversion tracking without revenue or conversion type", c), u("conversion", c)), [u]);
+    const b = `Failed to track ${c} event after ${n.retryAttempts} attempts: ${x == null ? void 0 : x.message}`;
+    d(b, x), o(b), a(!1);
+  }, [n, d]), f = R(async (c) => i("click", c), [i]), p = R(async (c) => i("view", c), [i]), l = R(async (c) => (!c.revenue && !c.conversionType && d("Warning: Conversion tracking without revenue or conversion type", c), i("conversion", c)), [i]);
   return {
-    trackClick: v,
-    trackView: b,
-    trackConversion: t,
-    isTracking: o,
+    trackClick: f,
+    trackView: p,
+    trackConversion: l,
+    isTracking: t,
     error: m
   };
-}, Se = (a, o, n) => {
+}, Pe = (r, t, a) => {
   try {
-    const m = new URL(a);
-    return m.searchParams.set("ad_id", o), m.searchParams.set("utm_source", "admesh"), m.searchParams.set("utm_medium", "recommendation"), n && Object.entries(n).forEach(([l, s]) => {
-      m.searchParams.set(l, s);
+    const m = new URL(r);
+    return m.searchParams.set("ad_id", t), m.searchParams.set("utm_source", "admesh"), m.searchParams.set("utm_medium", "recommendation"), a && Object.entries(a).forEach(([o, n]) => {
+      m.searchParams.set(o, n);
     }), m.toString();
   } catch {
-    return console.warn("[AdMesh] Invalid URL provided to buildAdMeshLink:", a), a;
+    return console.warn("[AdMesh] Invalid URL provided to buildAdMeshLink:", r), r;
   }
-}, Oe = (a, o) => ({
-  adId: a.ad_id,
-  admeshLink: a.admesh_link,
-  productId: a.product_id,
-  ...o
-}), W = ({
-  adId: a,
-  admeshLink: o,
-  productId: n,
+}, Oe = (r, t) => ({
+  adId: r.ad_id,
+  admeshLink: r.admesh_link,
+  productId: r.product_id,
+  ...t
+}), B = ({
+  adId: r,
+  admeshLink: t,
+  productId: a,
   children: m,
-  onClick: l,
-  trackingData: s,
+  onClick: o,
+  trackingData: n,
   className: d
 }) => {
-  const { trackClick: u, trackView: v } = ke(), b = X(null), t = X(!1);
-  ae(() => {
-    if (!b.current || t.current) return;
+  const { trackClick: i, trackView: f } = _e(), p = ae(null), l = ae(!1);
+  J(() => {
+    if (!p.current || l.current) return;
     const h = new IntersectionObserver(
       (y) => {
-        y.forEach((f) => {
-          f.isIntersecting && !t.current && (t.current = !0, v({
-            adId: a,
-            admeshLink: o,
-            productId: n,
-            ...s
+        y.forEach((x) => {
+          x.isIntersecting && !l.current && (l.current = !0, f({
+            adId: r,
+            admeshLink: t,
+            productId: a,
+            ...n
           }).catch(console.error));
         });
       },
@@ -434,27 +434,27 @@ const Ce = (a) => {
         rootMargin: "0px"
       }
     );
-    return h.observe(b.current), () => {
+    return h.observe(p.current), () => {
       h.disconnect();
     };
-  }, [a, o, n, s, v]);
-  const c = E(async (h) => {
+  }, [r, t, a, n, f]);
+  const c = R(async (h) => {
     try {
-      await u({
-        adId: a,
-        admeshLink: o,
-        productId: n,
-        ...s
+      await i({
+        adId: r,
+        admeshLink: t,
+        productId: a,
+        ...n
       });
-    } catch (_) {
-      console.error("Failed to track click:", _);
+    } catch (b) {
+      console.error("Failed to track click:", b);
     }
-    l && l(), h.target.closest("a") || window.open(o, "_blank", "noopener,noreferrer");
-  }, [a, o, n, s, u, l]);
+    o && o(), h.target.closest("a") || window.open(t, "_blank", "noopener,noreferrer");
+  }, [r, t, a, n, i, o]);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: b,
+      ref: p,
       className: d,
       onClick: c,
       style: { cursor: "pointer" },
@@ -462,66 +462,66 @@ const Ce = (a) => {
     }
   );
 };
-W.displayName = "AdMeshLinkTracker";
-const se = ({
-  recommendation: a,
-  theme: o,
-  showMatchScore: n = !0,
+B.displayName = "AdMeshLinkTracker";
+const G = ({
+  recommendation: r,
+  theme: t,
+  showMatchScore: a = !0,
   showBadges: m = !0,
-  onClick: l,
-  className: s
+  onClick: o,
+  className: n
 }) => {
-  const d = S(() => {
+  const d = z(() => {
     var y;
-    const t = [];
-    a.intent_match_score >= 0.8 && t.push("Top Match"), a.has_free_tier && t.push("Free Tier"), a.trial_days && a.trial_days > 0 && t.push("Trial Available");
+    const l = [];
+    r.intent_match_score >= 0.8 && l.push("Top Match"), r.has_free_tier && l.push("Free Tier"), r.trial_days && r.trial_days > 0 && l.push("Trial Available");
     const c = ["ai", "artificial intelligence", "machine learning", "ml", "automation"];
-    return (((y = a.keywords) == null ? void 0 : y.some(
-      (f) => c.some((_) => f.toLowerCase().includes(_))
-    )) || a.title.toLowerCase().includes("ai")) && t.push("AI Powered"), t;
-  }, [a]), u = Math.round(a.intent_match_score * 100), v = O(
+    return (((y = r.keywords) == null ? void 0 : y.some(
+      (x) => c.some((b) => x.toLowerCase().includes(b))
+    )) || r.title.toLowerCase().includes("ai")) && l.push("AI Powered"), l;
+  }, [r]), i = Math.round(r.intent_match_score * 100), f = N(
     "admesh-component",
     "admesh-card",
     "relative p-3 rounded-lg bg-white dark:bg-slate-800 border border-gray-200 dark:border-slate-700 shadow-sm hover:shadow transition-shadow cursor-pointer",
-    s
-  ), b = o != null && o.accentColor ? {
-    "--admesh-primary": o.accentColor,
-    "--admesh-primary-hover": o.accentColor + "dd"
+    n
+  ), p = t != null && t.accentColor ? {
+    "--admesh-primary": t.accentColor,
+    "--admesh-primary-hover": t.accentColor + "dd"
     // Add some transparency for hover
   } : void 0;
   return /* @__PURE__ */ e.jsx(
-    W,
+    B,
     {
-      adId: a.ad_id,
-      admeshLink: a.admesh_link,
-      productId: a.product_id,
-      onClick: () => l == null ? void 0 : l(a.ad_id, a.admesh_link),
+      adId: r.ad_id,
+      admeshLink: r.admesh_link,
+      productId: r.product_id,
+      onClick: () => o == null ? void 0 : o(r.ad_id, r.admesh_link),
       trackingData: {
-        title: a.title,
-        matchScore: a.intent_match_score
+        title: r.title,
+        matchScore: r.intent_match_score
       },
-      className: v,
+      className: f,
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "h-full flex flex-col",
-          style: b,
-          "data-admesh-theme": o == null ? void 0 : o.mode,
+          style: p,
+          "data-admesh-theme": t == null ? void 0 : t.mode,
           children: [
             /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-start mb-2", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
               m && d.includes("Top Match") && /* @__PURE__ */ e.jsx("span", { className: "text-xs font-semibold text-white bg-black px-2 py-0.5 rounded-full", children: "Top Match" }),
-              /* @__PURE__ */ e.jsx("h4", { className: "font-semibold text-gray-800 dark:text-gray-200", children: a.title }),
+              /* @__PURE__ */ e.jsx("h4", { className: "font-semibold text-gray-800 dark:text-gray-200", children: r.title }),
               /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs("button", { className: "text-xs px-2 py-1 rounded-full bg-black text-white hover:bg-gray-800 flex items-center", children: [
                 "Visit",
                 /* @__PURE__ */ e.jsx("svg", { className: "ml-1 h-3 w-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) })
               ] }) })
             ] }) }),
-            /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300 mb-3", children: a.reason }),
-            n && typeof a.intent_match_score == "number" && /* @__PURE__ */ e.jsxs("div", { className: "mb-3", children: [
+            /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300 mb-3", children: r.reason }),
+            a && typeof r.intent_match_score == "number" && /* @__PURE__ */ e.jsxs("div", { className: "mb-3", children: [
               /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400 mb-1", children: [
                 /* @__PURE__ */ e.jsx("span", { children: "Confidence" }),
                 /* @__PURE__ */ e.jsxs("span", { children: [
-                  u,
+                  i,
                   "%"
                 ] })
               ] }),
@@ -529,54 +529,54 @@ const se = ({
                 "div",
                 {
                   className: "bg-black h-1.5",
-                  style: { width: `${u}%` }
+                  style: { width: `${i}%` }
                 }
               ) })
             ] }),
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-2 text-xs mb-2", children: [
-              a.pricing && /* @__PURE__ */ e.jsxs("span", { className: "flex items-center text-gray-600 dark:text-gray-400", children: [
+              r.pricing && /* @__PURE__ */ e.jsxs("span", { className: "flex items-center text-gray-600 dark:text-gray-400", children: [
                 /* @__PURE__ */ e.jsx("svg", { className: "h-3 w-3 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" }) }),
-                a.pricing
+                r.pricing
               ] }),
-              a.has_free_tier && /* @__PURE__ */ e.jsxs("span", { className: "flex items-center px-1.5 py-0.5 bg-gray-100 dark:bg-gray-900/30 text-gray-700 dark:text-gray-400 rounded-full", children: [
+              r.has_free_tier && /* @__PURE__ */ e.jsxs("span", { className: "flex items-center px-1.5 py-0.5 bg-gray-100 dark:bg-gray-900/30 text-gray-700 dark:text-gray-400 rounded-full", children: [
                 /* @__PURE__ */ e.jsx("svg", { className: "h-3 w-3 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7" }) }),
                 "Free Tier"
               ] }),
-              a.trial_days && a.trial_days > 0 && /* @__PURE__ */ e.jsxs("span", { className: "flex items-center text-gray-600 dark:text-gray-400", children: [
+              r.trial_days && r.trial_days > 0 && /* @__PURE__ */ e.jsxs("span", { className: "flex items-center text-gray-600 dark:text-gray-400", children: [
                 /* @__PURE__ */ e.jsx("svg", { className: "h-3 w-3 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3a2 2 0 012-2h4a2 2 0 012 2v4m-6 4v10m6-10v10m-6 0h6" }) }),
-                a.trial_days,
+                r.trial_days,
                 "-day trial"
               ] })
             ] }),
-            a.features && a.features.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mb-2", children: [
+            r.features && r.features.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mb-2", children: [
               /* @__PURE__ */ e.jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400 mb-1", children: "Features:" }),
-              /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1.5", children: a.features.map((t, c) => /* @__PURE__ */ e.jsxs(
+              /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1.5", children: r.features.map((l, c) => /* @__PURE__ */ e.jsxs(
                 "span",
                 {
                   className: "text-xs px-2 py-0.5 rounded-full bg-gray-100 dark:bg-slate-700 text-gray-700 dark:text-gray-300",
                   children: [
                     /* @__PURE__ */ e.jsx("svg", { className: "h-3 w-3 mr-0.5 inline text-gray-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-                    t
+                    l
                   ]
                 },
                 c
               )) })
             ] }),
-            a.integrations && a.integrations.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mb-2", children: [
+            r.integrations && r.integrations.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mb-2", children: [
               /* @__PURE__ */ e.jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400 mb-1", children: "Integrates with:" }),
-              /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1.5", children: a.integrations.map((t, c) => /* @__PURE__ */ e.jsxs(
+              /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1.5", children: r.integrations.map((l, c) => /* @__PURE__ */ e.jsxs(
                 "span",
                 {
                   className: "text-xs px-2 py-0.5 rounded-full bg-gray-100 dark:bg-gray-900/30 text-gray-700 dark:text-gray-300",
                   children: [
                     /* @__PURE__ */ e.jsx("svg", { className: "h-3 w-3 mr-0.5 inline", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }),
-                    t
+                    l
                   ]
                 },
                 c
               )) })
             ] }),
-            a.reviews_summary && /* @__PURE__ */ e.jsx("div", { className: "text-xs text-gray-600 dark:text-gray-400 mt-2", children: a.reviews_summary }),
+            r.reviews_summary && /* @__PURE__ */ e.jsx("div", { className: "text-xs text-gray-600 dark:text-gray-400 mt-2", children: r.reviews_summary }),
             /* @__PURE__ */ e.jsx("div", { className: "flex justify-end mt-auto pt-2", children: /* @__PURE__ */ e.jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: "Powered by AdMesh" }) })
           ]
         }
@@ -584,29 +584,29 @@ const se = ({
     }
   );
 };
-se.displayName = "AdMeshProductCard";
-const te = ({
-  recommendations: a,
-  theme: o,
-  maxProducts: n = 3,
+G.displayName = "AdMeshProductCard";
+const oe = ({
+  recommendations: r,
+  theme: t,
+  maxProducts: a = 3,
   showMatchScores: m = !0,
-  showFeatures: l = !0,
-  onProductClick: s,
+  showFeatures: o = !0,
+  onProductClick: n,
   className: d
 }) => {
-  const u = S(() => a.slice(0, n), [a, n]), v = O(
+  const i = z(() => r.slice(0, a), [r, a]), f = N(
     "admesh-component",
     "admesh-compare-layout",
     d
-  ), b = o != null && o.accentColor ? {
-    "--admesh-primary": o.accentColor
+  ), p = t != null && t.accentColor ? {
+    "--admesh-primary": t.accentColor
   } : void 0;
-  return u.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: v, children: /* @__PURE__ */ e.jsx("div", { className: "p-8 text-center text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ e.jsx("p", { children: "No products to compare" }) }) }) : /* @__PURE__ */ e.jsx(
+  return i.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: f, children: /* @__PURE__ */ e.jsx("div", { className: "p-8 text-center text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ e.jsx("p", { children: "No products to compare" }) }) }) : /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: v,
-      style: b,
-      "data-admesh-theme": o == null ? void 0 : o.mode,
+      className: f,
+      style: p,
+      "data-admesh-theme": t == null ? void 0 : t.mode,
       children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-6", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "text-center", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-2 mb-2", children: [
@@ -614,17 +614,17 @@ const te = ({
             /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-800 dark:text-gray-200", children: "Smart Comparison" })
           ] }),
           /* @__PURE__ */ e.jsxs("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
-            u.length,
+            i.length,
             " intelligent matches found"
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: u.map((t, c) => /* @__PURE__ */ e.jsxs(
-          W,
+        /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: i.map((l, c) => /* @__PURE__ */ e.jsxs(
+          B,
           {
-            adId: t.ad_id,
-            admeshLink: t.admesh_link,
-            productId: t.product_id,
-            onClick: () => s == null ? void 0 : s(t.ad_id, t.admesh_link),
+            adId: l.ad_id,
+            admeshLink: l.admesh_link,
+            productId: l.product_id,
+            onClick: () => n == null ? void 0 : n(l.ad_id, l.admesh_link),
             className: "relative p-4 rounded-lg bg-white dark:bg-slate-800 border border-gray-200 dark:border-slate-700 shadow-sm hover:shadow transition-shadow",
             children: [
               /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-start mb-3", children: [
@@ -636,16 +636,16 @@ const te = ({
                   ] })
                 ] }),
                 m && /* @__PURE__ */ e.jsxs("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
-                  Math.round(t.intent_match_score * 100),
+                  Math.round(l.intent_match_score * 100),
                   "% match"
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx("h4", { className: "font-semibold text-gray-800 dark:text-gray-200 mb-2", children: t.title }),
+              /* @__PURE__ */ e.jsx("h4", { className: "font-semibold text-gray-800 dark:text-gray-200 mb-2", children: l.title }),
               m && /* @__PURE__ */ e.jsxs("div", { className: "mb-3", children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400 mb-1", children: [
                   /* @__PURE__ */ e.jsx("span", { children: "Confidence" }),
                   /* @__PURE__ */ e.jsxs("span", { children: [
-                    Math.round(t.intent_match_score * 100),
+                    Math.round(l.intent_match_score * 100),
                     "%"
                   ] })
                 ] }),
@@ -653,29 +653,29 @@ const te = ({
                   "div",
                   {
                     className: "bg-black h-1.5",
-                    style: { width: `${Math.round(t.intent_match_score * 100)}%` }
+                    style: { width: `${Math.round(l.intent_match_score * 100)}%` }
                   }
                 ) })
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-2 text-xs mb-3", children: [
-                t.pricing && /* @__PURE__ */ e.jsxs("span", { className: "flex items-center text-gray-600 dark:text-gray-400", children: [
+                l.pricing && /* @__PURE__ */ e.jsxs("span", { className: "flex items-center text-gray-600 dark:text-gray-400", children: [
                   /* @__PURE__ */ e.jsx("svg", { className: "h-3 w-3 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" }) }),
-                  t.pricing
+                  l.pricing
                 ] }),
-                t.has_free_tier && /* @__PURE__ */ e.jsxs("span", { className: "flex items-center px-1.5 py-0.5 bg-gray-100 dark:bg-gray-900/30 text-gray-700 dark:text-gray-400 rounded-full", children: [
+                l.has_free_tier && /* @__PURE__ */ e.jsxs("span", { className: "flex items-center px-1.5 py-0.5 bg-gray-100 dark:bg-gray-900/30 text-gray-700 dark:text-gray-400 rounded-full", children: [
                   /* @__PURE__ */ e.jsx("svg", { className: "h-3 w-3 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7" }) }),
                   "Free Tier"
                 ] }),
-                t.trial_days && t.trial_days > 0 && /* @__PURE__ */ e.jsxs("span", { className: "flex items-center text-gray-600 dark:text-gray-400", children: [
+                l.trial_days && l.trial_days > 0 && /* @__PURE__ */ e.jsxs("span", { className: "flex items-center text-gray-600 dark:text-gray-400", children: [
                   /* @__PURE__ */ e.jsx("svg", { className: "h-3 w-3 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3a2 2 0 012-2h4a2 2 0 012 2v4m-6 4v10m6-10v10m-6 0h6" }) }),
-                  t.trial_days,
+                  l.trial_days,
                   "-day trial"
                 ] })
               ] }),
-              l && t.features && t.features.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mb-3", children: [
+              o && l.features && l.features.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mb-3", children: [
                 /* @__PURE__ */ e.jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400 mb-1", children: "Key Features:" }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
-                  t.features.slice(0, 4).map((h, y) => /* @__PURE__ */ e.jsxs(
+                  l.features.slice(0, 4).map((h, y) => /* @__PURE__ */ e.jsxs(
                     "span",
                     {
                       className: "text-xs px-2 py-0.5 rounded-full bg-gray-100 dark:bg-slate-700 text-gray-700 dark:text-gray-300",
@@ -686,9 +686,9 @@ const te = ({
                     },
                     y
                   )),
-                  (t.features.length || 0) > 4 && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400 italic", children: [
+                  (l.features.length || 0) > 4 && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400 italic", children: [
                     "+",
-                    t.features.length - 4,
+                    l.features.length - 4,
                     " more"
                   ] })
                 ] })
@@ -699,7 +699,7 @@ const te = ({
               ] })
             ]
           },
-          t.product_id || c
+          l.product_id || c
         )) }),
         /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center mt-6 pt-4 border-t border-gray-200/50 dark:border-gray-700/50", children: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-1.5 text-xs text-gray-400 dark:text-gray-500", children: [
           /* @__PURE__ */ e.jsx("svg", { className: "w-3 h-3 text-indigo-500", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z", clipRule: "evenodd" }) }),
@@ -710,40 +710,40 @@ const te = ({
     }
   );
 };
-te.displayName = "AdMeshCompareTable";
-const je = {
+oe.displayName = "AdMeshCompareTable";
+const we = {
   "Top Match": "primary",
   "Free Tier": "success",
   "AI Powered": "secondary",
   Popular: "warning",
   New: "primary",
   "Trial Available": "success"
-}, we = {
+}, Ne = {
   "Top Match": "★",
   "Free Tier": "◆",
   "AI Powered": "◉",
   Popular: "▲",
   New: "●",
   "Trial Available": "◈"
-}, Ne = ({
-  type: a,
-  variant: o,
-  size: n = "md",
+}, Me = ({
+  type: r,
+  variant: t,
+  size: a = "md",
   className: m
 }) => {
-  const l = o || je[a] || "secondary", s = we[a], d = O(
+  const o = t || we[r] || "secondary", n = Ne[r], d = N(
     "admesh-component",
     "admesh-badge",
-    `admesh-badge--${l}`,
-    `admesh-badge--${n}`,
+    `admesh-badge--${o}`,
+    `admesh-badge--${a}`,
     m
   );
   return /* @__PURE__ */ e.jsxs("span", { className: d, children: [
-    s && /* @__PURE__ */ e.jsx("span", { className: "admesh-badge__icon", children: s }),
-    /* @__PURE__ */ e.jsx("span", { className: "admesh-badge__text", children: a })
+    n && /* @__PURE__ */ e.jsx("span", { className: "admesh-badge__icon", children: n }),
+    /* @__PURE__ */ e.jsx("span", { className: "admesh-badge__text", children: r })
   ] });
 };
-Ne.displayName = "AdMeshBadge";
+Me.displayName = "AdMeshBadge";
 const Te = `
 /* AdMesh UI SDK Scoped Styles - Smart Recommendations Design */
 .admesh-component {
@@ -995,19 +995,19 @@ const Te = `
   }
 }
 `;
-let V = !1;
-const Ee = () => {
-  ae(() => {
-    if (V) return;
-    const a = document.createElement("style");
-    return a.id = "admesh-ui-sdk-styles", a.textContent = Te, document.getElementById("admesh-ui-sdk-styles") || (document.head.appendChild(a), V = !0), () => {
-      const o = document.getElementById("admesh-ui-sdk-styles");
-      o && document.head.contains(o) && (document.head.removeChild(o), V = !1);
+let H = !1;
+const Ae = () => {
+  J(() => {
+    if (H) return;
+    const r = document.createElement("style");
+    return r.id = "admesh-ui-sdk-styles", r.textContent = Te, document.getElementById("admesh-ui-sdk-styles") || (document.head.appendChild(r), H = !0), () => {
+      const t = document.getElementById("admesh-ui-sdk-styles");
+      t && document.head.contains(t) && (document.head.removeChild(t), H = !1);
     };
   }, []);
-}, Ae = (a, o, n) => {
-  if (!n && o)
-    switch (o) {
+}, Ce = (r, t, a) => {
+  if (!a && t)
+    switch (t) {
       case "compare_products":
         return "compare";
       case "best_for_use_case":
@@ -1017,38 +1017,33 @@ const Ee = () => {
       default:
         return "cards";
     }
-  const m = a.length;
+  const m = r.length;
   if (m >= 2 && m <= 4) {
-    const l = a.some((d) => d.features && d.features.length > 0), s = a.some((d) => d.pricing);
-    if (l || s)
+    const o = r.some((d) => d.features && d.features.length > 0), n = r.some((d) => d.pricing);
+    if (o || n)
       return "compare";
   }
   return "cards";
-}, Re = ({
-  recommendations: a,
-  intentType: o,
-  theme: n,
+}, Ee = ({
+  recommendations: r,
+  intentType: t,
+  theme: a,
   maxDisplayed: m = 6,
-  showMatchScores: l = !0,
-  showFeatures: s = !0,
+  showMatchScores: o = !0,
+  showFeatures: n = !0,
   autoLayout: d = !0,
-  onProductClick: u,
-  onTrackView: v,
-  className: b
+  onProductClick: i,
+  onTrackView: f,
+  className: p
 }) => {
-  Ee();
-  const t = S(() => a.slice(0, m), [a, m]), c = S(() => Ae(t, o, d), [t, o, d]), h = O(
+  Ae();
+  const l = z(() => r.slice(0, m), [r, m]), c = z(() => Ce(l, t, d), [l, t, d]), h = N(
     "admesh-component",
-    "admesh-layout",
-    `admesh-layout--${c}`,
-    {
-      [`admesh-layout--${n == null ? void 0 : n.mode}`]: n == null ? void 0 : n.mode
-    },
-    b
-  ), y = n != null && n.accentColor ? {
-    "--admesh-primary": n.accentColor
+    p
+  ), y = a != null && a.accentColor ? {
+    "--admesh-primary": a.accentColor
   } : void 0;
-  return t.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: h, children: /* @__PURE__ */ e.jsx("div", { className: "admesh-layout__empty", children: /* @__PURE__ */ e.jsxs("div", { className: "admesh-layout__empty-content", children: [
+  return l.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: h, children: /* @__PURE__ */ e.jsx("div", { className: "admesh-layout__empty", children: /* @__PURE__ */ e.jsxs("div", { className: "admesh-layout__empty-content", children: [
     /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center mb-3", children: /* @__PURE__ */ e.jsx("svg", { className: "w-8 h-8 text-indigo-500", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z", clipRule: "evenodd" }) }) }),
     /* @__PURE__ */ e.jsx("h3", { className: "admesh-text-lg admesh-font-semibold admesh-text-muted", children: "No smart recommendations found" }),
     /* @__PURE__ */ e.jsx("p", { className: "admesh-text-sm admesh-text-muted", children: "Try refining your search or check back later for new matches." })
@@ -1057,50 +1052,381 @@ const Ee = () => {
     {
       className: h,
       style: y,
-      "data-admesh-theme": n == null ? void 0 : n.mode,
+      "data-admesh-theme": a == null ? void 0 : a.mode,
       children: c === "compare" ? /* @__PURE__ */ e.jsx(
-        te,
+        oe,
         {
-          recommendations: t,
-          theme: n,
-          maxProducts: Math.min(t.length, 4),
-          showMatchScores: l,
-          showFeatures: s,
-          onProductClick: u
+          recommendations: l,
+          theme: a,
+          maxProducts: Math.min(l.length, 4),
+          showMatchScores: o,
+          showFeatures: n,
+          onProductClick: i
         }
-      ) : /* @__PURE__ */ e.jsxs("div", { className: "admesh-layout__cards-container", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "admesh-layout__header", children: /* @__PURE__ */ e.jsxs("p", { className: "admesh-layout__subtitle admesh-text-sm admesh-text-muted", children: [
-          t.length,
-          " intelligent match",
-          t.length !== 1 ? "es" : "",
-          " found"
-        ] }) }),
-        /* @__PURE__ */ e.jsx("div", { className: "space-y-4", children: t.map((f, _) => /* @__PURE__ */ e.jsx(
-          se,
+      ) : /* @__PURE__ */ e.jsx("div", { className: "space-y-4", children: l.map((x, b) => /* @__PURE__ */ e.jsx(
+        G,
+        {
+          recommendation: x,
+          theme: a,
+          showMatchScore: o,
+          showBadges: !0,
+          maxKeywords: 3,
+          onClick: i,
+          onTrackView: f
+        },
+        x.product_id || x.ad_id || b
+      )) })
+    }
+  );
+};
+Ee.displayName = "AdMeshLayout";
+const O = ({
+  recommendation: r,
+  theme: t,
+  compact: a = !1,
+  showReason: m = !0,
+  onClick: o,
+  className: n
+}) => {
+  const d = Math.round(r.intent_match_score * 100), i = N(
+    "admesh-inline-recommendation",
+    "group cursor-pointer transition-all duration-200",
+    {
+      "p-2 rounded-md bg-gray-50 dark:bg-slate-800/50 hover:bg-gray-100 dark:hover:bg-slate-800 border border-gray-200 dark:border-slate-700": !a,
+      "p-1.5 rounded hover:bg-gray-50 dark:hover:bg-slate-800/30": a
+    },
+    n
+  ), f = t != null && t.accentColor ? {
+    "--admesh-primary": t.accentColor
+  } : void 0;
+  return /* @__PURE__ */ e.jsx(
+    B,
+    {
+      adId: r.ad_id,
+      admeshLink: r.admesh_link,
+      productId: r.product_id,
+      onClick: () => o == null ? void 0 : o(r.ad_id, r.admesh_link),
+      trackingData: {
+        title: r.title,
+        matchScore: r.intent_match_score
+      },
+      className: i,
+      children: /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: "flex items-start gap-3",
+          style: f,
+          "data-admesh-theme": t == null ? void 0 : t.mode,
+          children: [
+            /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 mt-0.5", children: r.intent_match_score >= 0.8 ? /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 bg-green-500 rounded-full" }) : /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full" }) }),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+                /* @__PURE__ */ e.jsx("h4", { className: N(
+                  "font-medium text-gray-900 dark:text-gray-100 truncate",
+                  a ? "text-sm" : "text-base"
+                ), children: r.title }),
+                r.intent_match_score >= 0.7 && /* @__PURE__ */ e.jsxs("span", { className: N(
+                  "inline-flex items-center px-1.5 py-0.5 rounded-full text-xs font-medium",
+                  r.intent_match_score >= 0.8 ? "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400" : "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"
+                ), children: [
+                  d,
+                  "% match"
+                ] })
+              ] }),
+              m && r.reason && /* @__PURE__ */ e.jsx("p", { className: N(
+                "text-gray-600 dark:text-gray-400 line-clamp-2",
+                a ? "text-xs" : "text-sm"
+              ), children: r.reason }),
+              !a && r.keywords && r.keywords.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-1 mt-2", children: [
+                r.keywords.slice(0, 3).map((p, l) => /* @__PURE__ */ e.jsx(
+                  "span",
+                  {
+                    className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-800 dark:bg-slate-700 dark:text-gray-300",
+                    children: p
+                  },
+                  l
+                )),
+                r.keywords.length > 3 && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
+                  "+",
+                  r.keywords.length - 3,
+                  " more"
+                ] })
+              ] }),
+              !a && (r.has_free_tier || r.trial_days) && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
+                r.has_free_tier && /* @__PURE__ */ e.jsx("span", { className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400", children: "Free tier" }),
+                r.trial_days && r.trial_days > 0 && /* @__PURE__ */ e.jsxs("span", { className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400", children: [
+                  r.trial_days,
+                  "-day trial"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ e.jsx(
+              "svg",
+              {
+                className: "w-4 h-4 text-gray-400 dark:text-gray-500",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ e.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M9 5l7 7-7 7"
+                  }
+                )
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}, Re = ({
+  recommendations: r,
+  conversationSummary: t,
+  theme: a,
+  showTopRecommendations: m = 3,
+  onRecommendationClick: o,
+  onStartNewConversation: n,
+  className: d
+}) => {
+  const i = r.sort((l, c) => c.intent_match_score - l.intent_match_score).slice(0, m), f = N(
+    "admesh-conversation-summary",
+    "bg-gradient-to-br from-slate-50 to-blue-50 dark:from-slate-900 dark:to-slate-800",
+    "rounded-lg border border-gray-200 dark:border-slate-700 p-6",
+    d
+  ), p = a != null && a.accentColor ? {
+    "--admesh-primary": a.accentColor
+  } : void 0;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: f,
+      style: p,
+      "data-admesh-theme": a == null ? void 0 : a.mode,
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3 mb-4", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e.jsx("div", { className: "w-10 h-10 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-full flex items-center justify-center", children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }) }),
+          /* @__PURE__ */ e.jsxs("div", { children: [
+            /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: "Conversation Summary" }),
+            /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Here's what we discussed and found for you" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "mb-6", children: /* @__PURE__ */ e.jsx("div", { className: "bg-white dark:bg-slate-800 rounded-lg p-4 border border-gray-100 dark:border-slate-700", children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-700 dark:text-gray-300 leading-relaxed", children: t }) }) }),
+        i.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mb-6", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+            /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5 text-blue-600 dark:text-blue-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }),
+            /* @__PURE__ */ e.jsx("h4", { className: "font-medium text-gray-900 dark:text-gray-100", children: "Top Recommendations" })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: i.map((l, c) => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "absolute -left-2 top-2 z-10", children: /* @__PURE__ */ e.jsx("div", { className: N(
+              "w-6 h-6 rounded-full flex items-center justify-center text-xs font-bold text-white",
+              c === 0 ? "bg-yellow-500" : c === 1 ? "bg-gray-400" : "bg-orange-400"
+            ), children: c + 1 }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "ml-4", children: /* @__PURE__ */ e.jsx(
+              O,
+              {
+                recommendation: l,
+                theme: a,
+                compact: !1,
+                showReason: !0,
+                onClick: o
+              }
+            ) })
+          ] }, l.ad_id || c)) })
+        ] }),
+        r.length > m && /* @__PURE__ */ e.jsx("div", { className: "mb-6", children: /* @__PURE__ */ e.jsx("div", { className: "bg-blue-50 dark:bg-blue-900/20 rounded-lg p-3 border border-blue-200 dark:border-blue-800", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4 text-blue-600 dark:text-blue-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+          /* @__PURE__ */ e.jsxs("span", { className: "text-sm font-medium text-blue-800 dark:text-blue-300", children: [
+            r.length - m,
+            " additional recommendation",
+            r.length - m > 1 ? "s" : "",
+            " available"
+          ] })
+        ] }) }) }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col sm:flex-row gap-3", children: [
+          n && /* @__PURE__ */ e.jsxs(
+            "button",
+            {
+              onClick: n,
+              className: "flex-1 bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 text-white font-medium py-2.5 px-4 rounded-lg transition-all duration-200 flex items-center justify-center gap-2",
+              children: [
+                /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }),
+                "Start New Conversation"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            "button",
+            {
+              onClick: () => {
+                i.length > 0 && (o == null || o(i[0].ad_id, i[0].admesh_link));
+              },
+              className: "flex-1 bg-white dark:bg-slate-800 hover:bg-gray-50 dark:hover:bg-slate-700 text-gray-700 dark:text-gray-300 font-medium py-2.5 px-4 rounded-lg border border-gray-300 dark:border-slate-600 transition-all duration-200 flex items-center justify-center gap-2",
+              children: [
+                /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) }),
+                "View Top Pick"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex justify-center mt-4 pt-4 border-t border-gray-200 dark:border-slate-700", children: /* @__PURE__ */ e.jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Powered by AdMesh" }) })
+      ]
+    }
+  );
+}, Ie = ({
+  recommendations: r,
+  config: t,
+  theme: a,
+  conversationSummary: m,
+  userQuery: o,
+  sessionId: n,
+  onRecommendationClick: d,
+  onDismiss: i,
+  className: f
+}) => {
+  const [p, l] = I(t.autoShow !== !1), [c, h] = I(!1);
+  if (J(() => {
+    if (t.delayMs && t.delayMs > 0) {
+      const j = setTimeout(() => {
+        l(!0), h(!0);
+      }, t.delayMs);
+      return () => clearTimeout(j);
+    } else
+      h(!0);
+  }, [t.delayMs]), !p || r.length === 0)
+    return null;
+  const y = t.maxRecommendations || 3, x = r.slice(0, y), b = (j, T) => {
+    d == null || d(j, T);
+  }, _ = () => {
+    l(!1), i == null || i();
+  }, w = () => {
+    switch (t.displayMode) {
+      case "summary":
+        return m ? /* @__PURE__ */ e.jsx(
+          Re,
+          {
+            recommendations: x,
+            conversationSummary: m,
+            theme: a,
+            showTopRecommendations: y,
+            onRecommendationClick: b,
+            onStartNewConversation: i
+          }
+        ) : null;
+      case "inline":
+        return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: x.map((j, T) => /* @__PURE__ */ e.jsx(
+          O,
+          {
+            recommendation: j,
+            theme: a,
+            compact: !0,
+            showReason: !0,
+            onClick: b
+          },
+          j.ad_id || T
+        )) });
+      case "minimal":
+        return x.length > 0 ? /* @__PURE__ */ e.jsxs("div", { className: "admesh-minimal-unit", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full" }),
+            /* @__PURE__ */ e.jsxs("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [
+              x.length,
+              " intelligent match",
+              x.length > 1 ? "es" : "",
+              " found"
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            O,
+            {
+              recommendation: x[0],
+              theme: a,
+              compact: !0,
+              showReason: !1,
+              onClick: b
+            }
+          ),
+          x.length > 1 && /* @__PURE__ */ e.jsxs("div", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: [
+            "+",
+            x.length - 1,
+            " more recommendation",
+            x.length > 2 ? "s" : ""
+          ] })
+        ] }) : null;
+      case "floating":
+        return /* @__PURE__ */ e.jsxs("div", { className: "admesh-floating-unit bg-white dark:bg-slate-800 rounded-lg shadow-lg border border-gray-200 dark:border-slate-700 p-4", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-start mb-3", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full" }),
+              /* @__PURE__ */ e.jsx("span", { className: "text-sm font-semibold text-gray-800 dark:text-gray-200", children: "Recommended for you" })
+            ] }),
+            i && /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                onClick: _,
+                className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors",
+                "aria-label": "Dismiss recommendations",
+                children: /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: x.map((j, T) => /* @__PURE__ */ e.jsx(
+            O,
+            {
+              recommendation: j,
+              theme: a,
+              compact: !0,
+              showReason: !1,
+              onClick: b
+            },
+            j.ad_id || T
+          )) })
+        ] });
+      default:
+        return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: x.map((j, T) => /* @__PURE__ */ e.jsx(
+          G,
           {
-            recommendation: f,
-            theme: n,
-            showMatchScore: l,
+            recommendation: j,
+            theme: a,
+            showMatchScore: !1,
             showBadges: !0,
-            maxKeywords: 3,
-            onClick: u,
-            onTrackView: v
+            onClick: b
           },
-          f.product_id || f.ad_id || _
-        )) }),
-        a.length > m && /* @__PURE__ */ e.jsx("div", { className: "admesh-layout__more-indicator", children: /* @__PURE__ */ e.jsxs("p", { className: "admesh-text-sm admesh-text-muted", children: [
-          "Showing ",
-          m,
-          " of ",
-          a.length,
-          " smart recommendations"
-        ] }) })
-      ] })
+          j.ad_id || T
+        )) });
+    }
+  }, C = N(
+    "admesh-conversational-unit",
+    "transition-all duration-300 ease-in-out",
+    {
+      "opacity-0 translate-y-2": !c,
+      "opacity-100 translate-y-0": c,
+      "fixed bottom-4 right-4 max-w-sm z-50": t.displayMode === "floating",
+      "my-3": t.displayMode === "inline",
+      "mt-4 pt-4 border-t border-gray-200 dark:border-slate-700": t.displayMode === "summary"
+    },
+    f
+  ), V = a != null && a.accentColor ? {
+    "--admesh-primary": a.accentColor
+  } : void 0;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: C,
+      style: V,
+      "data-admesh-theme": a == null ? void 0 : a.mode,
+      "data-admesh-context": t.context,
+      "data-session-id": n,
+      children: [
+        w(),
+        t.showPoweredBy !== !1 && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end mt-2", children: /* @__PURE__ */ e.jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: "Powered by AdMesh" }) })
+      ]
     }
   );
-};
-Re.displayName = "AdMeshLayout";
-const Pe = "0.2.1", Le = {
+}, ze = "0.2.1", Be = {
   trackingEnabled: !0,
   debug: !1,
   theme: {
@@ -1109,17 +1435,20 @@ const Pe = "0.2.1", Le = {
   }
 };
 export {
-  Ne as AdMeshBadge,
-  te as AdMeshCompareTable,
-  Re as AdMeshLayout,
-  W as AdMeshLinkTracker,
-  se as AdMeshProductCard,
-  Le as DEFAULT_CONFIG,
-  Pe as VERSION,
-  Se as buildAdMeshLink,
+  Me as AdMeshBadge,
+  oe as AdMeshCompareTable,
+  Re as AdMeshConversationSummary,
+  Ie as AdMeshConversationalUnit,
+  O as AdMeshInlineRecommendation,
+  Ee as AdMeshLayout,
+  B as AdMeshLinkTracker,
+  G as AdMeshProductCard,
+  Be as DEFAULT_CONFIG,
+  ze as VERSION,
+  Pe as buildAdMeshLink,
   Oe as extractTrackingData,
-  Ce as setAdMeshTrackerConfig,
-  Ee as useAdMeshStyles,
-  ke as useAdMeshTracker
+  Le as setAdMeshTrackerConfig,
+  Ae as useAdMeshStyles,
+  _e as useAdMeshTracker
 };
 //# sourceMappingURL=index.mjs.map