@tekibo/feedpulse-sdk 0.7.3 → 0.8.0

package/dist/nuxt.mjs

@@ -1,11 +1,11 @@
-import { inject as U, defineComponent as E, ref as u, computed as F, watch as J, createElementBlock as f, openBlock as r, createElementVNode as e, createCommentVNode as h, Fragment as D, renderList as O, normalizeStyle as $, toDisplayString as T, withDirectives as B, vModelText as H, onMounted as N, onBeforeUnmount as Y, createBlock as j, createTextVNode as A, createStaticVNode as G, Teleport as K, vModelCheckbox as q, provide as Q, renderSlot as X } from "vue";
-import { CursorActor as Z, CookieManager as L, FeedPulseTracker as ee } from "./index.mjs";
-import { S as te } from "./struggle-detector-BqTHgw95.mjs";
-const V = /* @__PURE__ */ Symbol("feedpulse");
-function oe() {
-  return U(V, null);
+import { inject as V, defineComponent as D, ref as x, computed as B, watch as U, openBlock as r, createElementBlock as g, createElementVNode as t, Fragment as _, renderList as L, normalizeStyle as T, toDisplayString as I, createCommentVNode as w, withDirectives as R, vModelText as O, onMounted as M, onBeforeUnmount as F, createTextVNode as A, createStaticVNode as W, createBlock as N, 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-Cwe3PD9s.mjs";
+const q = /* @__PURE__ */ Symbol("feedpulse");
+function Z() {
+  return V(q, null);
 }
-const ne = { style: {
+const ee = { style: {
   width: "360px",
   height: "520px",
   background: "#111827",
@@ -17,20 +17,20 @@ const ne = { style: {
   flexDirection: "column",
   overflow: "hidden",
   animation: "fp-panel-open 300ms ease-out"
-} }, ae = { style: {
+} }, te = { style: {
   display: "flex",
   justifyContent: "space-between",
   alignItems: "center",
   padding: "12px 14px",
   borderBottom: "1px solid #374151",
   background: "#0f172a"
-} }, ie = { style: { flex: 1, overflowY: "auto", padding: "12px", display: "grid", gap: "10px" } }, se = {
+} }, oe = { style: { flex: 1, overflowY: "auto", padding: "12px", display: "grid", gap: "10px" } }, ne = {
   key: 0,
   style: { display: "flex", gap: "8px" }
-}, le = ["onClick"], re = ["onClick"], de = {
+}, ae = ["onClick"], ie = ["onClick"], se = {
   key: 0,
   style: { display: "flex", alignItems: "center", gap: "5px", padding: "4px 0" }
-}, ue = {
+}, le = {
   key: 1,
   style: {
     border: "1px solid #f59e0b",
@@ -40,125 +40,89 @@ const ne = { style: {
     padding: "10px",
     fontSize: "12px"
   }
-}, pe = {
-  key: 2,
-  style: {
-    margin: "8px 0",
-    padding: "12px",
-    background: "#f0f0ff",
-    border: "1px solid #c7d2fe",
-    borderRadius: "10px",
-    fontSize: "13px",
-    color: "#111827"
-  }
-}, ce = { style: { margin: "0 0 8px", fontWeight: "600" } }, fe = { style: { display: "flex", gap: "8px" } }, xe = {
-  key: 3,
-  style: {
-    margin: "0 0 8px",
-    padding: "10px",
-    background: "#ecfdf5",
-    border: "1px solid #6ee7b7",
-    borderRadius: "8px",
-    fontSize: "13px",
-    color: "#065f46"
-  }
-}, ge = { style: { display: "flex", gap: "8px" } }, ve = ["disabled"], be = ["disabled"], ye = ["href"], me = /* @__PURE__ */ E({
+}, re = { style: { display: "flex", gap: "8px" } }, de = ["disabled"], ue = ["disabled"], pe = ["href"], ce = /* @__PURE__ */ D({
   __name: "BotPanel",
   props: {
     botSessionId: {},
     config: {},
-    configId: {},
-    page: {},
     unavailable: { type: Boolean }
   },
   emits: ["close", "helpful", "escalated"],
-  setup(p, { emit: s }) {
-    const a = p, o = s, l = u({}), t = u([]), i = u(""), b = u(!1), y = u(!1), g = u(null), x = u(null), m = new Z(), k = F(() => i.value.trim().length > 0 && !b.value && !a.unavailable && !y.value);
-    function C() {
-      return t.value.map((S) => ({
-        role: S.role,
-        content: S.content
+  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 v(S) {
-      if (S.preventDefault(), !k.value)
+    async function b(s) {
+      if (s.preventDefault(), !m.value)
         return;
-      const c = i.value.trim(), n = [
-        ...C(),
-        {
-          role: "user",
-          content: c
-        }
-      ];
-      i.value = "", t.value.push({
+      const p = n.value.trim();
+      n.value = "", e.value.push({
         id: `user-${Date.now()}`,
         role: "user",
-        content: c
+        content: p
       });
-      const d = `assistant-${Date.now()}`;
-      t.value.push({
-        id: d,
+      const c = `assistant-${Date.now()}`;
+      e.value.push({
+        id: c,
         role: "assistant",
         content: ""
-      }), b.value = !0, y.value = !1;
+      }), u.value = !0, y.value = !1;
       try {
-        const w = await fetch("/api/bot/chat-proxy", {
+        const S = await fetch("/api/bot/chat-proxy", {
           method: "POST",
           headers: { "content-type": "application/json" },
           body: JSON.stringify({
-            botSessionId: a.botSessionId,
-            config: JSON.parse(JSON.stringify(a.config)),
-            configId: a.configId,
-            page: a.page,
-            messages: n
+            botSessionId: l.botSessionId,
+            config: JSON.parse(JSON.stringify(l.config)),
+            messages: v()
           })
         });
-        if (w.status === 402) {
+        if (S.status === 402) {
           y.value = !0;
-          const _ = t.value.find((W) => W.id === d);
-          _ && (_.content = "Service temporarily unavailable.");
+          const k = e.value.find((z) => z.id === c);
+          k && (k.content = "Service temporarily unavailable.");
           return;
         }
-        if (!w.ok)
+        if (!S.ok)
           throw new Error("Chat request failed");
-        const P = await w.json(), I = t.value.find((_) => _.id === d);
-        I && (I.content = P.text || ""), P.action && (g.value = P.action);
+        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 w = t.value.find((P) => P.id === d);
-        w && !w.content && (w.content = "Sorry, I couldn't process that. Please try again.");
+        const S = e.value.find(($) => $.id === c);
+        S && !S.content && (S.content = "Sorry, I couldn't process that. Please try again.");
       } finally {
-        b.value = !1;
+        u.value = !1;
       }
     }
-    function z(S, c) {
-      l.value[S] = c, o("helpful", c);
+    function C(s, p) {
+      i.value[s] = p, o("helpful", p);
     }
-    function M() {
+    function P() {
       o("escalated");
     }
-    async function R(S) {
-      if (!g.value)
-        return;
-      if (!S) {
-        g.value = null, x.value = "No problem! Let me know if you need anything else.";
-        return;
-      }
-      const c = g.value;
-      g.value = null;
-      const n = await m.perform(c);
-      x.value = n.message, setTimeout(() => {
-        x.value = null;
-      }, 3e3);
-    }
-    return J(() => a.botSessionId, () => {
-      l.value = {}, t.value = [], i.value = "", y.value = !1, g.value = null, x.value = null;
-    }), (S, c) => (r(), f("div", ne, [
-      e("div", ae, [
-        c[4] || (c[4] = e("div", { style: { display: "grid", gap: "2px" } }, [
-          e("strong", { style: { fontSize: "14px", color: "#fff" } }, "Pulse Bot"),
-          e("span", { style: { fontSize: "11px", color: "#94a3b8" } }, "Powered by FeedPulse AI")
+    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)),
-        e("button", {
+        t("button", {
           style: {
             border: "none",
             background: "transparent",
@@ -167,86 +131,72 @@ const ne = { style: {
             fontSize: "18px",
             lineHeight: "1"
           },
-          onClick: c[0] || (c[0] = (n) => o("close"))
+          onClick: p[0] || (p[0] = (c) => o("close"))
         }, " × ")
       ]),
-      e("div", ie, [
-        (r(!0), f(D, null, O(t.value, (n) => (r(), f("div", {
-          key: n.id,
-          style: $({
+      t("div", oe, [
+        (r(!0), g(_, null, L(e.value, (c) => (r(), g("div", {
+          key: c.id,
+          style: T({
             display: "grid",
-            justifyItems: n.role === "user" ? "end" : "start",
+            justifyItems: c.role === "user" ? "end" : "start",
             gap: "6px"
           })
         }, [
-          e("div", {
-            style: $({
+          t("div", {
+            style: T({
               maxWidth: "85%",
               padding: "9px 11px",
-              borderRadius: n.role === "user" ? "14px 14px 2px 14px" : "14px 14px 14px 2px",
-              background: n.role === "user" ? "#4f46e5" : "#1f2937",
+              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"
             })
-          }, T(n.content), 5),
-          n.role === "assistant" ? (r(), f("div", se, [
-            e("button", {
-              style: $({
+          }, I(c.content), 5),
+          c.role === "assistant" ? (r(), g("div", ne, [
+            t("button", {
+              style: T({
                 border: "1px solid #334155",
-                background: l.value[n.id] === !0 ? "#16a34a" : "#0f172a",
+                background: i.value[c.id] === !0 ? "#16a34a" : "#0f172a",
                 color: "#e2e8f0",
                 borderRadius: "8px",
                 fontSize: "12px",
                 padding: "4px 8px",
                 cursor: "pointer"
               }),
-              onClick: (d) => z(n.id, !0)
-            }, " 👍 ", 12, le),
-            e("button", {
-              style: $({
+              onClick: (S) => C(c.id, !0)
+            }, " 👍 ", 12, ae),
+            t("button", {
+              style: T({
                 border: "1px solid #334155",
-                background: l.value[n.id] === !1 ? "#dc2626" : "#0f172a",
+                background: i.value[c.id] === !1 ? "#dc2626" : "#0f172a",
                 color: "#e2e8f0",
                 borderRadius: "8px",
                 fontSize: "12px",
                 padding: "4px 8px",
                 cursor: "pointer"
               }),
-              onClick: (d) => z(n.id, !1)
-            }, " 👎 ", 12, re)
-          ])) : h("", !0)
+              onClick: (S) => C(c.id, !1)
+            }, " 👎 ", 12, ie)
+          ])) : w("", !0)
         ], 4))), 128)),
-        b.value ? (r(), f("div", de, [...c[5] || (c[5] = [
-          e("span", { style: { width: "8px", height: "8px", borderRadius: "999px", background: "#94a3b8", animation: "fp-dot 1s infinite 0ms" } }, null, -1),
-          e("span", { style: { width: "8px", height: "8px", borderRadius: "999px", background: "#94a3b8", animation: "fp-dot 1s infinite 160ms" } }, null, -1),
-          e("span", { style: { width: "8px", height: "8px", borderRadius: "999px", background: "#94a3b8", animation: "fp-dot 1s infinite 320ms" } }, null, -1)
-        ])])) : h("", !0),
-        p.unavailable || y.value ? (r(), f("div", ue, " Service temporarily unavailable. ")) : h("", !0),
-        g.value ? (r(), f("div", pe, [
-          e("p", ce, " Want me to " + T(g.value.type) + ' "' + T(g.value.label) + '"? ', 1),
-          e("div", fe, [
-            e("button", {
-              style: { padding: "6px 16px", background: "#6366f1", color: "#fff", border: "none", borderRadius: "6px", cursor: "pointer", fontSize: "12px" },
-              onClick: c[1] || (c[1] = (n) => R(!0))
-            }, " ✓ Yes, do it "),
-            e("button", {
-              style: { padding: "6px 16px", background: "transparent", border: "1px solid #c7d2fe", borderRadius: "6px", cursor: "pointer", fontSize: "12px", color: "#111827" },
-              onClick: c[2] || (c[2] = (n) => R(!1))
-            }, " No thanks ")
-          ])
-        ])) : h("", !0),
-        x.value ? (r(), f("div", xe, T(x.value), 1)) : h("", !0)
+        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)
       ]),
-      e("form", {
+      t("form", {
         style: { padding: "10px", borderTop: "1px solid #374151", display: "grid", gap: "8px" },
-        onSubmit: v
+        onSubmit: b
       }, [
-        e("div", ge, [
-          B(e("input", {
-            "onUpdate:modelValue": c[3] || (c[3] = (n) => i.value = n),
-            disabled: b.value || p.unavailable,
+        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",
@@ -258,34 +208,34 @@ const ne = { style: {
               outline: "none"
             },
             placeholder: "Ask a question..."
-          }, null, 8, ve), [
-            [H, i.value]
+          }, null, 8, de), [
+            [O, n.value]
           ]),
-          e("button", {
+          t("button", {
             type: "submit",
-            disabled: !k.value,
-            style: $({
+            disabled: !m.value,
+            style: T({
               border: "none",
               borderRadius: "10px",
-              background: k.value ? "#6366f1" : "#334155",
+              background: m.value ? "#6366f1" : "#334155",
               color: "#fff",
               fontWeight: "600",
               fontSize: "12px",
               padding: "0 14px",
-              cursor: k.value ? "pointer" : "not-allowed"
+              cursor: m.value ? "pointer" : "not-allowed"
             })
-          }, " Send ", 12, be)
+          }, " Send ", 12, ue)
         ]),
-        p.config.escalateTo ? (r(), f("a", {
+        d.config.escalateTo ? (r(), g("a", {
           key: 0,
-          href: p.config.escalateTo.url,
+          href: d.config.escalateTo.url,
           style: { color: "#c4b5fd", fontSize: "12px", textDecoration: "none" },
-          onClick: M
-        }, T(p.config.escalateTo.label), 9, ye)) : h("", !0)
+          onClick: P
+        }, I(d.config.escalateTo.label), 9, pe)) : w("", !0)
       ], 32)
     ]));
   }
-}), Be = /* @__PURE__ */ E({
+}), $e = /* @__PURE__ */ D({
   __name: "FeedPulseBot",
   props: {
     faq: {},
@@ -299,34 +249,33 @@ const ne = { style: {
     escalateTo: {},
     initialMessage: { default: "👋 Need help?" },
     position: { default: "bottom-right" },
-    config: {},
-    configId: {}
+    config: {}
   },
-  setup(p) {
-    const s = p, a = new L(), o = u(!1), l = u(!1), t = u(!1), i = u(!1), b = u(""), y = u(""), g = u(null), x = u(!1);
-    let m = null, k = null;
-    const C = F(() => s.config ?? {
-      pageContext: s.pageContext,
-      systemPrompt: s.systemPrompt,
-      faq: s.faq,
-      canNavigate: s.canNavigate,
-      navigableElements: s.navigableElements,
-      canHelpForms: s.canHelpForms,
-      formGuide: s.formGuide,
-      features: s.features,
-      escalateTo: s.escalateTo,
-      initialMessage: s.initialMessage
-    }), v = F(() => ({
+  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",
-      ...s.position === "bottom-left" ? { left: "24px" } : { right: "24px" }
+      ...a.position === "bottom-left" ? { left: "24px" } : { right: "24px" }
     }));
-    function z() {
+    function s() {
       if (typeof document > "u" || document.getElementById("fp-bot-animations"))
         return;
-      const n = document.createElement("style");
-      n.id = "fp-bot-animations", n.textContent = `
+      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); }
@@ -345,73 +294,73 @@ const ne = { style: {
       50% { opacity: 1; transform: translateY(-3px); }
       100% { opacity: 0.2; transform: translateY(0); }
     }
-  `, document.head.appendChild(n);
+  `, document.head.appendChild(h);
     }
-    async function M(n, d) {
-      const w = a.getAllData(!0);
+    async function p(h, f) {
+      const k = l.getAllData(!0);
       try {
-        const P = await fetch("/api/bot/session-proxy", {
+        const z = await fetch("/api/bot/session-proxy", {
           method: "POST",
           headers: { "content-type": "application/json" },
           body: JSON.stringify({
             page: window.location.pathname,
-            triggerScore: n,
-            triggerReasons: d,
-            sessionId: w.sessionId,
-            visitorId: w.userId,
+            triggerScore: h,
+            triggerReasons: f,
+            sessionId: k.sessionId,
+            visitorId: k.userId,
             device: navigator.userAgent
           })
         });
-        if (!P.ok) {
-          P.status === 402 && (i.value = !0);
+        if (!z.ok) {
+          z.status === 402 && (n.value = !0);
           return;
         }
-        const I = await P.json().catch(() => null);
-        I?.botSessionId && (y.value = I.botSessionId);
+        const E = await z.json().catch(() => null);
+        E?.botSessionId && (u.value = E.botSessionId);
       } catch {
       }
     }
-    function R(n, d) {
-      l.value = !0, o.value = !0, i.value = !1, g.value = null, x.value = !1, M(n, d), k && clearTimeout(k), k = setTimeout(() => {
+    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() {
-      t.value = !0, o.value = !1;
+      e.value = !0, o.value = !1;
     }
-    async function c() {
-      if (t.value = !1, !!y.value)
+    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: y.value,
-              wasHelpful: g.value,
-              escalated: x.value
+              botSessionId: u.value,
+              wasHelpful: y.value,
+              escalated: m.value
             })
           });
         } catch {
         }
     }
-    return N(() => {
-      z(), b.value = window.location.pathname, m = new te({
-        onTrigger: (n, d) => {
-          R(n, d);
+    return M(() => {
+      s(), v = new X({
+        onTrigger: (h, f) => {
+          c(h, f);
         }
-      }), m.start();
-    }), Y(() => {
-      m?.stop(), k && clearTimeout(k);
-    }), (n, d) => (r(), f("div", {
-      style: $(v.value)
+      }), v.start();
+    }), F(() => {
+      v?.stop(), b && clearTimeout(b);
+    }), (h, f) => (r(), g("div", {
+      style: T(P.value)
     }, [
-      o.value && !t.value ? (r(), f("div", {
+      o.value && !e.value ? (r(), g("div", {
         key: 0,
-        style: $({
+        style: T({
           position: "absolute",
           bottom: "62px",
-          right: p.position === "bottom-right" ? "0" : "auto",
-          left: p.position === "bottom-left" ? "0" : "auto",
+          right: d.position === "bottom-right" ? "0" : "auto",
+          left: d.position === "bottom-left" ? "0" : "auto",
           background: "#fff",
           border: "2px solid #6366f1",
           color: "#1f2937",
@@ -423,8 +372,8 @@ const ne = { style: {
           animation: "fp-bubble-in 300ms ease-out"
         })
       }, [
-        A(T(C.value.initialMessage || p.initialMessage) + " ", 1),
-        d[2] || (d[2] = e("span", { style: {
+        A(I(C.value.initialMessage || d.initialMessage) + " ", 1),
+        f[2] || (f[2] = t("span", { style: {
           position: "absolute",
           right: "10px",
           bottom: "-12px",
@@ -433,7 +382,7 @@ const ne = { style: {
           borderLeft: "10px solid transparent",
           borderTop: "12px solid #6366f1"
         } }, null, -1)),
-        d[3] || (d[3] = e("span", { style: {
+        f[3] || (f[3] = t("span", { style: {
           position: "absolute",
           right: "11px",
           bottom: "-9px",
@@ -442,8 +391,8 @@ const ne = { style: {
           borderLeft: "9px solid transparent",
           borderTop: "11px solid #fff"
         } }, null, -1))
-      ], 4)) : h("", !0),
-      l.value && !t.value ? (r(), f("button", {
+      ], 4)) : w("", !0),
+      i.value && !e.value ? (r(), g("button", {
         key: 1,
         style: {
           width: "48px",
@@ -458,214 +407,212 @@ const ne = { style: {
           animation: "fp-bounce 600ms ease-out"
         },
         onClick: S
-      }, [...d[4] || (d[4] = [
-        G('<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)
-      ])])) : h("", !0),
-      t.value && y.value ? (r(), j(me, {
+      }, [...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": y.value,
+        "bot-session-id": u.value,
         config: C.value,
-        "config-id": p.configId,
-        page: b.value,
-        unavailable: i.value,
-        onClose: c,
-        onHelpful: d[0] || (d[0] = (w) => g.value = w),
-        onEscalated: d[1] || (d[1] = (w) => x.value = !0)
-      }, null, 8, ["bot-session-id", "config", "config-id", "page", "unavailable"])) : h("", !0)
+        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));
   }
-}), ke = {
+}), 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" }
-}, he = { style: { "max-width": "900px", margin: "0 auto" } }, we = {
+}, xe = { style: { "max-width": "900px", margin: "0 auto" } }, ge = {
   key: 0,
   style: { "margin-bottom": "12px", "font-size": "13px" }
-}, Se = { style: { display: "flex", "align-items": "center", gap: "8px", "margin-bottom": "6px" } }, Ce = { style: { display: "flex", "align-items": "center", gap: "8px" } }, ze = { style: { display: "flex", gap: "8px", "flex-wrap": "wrap", "align-items": "center" } }, Pe = /* @__PURE__ */ E({
+}, 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(p, { emit: s }) {
-    const a = s, o = new L(), l = u(!1), t = u(!1), i = u(!1), b = u(!1);
+  setup(d, { emit: a }) {
+    const l = a, o = new Y(), i = x(!1), e = x(!1), n = x(!1), u = x(!1);
     function y() {
-      l.value = !0, t.value = !0;
+      i.value = !0, e.value = !0;
     }
-    N(() => {
-      const C = o.getConsent();
-      l.value = !C || o.isConsentExpired(), C && (i.value = C.analytics, b.value = C.marketing), typeof window < "u" && (window.addEventListener("feedpulse:open-consent", y), window.addEventListener("feedpulse:withdraw-consent", k));
+    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 g() {
-      o.setConsent({ analytics: !0, marketing: !0, version: "1.0" }), a("consent", { analytics: !0, marketing: !0, action: "accept_all" }), l.value = !1;
+    function m() {
+      o.setConsent({ analytics: !0, marketing: !0, version: "1.0" }), l("consent", { analytics: !0, marketing: !0, action: "accept_all" }), i.value = !1;
     }
-    function x() {
-      o.setConsent({ analytics: !1, marketing: !1, version: "1.0" }), o.clearAnalyticsCookies(), a("consent", { analytics: !1, marketing: !1, action: "reject_all" }), l.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 m() {
-      o.setConsent({ analytics: i.value, marketing: b.value, version: "1.0" }), i.value || o.clearAnalyticsCookies(), a("consent", { analytics: i.value, marketing: b.value, action: "custom" }), l.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 k() {
-      o.setConsent({ analytics: !1, marketing: !1, version: "1.0" }), o.clearAnalyticsCookies(), i.value = !1, b.value = !1, a("consent", { analytics: !1, marketing: !1, action: "withdraw" }), l.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 Y(() => {
-      typeof window < "u" && (window.removeEventListener("feedpulse:open-consent", y), window.removeEventListener("feedpulse:withdraw-consent", k));
-    }), (C, v) => (r(), j(K, { to: "body" }, [
-      l.value ? (r(), f("div", ke, [
-        e("div", he, [
-          v[6] || (v[6] = e("p", { style: { margin: "0 0 12px", "font-size": "14px", "line-height": "1.5" } }, [
+    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. "),
-            e("a", {
+            t("a", {
               href: "/privacy",
               style: { color: "#818cf8" }
             }, "Privacy Policy")
           ], -1)),
-          t.value ? (r(), f("div", we, [
-            v[5] || (v[5] = e("label", { style: { display: "flex", "align-items": "center", gap: "8px", "margin-bottom": "6px", opacity: "0.75" } }, [
-              e("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: ""
               }),
               A(" Necessary (always on) ")
             ], -1)),
-            e("label", Se, [
-              B(e("input", {
-                "onUpdate:modelValue": v[0] || (v[0] = (z) => i.value = z),
+            t("label", be, [
+              R(t("input", {
+                "onUpdate:modelValue": s[0] || (s[0] = (p) => n.value = p),
                 type: "checkbox"
               }, null, 512), [
-                [q, i.value]
+                [j, n.value]
               ]),
-              v[3] || (v[3] = A(" Analytics ", -1))
+              s[3] || (s[3] = A(" Analytics ", -1))
             ]),
-            e("label", Ce, [
-              B(e("input", {
-                "onUpdate:modelValue": v[1] || (v[1] = (z) => b.value = z),
+            t("label", ye, [
+              R(t("input", {
+                "onUpdate:modelValue": s[1] || (s[1] = (p) => u.value = p),
                 type: "checkbox"
               }, null, 512), [
-                [q, b.value]
+                [j, u.value]
               ]),
-              v[4] || (v[4] = A(" Marketing ", -1))
+              s[4] || (s[4] = A(" Marketing ", -1))
             ])
-          ])) : h("", !0),
-          e("div", ze, [
-            e("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: g
+              onClick: m
             }, " Accept All "),
-            e("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: x
+              onClick: v
             }, " Reject All "),
-            e("button", {
+            t("button", {
               style: { padding: "9px 16px", background: "transparent", color: "#aaa", border: "1px solid #333", "border-radius": "6px", "font-size": "13px", cursor: "pointer" },
-              onClick: v[2] || (v[2] = (z) => t.value ? m() : t.value = !0)
-            }, T(t.value ? "Save Preferences" : "Customize"), 1)
+              onClick: s[2] || (s[2] = (p) => e.value ? b() : e.value = !0)
+            }, I(e.value ? "Save Preferences" : "Customize"), 1)
           ])
         ])
-      ])) : h("", !0)
+      ])) : w("", !0)
     ]));
   }
-}), Me = /* @__PURE__ */ E({
+}), Ee = /* @__PURE__ */ D({
   __name: "FeedPulseProvider",
   props: {
     proxyEndpoint: { default: "/api/fp-proxy" },
     debug: { type: Boolean },
     consentRequired: { type: Boolean, default: !0 }
   },
-  setup(p) {
-    const s = p, a = new L(), o = new ee({
-      proxyEndpoint: s.proxyEndpoint,
-      debug: s.debug
+  setup(d) {
+    const a = d, l = new Y(), o = new Q({
+      proxyEndpoint: a.proxyEndpoint,
+      debug: a.debug
     });
-    Q(V, o);
-    function l(t) {
-      const i = a.setConsent({
-        analytics: t.analytics,
-        marketing: t.marketing,
+    G(q, o);
+    function i(e) {
+      const n = l.setConsent({
+        analytics: e.analytics,
+        marketing: e.marketing,
         version: "1.0"
       });
-      t.analytics || a.clearAnalyticsCookies(), o.updateCookieData(a.getAllData(t.analytics)), o.track("consent", "__consent__", {
-        analytics: t.analytics,
-        marketing: t.marketing,
-        action: t.action,
+      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: i.version
+        version: n.version
       });
     }
-    return N(() => {
-      const t = a.getConsent();
-      s.consentRequired === !1 ? (a.setConsent({ analytics: !0, marketing: !0, version: "1.0" }), o.updateCookieData(a.getAllData(!0))) : t && !a.isConsentExpired() ? o.updateCookieData(a.getAllData(t.analytics)) : o.updateCookieData(a.getAllData(!1)), o.init();
-    }), Y(() => o.destroy()), (t, i) => (r(), f(D, null, [
-      X(t.$slots, "default"),
-      p.consentRequired !== !1 ? (r(), j(Pe, {
+    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: l
-      })) : h("", !0)
+        onConsent: i
+      })) : w("", !0)
     ], 64));
   }
-}), $e = {
+}), 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)" }
-}, Te = { style: { margin: "0 0 12px", "font-weight": "600", color: "#111" } }, Ie = { style: { display: "flex", gap: "6px", "margin-bottom": "12px" } }, Ae = ["onClick"], Ee = {
+}, 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" }
-}, Fe = /* @__PURE__ */ E({
+}, Ae = /* @__PURE__ */ D({
   __name: "FeedPulseWidget",
   props: {
     id: {},
     placeholder: {},
     position: { default: "bottom-right" }
   },
-  setup(p) {
-    const s = p, a = oe(), o = u(s.position === "inline"), l = u(null), t = u(""), i = u(!1);
-    function b(g) {
-      l.value = g;
+  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 y() {
-      !l.value && !t.value.trim() || (a?.trackFeedback(s.id ?? null, l.value, t.value || null), i.value = !0, setTimeout(() => {
-        o.value = s.position === "inline", i.value = !1, l.value = null, t.value = "";
+      !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 (g, x) => (r(), f("div", {
+    return (m, v) => (r(), g("div", {
       class: "feedpulse-widget",
-      style: $(p.position !== "inline" ? `position:fixed; ${p.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;` : "")
     }, [
-      p.position !== "inline" ? (r(), f("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: x[0] || (x[0] = (m) => o.value = !o.value)
-      }, " 💬 ")) : h("", !0),
-      o.value ? (r(), f("div", $e, [
-        i.value ? (r(), f("div", Ee, [...x[2] || (x[2] = [
-          e("p", { style: { "font-size": "28px", margin: "0" } }, " 🎉 ", -1),
-          e("p", { style: { margin: "8px 0 0", "font-weight": "600" } }, " Thanks for your feedback! ", -1)
-        ])])) : (r(), f(D, { key: 0 }, [
-          e("p", Te, T(p.placeholder ?? "How was your experience?"), 1),
-          e("div", Ie, [
-            (r(), f(D, null, O(5, (m) => e("button", {
-              key: m,
-              style: $({ background: "none", border: "none", cursor: "pointer", fontSize: "24px", opacity: l.value !== null && m <= l.value ? 1 : 0.3 }),
-              onClick: (k) => b(m)
-            }, " ⭐ ", 12, Ae)), 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))
           ]),
-          B(e("textarea", {
-            "onUpdate:modelValue": x[1] || (x[1] = (m) => t.value = m),
+          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), [
-            [H, t.value]
+            [O, e.value]
           ]),
-          e("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: y
           }, " Submit Feedback ")
         ], 64))
-      ])) : h("", !0)
+      ])) : w("", !0)
     ], 4));
   }
 });
 export {
-  Pe as ConsentBanner,
-  Be as FeedPulseBot,
-  Me as FeedPulseProvider,
-  Fe as FeedPulseWidget,
-  oe as useFeedPulse
+  me as ConsentBanner,
+  $e as FeedPulseBot,
+  Ee as FeedPulseProvider,
+  Ae as FeedPulseWidget,
+  Z as useFeedPulse
 };