@tekibo/feedpulse-sdk 0.6.1 → 0.7.1

package/dist/nuxt.mjs

@@ -1,200 +1,618 @@
-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 V, defineComponent as D, ref as x, computed as B, watch as U, createElementBlock as g, openBlock as r, createElementVNode as t, createCommentVNode as w, Fragment as _, renderList as L, normalizeStyle as T, toDisplayString as I, withDirectives as R, vModelText as O, onMounted as M, onBeforeUnmount as F, createBlock as N, createTextVNode as A, createStaticVNode as W, Teleport as J, vModelCheckbox as j, provide as G, renderSlot as K } from "vue";
+import { CookieManager as Y, FeedPulseTracker as Q } from "./index.mjs";
+import { S as X } from "./struggle-detector-BqTHgw95.mjs";
+const q = /* @__PURE__ */ Symbol("feedpulse");
+function Z() {
+  return V(q, 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__ */ D({
+  __name: "BotPanel",
+  props: {
+    botSessionId: {},
+    config: {},
+    unavailable: { type: Boolean }
+  },
+  emits: ["close", "helpful", "escalated"],
+  setup(d, { emit: a }) {
+    const l = d, o = a, i = x({}), e = x([]), n = x(""), u = x(!1), y = x(!1), m = B(() => n.value.trim().length > 0 && !u.value && !l.unavailable && !y.value);
+    function v() {
+      return e.value.map((s) => ({
+        role: s.role,
+        content: s.content
+      }));
+    }
+    async function b(s) {
+      if (s.preventDefault(), !m.value)
+        return;
+      const p = n.value.trim();
+      n.value = "", e.value.push({
+        id: `user-${Date.now()}`,
+        role: "user",
+        content: p
+      });
+      const c = `assistant-${Date.now()}`;
+      e.value.push({
+        id: c,
+        role: "assistant",
+        content: ""
+      }), u.value = !0, y.value = !1;
+      try {
+        const S = await fetch("/api/bot/chat-proxy", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({
+            botSessionId: l.botSessionId,
+            config: JSON.parse(JSON.stringify(l.config)),
+            messages: v()
+          })
+        });
+        if (S.status === 402) {
+          y.value = !0;
+          const k = e.value.find((z) => z.id === c);
+          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 f = !1;
+        for (; !f; ) {
+          const k = await $.read();
+          if (f = k.done, k.value) {
+            const z = h.decode(k.value, { stream: !f }), E = e.value.find((H) => H.id === c);
+            E && (E.content += z);
+          }
+        }
+      } catch {
+        const S = e.value.find(($) => $.id === c);
+        S && !S.content && (S.content = "Sorry, I couldn't process that. Please try again.");
+      } finally {
+        u.value = !1;
+      }
+    }
+    function C(s, p) {
+      i.value[s] = p, o("helpful", p);
+    }
+    function P() {
+      o("escalated");
+    }
+    return U(() => l.botSessionId, () => {
+      i.value = {}, e.value = [], n.value = "", y.value = !1;
+    }), (s, p) => (r(), g("div", ee, [
+      t("div", te, [
+        p[2] || (p[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: p[0] || (p[0] = (c) => o("close"))
+        }, " × ")
+      ]),
+      t("div", oe, [
+        (r(!0), g(_, null, L(e.value, (c) => (r(), g("div", {
+          key: c.id,
+          style: T({
+            display: "grid",
+            justifyItems: c.role === "user" ? "end" : "start",
+            gap: "6px"
+          })
+        }, [
+          t("div", {
+            style: T({
+              maxWidth: "85%",
+              padding: "9px 11px",
+              borderRadius: c.role === "user" ? "14px 14px 2px 14px" : "14px 14px 14px 2px",
+              background: c.role === "user" ? "#4f46e5" : "#1f2937",
+              color: "#fff",
+              fontSize: "13px",
+              lineHeight: "1.4",
+              whiteSpace: "pre-wrap"
+            })
+          }, I(c.content), 5),
+          c.role === "assistant" ? (r(), g("div", ne, [
+            t("button", {
+              style: T({
+                border: "1px solid #334155",
+                background: i.value[c.id] === !0 ? "#16a34a" : "#0f172a",
+                color: "#e2e8f0",
+                borderRadius: "8px",
+                fontSize: "12px",
+                padding: "4px 8px",
+                cursor: "pointer"
+              }),
+              onClick: (S) => C(c.id, !0)
+            }, " 👍 ", 12, ae),
+            t("button", {
+              style: T({
+                border: "1px solid #334155",
+                background: i.value[c.id] === !1 ? "#dc2626" : "#0f172a",
+                color: "#e2e8f0",
+                borderRadius: "8px",
+                fontSize: "12px",
+                padding: "4px 8px",
+                cursor: "pointer"
+              }),
+              onClick: (S) => C(c.id, !1)
+            }, " 👎 ", 12, ie)
+          ])) : w("", !0)
+        ], 4))), 128)),
+        u.value ? (r(), g("div", se, [...p[3] || (p[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),
+        d.unavailable || y.value ? (r(), g("div", le, " Service temporarily unavailable. ")) : w("", !0)
+      ]),
+      t("form", {
+        style: { padding: "10px", borderTop: "1px solid #374151", display: "grid", gap: "8px" },
+        onSubmit: b
+      }, [
+        t("div", re, [
+          R(t("input", {
+            "onUpdate:modelValue": p[1] || (p[1] = (c) => n.value = c),
+            disabled: u.value || d.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), [
+            [O, n.value]
+          ]),
+          t("button", {
+            type: "submit",
+            disabled: !m.value,
+            style: T({
+              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)
+        ]),
+        d.config.escalateTo ? (r(), g("a", {
+          key: 0,
+          href: d.config.escalateTo.url,
+          style: { color: "#c4b5fd", fontSize: "12px", textDecoration: "none" },
+          onClick: P
+        }, I(d.config.escalateTo.label), 9, pe)) : w("", !0)
+      ], 32)
+    ]));
+  }
+}), $e = /* @__PURE__ */ D({
+  __name: "FeedPulseBot",
+  props: {
+    faq: {},
+    pageContext: {},
+    systemPrompt: {},
+    canNavigate: { type: Boolean },
+    navigableElements: {},
+    canHelpForms: { type: Boolean },
+    formGuide: {},
+    features: {},
+    escalateTo: {},
+    initialMessage: { default: "👋 Need help?" },
+    position: { default: "bottom-right" },
+    config: {}
+  },
+  setup(d) {
+    const a = d, l = new Y(), o = x(!1), i = x(!1), e = x(!1), n = x(!1), u = x(""), y = x(null), m = x(!1);
+    let v = null, b = null;
+    const C = B(() => a.config ?? {
+      pageContext: a.pageContext,
+      systemPrompt: a.systemPrompt,
+      faq: a.faq,
+      canNavigate: a.canNavigate,
+      navigableElements: a.navigableElements,
+      canHelpForms: a.canHelpForms,
+      formGuide: a.formGuide,
+      features: a.features,
+      escalateTo: a.escalateTo,
+      initialMessage: a.initialMessage
+    }), P = B(() => ({
+      position: "fixed",
+      bottom: "24px",
+      zIndex: "10000",
+      ...a.position === "bottom-left" ? { left: "24px" } : { right: "24px" }
+    }));
+    function s() {
+      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 p(h, f) {
+      const k = l.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: f,
+            sessionId: k.sessionId,
+            visitorId: k.userId,
+            device: navigator.userAgent
+          })
+        });
+        if (!z.ok) {
+          z.status === 402 && (n.value = !0);
+          return;
+        }
+        const E = await z.json().catch(() => null);
+        E?.botSessionId && (u.value = E.botSessionId);
+      } catch {
+      }
+    }
+    function c(h, f) {
+      i.value = !0, o.value = !0, n.value = !1, y.value = null, m.value = !1, p(h, f), b && clearTimeout(b), b = setTimeout(() => {
+        o.value = !1;
+      }, 8e3);
+    }
+    function S() {
+      e.value = !0, o.value = !1;
+    }
+    async function $() {
+      if (e.value = !1, !!u.value)
+        try {
+          await fetch("/api/bot/session-end-proxy", {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({
+              botSessionId: u.value,
+              wasHelpful: y.value,
+              escalated: m.value
+            })
+          });
+        } catch {
+        }
+    }
+    return M(() => {
+      s(), v = new X({
+        onTrigger: (h, f) => {
+          c(h, f);
+        }
+      }), v.start();
+    }), F(() => {
+      v?.stop(), b && clearTimeout(b);
+    }), (h, f) => (r(), g("div", {
+      style: T(P.value)
+    }, [
+      o.value && !e.value ? (r(), g("div", {
+        key: 0,
+        style: T({
+          position: "absolute",
+          bottom: "62px",
+          right: d.position === "bottom-right" ? "0" : "auto",
+          left: d.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"
+        })
+      }, [
+        A(I(C.value.initialMessage || d.initialMessage) + " ", 1),
+        f[2] || (f[2] = t("span", { style: {
+          position: "absolute",
+          right: "10px",
+          bottom: "-12px",
+          width: "0",
+          height: "0",
+          borderLeft: "10px solid transparent",
+          borderTop: "12px solid #6366f1"
+        } }, null, -1)),
+        f[3] || (f[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),
+      i.value && !e.value ? (r(), g("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
+      }, [...f[4] || (f[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 && u.value ? (r(), N(ce, {
+        key: 2,
+        "bot-session-id": u.value,
+        config: C.value,
+        unavailable: n.value,
+        onClose: $,
+        onHelpful: f[0] || (f[0] = (k) => y.value = k),
+        onEscalated: f[1] || (f[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" } }, ge = {
   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__ */ _({
+}, be = { style: { display: "flex", "align-items": "center", gap: "8px", "margin-bottom": "6px" } }, ye = { style: { display: "flex", "align-items": "center", gap: "8px" } }, ve = { style: { display: "flex", gap: "8px", "flex-wrap": "wrap", "align-items": "center" } }, me = /* @__PURE__ */ D({
   __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() {
+  setup(d, { emit: a }) {
+    const l = a, o = new Y(), i = x(!1), e = x(!1), n = x(!1), u = x(!1);
+    function y() {
       i.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));
+    M(() => {
+      const P = o.getConsent();
+      i.value = !P || o.isConsentExpired(), P && (n.value = P.analytics, u.value = P.marketing), typeof window < "u" && (window.addEventListener("feedpulse:open-consent", y), window.addEventListener("feedpulse:withdraw-consent", C));
     });
     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" }), l("consent", { analytics: !0, marketing: !0, action: "accept_all" }), i.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(), l("consent", { analytics: !1, marketing: !1, action: "reject_all" }), i.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 b() {
+      o.setConsent({ analytics: n.value, marketing: u.value, version: "1.0" }), n.value || o.clearAnalyticsCookies(), l("consent", { analytics: n.value, marketing: u.value, action: "custom" }), i.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 C() {
+      o.setConsent({ analytics: !1, marketing: !1, version: "1.0" }), o.clearAnalyticsCookies(), n.value = !1, u.value = !1, l("consent", { analytics: !1, marketing: !1, action: "withdraw" }), i.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 F(() => {
+      typeof window < "u" && (window.removeEventListener("feedpulse:open-consent", y), window.removeEventListener("feedpulse:withdraw-consent", C));
+    }), (P, s) => (r(), N(J, { to: "body" }, [
+      i.value ? (r(), g("div", fe, [
+        t("div", xe, [
+          s[6] || (s[6] = t("p", { style: { margin: "0 0 12px", "font-size": "14px", "line-height": "1.5" } }, [
+            A(" 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 ? (r(), g("div", ge, [
+            s[5] || (s[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) ")
+              A(" Necessary (always on) ")
             ], -1)),
-            n("label", H, [
-              C(n("input", {
-                "onUpdate:modelValue": s[0] || (s[0] = (k) => a.value = k),
+            t("label", be, [
+              R(t("input", {
+                "onUpdate:modelValue": s[0] || (s[0] = (p) => n.value = p),
                 type: "checkbox"
               }, null, 512), [
-                [A, a.value]
+                [j, n.value]
               ]),
-              s[3] || (s[3] = b(" Analytics ", -1))
+              s[3] || (s[3] = A(" Analytics ", -1))
             ]),
-            n("label", K, [
-              C(n("input", {
-                "onUpdate:modelValue": s[1] || (s[1] = (k) => p.value = k),
+            t("label", ye, [
+              R(t("input", {
+                "onUpdate:modelValue": s[1] || (s[1] = (p) => u.value = p),
                 type: "checkbox"
               }, null, 512), [
-                [A, p.value]
+                [j, u.value]
               ]),
-              s[4] || (s[4] = b(" Marketing ", -1))
+              s[4] || (s[4] = A(" 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: s[2] || (s[2] = (p) => e.value ? b() : e.value = !0)
+            }, I(e.value ? "Save Preferences" : "Customize"), 1)
           ])
         ])
-      ])) : y("", !0)
+      ])) : w("", !0)
     ]));
   }
-}), te = /* @__PURE__ */ _({
+}), Ee = /* @__PURE__ */ D({
   __name: "FeedPulseProvider",
   props: {
     proxyEndpoint: { default: "/api/fp-proxy" },
     debug: { type: Boolean },
     consentRequired: { type: Boolean, default: !0 }
   },
-  setup(r) {
-    const d = r, o = new F(), t = new U({
-      proxyEndpoint: d.proxyEndpoint,
-      debug: d.debug
+  setup(d) {
+    const a = d, l = new Y(), o = new Q({
+      proxyEndpoint: a.proxyEndpoint,
+      debug: a.debug
     });
-    T(S, t);
+    G(q, o);
     function i(e) {
-      const a = o.setConsent({
+      const n = l.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 || l.clearAnalyticsCookies(), o.updateCookieData(l.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 M(() => {
+      const e = l.getConsent();
+      a.consentRequired === !1 ? (l.setConsent({ analytics: !0, marketing: !0, version: "1.0" }), o.updateCookieData(l.getAllData(!0))) : e && !l.isConsentExpired() ? o.updateCookieData(l.getAllData(e.analytics)) : o.updateCookieData(l.getAllData(!1)), o.init();
+    }), F(() => o.destroy()), (e, n) => (r(), g(_, null, [
+      K(e.$slots, "default"),
+      d.consentRequired !== !1 ? (r(), N(me, {
         key: 0,
         onConsent: i
-      })) : y("", !0)
+      })) : 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__ */ _({
+}, Ae = /* @__PURE__ */ D({
   __name: "FeedPulseWidget",
   props: {
     id: {},
     placeholder: {},
     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) {
+  setup(d) {
+    const a = d, l = Z(), o = x(a.position === "inline"), i = x(null), e = x(""), n = x(!1);
+    function u(m) {
       i.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 y() {
+      !i.value && !e.value.trim() || (l?.trackFeedback(a.id ?? null, i.value, e.value || null), n.value = !0, setTimeout(() => {
+        o.value = a.position === "inline", n.value = !1, i.value = null, e.value = "";
       }, 2e3));
     }
-    return (m, c) => (l(), u("div", {
+    return (m, v) => (r(), g("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: T(d.position !== "inline" ? `position:fixed; ${d.position === "bottom-right" ? "right:24px" : "left:24px"}; bottom:24px; z-index:9999;` : "")
     }, [
-      r.position !== "inline" ? (l(), u("button", {
+      d.position !== "inline" ? (r(), g("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] = (b) => o.value = !o.value)
+      }, " 💬 ")) : w("", !0),
+      o.value ? (r(), g("div", he, [
+        n.value ? (r(), g("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)
+        ])])) : (r(), g(_, { key: 0 }, [
+          t("p", ke, I(d.placeholder ?? "How was your experience?"), 1),
+          t("div", we, [
+            (r(), g(_, null, L(5, (b) => t("button", {
+              key: b,
+              style: T({ background: "none", border: "none", cursor: "pointer", fontSize: "24px", opacity: i.value !== null && b <= i.value ? 1 : 0.3 }),
+              onClick: (C) => u(b)
+            }, " ⭐ ", 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] = (b) => e.value = b),
             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]
+            [O, 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: y
           }, " 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,
+  Ee as FeedPulseProvider,
+  Ae as FeedPulseWidget,
+  Z as useFeedPulse
 };