@tekibo/feedpulse-sdk 2.1.3 → 2.2.0

package/README.md

@@ -20,6 +20,7 @@ The SDK automatically tracks:
 - `hover`: when users hover an element for more than 500ms
 - `scroll_into_view`: when tagged elements enter viewport
 - `feedback`: explicit rating/message submissions from widget or manual API
+
 ## Quick start (Nuxt)
 
 Import from `@tekibo/feedpulse-sdk/nuxt` and wrap your app:

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class n{constructor(e){this.queue=[],this.flushInterval=null,this.observer=null,this.intersectionObserver=null,this.seenInView=new Set;const i="https://feed-pulse.vercel.app/api/ingest";this.config={apiKey:e.apiKey,endpoint:e.endpoint??i,batchInterval:e.batchInterval??5e3},this.visitorId="",this.sessionId=""}init(){this.isBrowser()&&(this.visitorId=this.getOrCreateVisitorId(),this.sessionId=this.generateSessionId(),this.startFlushInterval(),this.attachGlobalListeners(),this.observeDOM())}attachGlobalListeners(){document.addEventListener("click",t=>{const r=t.target.closest("[data-fp-id]");r&&this.track("click",r.getAttribute("data-fp-id"),{x:t.clientX,y:t.clientY})},{passive:!0});let e=0,i=null;document.addEventListener("mouseover",t=>{const r=t.target.closest("[data-fp-id]");r&&(e=Date.now(),i=r.getAttribute("data-fp-id"))},{passive:!0}),document.addEventListener("mouseout",t=>{if(!t.target.closest("[data-fp-id]")||!i)return;const s=Date.now()-e;s>500&&this.track("hover",i,{hoverDuration:s}),i=null},{passive:!0})}observeDOM(){this.intersectionObserver=new IntersectionObserver(i=>{for(const t of i){const r=t.target.dataset.fpId;!r||!t.isIntersecting||this.seenInView.has(r)||(this.seenInView.add(r),this.track("scroll_into_view",r,{scrollDepth:Math.round(window.scrollY/Math.max(1,document.body.scrollHeight)*100)}))}},{threshold:.5});const e=()=>{document.querySelectorAll("[data-fp-id]").forEach(i=>{this.intersectionObserver?.observe(i)})};e(),this.observer=new MutationObserver(()=>e()),this.observer.observe(document.body,{childList:!0,subtree:!0})}track(e,i,t){this.isBrowser()&&this.queue.push({projectApiKey:this.config.apiKey,elementId:i,eventType:e,sessionId:this.sessionId,visitorId:this.visitorId,page:window.location.pathname,referrer:document.referrer,device:this.getDeviceType(),browser:this.getBrowser(),os:this.getOS(),metadata:t,timestamp:new Date().toISOString()})}trackFeedback(e,i,t){this.isBrowser()&&(!i&&!t||this.sendImmediate([{projectApiKey:this.config.apiKey,elementId:e??"__page__",eventType:"feedback",sessionId:this.sessionId,visitorId:this.visitorId,page:window.location.pathname,device:this.getDeviceType(),metadata:{rating:i,message:t},timestamp:new Date().toISOString()}]))}async flush(){if(this.queue.length===0)return;const e=[...this.queue];this.queue=[],await this.sendImmediate(e)}async sendImmediate(e){try{await fetch(this.config.endpoint,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({events:e}),keepalive:!0})}catch{}}startFlushInterval(){this.flushInterval=setInterval(()=>this.flush(),this.config.batchInterval),window.addEventListener("beforeunload",()=>this.flush()),document.addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"&&this.flush()})}getOrCreateVisitorId(){const e="__fp_vid",i=this.generateId();try{let t=localStorage.getItem(e);return t||(t=i,localStorage.setItem(e,t)),t}catch{return i}}generateId(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).slice(2)}`}isBrowser(){return typeof window<"u"&&typeof document<"u"}generateSessionId(){return`${Date.now()}-${Math.random().toString(36).slice(2)}`}getDeviceType(){const e=navigator.userAgent;return/Mobi|Android/i.test(e)?"mobile":/Tablet|iPad/i.test(e)?"tablet":"desktop"}getBrowser(){const e=navigator.userAgent;return e.includes("Edg")?"Edge":e.includes("Chrome")?"Chrome":e.includes("Firefox")?"Firefox":e.includes("Safari")?"Safari":"Other"}getOS(){const e=navigator.userAgent;return e.includes("Windows")?"Windows":e.includes("Mac")?"macOS":e.includes("Linux")?"Linux":e.includes("Android")?"Android":/iPhone|iOS/.test(e)?"iOS":"Other"}destroy(){this.flushInterval&&clearInterval(this.flushInterval),this.observer?.disconnect(),this.intersectionObserver?.disconnect(),this.flush()}}exports.FeedPulseTracker=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class c{constructor(e){this.queue=[],this.flushInterval=null,this.observer=null,this.intersectionObserver=null,this.scrollFallbackListener=null,this.resizeFallbackListener=null,this.seenInView=new Set;const i="https://feed-pulse.vercel.app/api/ingest";this.config={apiKey:e.apiKey,endpoint:e.endpoint??i,batchInterval:e.batchInterval??5e3,debug:e.debug??!1},this.visitorId="",this.sessionId=""}init(){this.isBrowser()&&(this.visitorId=this.getOrCreateVisitorId(),this.sessionId=this.generateSessionId(),this.startFlushInterval(),this.attachGlobalListeners(),this.observeDOM())}attachGlobalListeners(){document.addEventListener("click",t=>{const s=t.target.closest("[data-fp-id]");s&&this.track("click",s.getAttribute("data-fp-id"),{x:t.clientX,y:t.clientY})},{passive:!0});let e=0,i=null;document.addEventListener("mouseover",t=>{const s=t.target.closest("[data-fp-id]");s&&(e=Date.now(),i=s.getAttribute("data-fp-id"))},{passive:!0}),document.addEventListener("mouseout",t=>{if(!t.target.closest("[data-fp-id]")||!i)return;const r=Date.now()-e;r>500&&this.track("hover",i,{hoverDuration:r}),i=null},{passive:!0})}observeDOM(){const e=s=>{this.seenInView.has(s)||(this.seenInView.add(s),this.track("scroll_into_view",s,{scrollDepth:Math.round(window.scrollY/Math.max(1,document.body.scrollHeight)*100)}))};this.intersectionObserver=new IntersectionObserver(s=>{for(const r of s){const n=r.target.dataset.fpId;!n||!r.isIntersecting||e(n)}},{threshold:.1});const i=()=>{document.querySelectorAll("[data-fp-id]").forEach(s=>{this.intersectionObserver?.observe(s)})},t=()=>{const s=window.innerHeight*.1,r=window.innerHeight*.9;document.querySelectorAll("[data-fp-id]").forEach(n=>{const o=n.dataset.fpId;if(!o||this.seenInView.has(o))return;const a=n.getBoundingClientRect();a.bottom>=s&&a.top<=r&&e(o)})};i(),t(),this.scrollFallbackListener=()=>t(),this.resizeFallbackListener=()=>t(),window.addEventListener("scroll",this.scrollFallbackListener,{passive:!0}),window.addEventListener("resize",this.resizeFallbackListener,{passive:!0}),this.observer=new MutationObserver(()=>i()),this.observer.observe(document.body,{childList:!0,subtree:!0})}track(e,i,t){this.isBrowser()&&this.queue.push({projectApiKey:this.config.apiKey,elementId:i,eventType:e,sessionId:this.sessionId,visitorId:this.visitorId,page:window.location.pathname,referrer:document.referrer,device:this.getDeviceType(),browser:this.getBrowser(),os:this.getOS(),metadata:t,timestamp:new Date().toISOString()})}trackFeedback(e,i,t){this.isBrowser()&&(!i&&!t||this.sendImmediate([{projectApiKey:this.config.apiKey,elementId:e??"__page__",eventType:"feedback",sessionId:this.sessionId,visitorId:this.visitorId,page:window.location.pathname,device:this.getDeviceType(),metadata:{rating:i,message:t},timestamp:new Date().toISOString()}]))}async flush(){if(this.queue.length===0)return;const e=[...this.queue];this.queue=[],await this.sendImmediate(e)}async sendImmediate(e){try{const i=await fetch(this.config.endpoint,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({events:e}),keepalive:!0});if(this.config.debug&&i.ok){const t=await i.json().catch(()=>null);t?.ingested!==void 0&&t?.pipeline&&globalThis.console.debug(`[FeedPulse] ${t.ingested} events via ${t.pipeline} pipeline`)}}catch{}}startFlushInterval(){this.flushInterval=setInterval(()=>this.flush(),this.config.batchInterval),window.addEventListener("beforeunload",()=>this.flush()),document.addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"&&this.flush()})}getOrCreateVisitorId(){const e="__fp_vid",i=this.generateId();try{let t=localStorage.getItem(e);return t||(t=i,localStorage.setItem(e,t)),t}catch{return i}}generateId(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).slice(2)}`}isBrowser(){return typeof window<"u"&&typeof document<"u"}generateSessionId(){return`${Date.now()}-${Math.random().toString(36).slice(2)}`}getDeviceType(){const e=navigator.userAgent;return/Mobi|Android/i.test(e)?"mobile":/Tablet|iPad/i.test(e)?"tablet":"desktop"}getBrowser(){const e=navigator.userAgent;return e.includes("Edg")?"Edge":e.includes("Chrome")?"Chrome":e.includes("Firefox")?"Firefox":e.includes("Safari")?"Safari":"Other"}getOS(){const e=navigator.userAgent;return e.includes("Windows")?"Windows":e.includes("Mac")?"macOS":e.includes("Linux")?"Linux":e.includes("Android")?"Android":/iPhone|iOS/.test(e)?"iOS":"Other"}destroy(){this.flushInterval&&clearInterval(this.flushInterval),this.scrollFallbackListener&&window.removeEventListener("scroll",this.scrollFallbackListener),this.resizeFallbackListener&&window.removeEventListener("resize",this.resizeFallbackListener),this.observer?.disconnect(),this.intersectionObserver?.disconnect(),this.flush()}}exports.FeedPulseTracker=c;

package/dist/index.mjs

@@ -1,11 +1,12 @@
-class o {
+class l {
   constructor(e) {
-    this.queue = [], this.flushInterval = null, this.observer = null, this.intersectionObserver = null, this.seenInView = /* @__PURE__ */ new Set();
+    this.queue = [], this.flushInterval = null, this.observer = null, this.intersectionObserver = null, this.scrollFallbackListener = null, this.resizeFallbackListener = null, this.seenInView = /* @__PURE__ */ new Set();
     const i = "https://feed-pulse.vercel.app/api/ingest";
     this.config = {
       apiKey: e.apiKey,
       endpoint: e.endpoint ?? i,
-      batchInterval: e.batchInterval ?? 5e3
+      batchInterval: e.batchInterval ?? 5e3,
+      debug: e.debug ?? !1
     }, this.visitorId = "", this.sessionId = "";
   }
   init() {
@@ -13,38 +14,50 @@ class o {
   }
   attachGlobalListeners() {
     document.addEventListener("click", (t) => {
-      const r = t.target.closest("[data-fp-id]");
-      r && this.track("click", r.getAttribute("data-fp-id"), {
+      const s = t.target.closest("[data-fp-id]");
+      s && this.track("click", s.getAttribute("data-fp-id"), {
         x: t.clientX,
         y: t.clientY
       });
     }, { passive: !0 });
     let e = 0, i = null;
     document.addEventListener("mouseover", (t) => {
-      const r = t.target.closest("[data-fp-id]");
-      r && (e = Date.now(), i = r.getAttribute("data-fp-id"));
+      const s = t.target.closest("[data-fp-id]");
+      s && (e = Date.now(), i = s.getAttribute("data-fp-id"));
     }, { passive: !0 }), document.addEventListener("mouseout", (t) => {
       if (!t.target.closest("[data-fp-id]") || !i)
         return;
-      const s = Date.now() - e;
-      s > 500 && this.track("hover", i, { hoverDuration: s }), i = null;
+      const r = Date.now() - e;
+      r > 500 && this.track("hover", i, { hoverDuration: r }), i = null;
     }, { passive: !0 });
   }
   observeDOM() {
-    this.intersectionObserver = new IntersectionObserver((i) => {
-      for (const t of i) {
-        const r = t.target.dataset.fpId;
-        !r || !t.isIntersecting || this.seenInView.has(r) || (this.seenInView.add(r), this.track("scroll_into_view", r, {
-          scrollDepth: Math.round(window.scrollY / Math.max(1, document.body.scrollHeight) * 100)
-        }));
+    const e = (s) => {
+      this.seenInView.has(s) || (this.seenInView.add(s), this.track("scroll_into_view", s, {
+        scrollDepth: Math.round(window.scrollY / Math.max(1, document.body.scrollHeight) * 100)
+      }));
+    };
+    this.intersectionObserver = new IntersectionObserver((s) => {
+      for (const r of s) {
+        const n = r.target.dataset.fpId;
+        !n || !r.isIntersecting || e(n);
       }
-    }, { threshold: 0.5 });
-    const e = () => {
-      document.querySelectorAll("[data-fp-id]").forEach((i) => {
-        this.intersectionObserver?.observe(i);
+    }, { threshold: 0.1 });
+    const i = () => {
+      document.querySelectorAll("[data-fp-id]").forEach((s) => {
+        this.intersectionObserver?.observe(s);
+      });
+    }, t = () => {
+      const s = window.innerHeight * 0.1, r = window.innerHeight * 0.9;
+      document.querySelectorAll("[data-fp-id]").forEach((n) => {
+        const o = n.dataset.fpId;
+        if (!o || this.seenInView.has(o))
+          return;
+        const a = n.getBoundingClientRect();
+        a.bottom >= s && a.top <= r && e(o);
       });
     };
-    e(), this.observer = new MutationObserver(() => e()), this.observer.observe(document.body, { childList: !0, subtree: !0 });
+    i(), t(), this.scrollFallbackListener = () => t(), this.resizeFallbackListener = () => t(), window.addEventListener("scroll", this.scrollFallbackListener, { passive: !0 }), window.addEventListener("resize", this.resizeFallbackListener, { passive: !0 }), this.observer = new MutationObserver(() => i()), this.observer.observe(document.body, { childList: !0, subtree: !0 });
   }
   track(e, i, t) {
     this.isBrowser() && this.queue.push({
@@ -83,12 +96,16 @@ class o {
   }
   async sendImmediate(e) {
     try {
-      await fetch(this.config.endpoint, {
+      const i = await fetch(this.config.endpoint, {
         method: "POST",
         headers: { "content-type": "application/json" },
         body: JSON.stringify({ events: e }),
         keepalive: !0
       });
+      if (this.config.debug && i.ok) {
+        const t = await i.json().catch(() => null);
+        t?.ingested !== void 0 && t?.pipeline && globalThis.console.debug(`[FeedPulse] ${t.ingested} events via ${t.pipeline} pipeline`);
+      }
     } catch {
     }
   }
@@ -128,9 +145,9 @@ class o {
     return e.includes("Windows") ? "Windows" : e.includes("Mac") ? "macOS" : e.includes("Linux") ? "Linux" : e.includes("Android") ? "Android" : /iPhone|iOS/.test(e) ? "iOS" : "Other";
   }
   destroy() {
-    this.flushInterval && clearInterval(this.flushInterval), this.observer?.disconnect(), this.intersectionObserver?.disconnect(), this.flush();
+    this.flushInterval && clearInterval(this.flushInterval), this.scrollFallbackListener && window.removeEventListener("scroll", this.scrollFallbackListener), this.resizeFallbackListener && window.removeEventListener("resize", this.resizeFallbackListener), this.observer?.disconnect(), this.intersectionObserver?.disconnect(), this.flush();
   }
 }
 export {
-  o as FeedPulseTracker
+  l as FeedPulseTracker
 };

package/dist/nuxt.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),x=require("./index.js"),c=Symbol("feedpulse");function p(){return e.inject(c,null)}const g=e.defineComponent({__name:"FeedPulseProvider",props:{apiKey:{},endpoint:{}},setup(t){const n=t,d=new x.FeedPulseTracker({apiKey:n.apiKey,endpoint:n.endpoint});return e.provide(c,d),e.onMounted(()=>d.init()),e.onBeforeUnmount(()=>d.destroy()),(r,o)=>e.renderSlot(r.$slots,"default")}}),b={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)"}},k={style:{margin:"0 0 12px","font-weight":"600",color:"#111"}},v={style:{display:"flex",gap:"6px","margin-bottom":"12px"}},y=["onClick"],h={key:1,style:{"text-align":"center",padding:"16px",color:"#111"}},E=e.defineComponent({__name:"FeedPulseWidget",props:{id:{},placeholder:{},position:{default:"bottom-right"}},setup(t){const n=t,d=p(),r=e.ref(n.position==="inline"),o=e.ref(null),s=e.ref(""),a=e.ref(!1);function m(u){o.value=u}function f(){!o.value&&!s.value.trim()||(d?.trackFeedback(n.id??null,o.value,s.value||null),a.value=!0,setTimeout(()=>{r.value=n.position==="inline",a.value=!1,o.value=null,s.value=""},2e3))}return(u,l)=>(e.openBlock(),e.createElementBlock("div",{class:"feedpulse-widget",style:e.normalizeStyle(t.position!=="inline"?`position:fixed; ${t.position==="bottom-right"?"right:24px":"left:24px"}; bottom:24px; z-index:9999;`:"")},[t.position!=="inline"?(e.openBlock(),e.createElementBlock("button",{key:0,style:{background:"#6366f1",color:"#fff",border:"none","border-radius":"50%",width:"48px",height:"48px","font-size":"20px",cursor:"pointer"},onClick:l[0]||(l[0]=i=>r.value=!r.value)}," 💬 ")):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",b,[a.value?(e.openBlock(),e.createElementBlock("div",h,[...l[2]||(l[2]=[e.createElementVNode("p",{style:{"font-size":"28px",margin:"0"}}," 🎉 ",-1),e.createElementVNode("p",{style:{margin:"8px 0 0","font-weight":"600"}}," Thanks for your feedback! ",-1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",k,e.toDisplayString(t.placeholder??"How was your experience?"),1),e.createElementVNode("div",v,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(5,i=>e.createElementVNode("button",{key:i,style:e.normalizeStyle({background:"none",border:"none",cursor:"pointer",fontSize:"24px",opacity:o.value!==null&&i<=o.value?1:.3}),onClick:w=>m(i)}," ⭐ ",12,y)),64))]),e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":l[1]||(l[1]=i=>s.value=i),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),[[e.vModelText,s.value]]),e.createElementVNode("button",{style:{"margin-top":"10px",width:"100%",background:"#6366f1",color:"#fff",border:"none","border-radius":"8px",padding:"10px","font-weight":"600",cursor:"pointer"},onClick:f}," Submit Feedback ")],64))])):e.createCommentVNode("",!0)],4))}});exports.FeedPulseProvider=g;exports.FeedPulseWidget=E;exports.useFeedPulse=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("./index.js"),c=Symbol("feedpulse");function p(){return e.inject(c,null)}const b=e.defineComponent({__name:"FeedPulseProvider",props:{apiKey:{},endpoint:{},debug:{type:Boolean}},setup(t){const o=t,d=new g.FeedPulseTracker({apiKey:o.apiKey,endpoint:o.endpoint,debug:o.debug});return e.provide(c,d),e.onMounted(()=>d.init()),e.onBeforeUnmount(()=>d.destroy()),(r,n)=>e.renderSlot(r.$slots,"default")}}),x={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)"}},k={style:{margin:"0 0 12px","font-weight":"600",color:"#111"}},v={style:{display:"flex",gap:"6px","margin-bottom":"12px"}},y=["onClick"],h={key:1,style:{"text-align":"center",padding:"16px",color:"#111"}},E=e.defineComponent({__name:"FeedPulseWidget",props:{id:{},placeholder:{},position:{default:"bottom-right"}},setup(t){const o=t,d=p(),r=e.ref(o.position==="inline"),n=e.ref(null),s=e.ref(""),a=e.ref(!1);function m(u){n.value=u}function f(){!n.value&&!s.value.trim()||(d?.trackFeedback(o.id??null,n.value,s.value||null),a.value=!0,setTimeout(()=>{r.value=o.position==="inline",a.value=!1,n.value=null,s.value=""},2e3))}return(u,l)=>(e.openBlock(),e.createElementBlock("div",{class:"feedpulse-widget",style:e.normalizeStyle(t.position!=="inline"?`position:fixed; ${t.position==="bottom-right"?"right:24px":"left:24px"}; bottom:24px; z-index:9999;`:"")},[t.position!=="inline"?(e.openBlock(),e.createElementBlock("button",{key:0,style:{background:"#6366f1",color:"#fff",border:"none","border-radius":"50%",width:"48px",height:"48px","font-size":"20px",cursor:"pointer"},onClick:l[0]||(l[0]=i=>r.value=!r.value)}," 💬 ")):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",x,[a.value?(e.openBlock(),e.createElementBlock("div",h,[...l[2]||(l[2]=[e.createElementVNode("p",{style:{"font-size":"28px",margin:"0"}}," 🎉 ",-1),e.createElementVNode("p",{style:{margin:"8px 0 0","font-weight":"600"}}," Thanks for your feedback! ",-1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",k,e.toDisplayString(t.placeholder??"How was your experience?"),1),e.createElementVNode("div",v,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(5,i=>e.createElementVNode("button",{key:i,style:e.normalizeStyle({background:"none",border:"none",cursor:"pointer",fontSize:"24px",opacity:n.value!==null&&i<=n.value?1:.3}),onClick:w=>m(i)}," ⭐ ",12,y)),64))]),e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":l[1]||(l[1]=i=>s.value=i),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),[[e.vModelText,s.value]]),e.createElementVNode("button",{style:{"margin-top":"10px",width:"100%",background:"#6366f1",color:"#fff",border:"none","border-radius":"8px",padding:"10px","font-weight":"600",cursor:"pointer"},onClick:f}," Submit Feedback ")],64))])):e.createCommentVNode("",!0)],4))}});exports.FeedPulseProvider=b;exports.FeedPulseWidget=E;exports.useFeedPulse=p;

package/dist/nuxt.mjs

@@ -1,29 +1,31 @@
-import { inject as h, defineComponent as g, provide as w, onMounted as F, onBeforeUnmount as P, renderSlot as _, ref as p, createElementBlock as s, openBlock as d, normalizeStyle as x, createCommentVNode as m, Fragment as b, createElementVNode as o, withDirectives as z, toDisplayString as S, renderList as C, vModelText as E } from "vue";
+import { inject as h, defineComponent as m, provide as w, onMounted as F, onBeforeUnmount as P, renderSlot as _, ref as p, createElementBlock as s, openBlock as d, normalizeStyle as x, createCommentVNode as b, Fragment as g, createElementVNode as n, withDirectives as z, toDisplayString as S, renderList as C, vModelText as E } from "vue";
 import { FeedPulseTracker as T } from "./index.mjs";
 const v = /* @__PURE__ */ Symbol("feedpulse");
 function $() {
   return h(v, null);
 }
-const W = /* @__PURE__ */ g({
+const W = /* @__PURE__ */ m({
   __name: "FeedPulseProvider",
   props: {
     apiKey: {},
-    endpoint: {}
+    endpoint: {},
+    debug: { type: Boolean }
   },
   setup(e) {
-    const n = e, a = new T({
-      apiKey: n.apiKey,
-      endpoint: n.endpoint
+    const t = e, u = new T({
+      apiKey: t.apiKey,
+      endpoint: t.endpoint,
+      debug: t.debug
     });
-    return w(v, a), F(() => a.init()), P(() => a.destroy()), (i, t) => _(i.$slots, "default");
+    return w(v, u), F(() => u.init()), P(() => u.destroy()), (i, o) => _(i.$slots, "default");
   }
-}), K = {
+}), B = {
   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)" }
-}, B = { style: { margin: "0 0 12px", "font-weight": "600", color: "#111" } }, D = { style: { display: "flex", gap: "6px", "margin-bottom": "12px" } }, U = ["onClick"], V = {
+}, K = { style: { margin: "0 0 12px", "font-weight": "600", color: "#111" } }, D = { style: { display: "flex", gap: "6px", "margin-bottom": "12px" } }, U = ["onClick"], V = {
   key: 1,
   style: { "text-align": "center", padding: "16px", color: "#111" }
-}, j = /* @__PURE__ */ g({
+}, j = /* @__PURE__ */ m({
   __name: "FeedPulseWidget",
   props: {
     id: {},
@@ -31,13 +33,13 @@ const W = /* @__PURE__ */ g({
     position: { default: "bottom-right" }
   },
   setup(e) {
-    const n = e, a = $(), i = p(n.position === "inline"), t = p(null), u = p(""), c = p(!1);
+    const t = e, u = $(), i = p(t.position === "inline"), o = p(null), a = p(""), c = p(!1);
     function y(f) {
-      t.value = f;
+      o.value = f;
     }
     function k() {
-      !t.value && !u.value.trim() || (a?.trackFeedback(n.id ?? null, t.value, u.value || null), c.value = !0, setTimeout(() => {
-        i.value = n.position === "inline", c.value = !1, t.value = null, u.value = "";
+      !o.value && !a.value.trim() || (u?.trackFeedback(t.id ?? null, o.value, a.value || null), c.value = !0, setTimeout(() => {
+        i.value = t.position === "inline", c.value = !1, o.value = null, a.value = "";
       }, 2e3));
     }
     return (f, r) => (d(), s("div", {
@@ -48,34 +50,34 @@ const W = /* @__PURE__ */ g({
         key: 0,
         style: { background: "#6366f1", color: "#fff", border: "none", "border-radius": "50%", width: "48px", height: "48px", "font-size": "20px", cursor: "pointer" },
         onClick: r[0] || (r[0] = (l) => i.value = !i.value)
-      }, " 💬 ")) : m("", !0),
-      i.value ? (d(), s("div", K, [
+      }, " 💬 ")) : b("", !0),
+      i.value ? (d(), s("div", B, [
         c.value ? (d(), s("div", V, [...r[2] || (r[2] = [
-          o("p", { style: { "font-size": "28px", margin: "0" } }, " 🎉 ", -1),
-          o("p", { style: { margin: "8px 0 0", "font-weight": "600" } }, " Thanks for your feedback! ", -1)
-        ])])) : (d(), s(b, { key: 0 }, [
-          o("p", B, S(e.placeholder ?? "How was your experience?"), 1),
-          o("div", D, [
-            (d(), s(b, null, C(5, (l) => o("button", {
+          n("p", { style: { "font-size": "28px", margin: "0" } }, " 🎉 ", -1),
+          n("p", { style: { margin: "8px 0 0", "font-weight": "600" } }, " Thanks for your feedback! ", -1)
+        ])])) : (d(), s(g, { key: 0 }, [
+          n("p", K, S(e.placeholder ?? "How was your experience?"), 1),
+          n("div", D, [
+            (d(), s(g, null, C(5, (l) => n("button", {
               key: l,
-              style: x({ background: "none", border: "none", cursor: "pointer", fontSize: "24px", opacity: t.value !== null && l <= t.value ? 1 : 0.3 }),
+              style: x({ background: "none", border: "none", cursor: "pointer", fontSize: "24px", opacity: o.value !== null && l <= o.value ? 1 : 0.3 }),
               onClick: (L) => y(l)
             }, " ⭐ ", 12, U)), 64))
           ]),
-          z(o("textarea", {
-            "onUpdate:modelValue": r[1] || (r[1] = (l) => u.value = l),
+          z(n("textarea", {
+            "onUpdate:modelValue": r[1] || (r[1] = (l) => a.value = l),
             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), [
-            [E, u.value]
+            [E, a.value]
           ]),
-          o("button", {
+          n("button", {
             style: { "margin-top": "10px", width: "100%", background: "#6366f1", color: "#fff", border: "none", "border-radius": "8px", padding: "10px", "font-weight": "600", cursor: "pointer" },
             onClick: k
           }, " Submit Feedback ")
         ], 64))
-      ])) : m("", !0)
+      ])) : b("", !0)
     ], 4));
   }
 });

package/dist/react.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),ne=require("./index.js");var S={exports:{}},g={};var z;function oe(){if(z)return g;z=1;var i=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function l(c,a,u){var f=null;if(u!==void 0&&(f=""+u),a.key!==void 0&&(f=""+a.key),"key"in a){u={};for(var b in a)b!=="key"&&(u[b]=a[b])}else u=a;return a=u.ref,{$$typeof:i,type:c,key:f,ref:a!==void 0?a:null,props:u}}return g.Fragment=d,g.jsx=l,g.jsxs=l,g}var x={};var D;function ae(){return D||(D=1,process.env.NODE_ENV!=="production"&&(function(){function i(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ee?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case P:return"Fragment";case V:return"Profiler";case J:return"StrictMode";case H:return"Suspense";case Z:return"SuspenseList";case K:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case U:return"Portal";case X:return e.displayName||"Context";case G:return(e._context.displayName||"Context")+".Consumer";case B:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Q:return r=e.displayName||null,r!==null?r:i(e.type)||"Memo";case j:r=e._payload,e=e._init;try{return i(e(r))}catch{}}return null}function d(e){return""+e}function l(e){try{d(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),d(e)}}function c(e){if(e===P)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===j)return"<...>";try{var r=i(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=w.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function f(e){if(N.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function t(){F||(F=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function R(){var e=i(this.type);return Y[e]||(Y[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function T(e,r,t,n,y,A){var o=t.ref;return e={$$typeof:p,type:e,key:r,props:t,_owner:n},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:R}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function k(e,r,t,n,y,A){var o=r.children;if(o!==void 0)if(n)if(re(o)){for(n=0;n<o.length;n++)v(o[n]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else v(o);if(N.call(r,"key")){o=i(e);var _=Object.keys(r).filter(function(te){return te!=="key"});n=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",W[o+n]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),ne=require("./index.js");var S={exports:{}},g={};var z;function oe(){if(z)return g;z=1;var i=Symbol.for("react.transitional.element"),f=Symbol.for("react.fragment");function s(d,n,u){var c=null;if(u!==void 0&&(c=""+u),n.key!==void 0&&(c=""+n.key),"key"in n){u={};for(var b in n)b!=="key"&&(u[b]=n[b])}else u=n;return n=u.ref,{$$typeof:i,type:d,key:c,ref:n!==void 0?n:null,props:u}}return g.Fragment=f,g.jsx=s,g.jsxs=s,g}var x={};var D;function ae(){return D||(D=1,process.env.NODE_ENV!=="production"&&(function(){function i(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ee?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case P:return"Fragment";case V:return"Profiler";case J:return"StrictMode";case H:return"Suspense";case Z:return"SuspenseList";case K:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case U:return"Portal";case X:return e.displayName||"Context";case G:return(e._context.displayName||"Context")+".Consumer";case B:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Q:return r=e.displayName||null,r!==null?r:i(e.type)||"Memo";case j:r=e._payload,e=e._init;try{return i(e(r))}catch{}}return null}function f(e){return""+e}function s(e){try{f(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,o=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),f(e)}}function d(e){if(e===P)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===j)return"<...>";try{var r=i(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function n(){var e=w.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function c(e){if(N.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function t(){F||(F=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function R(){var e=i(this.type);return Y[e]||(Y[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function T(e,r,t,o,y,A){var a=t.ref;return e={$$typeof:p,type:e,key:r,props:t,_owner:o},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:R}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function k(e,r,t,o,y,A){var a=r.children;if(a!==void 0)if(o)if(re(a)){for(o=0;o<a.length;o++)v(a[o]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else v(a);if(N.call(r,"key")){a=i(e);var _=Object.keys(r).filter(function(te){return te!=="key"});o=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",W[a+o]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,n,o,_,o),W[o+n]=!0)}if(o=null,t!==void 0&&(l(t),o=""+t),f(r)&&(l(r.key),o=""+r.key),"key"in r){t={};for(var C in r)C!=="key"&&(t[C]=r[C])}else t=r;return o&&b(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,o,t,a(),y,A)}function v(e){h(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===j&&(e._payload.status==="fulfilled"?h(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function h(e){return typeof e=="object"&&e!==null&&e.$$typeof===p}var E=m,p=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),J=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),X=Symbol.for("react.context"),B=Symbol.for("react.forward_ref"),H=Symbol.for("react.suspense"),Z=Symbol.for("react.suspense_list"),Q=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),K=Symbol.for("react.activity"),ee=Symbol.for("react.client.reference"),w=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,N=Object.prototype.hasOwnProperty,re=Array.isArray,O=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var F,Y={},I=E.react_stack_bottom_frame.bind(E,u)(),$=O(c(u)),W={};x.Fragment=P,x.jsx=function(e,r,t){var n=1e4>w.recentlyCreatedOwnerStacks++;return k(e,r,t,!1,n?Error("react-stack-top-frame"):I,n?O(c(e)):$)},x.jsxs=function(e,r,t){var n=1e4>w.recentlyCreatedOwnerStacks++;return k(e,r,t,!0,n?Error("react-stack-top-frame"):I,n?O(c(e)):$)}})()),x}var M;function se(){return M||(M=1,process.env.NODE_ENV==="production"?S.exports=oe():S.exports=ae()),S.exports}var s=se();const L=m.createContext({tracker:null});function le({apiKey:i,endpoint:d,children:l}){const c=m.useRef(null);return m.useEffect(()=>(c.current=new ne.FeedPulseTracker({apiKey:i,endpoint:d}),c.current.init(),()=>c.current?.destroy()),[i,d]),s.jsx(L.Provider,{value:{tracker:c.current},children:l})}function q(){return m.useContext(L)}function ue({id:i,placeholder:d,position:l="bottom-right"}){const{tracker:c}=q(),[a,u]=m.useState(l==="inline"),[f,b]=m.useState(null),[R,T]=m.useState(""),[k,v]=m.useState(!1),h=()=>{!f&&!R.trim()||(c?.trackFeedback(i??null,f,R||null),v(!0),setTimeout(()=>{u(l==="inline"),v(!1),b(null),T("")},2e3))},E=l!=="inline"?{position:"fixed",bottom:24,[l==="bottom-right"?"right":"left"]:24,zIndex:9999}:{};return s.jsxs("div",{style:E,children:[l!=="inline"&&s.jsx("button",{onClick:()=>u(!a),style:{background:"#6366f1",color:"#fff",border:"none",borderRadius:"50%",width:48,height:48,fontSize:20,cursor:"pointer"},children:"💬"}),a&&s.jsx("div",{style:{background:"#fff",border:"1px solid #e5e7eb",borderRadius:12,padding:16,width:280,boxShadow:"0 10px 25px rgba(0,0,0,0.15)"},children:k?s.jsxs("div",{style:{textAlign:"center",padding:16},children:[s.jsx("p",{style:{fontSize:28,margin:0},children:"🎉"}),s.jsx("p",{style:{margin:"8px 0 0",fontWeight:600},children:"Thanks for your feedback!"})]}):s.jsxs(s.Fragment,{children:[s.jsx("p",{style:{margin:"0 0 12px",fontWeight:600},children:d??"How was your experience?"}),s.jsx("div",{style:{display:"flex",gap:6,marginBottom:12},children:[1,2,3,4,5].map(p=>s.jsx("button",{onClick:()=>b(p),style:{background:"none",border:"none",cursor:"pointer",fontSize:24,opacity:f!==null&&p<=f?1:.3},children:"⭐"},p))}),s.jsx("textarea",{value:R,onChange:p=>T(p.target.value),placeholder:"Tell us more (optional)...",rows:3,style:{width:"100%",padding:8,border:"1px solid #d1d5db",borderRadius:8,resize:"none",fontSize:14}}),s.jsx("button",{onClick:h,style:{marginTop:10,width:"100%",background:"#6366f1",color:"#fff",border:"none",borderRadius:8,padding:10,fontWeight:600,cursor:"pointer"},children:"Submit Feedback"})]})})]})}exports.FeedPulseProvider=le;exports.FeedPulseWidget=ue;exports.useFeedPulse=q;
+  <%s key={someKey} {...props} />`,o,a,_,a),W[a+o]=!0)}if(a=null,t!==void 0&&(s(t),a=""+t),c(r)&&(s(r.key),a=""+r.key),"key"in r){t={};for(var C in r)C!=="key"&&(t[C]=r[C])}else t=r;return a&&b(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,a,t,n(),y,A)}function v(e){h(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===j&&(e._payload.status==="fulfilled"?h(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function h(e){return typeof e=="object"&&e!==null&&e.$$typeof===p}var E=m,p=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),J=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),X=Symbol.for("react.context"),B=Symbol.for("react.forward_ref"),H=Symbol.for("react.suspense"),Z=Symbol.for("react.suspense_list"),Q=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),K=Symbol.for("react.activity"),ee=Symbol.for("react.client.reference"),w=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,N=Object.prototype.hasOwnProperty,re=Array.isArray,O=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var F,Y={},I=E.react_stack_bottom_frame.bind(E,u)(),$=O(d(u)),W={};x.Fragment=P,x.jsx=function(e,r,t){var o=1e4>w.recentlyCreatedOwnerStacks++;return k(e,r,t,!1,o?Error("react-stack-top-frame"):I,o?O(d(e)):$)},x.jsxs=function(e,r,t){var o=1e4>w.recentlyCreatedOwnerStacks++;return k(e,r,t,!0,o?Error("react-stack-top-frame"):I,o?O(d(e)):$)}})()),x}var M;function se(){return M||(M=1,process.env.NODE_ENV==="production"?S.exports=oe():S.exports=ae()),S.exports}var l=se();const L=m.createContext({tracker:null});function le({apiKey:i,endpoint:f,debug:s,children:d}){const n=m.useRef(null);return m.useEffect(()=>(n.current=new ne.FeedPulseTracker({apiKey:i,endpoint:f,debug:s}),n.current.init(),()=>n.current?.destroy()),[i,f,s]),l.jsx(L.Provider,{value:{tracker:n.current},children:d})}function q(){return m.useContext(L)}function ue({id:i,placeholder:f,position:s="bottom-right"}){const{tracker:d}=q(),[n,u]=m.useState(s==="inline"),[c,b]=m.useState(null),[R,T]=m.useState(""),[k,v]=m.useState(!1),h=()=>{!c&&!R.trim()||(d?.trackFeedback(i??null,c,R||null),v(!0),setTimeout(()=>{u(s==="inline"),v(!1),b(null),T("")},2e3))},E=s!=="inline"?{position:"fixed",bottom:24,[s==="bottom-right"?"right":"left"]:24,zIndex:9999}:{};return l.jsxs("div",{style:E,children:[s!=="inline"&&l.jsx("button",{onClick:()=>u(!n),style:{background:"#6366f1",color:"#fff",border:"none",borderRadius:"50%",width:48,height:48,fontSize:20,cursor:"pointer"},children:"💬"}),n&&l.jsx("div",{style:{background:"#fff",border:"1px solid #e5e7eb",borderRadius:12,padding:16,width:280,boxShadow:"0 10px 25px rgba(0,0,0,0.15)"},children:k?l.jsxs("div",{style:{textAlign:"center",padding:16},children:[l.jsx("p",{style:{fontSize:28,margin:0},children:"🎉"}),l.jsx("p",{style:{margin:"8px 0 0",fontWeight:600},children:"Thanks for your feedback!"})]}):l.jsxs(l.Fragment,{children:[l.jsx("p",{style:{margin:"0 0 12px",fontWeight:600},children:f??"How was your experience?"}),l.jsx("div",{style:{display:"flex",gap:6,marginBottom:12},children:[1,2,3,4,5].map(p=>l.jsx("button",{onClick:()=>b(p),style:{background:"none",border:"none",cursor:"pointer",fontSize:24,opacity:c!==null&&p<=c?1:.3},children:"⭐"},p))}),l.jsx("textarea",{value:R,onChange:p=>T(p.target.value),placeholder:"Tell us more (optional)...",rows:3,style:{width:"100%",padding:8,border:"1px solid #d1d5db",borderRadius:8,resize:"none",fontSize:14}}),l.jsx("button",{onClick:h,style:{marginTop:10,width:"100%",background:"#6366f1",color:"#fff",border:"none",borderRadius:8,padding:10,fontWeight:600,cursor:"pointer"},children:"Submit Feedback"})]})})]})}exports.FeedPulseProvider=le;exports.FeedPulseWidget=ue;exports.useFeedPulse=q;

package/dist/react.mjs

@@ -2,32 +2,32 @@ import te, { createContext as ne, useRef as oe, useEffect as ae, useContext as s
 import { FeedPulseTracker as le } from "./index.mjs";
 var S = { exports: {} }, v = {};
 var z;
-function ue() {
+function ie() {
   if (z) return v;
   z = 1;
-  var i = /* @__PURE__ */ Symbol.for("react.transitional.element"), d = /* @__PURE__ */ Symbol.for("react.fragment");
-  function l(c, a, u) {
-    var f = null;
-    if (u !== void 0 && (f = "" + u), a.key !== void 0 && (f = "" + a.key), "key" in a) {
-      u = {};
-      for (var m in a)
-        m !== "key" && (u[m] = a[m]);
-    } else u = a;
-    return a = u.ref, {
-      $$typeof: i,
-      type: c,
-      key: f,
-      ref: a !== void 0 ? a : null,
-      props: u
+  var u = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.fragment");
+  function s(d, n, i) {
+    var c = null;
+    if (i !== void 0 && (c = "" + i), n.key !== void 0 && (c = "" + n.key), "key" in n) {
+      i = {};
+      for (var m in n)
+        m !== "key" && (i[m] = n[m]);
+    } else i = n;
+    return n = i.ref, {
+      $$typeof: u,
+      type: d,
+      key: c,
+      ref: n !== void 0 ? n : null,
+      props: i
     };
   }
-  return v.Fragment = d, v.jsx = l, v.jsxs = l, v;
+  return v.Fragment = f, v.jsx = s, v.jsxs = s, v;
 }
-var g = {};
+var x = {};
 var D;
-function ie() {
+function ue() {
   return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
-    function i(e) {
+    function u(e) {
       if (e == null) return null;
       if (typeof e == "function")
         return e.$$typeof === K ? null : e.displayName || e.name || null;
@@ -60,55 +60,55 @@ function ie() {
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case Z:
-            return r = e.displayName || null, r !== null ? r : i(e.type) || "Memo";
+            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
           case w:
             r = e._payload, e = e._init;
             try {
-              return i(e(r));
+              return u(e(r));
             } catch {
             }
         }
       return null;
     }
-    function d(e) {
+    function f(e) {
       return "" + e;
     }
-    function l(e) {
+    function s(e) {
       try {
-        d(e);
+        f(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var t = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return t.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          n
-        ), d(e);
+          o
+        ), f(e);
       }
     }
-    function c(e) {
+    function d(e) {
       if (e === j) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === w)
         return "<...>";
       try {
-        var r = i(e);
+        var r = u(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
+    function n() {
       var e = P.A;
       return e === null ? null : e.getOwner();
     }
-    function u() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function f(e) {
+    function c(e) {
       if (N.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
@@ -128,20 +128,20 @@ function ie() {
       });
     }
     function _() {
-      var e = i(this.type);
+      var e = u(this.type);
       return Y[e] || (Y[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function x(e, r, t, n, h, A) {
-      var o = t.ref;
+    function g(e, r, t, o, h, A) {
+      var a = t.ref;
       return e = {
         $$typeof: b,
         type: e,
         key: r,
         props: t,
-        _owner: n
-      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
+        _owner: o
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: _
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -166,50 +166,50 @@ function ie() {
         value: A
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function k(e, r, t, n, h, A) {
-      var o = r.children;
-      if (o !== void 0)
-        if (n)
-          if (ee(o)) {
-            for (n = 0; n < o.length; n++)
-              R(o[n]);
-            Object.freeze && Object.freeze(o);
+    function k(e, r, t, o, h, A) {
+      var a = r.children;
+      if (a !== void 0)
+        if (o)
+          if (ee(a)) {
+            for (o = 0; o < a.length; o++)
+              R(a[o]);
+            Object.freeze && Object.freeze(a);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else R(o);
+        else R(a);
       if (N.call(r, "key")) {
-        o = i(e);
+        a = u(e);
         var E = Object.keys(r).filter(function(re) {
           return re !== "key";
         });
-        n = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", W[o + n] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        o = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", W[a + o] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          n,
           o,
+          a,
           E,
-          o
-        ), W[o + n] = !0);
+          a
+        ), W[a + o] = !0);
       }
-      if (o = null, t !== void 0 && (l(t), o = "" + t), f(r) && (l(r.key), o = "" + r.key), "key" in r) {
+      if (a = null, t !== void 0 && (s(t), a = "" + t), c(r) && (s(r.key), a = "" + r.key), "key" in r) {
         t = {};
         for (var C in r)
           C !== "key" && (t[C] = r[C]);
       } else t = r;
-      return o && m(
+      return a && m(
         t,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), x(
+      ), g(
         e,
-        o,
+        a,
         t,
-        a(),
+        n(),
         h,
         A
       );
@@ -230,88 +230,89 @@ React keys must be passed directly to JSX without using spread:
     };
     var F, Y = {}, I = p.react_stack_bottom_frame.bind(
       p,
-      u
-    )(), $ = O(c(u)), W = {};
-    g.Fragment = j, g.jsx = function(e, r, t) {
-      var n = 1e4 > P.recentlyCreatedOwnerStacks++;
+      i
+    )(), $ = O(d(i)), W = {};
+    x.Fragment = j, x.jsx = function(e, r, t) {
+      var o = 1e4 > P.recentlyCreatedOwnerStacks++;
       return k(
         e,
         r,
         t,
         !1,
-        n ? Error("react-stack-top-frame") : I,
-        n ? O(c(e)) : $
+        o ? Error("react-stack-top-frame") : I,
+        o ? O(d(e)) : $
       );
-    }, g.jsxs = function(e, r, t) {
-      var n = 1e4 > P.recentlyCreatedOwnerStacks++;
+    }, x.jsxs = function(e, r, t) {
+      var o = 1e4 > P.recentlyCreatedOwnerStacks++;
       return k(
         e,
         r,
         t,
         !0,
-        n ? Error("react-stack-top-frame") : I,
-        n ? O(c(e)) : $
+        o ? Error("react-stack-top-frame") : I,
+        o ? O(d(e)) : $
       );
     };
-  })()), g;
+  })()), x;
 }
 var M;
 function ce() {
-  return M || (M = 1, process.env.NODE_ENV === "production" ? S.exports = ue() : S.exports = ie()), S.exports;
+  return M || (M = 1, process.env.NODE_ENV === "production" ? S.exports = ie() : S.exports = ue()), S.exports;
 }
-var s = ce();
+var l = ce();
 const L = ne({ tracker: null });
 function be({
-  apiKey: i,
-  endpoint: d,
-  children: l
+  apiKey: u,
+  endpoint: f,
+  debug: s,
+  children: d
 }) {
-  const c = oe(null);
-  return ae(() => (c.current = new le({ apiKey: i, endpoint: d }), c.current.init(), () => c.current?.destroy()), [i, d]), /* @__PURE__ */ s.jsx(L.Provider, { value: { tracker: c.current }, children: l });
+  const n = oe(null);
+  return ae(() => (n.current = new le({ apiKey: u, endpoint: f, debug: s }), n.current.init(), () => n.current?.destroy()), [u, f, s]), /* @__PURE__ */ l.jsx(L.Provider, { value: { tracker: n.current }, children: d });
 }
 function fe() {
   return se(L);
 }
-function pe({ id: i, placeholder: d, position: l = "bottom-right" }) {
-  const { tracker: c } = fe(), [a, u] = y(l === "inline"), [f, m] = y(null), [_, x] = y(""), [k, R] = y(!1), T = () => {
-    !f && !_.trim() || (c?.trackFeedback(i ?? null, f, _ || null), R(!0), setTimeout(() => {
-      u(l === "inline"), R(!1), m(null), x("");
+function pe({ id: u, placeholder: f, position: s = "bottom-right" }) {
+  const { tracker: d } = fe(), [n, i] = y(s === "inline"), [c, m] = y(null), [_, g] = y(""), [k, R] = y(!1), T = () => {
+    !c && !_.trim() || (d?.trackFeedback(u ?? null, c, _ || null), R(!0), setTimeout(() => {
+      i(s === "inline"), R(!1), m(null), g("");
     }, 2e3));
-  }, p = l !== "inline" ? { position: "fixed", bottom: 24, [l === "bottom-right" ? "right" : "left"]: 24, zIndex: 9999 } : {};
-  return /* @__PURE__ */ s.jsxs("div", { style: p, children: [
-    l !== "inline" && /* @__PURE__ */ s.jsx(
+  }, p = s !== "inline" ? { position: "fixed", bottom: 24, [s === "bottom-right" ? "right" : "left"]: 24, zIndex: 9999 } : {};
+  return /* @__PURE__ */ l.jsxs("div", { style: p, children: [
+    s !== "inline" && /* @__PURE__ */ l.jsx(
       "button",
       {
-        onClick: () => u(!a),
+        onClick: () => i(!n),
         style: { background: "#6366f1", color: "#fff", border: "none", borderRadius: "50%", width: 48, height: 48, fontSize: 20, cursor: "pointer" },
         children: "💬"
       }
     ),
-    a && /* @__PURE__ */ s.jsx("div", { style: { background: "#fff", border: "1px solid #e5e7eb", borderRadius: 12, padding: 16, width: 280, boxShadow: "0 10px 25px rgba(0,0,0,0.15)" }, children: k ? /* @__PURE__ */ s.jsxs("div", { style: { textAlign: "center", padding: 16 }, children: [
-      /* @__PURE__ */ s.jsx("p", { style: { fontSize: 28, margin: 0 }, children: "🎉" }),
-      /* @__PURE__ */ s.jsx("p", { style: { margin: "8px 0 0", fontWeight: 600 }, children: "Thanks for your feedback!" })
-    ] }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx("p", { style: { margin: "0 0 12px", fontWeight: 600 }, children: d ?? "How was your experience?" }),
-      /* @__PURE__ */ s.jsx("div", { style: { display: "flex", gap: 6, marginBottom: 12 }, children: [1, 2, 3, 4, 5].map((b) => /* @__PURE__ */ s.jsx(
+    n && /* @__PURE__ */ l.jsx("div", { style: { background: "#fff", border: "1px solid #e5e7eb", borderRadius: 12, padding: 16, width: 280, boxShadow: "0 10px 25px rgba(0,0,0,0.15)" }, children: k ? /* @__PURE__ */ l.jsxs("div", { style: { textAlign: "center", padding: 16 }, children: [
+      /* @__PURE__ */ l.jsx("p", { style: { fontSize: 28, margin: 0 }, children: "🎉" }),
+      /* @__PURE__ */ l.jsx("p", { style: { margin: "8px 0 0", fontWeight: 600 }, children: "Thanks for your feedback!" })
+    ] }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsx("p", { style: { margin: "0 0 12px", fontWeight: 600 }, children: f ?? "How was your experience?" }),
+      /* @__PURE__ */ l.jsx("div", { style: { display: "flex", gap: 6, marginBottom: 12 }, children: [1, 2, 3, 4, 5].map((b) => /* @__PURE__ */ l.jsx(
         "button",
         {
           onClick: () => m(b),
-          style: { background: "none", border: "none", cursor: "pointer", fontSize: 24, opacity: f !== null && b <= f ? 1 : 0.3 },
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: 24, opacity: c !== null && b <= c ? 1 : 0.3 },
           children: "⭐"
         },
         b
       )) }),
-      /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ l.jsx(
         "textarea",
         {
           value: _,
-          onChange: (b) => x(b.target.value),
+          onChange: (b) => g(b.target.value),
           placeholder: "Tell us more (optional)...",
           rows: 3,
           style: { width: "100%", padding: 8, border: "1px solid #d1d5db", borderRadius: 8, resize: "none", fontSize: 14 }
         }
       ),
-      /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ l.jsx(
         "button",
         {
           onClick: T,

package/package.json

@@ -1,13 +1,7 @@
 {
   "name": "@tekibo/feedpulse-sdk",
-  "version": "2.1.3",
+  "version": "2.2.0",
   "description": "Embeddable analytics and feedback SDK for FeedPulse",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
@@ -22,6 +16,16 @@
       "require": "./dist/react.js"
     }
   },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch"
+  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "vue": ">=3.0.0"
@@ -34,10 +38,6 @@
       "optional": true
     }
   },
-  "scripts": {
-    "build": "vite build",
-    "dev": "vite build --watch"
-  },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.7.0",
     "@vitejs/plugin-vue": "^6.0.1",