@tekibo/feedpulse-sdk 0.6.1 → 0.7.1

package/dist/react.mjs

@@ -1,147 +1,148 @@
-import ie, { useState as y, useEffect as N, useCallback as J, createContext as le, useRef as M, useContext as ce } from "react";
-import { CookieManager as B, FeedPulseTracker as ue } from "./index.mjs";
-var j = { exports: {} }, E = {};
-var $;
-function de() {
-  if ($) return E;
-  $ = 1;
-  var u = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(g, a, i) {
-    var p = null;
-    if (i !== void 0 && (p = "" + i), a.key !== void 0 && (p = "" + a.key), "key" in a) {
+import ie, { useState as p, useEffect as G, useCallback as oe, useRef as H, useMemo as le, createContext as ce, useContext as de } from "react";
+import { CookieManager as K, FeedPulseTracker as ue } from "./index.mjs";
+import { S as fe } from "./struggle-detector-BqTHgw95.mjs";
+var q = { exports: {} }, W = {};
+var ee;
+function pe() {
+  if (ee) return W;
+  ee = 1;
+  var o = /* @__PURE__ */ Symbol.for("react.transitional.element"), g = /* @__PURE__ */ Symbol.for("react.fragment");
+  function a(h, s, i) {
+    var b = null;
+    if (i !== void 0 && (b = "" + i), s.key !== void 0 && (b = "" + s.key), "key" in s) {
       i = {};
-      for (var m in a)
-        m !== "key" && (i[m] = a[m]);
-    } else i = a;
-    return a = i.ref, {
-      $$typeof: u,
-      type: g,
-      key: p,
-      ref: a !== void 0 ? a : null,
+      for (var x in s)
+        x !== "key" && (i[x] = s[x]);
+    } else i = s;
+    return s = i.ref, {
+      $$typeof: o,
+      type: h,
+      key: b,
+      ref: s !== void 0 ? s : null,
       props: i
     };
   }
-  return E.Fragment = x, E.jsx = n, E.jsxs = n, E;
+  return W.Fragment = g, W.jsx = a, W.jsxs = a, W;
 }
-var R = {};
-var L;
-function fe() {
-  return L || (L = 1, process.env.NODE_ENV !== "production" && (function() {
-    function u(e) {
+var L = {};
+var te;
+function be() {
+  return te || (te = 1, process.env.NODE_ENV !== "production" && (function() {
+    function o(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === ae ? null : e.displayName || e.name || null;
+        return e.$$typeof === I ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case T:
+        case D:
           return "Fragment";
-        case H:
+        case Y:
           return "Profiler";
         case X:
           return "StrictMode";
-        case ee:
+        case M:
           return "Suspense";
-        case re:
+        case B:
           return "SuspenseList";
-        case ne:
+        case J:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case G:
+          case A:
             return "Portal";
-          case Q:
+          case $:
             return e.displayName || "Context";
           case Z:
             return (e._context.displayName || "Context") + ".Consumer";
-          case K:
+          case O:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case te:
-            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
-          case S:
+          case C:
+            return r = e.displayName || null, r !== null ? r : o(e.type) || "Memo";
+          case R:
             r = e._payload, e = e._init;
             try {
-              return u(e(r));
+              return o(e(r));
             } catch {
             }
         }
       return null;
     }
-    function x(e) {
+    function g(e) {
       return "" + e;
     }
-    function n(e) {
+    function a(e) {
       try {
-        x(e);
+        g(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var s = r.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return s.call(
+        var n = r.error, f = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          l
-        ), x(e);
+          f
+        ), g(e);
       }
     }
-    function g(e) {
-      if (e === T) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === S)
+    function h(e) {
+      if (e === D) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === R)
         return "<...>";
       try {
-        var r = u(e);
+        var r = o(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
-      var e = A.A;
+    function s() {
+      var e = N.A;
       return e === null ? null : e.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function p(e) {
-      if (D.call(e, "key")) {
+    function b(e) {
+      if (S.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function m(e, r) {
-      function s() {
-        F || (F = !0, console.error(
+    function x(e, r) {
+      function n() {
+        U || (U = !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)",
           r
         ));
       }
-      s.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: s,
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
         configurable: !0
       });
     }
     function k() {
-      var e = u(this.type);
-      return I[e] || (I[e] = !0, console.error(
+      var e = o(this.type);
+      return V[e] || (V[e] = !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."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function o(e, r, s, l, w, P) {
-      var c = s.ref;
+    function c(e, r, n, f, E, v) {
+      var l = n.ref;
       return e = {
-        $$typeof: v,
+        $$typeof: w,
         type: e,
         key: r,
-        props: s,
-        _owner: l
-      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
+        props: n,
+        _owner: f
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: k
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -158,69 +159,69 @@ function fe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: w
+        value: E
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: P
+        value: v
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function f(e, r, s, l, w, P) {
-      var c = r.children;
-      if (c !== void 0)
-        if (l)
-          if (oe(c)) {
-            for (l = 0; l < c.length; l++)
-              b(c[l]);
-            Object.freeze && Object.freeze(c);
+    function u(e, r, n, f, E, v) {
+      var l = r.children;
+      if (l !== void 0)
+        if (f)
+          if (Q(l)) {
+            for (f = 0; f < l.length; f++)
+              y(l[f]);
+            Object.freeze && Object.freeze(l);
           } 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 b(c);
-      if (D.call(r, "key")) {
-        c = u(e);
+        else y(l);
+      if (S.call(r, "key")) {
+        l = o(e);
         var _ = Object.keys(r).filter(function(se) {
           return se !== "key";
         });
-        l = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", Y[c + l] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
+        f = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", P[l + f] || (_ = 0 < _.length ? "{" + _.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} />`,
+          f,
           l,
-          c,
           _,
-          c
-        ), Y[c + l] = !0);
+          l
+        ), P[l + f] = !0);
       }
-      if (c = null, s !== void 0 && (n(s), c = "" + s), p(r) && (n(r.key), c = "" + r.key), "key" in r) {
-        s = {};
-        for (var O in r)
-          O !== "key" && (s[O] = r[O]);
-      } else s = r;
-      return c && m(
-        s,
+      if (l = null, n !== void 0 && (a(n), l = "" + n), b(r) && (a(r.key), l = "" + r.key), "key" in r) {
+        n = {};
+        for (var T in r)
+          T !== "key" && (n[T] = r[T]);
+      } else n = r;
+      return l && x(
+        n,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), o(
+      ), c(
         e,
-        c,
-        s,
-        a(),
-        w,
-        P
+        l,
+        n,
+        s(),
+        E,
+        v
       );
     }
-    function b(e) {
-      h(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === S && (e._payload.status === "fulfilled" ? h(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function y(e) {
+      j(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === R && (e._payload.status === "fulfilled" ? j(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function h(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === v;
+    function j(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === w;
     }
-    var d = ie, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), G = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), X = /* @__PURE__ */ Symbol.for("react.strict_mode"), H = /* @__PURE__ */ Symbol.for("react.profiler"), Z = /* @__PURE__ */ Symbol.for("react.consumer"), Q = /* @__PURE__ */ Symbol.for("react.context"), K = /* @__PURE__ */ Symbol.for("react.forward_ref"), ee = /* @__PURE__ */ Symbol.for("react.suspense"), re = /* @__PURE__ */ Symbol.for("react.suspense_list"), te = /* @__PURE__ */ Symbol.for("react.memo"), S = /* @__PURE__ */ Symbol.for("react.lazy"), ne = /* @__PURE__ */ Symbol.for("react.activity"), ae = /* @__PURE__ */ Symbol.for("react.client.reference"), A = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, oe = Array.isArray, C = console.createTask ? console.createTask : function() {
+    var d = ie, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), A = /* @__PURE__ */ Symbol.for("react.portal"), D = /* @__PURE__ */ Symbol.for("react.fragment"), X = /* @__PURE__ */ Symbol.for("react.strict_mode"), Y = /* @__PURE__ */ Symbol.for("react.profiler"), Z = /* @__PURE__ */ Symbol.for("react.consumer"), $ = /* @__PURE__ */ Symbol.for("react.context"), O = /* @__PURE__ */ Symbol.for("react.forward_ref"), M = /* @__PURE__ */ Symbol.for("react.suspense"), B = /* @__PURE__ */ Symbol.for("react.suspense_list"), C = /* @__PURE__ */ Symbol.for("react.memo"), R = /* @__PURE__ */ Symbol.for("react.lazy"), J = /* @__PURE__ */ Symbol.for("react.activity"), I = /* @__PURE__ */ Symbol.for("react.client.reference"), N = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, S = Object.prototype.hasOwnProperty, Q = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
@@ -228,158 +229,416 @@ React keys must be passed directly to JSX without using spread:
         return e();
       }
     };
-    var F, I = {}, z = d.react_stack_bottom_frame.bind(
+    var U, V = {}, m = d.react_stack_bottom_frame.bind(
       d,
       i
-    )(), W = C(g(i)), Y = {};
-    R.Fragment = T, R.jsx = function(e, r, s) {
-      var l = 1e4 > A.recentlyCreatedOwnerStacks++;
-      return f(
+    )(), z = F(h(i)), P = {};
+    L.Fragment = D, L.jsx = function(e, r, n) {
+      var f = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return u(
         e,
         r,
-        s,
+        n,
         !1,
-        l ? Error("react-stack-top-frame") : z,
-        l ? C(g(e)) : W
+        f ? Error("react-stack-top-frame") : m,
+        f ? F(h(e)) : z
       );
-    }, R.jsxs = function(e, r, s) {
-      var l = 1e4 > A.recentlyCreatedOwnerStacks++;
-      return f(
+    }, L.jsxs = function(e, r, n) {
+      var f = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return u(
         e,
         r,
-        s,
+        n,
         !0,
-        l ? Error("react-stack-top-frame") : z,
-        l ? C(g(e)) : W
+        f ? Error("react-stack-top-frame") : m,
+        f ? F(h(e)) : z
       );
     };
-  })()), R;
+  })()), L;
 }
-var U;
-function pe() {
-  return U || (U = 1, process.env.NODE_ENV === "production" ? j.exports = de() : j.exports = fe()), j.exports;
+var re;
+function xe() {
+  return re || (re = 1, process.env.NODE_ENV === "production" ? q.exports = pe() : q.exports = be()), q.exports;
 }
-var t = pe();
-const V = new B();
-function me({ onConsent: u }) {
-  const [x, n] = y(!1), [g, a] = y(!1), [i, p] = y(!1), [m, k] = y(!1);
-  N(() => {
-    const d = V.getConsent();
-    n(!d || V.isConsentExpired()), d && (p(d.analytics), k(d.marketing));
+var t = xe();
+const ne = new K();
+function he({ onConsent: o }) {
+  const [g, a] = p(!1), [h, s] = p(!1), [i, b] = p(!1), [x, k] = p(!1);
+  G(() => {
+    const d = ne.getConsent();
+    a(!d || ne.isConsentExpired()), d && (b(d.analytics), k(d.marketing));
   }, []);
-  const o = () => {
-    u({ analytics: !0, marketing: !0, action: "accept_all" }), n(!1);
-  }, f = () => {
-    u({ analytics: !1, marketing: !1, action: "reject_all" }), n(!1);
-  }, b = () => {
-    u({ analytics: i, marketing: m, action: "custom" }), n(!1);
-  }, h = J(() => {
-    u({ analytics: !1, marketing: !1, action: "withdraw" }), p(!1), k(!1), n(!0);
-  }, [u]);
-  return N(() => {
+  const c = () => {
+    o({ analytics: !0, marketing: !0, action: "accept_all" }), a(!1);
+  }, u = () => {
+    o({ analytics: !1, marketing: !1, action: "reject_all" }), a(!1);
+  }, y = () => {
+    o({ analytics: i, marketing: x, action: "custom" }), a(!1);
+  }, j = oe(() => {
+    o({ analytics: !1, marketing: !1, action: "withdraw" }), b(!1), k(!1), a(!0);
+  }, [o]);
+  return G(() => {
     const d = () => {
-      n(!0), a(!0);
+      a(!0), s(!0);
     };
-    return window.addEventListener("feedpulse:open-consent", d), window.addEventListener("feedpulse:withdraw-consent", h), () => {
-      window.removeEventListener("feedpulse:open-consent", d), window.removeEventListener("feedpulse:withdraw-consent", h);
+    return window.addEventListener("feedpulse:open-consent", d), window.addEventListener("feedpulse:withdraw-consent", j), () => {
+      window.removeEventListener("feedpulse:open-consent", d), window.removeEventListener("feedpulse:withdraw-consent", j);
     };
-  }, [h]), x ? /* @__PURE__ */ t.jsx("div", { style: { position: "fixed", bottom: 0, left: 0, right: 0, zIndex: 99999, background: "#1a1a1a", color: "#fff", padding: "20px 24px", borderTop: "1px solid #333", fontFamily: "sans-serif" }, children: /* @__PURE__ */ t.jsxs("div", { style: { maxWidth: 900, margin: "0 auto" }, children: [
+  }, [j]), g ? /* @__PURE__ */ t.jsx("div", { style: { position: "fixed", bottom: 0, left: 0, right: 0, zIndex: 99999, background: "#1a1a1a", color: "#fff", padding: "20px 24px", borderTop: "1px solid #333", fontFamily: "sans-serif" }, children: /* @__PURE__ */ t.jsxs("div", { style: { maxWidth: 900, margin: "0 auto" }, children: [
     /* @__PURE__ */ t.jsxs("p", { style: { margin: "0 0 12px", fontSize: 14, lineHeight: 1.5 }, children: [
       "We use cookies to improve reliability and understand usage.",
       " ",
       /* @__PURE__ */ t.jsx("a", { href: "/privacy", style: { color: "#818cf8" }, children: "Privacy Policy" })
     ] }),
-    g && /* @__PURE__ */ t.jsxs("div", { style: { marginBottom: 12, fontSize: 13 }, children: [
+    h && /* @__PURE__ */ t.jsxs("div", { style: { marginBottom: 12, fontSize: 13 }, children: [
       /* @__PURE__ */ t.jsxs("label", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 6, opacity: 0.75 }, children: [
         /* @__PURE__ */ t.jsx("input", { type: "checkbox", checked: !0, disabled: !0 }),
         "Necessary (always on)"
       ] }),
       /* @__PURE__ */ t.jsxs("label", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 6 }, children: [
-        /* @__PURE__ */ t.jsx("input", { type: "checkbox", checked: i, onChange: (d) => p(d.target.checked) }),
+        /* @__PURE__ */ t.jsx("input", { type: "checkbox", checked: i, onChange: (d) => b(d.target.checked) }),
         "Analytics"
       ] }),
       /* @__PURE__ */ t.jsxs("label", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ t.jsx("input", { type: "checkbox", checked: m, onChange: (d) => k(d.target.checked) }),
+        /* @__PURE__ */ t.jsx("input", { type: "checkbox", checked: x, onChange: (d) => k(d.target.checked) }),
         "Marketing"
       ] })
     ] }),
     /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, flexWrap: "wrap", alignItems: "center" }, children: [
-      /* @__PURE__ */ t.jsx("button", { type: "button", style: { width: 130, padding: "9px 12px", background: "#4f46e5", color: "#fff", border: "1px solid #4f46e5", borderRadius: 6, fontSize: 13, fontWeight: 600, cursor: "pointer" }, onClick: o, children: "Accept All" }),
-      /* @__PURE__ */ t.jsx("button", { type: "button", style: { width: 130, padding: "9px 12px", background: "transparent", color: "#fff", border: "1px solid #555", borderRadius: 6, fontSize: 13, fontWeight: 600, cursor: "pointer" }, onClick: f, children: "Reject All" }),
-      /* @__PURE__ */ t.jsx("button", { type: "button", style: { padding: "9px 16px", background: "transparent", color: "#aaa", border: "1px solid #333", borderRadius: 6, fontSize: 13, cursor: "pointer" }, onClick: () => g ? b() : a(!0), children: g ? "Save Preferences" : "Customize" })
+      /* @__PURE__ */ t.jsx("button", { type: "button", style: { width: 130, padding: "9px 12px", background: "#4f46e5", color: "#fff", border: "1px solid #4f46e5", borderRadius: 6, fontSize: 13, fontWeight: 600, cursor: "pointer" }, onClick: c, children: "Accept All" }),
+      /* @__PURE__ */ t.jsx("button", { type: "button", style: { width: 130, padding: "9px 12px", background: "transparent", color: "#fff", border: "1px solid #555", borderRadius: 6, fontSize: 13, fontWeight: 600, cursor: "pointer" }, onClick: u, children: "Reject All" }),
+      /* @__PURE__ */ t.jsx("button", { type: "button", style: { padding: "9px 16px", background: "transparent", color: "#aaa", border: "1px solid #333", borderRadius: 6, fontSize: 13, cursor: "pointer" }, onClick: () => h ? y() : s(!0), children: h ? "Save Preferences" : "Customize" })
     ] })
   ] }) }) : null;
 }
-const q = le({ tracker: null });
-function ke({
-  proxyEndpoint: u = "/api/fp-proxy",
-  debug: x,
-  consentRequired: n = !0,
-  children: g
+function me() {
+  if (typeof document > "u" || document.getElementById("fp-bot-animations"))
+    return;
+  const o = document.createElement("style");
+  o.id = "fp-bot-animations", o.textContent = `
+    @keyframes fp-bubble-in {
+      0% { opacity: 0; transform: scale(0.8) translateY(6px); }
+      100% { opacity: 1; transform: scale(1) translateY(0); }
+    }
+    @keyframes fp-bounce {
+      0% { transform: translateY(0); }
+      50% { transform: translateY(-8px); }
+      100% { transform: translateY(0); }
+    }
+    @keyframes fp-panel-open {
+      0% { opacity: 0; transform: translateY(40px); }
+      100% { opacity: 1; transform: translateY(0); }
+    }
+    @keyframes fp-dot {
+      0% { opacity: 0.2; transform: translateY(0); }
+      50% { opacity: 1; transform: translateY(-3px); }
+      100% { opacity: 0.2; transform: translateY(0); }
+    }
+  `, document.head.appendChild(o);
+}
+function we({
+  faq: o = [],
+  pageContext: g = "",
+  systemPrompt: a = "",
+  canNavigate: h = !1,
+  canHelpForms: s = !1,
+  escalateTo: i,
+  initialMessage: b = "👋 Need help?",
+  position: x = "bottom-right"
 }) {
-  const a = M(null), i = M(new B()), [p, m] = y(null), k = J((o) => {
-    const f = i.current, b = f.setConsent({
-      analytics: o.analytics,
-      marketing: o.marketing,
+  const k = H(new K()), [c, u] = p(!1), [y, j] = p(!1), [d, w] = p(!1), [A, D] = p(""), [X, Y] = p(null), [Z, $] = p(!1), [O, M] = p(!1), [B, C] = p([]), [R, J] = p(""), [I, N] = p(!1), S = H(null), Q = le(
+    () => ({ faq: o, pageContext: g, systemPrompt: a, canNavigate: h, canHelpForms: s, escalateTo: i }),
+    [o, g, a, h, s, i]
+  );
+  G(() => {
+    me();
+    const m = new fe({
+      onTrigger: async (z, P) => {
+        j(!0), u(!0), Y(null), $(!1), M(!1), S.current && clearTimeout(S.current), S.current = setTimeout(() => u(!1), 8e3);
+        try {
+          const e = k.current.getAllData(!0), r = await fetch("/api/bot/session-proxy", {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({
+              page: window.location.pathname,
+              triggerScore: z,
+              triggerReasons: P,
+              sessionId: e.sessionId,
+              visitorId: e.userId,
+              device: navigator.userAgent
+            })
+          });
+          if (r.status === 402) {
+            M(!0);
+            return;
+          }
+          const n = await r.json().catch(() => null);
+          n?.botSessionId && D(n.botSessionId);
+        } catch {
+        }
+      }
+    });
+    return m.start(), () => {
+      m.stop(), S.current && clearTimeout(S.current);
+    };
+  }, []);
+  const F = {
+    position: "fixed",
+    bottom: 24,
+    zIndex: 1e4,
+    ...x === "bottom-left" ? { left: 24 } : { right: 24 }
+  }, U = (m) => {
+    if (m.preventDefault(), !R.trim() || O || I || !A)
+      return;
+    const z = R.trim();
+    J("");
+    const P = { id: `user-${Date.now()}`, role: "user", content: z }, e = `assistant-${Date.now()}`;
+    C((r) => [...r, P, { id: e, role: "assistant", content: "" }]), N(!0), (async () => {
+      try {
+        const r = await fetch("/api/bot/chat-proxy", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({
+            botSessionId: A,
+            config: Q,
+            messages: [...B, P].map((v) => ({ role: v.role, content: v.content }))
+          })
+        });
+        if (r.status === 402) {
+          M(!0), C((v) => v.map((l) => l.id === e ? { ...l, content: "Service temporarily unavailable." } : l));
+          return;
+        }
+        if (!r.ok)
+          throw new Error("chat failed");
+        const n = r.body?.getReader();
+        if (!n)
+          throw new Error("no body");
+        const f = new TextDecoder();
+        let E = !1;
+        for (; !E; ) {
+          const v = await n.read();
+          if (E = v.done, v.value) {
+            const l = f.decode(v.value, { stream: !E });
+            C((_) => _.map((T) => T.id === e ? { ...T, content: T.content + l } : T));
+          }
+        }
+      } catch {
+        C((r) => r.map((n) => n.id === e && !n.content ? { ...n, content: "Sorry, I couldn't process that. Please try again." } : n));
+      } finally {
+        N(!1);
+      }
+    })();
+  }, V = async () => {
+    if (w(!1), !!A) {
+      try {
+        await fetch("/api/bot/session-end-proxy", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({
+            botSessionId: A,
+            wasHelpful: X,
+            escalated: Z
+          })
+        });
+      } catch {
+      }
+      C([]);
+    }
+  };
+  return /* @__PURE__ */ t.jsxs("div", { style: F, children: [
+    c && !d && /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          bottom: 62,
+          right: x === "bottom-right" ? 0 : void 0,
+          left: x === "bottom-left" ? 0 : void 0,
+          background: "#fff",
+          border: "2px solid #6366f1",
+          color: "#1f2937",
+          borderRadius: "12px 12px 0 12px",
+          padding: "10px 12px",
+          maxWidth: 240,
+          fontSize: 13,
+          boxShadow: "0 10px 22px rgba(0,0,0,0.16)",
+          animation: "fp-bubble-in 300ms ease-out"
+        },
+        children: b
+      }
+    ),
+    y && !d && /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        style: {
+          width: 48,
+          height: 48,
+          borderRadius: 999,
+          border: "none",
+          background: "#6366f1",
+          boxShadow: "0 12px 26px rgba(79,70,229,0.45)",
+          cursor: "pointer",
+          display: "grid",
+          placeItems: "center",
+          animation: "fp-bounce 600ms ease-out"
+        },
+        onClick: () => {
+          w(!0), u(!1);
+        },
+        children: /* @__PURE__ */ t.jsxs("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "2", children: [
+          /* @__PURE__ */ t.jsx("rect", { x: "3", y: "8", width: "18", height: "13", rx: "2" }),
+          /* @__PURE__ */ t.jsx("path", { d: "M12 8V5" }),
+          /* @__PURE__ */ t.jsx("circle", { cx: "12", cy: "4", r: "1" }),
+          /* @__PURE__ */ t.jsx("circle", { cx: "8", cy: "13", r: "1.5", fill: "white", stroke: "none" }),
+          /* @__PURE__ */ t.jsx("circle", { cx: "16", cy: "13", r: "1.5", fill: "white", stroke: "none" }),
+          /* @__PURE__ */ t.jsx("path", { d: "M9 17h6", strokeLinecap: "round" })
+        ] })
+      }
+    ),
+    d && !!A && /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        style: {
+          width: 360,
+          height: 520,
+          background: "#111827",
+          color: "#e5e7eb",
+          borderRadius: 16,
+          border: "1px solid #374151",
+          boxShadow: "0 20px 40px rgba(0,0,0,0.35)",
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden",
+          animation: "fp-panel-open 300ms ease-out"
+        },
+        children: [
+          /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "12px 14px", borderBottom: "1px solid #374151", background: "#0f172a" }, children: [
+            /* @__PURE__ */ t.jsxs("div", { style: { display: "grid", gap: 2 }, children: [
+              /* @__PURE__ */ t.jsx("strong", { style: { fontSize: 14, color: "#fff" }, children: "Pulse Bot" }),
+              /* @__PURE__ */ t.jsx("span", { style: { fontSize: 11, color: "#94a3b8" }, children: "Powered by FeedPulse AI" })
+            ] }),
+            /* @__PURE__ */ t.jsx("button", { style: { border: "none", background: "transparent", color: "#cbd5e1", cursor: "pointer", fontSize: 18 }, onClick: V, children: "×" })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { style: { flex: 1, overflowY: "auto", padding: 12, display: "grid", gap: 10 }, children: [
+            B.map((m) => /* @__PURE__ */ t.jsxs("div", { style: { display: "grid", justifyItems: m.role === "user" ? "end" : "start", gap: 6 }, children: [
+              /* @__PURE__ */ t.jsx(
+                "div",
+                {
+                  style: {
+                    maxWidth: "85%",
+                    padding: "9px 11px",
+                    borderRadius: m.role === "user" ? "14px 14px 2px 14px" : "14px 14px 14px 2px",
+                    background: m.role === "user" ? "#4f46e5" : "#1f2937",
+                    color: "#fff",
+                    fontSize: 13,
+                    whiteSpace: "pre-wrap"
+                  },
+                  children: m.content
+                }
+              ),
+              m.role === "assistant" && /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+                /* @__PURE__ */ t.jsx("button", { style: { border: "1px solid #334155", background: "#0f172a", color: "#e2e8f0", borderRadius: 8, fontSize: 12, padding: "4px 8px", cursor: "pointer" }, onClick: () => Y(!0), children: "👍" }),
+                /* @__PURE__ */ t.jsx("button", { style: { border: "1px solid #334155", background: "#0f172a", color: "#e2e8f0", borderRadius: 8, fontSize: 12, padding: "4px 8px", cursor: "pointer" }, onClick: () => Y(!1), children: "👎" })
+              ] })
+            ] }, m.id)),
+            I && /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 5 }, children: [
+              /* @__PURE__ */ t.jsx("span", { style: { width: 8, height: 8, borderRadius: 999, background: "#94a3b8", animation: "fp-dot 1s infinite 0ms" } }),
+              /* @__PURE__ */ t.jsx("span", { style: { width: 8, height: 8, borderRadius: 999, background: "#94a3b8", animation: "fp-dot 1s infinite 160ms" } }),
+              /* @__PURE__ */ t.jsx("span", { style: { width: 8, height: 8, borderRadius: 999, background: "#94a3b8", animation: "fp-dot 1s infinite 320ms" } })
+            ] }),
+            O && /* @__PURE__ */ t.jsx("div", { style: { border: "1px solid #f59e0b", background: "#451a03", color: "#fde68a", borderRadius: 10, padding: 10, fontSize: 12 }, children: "Service temporarily unavailable." })
+          ] }),
+          /* @__PURE__ */ t.jsxs("form", { style: { padding: 10, borderTop: "1px solid #374151", display: "grid", gap: 8 }, onSubmit: U, children: [
+            /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ t.jsx(
+                "input",
+                {
+                  value: R,
+                  disabled: I || O,
+                  onChange: (m) => J(m.target.value),
+                  style: { flex: 1, borderRadius: 10, border: "1px solid #475569", background: "#0f172a", color: "#fff", fontSize: 13, padding: "8px 10px", outline: "none" },
+                  placeholder: "Ask a question..."
+                }
+              ),
+              /* @__PURE__ */ t.jsx("button", { type: "submit", disabled: !R.trim() || I || O, style: { border: "none", borderRadius: 10, background: "#6366f1", color: "#fff", fontWeight: 600, fontSize: 12, padding: "0 14px", cursor: "pointer" }, children: "Send" })
+            ] }),
+            i && /* @__PURE__ */ t.jsx("a", { href: i.url, style: { color: "#c4b5fd", fontSize: 12, textDecoration: "none" }, onClick: () => $(!0), children: i.label })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const ae = ce({ tracker: null });
+function je({
+  proxyEndpoint: o = "/api/fp-proxy",
+  debug: g,
+  consentRequired: a = !0,
+  children: h
+}) {
+  const s = H(null), i = H(new K()), [b, x] = p(null), k = oe((c) => {
+    const u = i.current, y = u.setConsent({
+      analytics: c.analytics,
+      marketing: c.marketing,
       version: "1.0"
     });
-    o.analytics || f.clearAnalyticsCookies(), a.current?.updateCookieData(f.getAllData(o.analytics)), a.current?.track("consent", "__consent__", {
-      analytics: o.analytics,
-      marketing: o.marketing,
-      action: o.action,
+    c.analytics || u.clearAnalyticsCookies(), s.current?.updateCookieData(u.getAllData(c.analytics)), s.current?.track("consent", "__consent__", {
+      analytics: c.analytics,
+      marketing: c.marketing,
+      action: c.action,
       userAgent: navigator.userAgent,
-      version: b.version
+      version: y.version
     });
   }, []);
-  return N(() => {
-    const o = new ue({ proxyEndpoint: u, debug: x });
-    a.current = o, m(o);
-    const f = i.current, b = f.getConsent();
-    return n ? b && !f.isConsentExpired() ? o.updateCookieData(f.getAllData(b.analytics)) : o.updateCookieData(f.getAllData(!1)) : (f.setConsent({ analytics: !0, marketing: !0, version: "1.0" }), o.updateCookieData(f.getAllData(!0))), o.init(), () => {
-      o.destroy(), a.current = null, m(null);
+  return G(() => {
+    const c = new ue({ proxyEndpoint: o, debug: g });
+    s.current = c, x(c);
+    const u = i.current, y = u.getConsent();
+    return a ? y && !u.isConsentExpired() ? c.updateCookieData(u.getAllData(y.analytics)) : c.updateCookieData(u.getAllData(!1)) : (u.setConsent({ analytics: !0, marketing: !0, version: "1.0" }), c.updateCookieData(u.getAllData(!0))), c.init(), () => {
+      c.destroy(), s.current = null, x(null);
     };
-  }, [u, x, n]), /* @__PURE__ */ t.jsxs(q.Provider, { value: { tracker: p }, children: [
-    g,
-    n && /* @__PURE__ */ t.jsx(me, { onConsent: k })
+  }, [o, g, a]), /* @__PURE__ */ t.jsxs(ae.Provider, { value: { tracker: b }, children: [
+    h,
+    a && /* @__PURE__ */ t.jsx(he, { onConsent: k })
   ] });
 }
 function ge() {
-  return ce(q);
+  return de(ae);
 }
-function ye({ id: u, placeholder: x, position: n = "bottom-right" }) {
-  const { tracker: g } = ge(), [a, i] = y(n === "inline"), [p, m] = y(null), [k, o] = y(""), [f, b] = y(!1), h = () => {
-    !p && !k.trim() || (g?.trackFeedback(u ?? null, p, k || null), b(!0), setTimeout(() => {
-      i(n === "inline"), b(!1), m(null), o("");
+function Re({ id: o, placeholder: g, position: a = "bottom-right" }) {
+  const { tracker: h } = ge(), [s, i] = p(a === "inline"), [b, x] = p(null), [k, c] = p(""), [u, y] = p(!1), j = () => {
+    !b && !k.trim() || (h?.trackFeedback(o ?? null, b, k || null), y(!0), setTimeout(() => {
+      i(a === "inline"), y(!1), x(null), c("");
     }, 2e3));
-  }, d = n !== "inline" ? { position: "fixed", bottom: 24, [n === "bottom-right" ? "right" : "left"]: 24, zIndex: 9999 } : {};
+  }, d = a !== "inline" ? { position: "fixed", bottom: 24, [a === "bottom-right" ? "right" : "left"]: 24, zIndex: 9999 } : {};
   return /* @__PURE__ */ t.jsxs("div", { style: d, children: [
-    n !== "inline" && /* @__PURE__ */ t.jsx(
+    a !== "inline" && /* @__PURE__ */ t.jsx(
       "button",
       {
-        onClick: () => i(!a),
+        onClick: () => i(!s),
         style: { background: "#6366f1", color: "#fff", border: "none", borderRadius: "50%", width: 48, height: 48, fontSize: 20, cursor: "pointer" },
         children: "💬"
       }
     ),
-    a && /* @__PURE__ */ t.jsx("div", { style: { background: "#fff", border: "1px solid #e5e7eb", borderRadius: 12, padding: 16, width: 280, boxShadow: "0 10px 25px rgba(0,0,0,0.15)" }, children: f ? /* @__PURE__ */ t.jsxs("div", { style: { textAlign: "center", padding: 16 }, children: [
+    s && /* @__PURE__ */ t.jsx("div", { style: { background: "#fff", border: "1px solid #e5e7eb", borderRadius: 12, padding: 16, width: 280, boxShadow: "0 10px 25px rgba(0,0,0,0.15)" }, children: u ? /* @__PURE__ */ t.jsxs("div", { style: { textAlign: "center", padding: 16 }, children: [
       /* @__PURE__ */ t.jsx("p", { style: { fontSize: 28, margin: 0 }, children: "🎉" }),
       /* @__PURE__ */ t.jsx("p", { style: { margin: "8px 0 0", fontWeight: 600 }, children: "Thanks for your feedback!" })
     ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx("p", { style: { margin: "0 0 12px", fontWeight: 600 }, children: x ?? "How was your experience?" }),
-      /* @__PURE__ */ t.jsx("div", { style: { display: "flex", gap: 6, marginBottom: 12 }, children: [1, 2, 3, 4, 5].map((v) => /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsx("p", { style: { margin: "0 0 12px", fontWeight: 600 }, children: g ?? "How was your experience?" }),
+      /* @__PURE__ */ t.jsx("div", { style: { display: "flex", gap: 6, marginBottom: 12 }, children: [1, 2, 3, 4, 5].map((w) => /* @__PURE__ */ t.jsx(
         "button",
         {
-          onClick: () => m(v),
-          style: { background: "none", border: "none", cursor: "pointer", fontSize: 24, opacity: p !== null && v <= p ? 1 : 0.3 },
+          onClick: () => x(w),
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: 24, opacity: b !== null && w <= b ? 1 : 0.3 },
           children: "⭐"
         },
-        v
+        w
       )) }),
       /* @__PURE__ */ t.jsx(
         "textarea",
         {
           value: k,
-          onChange: (v) => o(v.target.value),
+          onChange: (w) => c(w.target.value),
           placeholder: "Tell us more (optional)...",
           rows: 3,
           style: { width: "100%", padding: 8, border: "1px solid #d1d5db", borderRadius: 8, resize: "none", fontSize: 14 }
@@ -388,7 +647,7 @@ function ye({ id: u, placeholder: x, position: n = "bottom-right" }) {
       /* @__PURE__ */ t.jsx(
         "button",
         {
-          onClick: h,
+          onClick: j,
           style: { marginTop: 10, width: "100%", background: "#6366f1", color: "#fff", border: "none", borderRadius: 8, padding: 10, fontWeight: 600, cursor: "pointer" },
           children: "Submit Feedback"
         }
@@ -397,8 +656,9 @@ function ye({ id: u, placeholder: x, position: n = "bottom-right" }) {
   ] });
 }
 export {
-  me as ConsentBanner,
-  ke as FeedPulseProvider,
-  ye as FeedPulseWidget,
+  he as ConsentBanner,
+  we as FeedPulseBot,
+  je as FeedPulseProvider,
+  Re as FeedPulseWidget,
   ge as useFeedPulse
 };