@tekibo/feedpulse-sdk 2.0.0

package/dist/index.js

@@ -0,0 +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,this.config={endpoint:"https://feedpulse.dev/api/ingest",batchInterval:5e3,...e},this.visitorId=this.getOrCreateVisitorId(),this.sessionId=this.generateSessionId()}init(){this.startFlushInterval(),this.attachGlobalListeners(),this.observeDOM()}attachGlobalListeners(){document.addEventListener("click",i=>{const s=i.target.closest("[data-fp-id]");s&&this.track("click",s.getAttribute("data-fp-id"),{x:i.clientX,y:i.clientY})},{passive:!0});let e=0,t=null;document.addEventListener("mouseover",i=>{const s=i.target.closest("[data-fp-id]");s&&(e=Date.now(),t=s.getAttribute("data-fp-id"))},{passive:!0}),document.addEventListener("mouseout",i=>{if(!i.target.closest("[data-fp-id]")||!t)return;const r=Date.now()-e;r>500&&this.track("hover",t,{hoverDuration:r}),t=null},{passive:!0})}observeDOM(){this.intersectionObserver=new IntersectionObserver(t=>{for(const i of t){const s=i.target.dataset.fpId;!s||!i.isIntersecting||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)}))}},{threshold:.5});const e=()=>{document.querySelectorAll("[data-fp-id]").forEach(t=>{this.intersectionObserver?.observe(t)})};e(),this.observer=new MutationObserver(()=>e()),this.observer.observe(document.body,{childList:!0,subtree:!0})}track(e,t,i){this.queue.push({projectApiKey:this.config.apiKey,elementId:t,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:i,timestamp:new Date().toISOString()})}trackFeedback(e,t,i){!t&&!i||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:t,message:i},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";let t=localStorage.getItem(e);return t||(t=crypto.randomUUID(),localStorage.setItem(e,t)),t}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;

package/dist/index.mjs

@@ -0,0 +1,124 @@
+class o {
+  constructor(e) {
+    this.queue = [], this.flushInterval = null, this.observer = null, this.intersectionObserver = null, this.seenInView = /* @__PURE__ */ new Set(), this.config = {
+      endpoint: "https://feedpulse.dev/api/ingest",
+      batchInterval: 5e3,
+      ...e
+    }, this.visitorId = this.getOrCreateVisitorId(), this.sessionId = this.generateSessionId();
+  }
+  init() {
+    this.startFlushInterval(), this.attachGlobalListeners(), this.observeDOM();
+  }
+  attachGlobalListeners() {
+    document.addEventListener("click", (i) => {
+      const s = i.target.closest("[data-fp-id]");
+      s && this.track("click", s.getAttribute("data-fp-id"), {
+        x: i.clientX,
+        y: i.clientY
+      });
+    }, { passive: !0 });
+    let e = 0, t = null;
+    document.addEventListener("mouseover", (i) => {
+      const s = i.target.closest("[data-fp-id]");
+      s && (e = Date.now(), t = s.getAttribute("data-fp-id"));
+    }, { passive: !0 }), document.addEventListener("mouseout", (i) => {
+      if (!i.target.closest("[data-fp-id]") || !t)
+        return;
+      const r = Date.now() - e;
+      r > 500 && this.track("hover", t, { hoverDuration: r }), t = null;
+    }, { passive: !0 });
+  }
+  observeDOM() {
+    this.intersectionObserver = new IntersectionObserver((t) => {
+      for (const i of t) {
+        const s = i.target.dataset.fpId;
+        !s || !i.isIntersecting || 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)
+        }));
+      }
+    }, { threshold: 0.5 });
+    const e = () => {
+      document.querySelectorAll("[data-fp-id]").forEach((t) => {
+        this.intersectionObserver?.observe(t);
+      });
+    };
+    e(), this.observer = new MutationObserver(() => e()), this.observer.observe(document.body, { childList: !0, subtree: !0 });
+  }
+  track(e, t, i) {
+    this.queue.push({
+      projectApiKey: this.config.apiKey,
+      elementId: t,
+      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: i,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  }
+  trackFeedback(e, t, i) {
+    !t && !i || 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: t, message: i },
+      timestamp: (/* @__PURE__ */ 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";
+    let t = localStorage.getItem(e);
+    return t || (t = crypto.randomUUID(), localStorage.setItem(e, t)), t;
+  }
+  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();
+  }
+}
+export {
+  o as FeedPulseTracker
+};

package/dist/nuxt.js

@@ -0,0 +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;

package/dist/nuxt.mjs

@@ -0,0 +1,86 @@
+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 { FeedPulseTracker as T } from "./index.mjs";
+const v = /* @__PURE__ */ Symbol("feedpulse");
+function $() {
+  return h(v, null);
+}
+const W = /* @__PURE__ */ g({
+  __name: "FeedPulseProvider",
+  props: {
+    apiKey: {},
+    endpoint: {}
+  },
+  setup(e) {
+    const n = e, a = new T({
+      apiKey: n.apiKey,
+      endpoint: n.endpoint
+    });
+    return w(v, a), F(() => a.init()), P(() => a.destroy()), (i, t) => _(i.$slots, "default");
+  }
+}), K = {
+  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 = {
+  key: 1,
+  style: { "text-align": "center", padding: "16px", color: "#111" }
+}, j = /* @__PURE__ */ g({
+  __name: "FeedPulseWidget",
+  props: {
+    id: {},
+    placeholder: {},
+    position: { default: "bottom-right" }
+  },
+  setup(e) {
+    const n = e, a = $(), i = p(n.position === "inline"), t = p(null), u = p(""), c = p(!1);
+    function y(f) {
+      t.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 = "";
+      }, 2e3));
+    }
+    return (f, r) => (d(), s("div", {
+      class: "feedpulse-widget",
+      style: x(e.position !== "inline" ? `position:fixed; ${e.position === "bottom-right" ? "right:24px" : "left:24px"}; bottom:24px; z-index:9999;` : "")
+    }, [
+      e.position !== "inline" ? (d(), s("button", {
+        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, [
+        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", {
+              key: l,
+              style: x({ background: "none", border: "none", cursor: "pointer", fontSize: "24px", opacity: t.value !== null && l <= t.value ? 1 : 0.3 }),
+              onClick: (L) => y(l)
+            }, " ⭐ ", 12, U)), 64))
+          ]),
+          z(o("textarea", {
+            "onUpdate:modelValue": r[1] || (r[1] = (l) => u.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]
+          ]),
+          o("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)
+    ], 4));
+  }
+});
+export {
+  W as FeedPulseProvider,
+  j as FeedPulseWidget,
+  $ as useFeedPulse
+};

package/dist/react.js

@@ -0,0 +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:
+  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;

package/dist/react.mjs

@@ -0,0 +1,329 @@
+import te, { createContext as ne, useRef as oe, useEffect as ae, useContext as se, useState as y } from "react";
+import { FeedPulseTracker as le } from "./index.mjs";
+var S = { exports: {} }, v = {};
+var z;
+function ue() {
+  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
+    };
+  }
+  return v.Fragment = d, v.jsx = l, v.jsxs = l, v;
+}
+var g = {};
+var D;
+function ie() {
+  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 === K ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case j:
+          return "Fragment";
+        case J:
+          return "Profiler";
+        case q:
+          return "StrictMode";
+        case B:
+          return "Suspense";
+        case H:
+          return "SuspenseList";
+        case Q:
+          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 G:
+            return e.displayName || "Context";
+          case V:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case X:
+            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";
+          case w:
+            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 === j) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === w)
+        return "<...>";
+      try {
+        var r = i(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var e = P.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 m(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 _() {
+      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 x(e, r, t, n, h, A) {
+      var o = t.ref;
+      return e = {
+        $$typeof: b,
+        type: e,
+        key: r,
+        props: t,
+        _owner: n
+      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: _
+      }) : 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: h
+      }), 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, 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);
+          } 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);
+      if (N.call(r, "key")) {
+        o = i(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(
+          `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,
+          E,
+          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 && m(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), x(
+        e,
+        o,
+        t,
+        a(),
+        h,
+        A
+      );
+    }
+    function R(e) {
+      T(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === w && (e._payload.status === "fulfilled" ? T(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function T(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === b;
+    }
+    var p = te, b = /* @__PURE__ */ Symbol.for("react.transitional.element"), U = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), q = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), V = /* @__PURE__ */ Symbol.for("react.consumer"), G = /* @__PURE__ */ Symbol.for("react.context"), X = /* @__PURE__ */ Symbol.for("react.forward_ref"), B = /* @__PURE__ */ Symbol.for("react.suspense"), H = /* @__PURE__ */ Symbol.for("react.suspense_list"), Z = /* @__PURE__ */ Symbol.for("react.memo"), w = /* @__PURE__ */ Symbol.for("react.lazy"), Q = /* @__PURE__ */ Symbol.for("react.activity"), K = /* @__PURE__ */ Symbol.for("react.client.reference"), P = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, ee = Array.isArray, O = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    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++;
+      return k(
+        e,
+        r,
+        t,
+        !1,
+        n ? Error("react-stack-top-frame") : I,
+        n ? O(c(e)) : $
+      );
+    }, g.jsxs = function(e, r, t) {
+      var n = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return k(
+        e,
+        r,
+        t,
+        !0,
+        n ? Error("react-stack-top-frame") : I,
+        n ? O(c(e)) : $
+      );
+    };
+  })()), g;
+}
+var M;
+function ce() {
+  return M || (M = 1, process.env.NODE_ENV === "production" ? S.exports = ue() : S.exports = ie()), S.exports;
+}
+var s = ce();
+const L = ne({ tracker: null });
+function be({
+  apiKey: i,
+  endpoint: d,
+  children: l
+}) {
+  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 });
+}
+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("");
+    }, 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(
+      "button",
+      {
+        onClick: () => u(!a),
+        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(
+        "button",
+        {
+          onClick: () => m(b),
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: 24, opacity: f !== null && b <= f ? 1 : 0.3 },
+          children: "⭐"
+        },
+        b
+      )) }),
+      /* @__PURE__ */ s.jsx(
+        "textarea",
+        {
+          value: _,
+          onChange: (b) => x(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(
+        "button",
+        {
+          onClick: T,
+          style: { marginTop: 10, width: "100%", background: "#6366f1", color: "#fff", border: "none", borderRadius: 8, padding: 10, fontWeight: 600, cursor: "pointer" },
+          children: "Submit Feedback"
+        }
+      )
+    ] }) })
+  ] });
+}
+export {
+  be as FeedPulseProvider,
+  pe as FeedPulseWidget,
+  fe as useFeedPulse
+};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@tekibo/feedpulse-sdk",
+  "version": "2.0.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",
+      "require": "./dist/index.js"
+    },
+    "./nuxt": {
+      "import": "./dist/nuxt.mjs",
+      "require": "./dist/nuxt.js"
+    },
+    "./react": {
+      "import": "./dist/react.mjs",
+      "require": "./dist/react.js"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "vue": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.7.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "react": "^19.1.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12",
+    "vue": "^3.5.26"
+  }
+}