@tekibo/feedpulse-sdk 0.6.1 → 0.7.0

package/dist/nuxt.mjs

@@ -1,98 +1,507 @@
-import { inject as B, defineComponent as _, ref as g, onMounted as z, onBeforeUnmount as D, createBlock as P, openBlock as l, Teleport as M, createElementBlock as u, createCommentVNode as y, createElementVNode as n, createTextVNode as b, withDirectives as C, vModelCheckbox as A, toDisplayString as $, provide as T, Fragment as h, renderSlot as L, normalizeStyle as E, renderList as V, vModelText as R } from "vue";
-import { CookieManager as F, FeedPulseTracker as U } from "./index.mjs";
-const S = /* @__PURE__ */ Symbol("feedpulse");
-function j() {
-  return B(S, null);
+import { inject as O, defineComponent as E, ref as f, computed as B, watch as U, createElementBlock as b, openBlock as l, createElementVNode as t, createCommentVNode as w, Fragment as _, renderList as L, normalizeStyle as P, toDisplayString as D, withDirectives as R, vModelText as q, onMounted as F, onBeforeUnmount as M, createBlock as N, createTextVNode as I, createStaticVNode as W, Teleport as J, vModelCheckbox as j, provide as K, renderSlot as G } from "vue";
+import { CookieManager as Y, FeedPulseTracker as Q } from "./index.mjs";
+import { S as X } from "./struggle-detector-BqTHgw95.mjs";
+const H = /* @__PURE__ */ Symbol("feedpulse");
+function Z() {
+  return O(H, null);
 }
-const N = {
+const ee = { style: {
+  width: "360px",
+  height: "520px",
+  background: "#111827",
+  color: "#e5e7eb",
+  borderRadius: "16px",
+  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"
+} }, te = { style: {
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  padding: "12px 14px",
+  borderBottom: "1px solid #374151",
+  background: "#0f172a"
+} }, oe = { style: { flex: 1, overflowY: "auto", padding: "12px", display: "grid", gap: "10px" } }, ne = {
+  key: 0,
+  style: { display: "flex", gap: "8px" }
+}, ae = ["onClick"], ie = ["onClick"], se = {
+  key: 0,
+  style: { display: "flex", alignItems: "center", gap: "5px", padding: "4px 0" }
+}, le = {
+  key: 1,
+  style: {
+    border: "1px solid #f59e0b",
+    background: "#451a03",
+    color: "#fde68a",
+    borderRadius: "10px",
+    padding: "10px",
+    fontSize: "12px"
+  }
+}, re = { style: { display: "flex", gap: "8px" } }, de = ["disabled"], ue = ["disabled"], pe = ["href"], ce = /* @__PURE__ */ E({
+  __name: "BotPanel",
+  props: {
+    botSessionId: {},
+    config: {},
+    unavailable: { type: Boolean }
+  },
+  emits: ["close", "helpful", "escalated"],
+  setup(r, { emit: x }) {
+    const s = r, o = x, a = f({}), e = f([]), n = f(""), d = f(!1), g = f(!1), m = B(() => n.value.trim().length > 0 && !d.value && !s.unavailable && !g.value);
+    function v() {
+      return e.value.map((i) => ({
+        role: i.role,
+        content: i.content
+      }));
+    }
+    async function y(i) {
+      if (i.preventDefault(), !m.value)
+        return;
+      const u = n.value.trim();
+      n.value = "", e.value.push({
+        id: `user-${Date.now()}`,
+        role: "user",
+        content: u
+      });
+      const p = `assistant-${Date.now()}`;
+      e.value.push({
+        id: p,
+        role: "assistant",
+        content: ""
+      }), d.value = !0, g.value = !1;
+      try {
+        const S = await fetch("/api/bot/chat-proxy", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({
+            botSessionId: s.botSessionId,
+            config: s.config,
+            messages: v()
+          })
+        });
+        if (S.status === 402) {
+          g.value = !0;
+          const k = e.value.find((z) => z.id === p);
+          k && (k.content = "Service temporarily unavailable.");
+          return;
+        }
+        if (!S.ok)
+          throw new Error("Chat request failed");
+        const $ = S.body?.getReader();
+        if (!$)
+          throw new Error("Missing stream");
+        const h = new TextDecoder();
+        let c = !1;
+        for (; !c; ) {
+          const k = await $.read();
+          if (c = k.done, k.value) {
+            const z = h.decode(k.value, { stream: !c }), A = e.value.find((V) => V.id === p);
+            A && (A.content += z);
+          }
+        }
+      } catch {
+        const S = e.value.find(($) => $.id === p);
+        S && !S.content && (S.content = "Sorry, I couldn't process that. Please try again.");
+      } finally {
+        d.value = !1;
+      }
+    }
+    function T(i, u) {
+      a.value[i] = u, o("helpful", u);
+    }
+    function C() {
+      o("escalated");
+    }
+    return U(() => s.botSessionId, () => {
+      a.value = {}, e.value = [], n.value = "", g.value = !1;
+    }), (i, u) => (l(), b("div", ee, [
+      t("div", te, [
+        u[2] || (u[2] = t("div", { style: { display: "grid", gap: "2px" } }, [
+          t("strong", { style: { fontSize: "14px", color: "#fff" } }, "Pulse Bot"),
+          t("span", { style: { fontSize: "11px", color: "#94a3b8" } }, "Powered by FeedPulse AI")
+        ], -1)),
+        t("button", {
+          style: {
+            border: "none",
+            background: "transparent",
+            color: "#cbd5e1",
+            cursor: "pointer",
+            fontSize: "18px",
+            lineHeight: "1"
+          },
+          onClick: u[0] || (u[0] = (p) => o("close"))
+        }, " × ")
+      ]),
+      t("div", oe, [
+        (l(!0), b(_, null, L(e.value, (p) => (l(), b("div", {
+          key: p.id,
+          style: P({
+            display: "grid",
+            justifyItems: p.role === "user" ? "end" : "start",
+            gap: "6px"
+          })
+        }, [
+          t("div", {
+            style: P({
+              maxWidth: "85%",
+              padding: "9px 11px",
+              borderRadius: p.role === "user" ? "14px 14px 2px 14px" : "14px 14px 14px 2px",
+              background: p.role === "user" ? "#4f46e5" : "#1f2937",
+              color: "#fff",
+              fontSize: "13px",
+              lineHeight: "1.4",
+              whiteSpace: "pre-wrap"
+            })
+          }, D(p.content), 5),
+          p.role === "assistant" ? (l(), b("div", ne, [
+            t("button", {
+              style: P({
+                border: "1px solid #334155",
+                background: a.value[p.id] === !0 ? "#16a34a" : "#0f172a",
+                color: "#e2e8f0",
+                borderRadius: "8px",
+                fontSize: "12px",
+                padding: "4px 8px",
+                cursor: "pointer"
+              }),
+              onClick: (S) => T(p.id, !0)
+            }, " 👍 ", 12, ae),
+            t("button", {
+              style: P({
+                border: "1px solid #334155",
+                background: a.value[p.id] === !1 ? "#dc2626" : "#0f172a",
+                color: "#e2e8f0",
+                borderRadius: "8px",
+                fontSize: "12px",
+                padding: "4px 8px",
+                cursor: "pointer"
+              }),
+              onClick: (S) => T(p.id, !1)
+            }, " 👎 ", 12, ie)
+          ])) : w("", !0)
+        ], 4))), 128)),
+        d.value ? (l(), b("div", se, [...u[3] || (u[3] = [
+          t("span", { style: { width: "8px", height: "8px", borderRadius: "999px", background: "#94a3b8", animation: "fp-dot 1s infinite 0ms" } }, null, -1),
+          t("span", { style: { width: "8px", height: "8px", borderRadius: "999px", background: "#94a3b8", animation: "fp-dot 1s infinite 160ms" } }, null, -1),
+          t("span", { style: { width: "8px", height: "8px", borderRadius: "999px", background: "#94a3b8", animation: "fp-dot 1s infinite 320ms" } }, null, -1)
+        ])])) : w("", !0),
+        r.unavailable || g.value ? (l(), b("div", le, " Service temporarily unavailable. ")) : w("", !0)
+      ]),
+      t("form", {
+        style: { padding: "10px", borderTop: "1px solid #374151", display: "grid", gap: "8px" },
+        onSubmit: y
+      }, [
+        t("div", re, [
+          R(t("input", {
+            "onUpdate:modelValue": u[1] || (u[1] = (p) => n.value = p),
+            disabled: d.value || r.unavailable,
+            style: {
+              flex: 1,
+              borderRadius: "10px",
+              border: "1px solid #475569",
+              background: "#0f172a",
+              color: "#fff",
+              fontSize: "13px",
+              padding: "8px 10px",
+              outline: "none"
+            },
+            placeholder: "Ask a question..."
+          }, null, 8, de), [
+            [q, n.value]
+          ]),
+          t("button", {
+            type: "submit",
+            disabled: !m.value,
+            style: P({
+              border: "none",
+              borderRadius: "10px",
+              background: m.value ? "#6366f1" : "#334155",
+              color: "#fff",
+              fontWeight: "600",
+              fontSize: "12px",
+              padding: "0 14px",
+              cursor: m.value ? "pointer" : "not-allowed"
+            })
+          }, " Send ", 12, ue)
+        ]),
+        r.config.escalateTo ? (l(), b("a", {
+          key: 0,
+          href: r.config.escalateTo.url,
+          style: { color: "#c4b5fd", fontSize: "12px", textDecoration: "none" },
+          onClick: C
+        }, D(r.config.escalateTo.label), 9, pe)) : w("", !0)
+      ], 32)
+    ]));
+  }
+}), $e = /* @__PURE__ */ E({
+  __name: "FeedPulseBot",
+  props: {
+    faq: {},
+    pageContext: {},
+    systemPrompt: {},
+    canNavigate: { type: Boolean },
+    canHelpForms: { type: Boolean },
+    escalateTo: {},
+    initialMessage: { default: "👋 Need help?" },
+    position: { default: "bottom-right" }
+  },
+  setup(r) {
+    const x = r, s = new Y(), o = f(!1), a = f(!1), e = f(!1), n = f(!1), d = f(""), g = f(null), m = f(!1);
+    let v = null, y = null;
+    const T = B(() => ({
+      faq: x.faq || [],
+      pageContext: x.pageContext || "",
+      systemPrompt: x.systemPrompt || "",
+      canNavigate: x.canNavigate ?? !1,
+      canHelpForms: x.canHelpForms ?? !1,
+      escalateTo: x.escalateTo
+    })), C = B(() => ({
+      position: "fixed",
+      bottom: "24px",
+      zIndex: "10000",
+      ...x.position === "bottom-left" ? { left: "24px" } : { right: "24px" }
+    }));
+    function i() {
+      if (typeof document > "u" || document.getElementById("fp-bot-animations"))
+        return;
+      const h = document.createElement("style");
+      h.id = "fp-bot-animations", h.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(h);
+    }
+    async function u(h, c) {
+      const k = s.getAllData(!0);
+      try {
+        const z = await fetch("/api/bot/session-proxy", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({
+            page: window.location.pathname,
+            triggerScore: h,
+            triggerReasons: c,
+            sessionId: k.sessionId,
+            visitorId: k.userId,
+            device: navigator.userAgent
+          })
+        });
+        if (!z.ok) {
+          z.status === 402 && (n.value = !0);
+          return;
+        }
+        const A = await z.json().catch(() => null);
+        A?.botSessionId && (d.value = A.botSessionId);
+      } catch {
+      }
+    }
+    function p(h, c) {
+      a.value = !0, o.value = !0, n.value = !1, g.value = null, m.value = !1, u(h, c), y && clearTimeout(y), y = setTimeout(() => {
+        o.value = !1;
+      }, 8e3);
+    }
+    function S() {
+      e.value = !0, o.value = !1;
+    }
+    async function $() {
+      if (e.value = !1, !!d.value)
+        try {
+          await fetch("/api/bot/session-end-proxy", {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({
+              botSessionId: d.value,
+              wasHelpful: g.value,
+              escalated: m.value
+            })
+          });
+        } catch {
+        }
+    }
+    return F(() => {
+      i(), v = new X({
+        onTrigger: (h, c) => {
+          p(h, c);
+        }
+      }), v.start();
+    }), M(() => {
+      v?.stop(), y && clearTimeout(y);
+    }), (h, c) => (l(), b("div", {
+      style: P(C.value)
+    }, [
+      o.value && !e.value ? (l(), b("div", {
+        key: 0,
+        style: P({
+          position: "absolute",
+          bottom: "62px",
+          right: r.position === "bottom-right" ? "0" : "auto",
+          left: r.position === "bottom-left" ? "0" : "auto",
+          background: "#fff",
+          border: "2px solid #6366f1",
+          color: "#1f2937",
+          borderRadius: "12px 12px 0 12px",
+          padding: "10px 12px",
+          maxWidth: "240px",
+          fontSize: "13px",
+          boxShadow: "0 10px 22px rgba(0,0,0,0.16)",
+          animation: "fp-bubble-in 300ms ease-out"
+        })
+      }, [
+        I(D(r.initialMessage) + " ", 1),
+        c[2] || (c[2] = t("span", { style: {
+          position: "absolute",
+          right: "10px",
+          bottom: "-12px",
+          width: "0",
+          height: "0",
+          borderLeft: "10px solid transparent",
+          borderTop: "12px solid #6366f1"
+        } }, null, -1)),
+        c[3] || (c[3] = t("span", { style: {
+          position: "absolute",
+          right: "11px",
+          bottom: "-9px",
+          width: "0",
+          height: "0",
+          borderLeft: "9px solid transparent",
+          borderTop: "11px solid #fff"
+        } }, null, -1))
+      ], 4)) : w("", !0),
+      a.value && !e.value ? (l(), b("button", {
+        key: 1,
+        style: {
+          width: "48px",
+          height: "48px",
+          borderRadius: "999px",
+          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: S
+      }, [...c[4] || (c[4] = [
+        W('<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><rect x="3" y="8" width="18" height="13" rx="2"></rect><path d="M12 8V5"></path><circle cx="12" cy="4" r="1"></circle><circle cx="8" cy="13" r="1.5" fill="white" stroke="none"></circle><circle cx="16" cy="13" r="1.5" fill="white" stroke="none"></circle><path d="M9 17h6" stroke-linecap="round"></path></svg>', 1)
+      ])])) : w("", !0),
+      e.value && d.value ? (l(), N(ce, {
+        key: 2,
+        "bot-session-id": d.value,
+        config: T.value,
+        unavailable: n.value,
+        onClose: $,
+        onHelpful: c[0] || (c[0] = (k) => g.value = k),
+        onEscalated: c[1] || (c[1] = (k) => m.value = !0)
+      }, null, 8, ["bot-session-id", "config", "unavailable"])) : w("", !0)
+    ], 4));
+  }
+}), fe = {
   key: 0,
   style: { position: "fixed", bottom: "0", left: "0", right: "0", "z-index": "99999", background: "#1a1a1a", color: "#fff", padding: "20px 24px", "border-top": "1px solid #333", "font-family": "sans-serif" }
-}, q = { style: { "max-width": "900px", margin: "0 auto" } }, W = {
+}, xe = { style: { "max-width": "900px", margin: "0 auto" } }, be = {
   key: 0,
   style: { "margin-bottom": "12px", "font-size": "13px" }
-}, H = { style: { display: "flex", "align-items": "center", gap: "8px", "margin-bottom": "6px" } }, K = { style: { display: "flex", "align-items": "center", gap: "8px" } }, O = { style: { display: "flex", gap: "8px", "flex-wrap": "wrap", "align-items": "center" } }, Y = /* @__PURE__ */ _({
+}, ye = { style: { display: "flex", "align-items": "center", gap: "8px", "margin-bottom": "6px" } }, ge = { style: { display: "flex", "align-items": "center", gap: "8px" } }, ve = { style: { display: "flex", gap: "8px", "flex-wrap": "wrap", "align-items": "center" } }, me = /* @__PURE__ */ E({
   __name: "consent-banner",
   emits: ["consent"],
-  setup(r, { emit: d }) {
-    const o = d, t = new F(), i = g(!1), e = g(!1), a = g(!1), p = g(!1);
-    function v() {
-      i.value = !0, e.value = !0;
+  setup(r, { emit: x }) {
+    const s = x, o = new Y(), a = f(!1), e = f(!1), n = f(!1), d = f(!1);
+    function g() {
+      a.value = !0, e.value = !0;
     }
-    z(() => {
-      const x = t.getConsent();
-      i.value = !x || t.isConsentExpired(), x && (a.value = x.analytics, p.value = x.marketing), typeof window < "u" && (window.addEventListener("feedpulse:open-consent", v), window.addEventListener("feedpulse:withdraw-consent", w));
+    F(() => {
+      const C = o.getConsent();
+      a.value = !C || o.isConsentExpired(), C && (n.value = C.analytics, d.value = C.marketing), typeof window < "u" && (window.addEventListener("feedpulse:open-consent", g), window.addEventListener("feedpulse:withdraw-consent", T));
     });
     function m() {
-      t.setConsent({ analytics: !0, marketing: !0, version: "1.0" }), o("consent", { analytics: !0, marketing: !0, action: "accept_all" }), i.value = !1;
+      o.setConsent({ analytics: !0, marketing: !0, version: "1.0" }), s("consent", { analytics: !0, marketing: !0, action: "accept_all" }), a.value = !1;
     }
-    function c() {
-      t.setConsent({ analytics: !1, marketing: !1, version: "1.0" }), t.clearAnalyticsCookies(), o("consent", { analytics: !1, marketing: !1, action: "reject_all" }), i.value = !1;
+    function v() {
+      o.setConsent({ analytics: !1, marketing: !1, version: "1.0" }), o.clearAnalyticsCookies(), s("consent", { analytics: !1, marketing: !1, action: "reject_all" }), a.value = !1;
     }
-    function f() {
-      t.setConsent({ analytics: a.value, marketing: p.value, version: "1.0" }), a.value || t.clearAnalyticsCookies(), o("consent", { analytics: a.value, marketing: p.value, action: "custom" }), i.value = !1;
+    function y() {
+      o.setConsent({ analytics: n.value, marketing: d.value, version: "1.0" }), n.value || o.clearAnalyticsCookies(), s("consent", { analytics: n.value, marketing: d.value, action: "custom" }), a.value = !1;
     }
-    function w() {
-      t.setConsent({ analytics: !1, marketing: !1, version: "1.0" }), t.clearAnalyticsCookies(), a.value = !1, p.value = !1, o("consent", { analytics: !1, marketing: !1, action: "withdraw" }), i.value = !0;
+    function T() {
+      o.setConsent({ analytics: !1, marketing: !1, version: "1.0" }), o.clearAnalyticsCookies(), n.value = !1, d.value = !1, s("consent", { analytics: !1, marketing: !1, action: "withdraw" }), a.value = !0;
     }
-    return D(() => {
-      typeof window < "u" && (window.removeEventListener("feedpulse:open-consent", v), window.removeEventListener("feedpulse:withdraw-consent", w));
-    }), (x, s) => (l(), P(M, { to: "body" }, [
-      i.value ? (l(), u("div", N, [
-        n("div", q, [
-          s[6] || (s[6] = n("p", { style: { margin: "0 0 12px", "font-size": "14px", "line-height": "1.5" } }, [
-            b(" We use cookies to improve reliability and understand usage. "),
-            n("a", {
+    return M(() => {
+      typeof window < "u" && (window.removeEventListener("feedpulse:open-consent", g), window.removeEventListener("feedpulse:withdraw-consent", T));
+    }), (C, i) => (l(), N(J, { to: "body" }, [
+      a.value ? (l(), b("div", fe, [
+        t("div", xe, [
+          i[6] || (i[6] = t("p", { style: { margin: "0 0 12px", "font-size": "14px", "line-height": "1.5" } }, [
+            I(" We use cookies to improve reliability and understand usage. "),
+            t("a", {
               href: "/privacy",
               style: { color: "#818cf8" }
             }, "Privacy Policy")
           ], -1)),
-          e.value ? (l(), u("div", W, [
-            s[5] || (s[5] = n("label", { style: { display: "flex", "align-items": "center", gap: "8px", "margin-bottom": "6px", opacity: "0.75" } }, [
-              n("input", {
+          e.value ? (l(), b("div", be, [
+            i[5] || (i[5] = t("label", { style: { display: "flex", "align-items": "center", gap: "8px", "margin-bottom": "6px", opacity: "0.75" } }, [
+              t("input", {
                 type: "checkbox",
                 checked: "",
                 disabled: ""
               }),
-              b(" Necessary (always on) ")
+              I(" Necessary (always on) ")
             ], -1)),
-            n("label", H, [
-              C(n("input", {
-                "onUpdate:modelValue": s[0] || (s[0] = (k) => a.value = k),
+            t("label", ye, [
+              R(t("input", {
+                "onUpdate:modelValue": i[0] || (i[0] = (u) => n.value = u),
                 type: "checkbox"
               }, null, 512), [
-                [A, a.value]
+                [j, n.value]
               ]),
-              s[3] || (s[3] = b(" Analytics ", -1))
+              i[3] || (i[3] = I(" Analytics ", -1))
             ]),
-            n("label", K, [
-              C(n("input", {
-                "onUpdate:modelValue": s[1] || (s[1] = (k) => p.value = k),
+            t("label", ge, [
+              R(t("input", {
+                "onUpdate:modelValue": i[1] || (i[1] = (u) => d.value = u),
                 type: "checkbox"
               }, null, 512), [
-                [A, p.value]
+                [j, d.value]
               ]),
-              s[4] || (s[4] = b(" Marketing ", -1))
+              i[4] || (i[4] = I(" Marketing ", -1))
             ])
-          ])) : y("", !0),
-          n("div", O, [
-            n("button", {
+          ])) : w("", !0),
+          t("div", ve, [
+            t("button", {
               style: { width: "130px", padding: "9px 12px", background: "#4f46e5", color: "#fff", border: "1px solid #4f46e5", "border-radius": "6px", "font-size": "13px", "font-weight": "600", cursor: "pointer" },
               onClick: m
             }, " Accept All "),
-            n("button", {
+            t("button", {
               style: { width: "130px", padding: "9px 12px", background: "transparent", color: "#fff", border: "1px solid #555", "border-radius": "6px", "font-size": "13px", "font-weight": "600", cursor: "pointer" },
-              onClick: c
+              onClick: v
             }, " Reject All "),
-            n("button", {
+            t("button", {
               style: { padding: "9px 16px", background: "transparent", color: "#aaa", border: "1px solid #333", "border-radius": "6px", "font-size": "13px", cursor: "pointer" },
-              onClick: s[2] || (s[2] = (k) => e.value ? f() : e.value = !0)
-            }, $(e.value ? "Save Preferences" : "Customize"), 1)
+              onClick: i[2] || (i[2] = (u) => e.value ? y() : e.value = !0)
+            }, D(e.value ? "Save Preferences" : "Customize"), 1)
           ])
         ])
-      ])) : y("", !0)
+      ])) : w("", !0)
     ]));
   }
-}), te = /* @__PURE__ */ _({
+}), Ae = /* @__PURE__ */ E({
   __name: "FeedPulseProvider",
   props: {
     proxyEndpoint: { default: "/api/fp-proxy" },
@@ -100,43 +509,43 @@ const N = {
     consentRequired: { type: Boolean, default: !0 }
   },
   setup(r) {
-    const d = r, o = new F(), t = new U({
-      proxyEndpoint: d.proxyEndpoint,
-      debug: d.debug
+    const x = r, s = new Y(), o = new Q({
+      proxyEndpoint: x.proxyEndpoint,
+      debug: x.debug
     });
-    T(S, t);
-    function i(e) {
-      const a = o.setConsent({
+    K(H, o);
+    function a(e) {
+      const n = s.setConsent({
         analytics: e.analytics,
         marketing: e.marketing,
         version: "1.0"
       });
-      e.analytics || o.clearAnalyticsCookies(), t.updateCookieData(o.getAllData(e.analytics)), t.track("consent", "__consent__", {
+      e.analytics || s.clearAnalyticsCookies(), o.updateCookieData(s.getAllData(e.analytics)), o.track("consent", "__consent__", {
         analytics: e.analytics,
         marketing: e.marketing,
         action: e.action,
         userAgent: navigator.userAgent,
-        version: a.version
+        version: n.version
       });
     }
-    return z(() => {
-      const e = o.getConsent();
-      d.consentRequired === !1 ? (o.setConsent({ analytics: !0, marketing: !0, version: "1.0" }), t.updateCookieData(o.getAllData(!0))) : e && !o.isConsentExpired() ? t.updateCookieData(o.getAllData(e.analytics)) : t.updateCookieData(o.getAllData(!1)), t.init();
-    }), D(() => t.destroy()), (e, a) => (l(), u(h, null, [
-      L(e.$slots, "default"),
-      r.consentRequired !== !1 ? (l(), P(Y, {
+    return F(() => {
+      const e = s.getConsent();
+      x.consentRequired === !1 ? (s.setConsent({ analytics: !0, marketing: !0, version: "1.0" }), o.updateCookieData(s.getAllData(!0))) : e && !s.isConsentExpired() ? o.updateCookieData(s.getAllData(e.analytics)) : o.updateCookieData(s.getAllData(!1)), o.init();
+    }), M(() => o.destroy()), (e, n) => (l(), b(_, null, [
+      G(e.$slots, "default"),
+      r.consentRequired !== !1 ? (l(), N(me, {
         key: 0,
-        onConsent: i
-      })) : y("", !0)
+        onConsent: a
+      })) : w("", !0)
     ], 64));
   }
-}), G = {
+}), he = {
   key: 1,
   style: { background: "#fff", border: "1px solid #e5e7eb", "border-radius": "12px", padding: "16px", width: "280px", "box-shadow": "0 10px 25px rgba(0,0,0,0.15)" }
-}, I = { style: { margin: "0 0 12px", "font-weight": "600", color: "#111" } }, J = { style: { display: "flex", gap: "6px", "margin-bottom": "12px" } }, Q = ["onClick"], X = {
+}, ke = { style: { margin: "0 0 12px", "font-weight": "600", color: "#111" } }, we = { style: { display: "flex", gap: "6px", "margin-bottom": "12px" } }, Se = ["onClick"], Ce = {
   key: 1,
   style: { "text-align": "center", padding: "16px", color: "#111" }
-}, ne = /* @__PURE__ */ _({
+}, Ie = /* @__PURE__ */ E({
   __name: "FeedPulseWidget",
   props: {
     id: {},
@@ -144,57 +553,58 @@ const N = {
     position: { default: "bottom-right" }
   },
   setup(r) {
-    const d = r, o = j(), t = g(d.position === "inline"), i = g(null), e = g(""), a = g(!1);
-    function p(m) {
-      i.value = m;
+    const x = r, s = Z(), o = f(x.position === "inline"), a = f(null), e = f(""), n = f(!1);
+    function d(m) {
+      a.value = m;
     }
-    function v() {
-      !i.value && !e.value.trim() || (o?.trackFeedback(d.id ?? null, i.value, e.value || null), a.value = !0, setTimeout(() => {
-        t.value = d.position === "inline", a.value = !1, i.value = null, e.value = "";
+    function g() {
+      !a.value && !e.value.trim() || (s?.trackFeedback(x.id ?? null, a.value, e.value || null), n.value = !0, setTimeout(() => {
+        o.value = x.position === "inline", n.value = !1, a.value = null, e.value = "";
       }, 2e3));
     }
-    return (m, c) => (l(), u("div", {
+    return (m, v) => (l(), b("div", {
       class: "feedpulse-widget",
-      style: E(r.position !== "inline" ? `position:fixed; ${r.position === "bottom-right" ? "right:24px" : "left:24px"}; bottom:24px; z-index:9999;` : "")
+      style: P(r.position !== "inline" ? `position:fixed; ${r.position === "bottom-right" ? "right:24px" : "left:24px"}; bottom:24px; z-index:9999;` : "")
     }, [
-      r.position !== "inline" ? (l(), u("button", {
+      r.position !== "inline" ? (l(), b("button", {
         key: 0,
         style: { background: "#6366f1", color: "#fff", border: "none", "border-radius": "50%", width: "48px", height: "48px", "font-size": "20px", cursor: "pointer" },
-        onClick: c[0] || (c[0] = (f) => t.value = !t.value)
-      }, " 💬 ")) : y("", !0),
-      t.value ? (l(), u("div", G, [
-        a.value ? (l(), u("div", X, [...c[2] || (c[2] = [
-          n("p", { style: { "font-size": "28px", margin: "0" } }, " 🎉 ", -1),
-          n("p", { style: { margin: "8px 0 0", "font-weight": "600" } }, " Thanks for your feedback! ", -1)
-        ])])) : (l(), u(h, { key: 0 }, [
-          n("p", I, $(r.placeholder ?? "How was your experience?"), 1),
-          n("div", J, [
-            (l(), u(h, null, V(5, (f) => n("button", {
-              key: f,
-              style: E({ background: "none", border: "none", cursor: "pointer", fontSize: "24px", opacity: i.value !== null && f <= i.value ? 1 : 0.3 }),
-              onClick: (w) => p(f)
-            }, " ⭐ ", 12, Q)), 64))
+        onClick: v[0] || (v[0] = (y) => o.value = !o.value)
+      }, " 💬 ")) : w("", !0),
+      o.value ? (l(), b("div", he, [
+        n.value ? (l(), b("div", Ce, [...v[2] || (v[2] = [
+          t("p", { style: { "font-size": "28px", margin: "0" } }, " 🎉 ", -1),
+          t("p", { style: { margin: "8px 0 0", "font-weight": "600" } }, " Thanks for your feedback! ", -1)
+        ])])) : (l(), b(_, { key: 0 }, [
+          t("p", ke, D(r.placeholder ?? "How was your experience?"), 1),
+          t("div", we, [
+            (l(), b(_, null, L(5, (y) => t("button", {
+              key: y,
+              style: P({ background: "none", border: "none", cursor: "pointer", fontSize: "24px", opacity: a.value !== null && y <= a.value ? 1 : 0.3 }),
+              onClick: (T) => d(y)
+            }, " ⭐ ", 12, Se)), 64))
           ]),
-          C(n("textarea", {
-            "onUpdate:modelValue": c[1] || (c[1] = (f) => e.value = f),
+          R(t("textarea", {
+            "onUpdate:modelValue": v[1] || (v[1] = (y) => e.value = y),
             placeholder: "Tell us more (optional)...",
             rows: "3",
             style: { width: "100%", padding: "8px", border: "1px solid #d1d5db", "border-radius": "8px", resize: "none", "font-size": "14px" }
           }, null, 512), [
-            [R, e.value]
+            [q, e.value]
           ]),
-          n("button", {
+          t("button", {
             style: { "margin-top": "10px", width: "100%", background: "#6366f1", color: "#fff", border: "none", "border-radius": "8px", padding: "10px", "font-weight": "600", cursor: "pointer" },
-            onClick: v
+            onClick: g
           }, " Submit Feedback ")
         ], 64))
-      ])) : y("", !0)
+      ])) : w("", !0)
     ], 4));
   }
 });
 export {
-  Y as ConsentBanner,
-  te as FeedPulseProvider,
-  ne as FeedPulseWidget,
-  j as useFeedPulse
+  me as ConsentBanner,
+  $e as FeedPulseBot,
+  Ae as FeedPulseProvider,
+  Ie as FeedPulseWidget,
+  Z as useFeedPulse
 };