@tekibo/feedpulse-sdk 0.4.1 → 0.5.0

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class d{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://feedpulse-workers.tekibohelp.workers.dev/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=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var s in t)r[s]=t[s]}return r}var S={read:function(r){return r[0]==='"'&&(r=r.slice(1,-1)),r.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(r){return encodeURIComponent(r).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function f(r,e){function t(i,o,n){if(!(typeof document>"u")){n=d({},e,n),typeof n.expires=="number"&&(n.expires=new Date(Date.now()+n.expires*864e5)),n.expires&&(n.expires=n.expires.toUTCString()),i=encodeURIComponent(i).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var u="";for(var l in n)n[l]&&(u+="; "+l,n[l]!==!0&&(u+="="+n[l].split(";")[0]));return document.cookie=i+"="+r.write(o,i)+u}}function s(i){if(!(typeof document>"u"||arguments.length&&!i)){for(var o=document.cookie?document.cookie.split("; "):[],n={},u=0;u<o.length;u++){var l=o[u].split("="),m=l.slice(1).join("=");try{var h=decodeURIComponent(l[0]);if(n[h]=r.read(m,h),i===h)break}catch{}}return i?n[i]:n}}return Object.create({set:t,get:s,remove:function(i,o){t(i,"",d({},o,{expires:-1}))},withAttributes:function(i){return f(this.converter,d({},this.attributes,i))},withConverter:function(i){return f(d({},this.converter,i),this.attributes)}},{attributes:{value:Object.freeze(e)},converter:{value:Object.freeze(r)}})}var c=f(S,{path:"/"});const a={USER_ID:"__fp_uid",SESSION_ID:"__fp_sid",SESSION_START:"__fp_ss",CONSENT:"__fp_consent",UTM:"__fp_utm"},p=1/48,I=365,w=365,k=30;function D(){return typeof window<"u"}function g(r){if(!r)return null;try{return JSON.parse(r)}catch{return null}}class v{initSession(){const e=!!c.get(a.USER_ID);let t=c.get(a.SESSION_ID)??null,s=Number(c.get(a.SESSION_START)||Date.now());return t||(t=crypto.randomUUID(),s=Date.now()),c.set(a.SESSION_ID,t,{expires:p}),c.set(a.SESSION_START,String(s),{expires:p}),{sessionId:t,sessionStart:s,isReturningUser:e}}initUser(){let e=c.get(a.USER_ID)??null;return e||(e=crypto.randomUUID(),c.set(a.USER_ID,e,{expires:w})),e}getConsent(){return g(c.get(a.CONSENT))}setConsent(e){const t={necessary:!0,analytics:e.analytics,marketing:e.marketing,version:e.version,timestamp:Date.now()};return c.set(a.CONSENT,JSON.stringify(t),{expires:I}),t}clearAnalyticsCookies(){c.remove(a.USER_ID)}isConsentExpired(){const e=this.getConsent();if(!e)return!0;const t=365*24*60*60*1e3;return Date.now()-e.timestamp>t}captureUTM(){if(!D())return null;const e=new URLSearchParams(window.location.search),t={};for(const s of["utm_source","utm_medium","utm_campaign","utm_term","utm_content"]){const i=e.get(s);i&&(t[s]=i)}return Object.keys(t).length===0?g(c.get(a.UTM)):(c.set(a.UTM,JSON.stringify(t),{expires:k}),t)}getAllData(e){const{sessionId:t,sessionStart:s,isReturningUser:i}=this.initSession();return{userId:e?this.initUser():null,sessionId:t,sessionStart:s,consent:this.getConsent(),utm:this.captureUTM(),isReturningUser:e?i:!1}}}class b{constructor(e){this.queue=[],this.flushInterval=null,this.sessionId="",this.observer=null,this.intersectionObserver=null,this.scrollFallbackListener=null,this.resizeFallbackListener=null,this.seenInView=new Set,this.cookieManager=new v,this.cookieData=null,this.analyticsConsented=!1,this.isInitialized=!1,this.beforeUnloadListener=null,this.visibilityListener=null;const t="https://feedpulse-workers.tekibohelp.workers.dev/ingest";this.config={apiKey:e.apiKey,endpoint:e.endpoint??t,batchInterval:e.batchInterval??5e3,debug:e.debug??!1}}init(){!this.isBrowser()||this.isInitialized||(this.isInitialized=!0,this.refreshCookieData(),this.startFlushInterval(),this.attachGlobalListeners(),this.observeDOM())}attachGlobalListeners(){document.addEventListener("click",s=>{const i=s.target.closest("[data-fp-id]");i&&this.track("click",i.getAttribute("data-fp-id"),{x:s.clientX,y:s.clientY})},{passive:!0});let e=0,t=null;document.addEventListener("mouseover",s=>{const i=s.target.closest("[data-fp-id]");i&&(e=Date.now(),t=i.getAttribute("data-fp-id"))},{passive:!0}),document.addEventListener("mouseout",s=>{if(!s.target.closest("[data-fp-id]")||!t)return;const o=Date.now()-e;o>500&&this.track("hover",t,{hoverDuration:o}),t=null},{passive:!0})}observeDOM(){const e=i=>{this.seenInView.has(i)||(this.seenInView.add(i),this.track("scroll_into_view",i,{scrollDepth:Math.round(window.scrollY/Math.max(1,document.body.scrollHeight)*100)}))};this.intersectionObserver=new IntersectionObserver(i=>{for(const o of i){const n=o.target.dataset.fpId;!n||!o.isIntersecting||e(n)}},{threshold:.1});const t=()=>{document.querySelectorAll("[data-fp-id]").forEach(i=>{this.intersectionObserver?.observe(i)})},s=()=>{const i=window.innerHeight*.1,o=window.innerHeight*.9;document.querySelectorAll("[data-fp-id]").forEach(n=>{const u=n.dataset.fpId;if(!u||this.seenInView.has(u))return;const l=n.getBoundingClientRect();l.bottom>=i&&l.top<=o&&e(u)})};t(),s(),this.scrollFallbackListener=()=>s(),this.resizeFallbackListener=()=>s(),window.addEventListener("scroll",this.scrollFallbackListener,{passive:!0}),window.addEventListener("resize",this.resizeFallbackListener,{passive:!0}),this.observer=new MutationObserver(()=>t()),this.observer.observe(document.body,{childList:!0,subtree:!0})}track(e,t,s){this.isBrowser()&&(this.refreshCookieData(),this.queue.push({projectApiKey:this.config.apiKey,elementId:t,eventType:e,sessionId:this.cookieData?.sessionId??this.sessionId,visitorId:this.cookieData?.userId??null,isReturningUser:this.cookieData?.isReturningUser??!1,sessionStart:this.cookieData?.sessionStart?new Date(this.cookieData.sessionStart).toISOString():null,utmSource:this.cookieData?.utm?.utm_source??null,utmMedium:this.cookieData?.utm?.utm_medium??null,utmCampaign:this.cookieData?.utm?.utm_campaign??null,utmTerm:this.cookieData?.utm?.utm_term??null,utmContent:this.cookieData?.utm?.utm_content??null,consentAnalytics:this.cookieData?.consent?.analytics??!1,page:window.location.pathname,referrer:document.referrer,device:this.getDeviceType(),browser:this.getBrowser(),os:this.getOS(),metadata:s,timestamp:new Date().toISOString()}))}trackFeedback(e,t,s){this.isBrowser()&&(!t&&!s||(this.refreshCookieData(),this.sendImmediate([{projectApiKey:this.config.apiKey,elementId:e??"__page__",eventType:"feedback",sessionId:this.cookieData?.sessionId??this.sessionId,visitorId:this.cookieData?.userId??null,isReturningUser:this.cookieData?.isReturningUser??!1,sessionStart:this.cookieData?.sessionStart?new Date(this.cookieData.sessionStart).toISOString():null,utmSource:this.cookieData?.utm?.utm_source??null,utmMedium:this.cookieData?.utm?.utm_medium??null,utmCampaign:this.cookieData?.utm?.utm_campaign??null,utmTerm:this.cookieData?.utm?.utm_term??null,utmContent:this.cookieData?.utm?.utm_content??null,consentAnalytics:this.cookieData?.consent?.analytics??!1,page:window.location.pathname,device:this.getDeviceType(),metadata:{rating:t,message:s},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 t=await fetch(this.config.endpoint,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({events:e}),keepalive:!0});if(this.config.debug&&t.ok){const s=await t.json().catch(()=>null);s?.ingested!==void 0&&s?.pipeline&&globalThis.console.debug(`[FeedPulse] ${s.ingested} events via ${s.pipeline} pipeline`)}}catch{}}startFlushInterval(){this.flushInterval=setInterval(()=>this.flush(),this.config.batchInterval),this.beforeUnloadListener=()=>this.flush(),this.visibilityListener=()=>{document.visibilityState==="hidden"&&this.flush()},window.addEventListener("beforeunload",this.beforeUnloadListener),document.addEventListener("visibilitychange",this.visibilityListener)}updateCookieData(e){this.cookieData=e,this.sessionId=e.sessionId,this.analyticsConsented=!!e.consent?.analytics}refreshCookieData(){const e=this.cookieManager.getAllData(this.analyticsConsented);this.cookieData=e,this.sessionId=e.sessionId}isBrowser(){return typeof window<"u"&&typeof document<"u"}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.beforeUnloadListener&&window.removeEventListener("beforeunload",this.beforeUnloadListener),this.visibilityListener&&document.removeEventListener("visibilitychange",this.visibilityListener),this.scrollFallbackListener&&window.removeEventListener("scroll",this.scrollFallbackListener),this.resizeFallbackListener&&window.removeEventListener("resize",this.resizeFallbackListener),this.observer?.disconnect(),this.intersectionObserver?.disconnect(),this.isInitialized=!1,this.flush()}}exports.COOKIE_KEYS=a;exports.CookieManager=v;exports.FeedPulseTracker=b;

package/dist/index.mjs

@@ -1,92 +1,252 @@
-class l {
+function d(r) {
+  for (var e = 1; e < arguments.length; e++) {
+    var t = arguments[e];
+    for (var s in t)
+      r[s] = t[s];
+  }
+  return r;
+}
+var v = {
+  read: function(r) {
+    return r[0] === '"' && (r = r.slice(1, -1)), r.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
+  },
+  write: function(r) {
+    return encodeURIComponent(r).replace(
+      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
+      decodeURIComponent
+    );
+  }
+};
+function f(r, e) {
+  function t(i, o, n) {
+    if (!(typeof document > "u")) {
+      n = d({}, e, n), typeof n.expires == "number" && (n.expires = new Date(Date.now() + n.expires * 864e5)), n.expires && (n.expires = n.expires.toUTCString()), i = encodeURIComponent(i).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+      var u = "";
+      for (var l in n)
+        n[l] && (u += "; " + l, n[l] !== !0 && (u += "=" + n[l].split(";")[0]));
+      return document.cookie = i + "=" + r.write(o, i) + u;
+    }
+  }
+  function s(i) {
+    if (!(typeof document > "u" || arguments.length && !i)) {
+      for (var o = document.cookie ? document.cookie.split("; ") : [], n = {}, u = 0; u < o.length; u++) {
+        var l = o[u].split("="), p = l.slice(1).join("=");
+        try {
+          var h = decodeURIComponent(l[0]);
+          if (n[h] = r.read(p, h), i === h)
+            break;
+        } catch {
+        }
+      }
+      return i ? n[i] : n;
+    }
+  }
+  return Object.create(
+    {
+      set: t,
+      get: s,
+      remove: function(i, o) {
+        t(
+          i,
+          "",
+          d({}, o, {
+            expires: -1
+          })
+        );
+      },
+      withAttributes: function(i) {
+        return f(this.converter, d({}, this.attributes, i));
+      },
+      withConverter: function(i) {
+        return f(d({}, this.converter, i), this.attributes);
+      }
+    },
+    {
+      attributes: { value: Object.freeze(e) },
+      converter: { value: Object.freeze(r) }
+    }
+  );
+}
+var a = f(v, { path: "/" });
+const c = {
+  USER_ID: "__fp_uid",
+  SESSION_ID: "__fp_sid",
+  SESSION_START: "__fp_ss",
+  CONSENT: "__fp_consent",
+  UTM: "__fp_utm"
+}, m = 1 / 48, I = 365, S = 365, w = 30;
+function k() {
+  return typeof window < "u";
+}
+function g(r) {
+  if (!r)
+    return null;
+  try {
+    return JSON.parse(r);
+  } catch {
+    return null;
+  }
+}
+class D {
+  initSession() {
+    const e = !!a.get(c.USER_ID);
+    let t = a.get(c.SESSION_ID) ?? null, s = Number(a.get(c.SESSION_START) || Date.now());
+    return t || (t = crypto.randomUUID(), s = Date.now()), a.set(c.SESSION_ID, t, { expires: m }), a.set(c.SESSION_START, String(s), { expires: m }), { sessionId: t, sessionStart: s, isReturningUser: e };
+  }
+  initUser() {
+    let e = a.get(c.USER_ID) ?? null;
+    return e || (e = crypto.randomUUID(), a.set(c.USER_ID, e, { expires: S })), e;
+  }
+  getConsent() {
+    return g(a.get(c.CONSENT));
+  }
+  setConsent(e) {
+    const t = {
+      necessary: !0,
+      analytics: e.analytics,
+      marketing: e.marketing,
+      version: e.version,
+      timestamp: Date.now()
+    };
+    return a.set(c.CONSENT, JSON.stringify(t), { expires: I }), t;
+  }
+  clearAnalyticsCookies() {
+    a.remove(c.USER_ID);
+  }
+  isConsentExpired() {
+    const e = this.getConsent();
+    if (!e)
+      return !0;
+    const t = 365 * 24 * 60 * 60 * 1e3;
+    return Date.now() - e.timestamp > t;
+  }
+  captureUTM() {
+    if (!k())
+      return null;
+    const e = new URLSearchParams(window.location.search), t = {};
+    for (const s of ["utm_source", "utm_medium", "utm_campaign", "utm_term", "utm_content"]) {
+      const i = e.get(s);
+      i && (t[s] = i);
+    }
+    return Object.keys(t).length === 0 ? g(a.get(c.UTM)) : (a.set(c.UTM, JSON.stringify(t), { expires: w }), t);
+  }
+  getAllData(e) {
+    const { sessionId: t, sessionStart: s, isReturningUser: i } = this.initSession();
+    return {
+      userId: e ? this.initUser() : null,
+      sessionId: t,
+      sessionStart: s,
+      consent: this.getConsent(),
+      utm: this.captureUTM(),
+      isReturningUser: e ? i : !1
+    };
+  }
+}
+class _ {
   constructor(e) {
-    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://feedpulse-workers.tekibohelp.workers.dev/ingest";
+    this.queue = [], this.flushInterval = null, this.sessionId = "", this.observer = null, this.intersectionObserver = null, this.scrollFallbackListener = null, this.resizeFallbackListener = null, this.seenInView = /* @__PURE__ */ new Set(), this.cookieManager = new D(), this.cookieData = null, this.analyticsConsented = !1, this.isInitialized = !1, this.beforeUnloadListener = null, this.visibilityListener = null;
+    const t = "https://feedpulse-workers.tekibohelp.workers.dev/ingest";
     this.config = {
       apiKey: e.apiKey,
-      endpoint: e.endpoint ?? i,
+      endpoint: e.endpoint ?? t,
       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());
+    !this.isBrowser() || this.isInitialized || (this.isInitialized = !0, this.refreshCookieData(), 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
+    document.addEventListener("click", (s) => {
+      const i = s.target.closest("[data-fp-id]");
+      i && this.track("click", i.getAttribute("data-fp-id"), {
+        x: s.clientX,
+        y: s.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)
+    let e = 0, t = null;
+    document.addEventListener("mouseover", (s) => {
+      const i = s.target.closest("[data-fp-id]");
+      i && (e = Date.now(), t = i.getAttribute("data-fp-id"));
+    }, { passive: !0 }), document.addEventListener("mouseout", (s) => {
+      if (!s.target.closest("[data-fp-id]") || !t)
         return;
-      const r = Date.now() - e;
-      r > 500 && this.track("hover", i, { hoverDuration: r }), i = null;
+      const o = Date.now() - e;
+      o > 500 && this.track("hover", t, { hoverDuration: o }), t = null;
     }, { passive: !0 });
   }
   observeDOM() {
-    const e = (s) => {
-      this.seenInView.has(s) || (this.seenInView.add(s), this.track("scroll_into_view", s, {
+    const e = (i) => {
+      this.seenInView.has(i) || (this.seenInView.add(i), this.track("scroll_into_view", i, {
         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);
+    this.intersectionObserver = new IntersectionObserver((i) => {
+      for (const o of i) {
+        const n = o.target.dataset.fpId;
+        !n || !o.isIntersecting || e(n);
       }
     }, { threshold: 0.1 });
-    const i = () => {
-      document.querySelectorAll("[data-fp-id]").forEach((s) => {
-        this.intersectionObserver?.observe(s);
+    const t = () => {
+      document.querySelectorAll("[data-fp-id]").forEach((i) => {
+        this.intersectionObserver?.observe(i);
       });
-    }, t = () => {
-      const s = window.innerHeight * 0.1, r = window.innerHeight * 0.9;
+    }, s = () => {
+      const i = window.innerHeight * 0.1, o = window.innerHeight * 0.9;
       document.querySelectorAll("[data-fp-id]").forEach((n) => {
-        const o = n.dataset.fpId;
-        if (!o || this.seenInView.has(o))
+        const u = n.dataset.fpId;
+        if (!u || this.seenInView.has(u))
           return;
-        const a = n.getBoundingClientRect();
-        a.bottom >= s && a.top <= r && e(o);
+        const l = n.getBoundingClientRect();
+        l.bottom >= i && l.top <= o && e(u);
       });
     };
-    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 });
+    t(), s(), this.scrollFallbackListener = () => s(), this.resizeFallbackListener = () => s(), window.addEventListener("scroll", this.scrollFallbackListener, { passive: !0 }), window.addEventListener("resize", this.resizeFallbackListener, { passive: !0 }), this.observer = new MutationObserver(() => t()), this.observer.observe(document.body, { childList: !0, subtree: !0 });
   }
-  track(e, i, t) {
-    this.isBrowser() && this.queue.push({
+  track(e, t, s) {
+    this.isBrowser() && (this.refreshCookieData(), this.queue.push({
       projectApiKey: this.config.apiKey,
-      elementId: i,
+      elementId: t,
       eventType: e,
-      sessionId: this.sessionId,
-      visitorId: this.visitorId,
+      sessionId: this.cookieData?.sessionId ?? this.sessionId,
+      visitorId: this.cookieData?.userId ?? null,
+      isReturningUser: this.cookieData?.isReturningUser ?? !1,
+      sessionStart: this.cookieData?.sessionStart ? new Date(this.cookieData.sessionStart).toISOString() : null,
+      utmSource: this.cookieData?.utm?.utm_source ?? null,
+      utmMedium: this.cookieData?.utm?.utm_medium ?? null,
+      utmCampaign: this.cookieData?.utm?.utm_campaign ?? null,
+      utmTerm: this.cookieData?.utm?.utm_term ?? null,
+      utmContent: this.cookieData?.utm?.utm_content ?? null,
+      consentAnalytics: this.cookieData?.consent?.analytics ?? !1,
       page: window.location.pathname,
       referrer: document.referrer,
       device: this.getDeviceType(),
       browser: this.getBrowser(),
       os: this.getOS(),
-      metadata: t,
+      metadata: s,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    });
+    }));
   }
-  trackFeedback(e, i, t) {
-    this.isBrowser() && (!i && !t || this.sendImmediate([{
+  trackFeedback(e, t, s) {
+    this.isBrowser() && (!t && !s || (this.refreshCookieData(), this.sendImmediate([{
       projectApiKey: this.config.apiKey,
       elementId: e ?? "__page__",
       eventType: "feedback",
-      sessionId: this.sessionId,
-      visitorId: this.visitorId,
+      sessionId: this.cookieData?.sessionId ?? this.sessionId,
+      visitorId: this.cookieData?.userId ?? null,
+      isReturningUser: this.cookieData?.isReturningUser ?? !1,
+      sessionStart: this.cookieData?.sessionStart ? new Date(this.cookieData.sessionStart).toISOString() : null,
+      utmSource: this.cookieData?.utm?.utm_source ?? null,
+      utmMedium: this.cookieData?.utm?.utm_medium ?? null,
+      utmCampaign: this.cookieData?.utm?.utm_campaign ?? null,
+      utmTerm: this.cookieData?.utm?.utm_term ?? null,
+      utmContent: this.cookieData?.utm?.utm_content ?? null,
+      consentAnalytics: this.cookieData?.consent?.analytics ?? !1,
       page: window.location.pathname,
       device: this.getDeviceType(),
-      metadata: { rating: i, message: t },
+      metadata: { rating: t, message: s },
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    }]));
+    }])));
   }
   async flush() {
     if (this.queue.length === 0)
@@ -96,42 +256,34 @@ class l {
   }
   async sendImmediate(e) {
     try {
-      const i = await fetch(this.config.endpoint, {
+      const t = 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`);
+      if (this.config.debug && t.ok) {
+        const s = await t.json().catch(() => null);
+        s?.ingested !== void 0 && s?.pipeline && globalThis.console.debug(`[FeedPulse] ${s.ingested} events via ${s.pipeline} pipeline`);
       }
     } catch {
     }
   }
   startFlushInterval() {
-    this.flushInterval = setInterval(() => this.flush(), this.config.batchInterval), window.addEventListener("beforeunload", () => this.flush()), document.addEventListener("visibilitychange", () => {
+    this.flushInterval = setInterval(() => this.flush(), this.config.batchInterval), this.beforeUnloadListener = () => this.flush(), this.visibilityListener = () => {
       document.visibilityState === "hidden" && this.flush();
-    });
+    }, window.addEventListener("beforeunload", this.beforeUnloadListener), document.addEventListener("visibilitychange", this.visibilityListener);
   }
-  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;
-    }
+  updateCookieData(e) {
+    this.cookieData = e, this.sessionId = e.sessionId, this.analyticsConsented = !!e.consent?.analytics;
   }
-  generateId() {
-    return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+  refreshCookieData() {
+    const e = this.cookieManager.getAllData(this.analyticsConsented);
+    this.cookieData = e, this.sessionId = e.sessionId;
   }
   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";
@@ -145,9 +297,11 @@ class l {
     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();
+    this.flushInterval && clearInterval(this.flushInterval), this.beforeUnloadListener && window.removeEventListener("beforeunload", this.beforeUnloadListener), this.visibilityListener && document.removeEventListener("visibilitychange", this.visibilityListener), this.scrollFallbackListener && window.removeEventListener("scroll", this.scrollFallbackListener), this.resizeFallbackListener && window.removeEventListener("resize", this.resizeFallbackListener), this.observer?.disconnect(), this.intersectionObserver?.disconnect(), this.isInitialized = !1, this.flush();
   }
 }
 export {
-  l as FeedPulseTracker
+  c as COOKIE_KEYS,
+  D as CookieManager,
+  _ as FeedPulseTracker
 };

package/dist/nuxt.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("./index.js"),x=Symbol("feedpulse");function v(){return e.inject(x,null)}const w={key:0,style:{position:"fixed",bottom:"0",left:"0",right:"0","z-index":"99999",background:"#1a1a1a",color:"#fff",padding:"20px 24px","border-top":"1px solid #333","font-family":"sans-serif"}},C={style:{"max-width":"900px",margin:"0 auto"}},E={key:0,style:{"margin-bottom":"12px","font-size":"13px"}},h={style:{display:"flex","align-items":"center",gap:"8px","margin-bottom":"6px"}},V={style:{display:"flex","align-items":"center",gap:"8px"}},N={style:{display:"flex",gap:"8px","flex-wrap":"wrap","align-items":"center"}},b=e.defineComponent({__name:"consent-banner",emits:["consent"],setup(s,{emit:r}){const o=r,n=new y.CookieManager,a=e.ref(!1),t=e.ref(!1),i=e.ref(!1),c=e.ref(!1);function f(){a.value=!0,t.value=!0}e.onMounted(()=>{const p=n.getConsent();a.value=!p||n.isConsentExpired(),p&&(i.value=p.analytics,c.value=p.marketing),typeof window<"u"&&(window.addEventListener("feedpulse:open-consent",f),window.addEventListener("feedpulse:withdraw-consent",k))});function m(){n.setConsent({analytics:!0,marketing:!0,version:"1.0"}),o("consent",{analytics:!0,marketing:!0,action:"accept_all"}),a.value=!1}function d(){n.setConsent({analytics:!1,marketing:!1,version:"1.0"}),n.clearAnalyticsCookies(),o("consent",{analytics:!1,marketing:!1,action:"reject_all"}),a.value=!1}function u(){n.setConsent({analytics:i.value,marketing:c.value,version:"1.0"}),i.value||n.clearAnalyticsCookies(),o("consent",{analytics:i.value,marketing:c.value,action:"custom"}),a.value=!1}function k(){n.setConsent({analytics:!1,marketing:!1,version:"1.0"}),n.clearAnalyticsCookies(),i.value=!1,c.value=!1,o("consent",{analytics:!1,marketing:!1,action:"withdraw"}),a.value=!0}return e.onBeforeUnmount(()=>{typeof window<"u"&&(window.removeEventListener("feedpulse:open-consent",f),window.removeEventListener("feedpulse:withdraw-consent",k))}),(p,l)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[a.value?(e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("div",C,[l[6]||(l[6]=e.createElementVNode("p",{style:{margin:"0 0 12px","font-size":"14px","line-height":"1.5"}},[e.createTextVNode(" We use cookies to improve reliability and understand usage. "),e.createElementVNode("a",{href:"/privacy",style:{color:"#818cf8"}},"Privacy Policy")],-1)),t.value?(e.openBlock(),e.createElementBlock("div",E,[l[5]||(l[5]=e.createElementVNode("label",{style:{display:"flex","align-items":"center",gap:"8px","margin-bottom":"6px",opacity:"0.75"}},[e.createElementVNode("input",{type:"checkbox",checked:"",disabled:""}),e.createTextVNode(" Necessary (always on) ")],-1)),e.createElementVNode("label",h,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":l[0]||(l[0]=g=>i.value=g),type:"checkbox"},null,512),[[e.vModelCheckbox,i.value]]),l[3]||(l[3]=e.createTextVNode(" Analytics ",-1))]),e.createElementVNode("label",V,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":l[1]||(l[1]=g=>c.value=g),type:"checkbox"},null,512),[[e.vModelCheckbox,c.value]]),l[4]||(l[4]=e.createTextVNode(" Marketing ",-1))])])):e.createCommentVNode("",!0),e.createElementVNode("div",N,[e.createElementVNode("button",{style:{width:"130px",padding:"9px 12px",background:"#4f46e5",color:"#fff",border:"1px solid #4f46e5","border-radius":"6px","font-size":"13px","font-weight":"600",cursor:"pointer"},onClick:m}," Accept All "),e.createElementVNode("button",{style:{width:"130px",padding:"9px 12px",background:"transparent",color:"#fff",border:"1px solid #555","border-radius":"6px","font-size":"13px","font-weight":"600",cursor:"pointer"},onClick:d}," Reject All "),e.createElementVNode("button",{style:{padding:"9px 16px",background:"transparent",color:"#aaa",border:"1px solid #333","border-radius":"6px","font-size":"13px",cursor:"pointer"},onClick:l[2]||(l[2]=g=>t.value?u():t.value=!0)},e.toDisplayString(t.value?"Save Preferences":"Customize"),1)])])])):e.createCommentVNode("",!0)]))}}),B=e.defineComponent({__name:"FeedPulseProvider",props:{apiKey:{},endpoint:{},debug:{type:Boolean},consentRequired:{type:Boolean,default:!0}},setup(s){const r=s,o=new y.CookieManager,n=new y.FeedPulseTracker({apiKey:r.apiKey,endpoint:r.endpoint,debug:r.debug});e.provide(x,n);function a(t){const i=o.setConsent({analytics:t.analytics,marketing:t.marketing,version:"1.0"});t.analytics||o.clearAnalyticsCookies(),n.updateCookieData(o.getAllData(t.analytics)),n.track("consent","__consent__",{analytics:t.analytics,marketing:t.marketing,action:t.action,userAgent:navigator.userAgent,version:i.version})}return e.onMounted(()=>{const t=o.getConsent();r.consentRequired===!1?(o.setConsent({analytics:!0,marketing:!0,version:"1.0"}),n.updateCookieData(o.getAllData(!0))):t&&!o.isConsentExpired()?n.updateCookieData(o.getAllData(t.analytics)):n.updateCookieData(o.getAllData(!1)),n.init()}),e.onBeforeUnmount(()=>n.destroy()),(t,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(t.$slots,"default"),s.consentRequired!==!1?(e.openBlock(),e.createBlock(b,{key:0,onConsent:a})):e.createCommentVNode("",!0)],64))}}),_={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)"}},A={style:{margin:"0 0 12px","font-weight":"600",color:"#111"}},z={style:{display:"flex",gap:"6px","margin-bottom":"12px"}},D=["onClick"],P={key:1,style:{"text-align":"center",padding:"16px",color:"#111"}},F=e.defineComponent({__name:"FeedPulseWidget",props:{id:{},placeholder:{},position:{default:"bottom-right"}},setup(s){const r=s,o=v(),n=e.ref(r.position==="inline"),a=e.ref(null),t=e.ref(""),i=e.ref(!1);function c(m){a.value=m}function f(){!a.value&&!t.value.trim()||(o?.trackFeedback(r.id??null,a.value,t.value||null),i.value=!0,setTimeout(()=>{n.value=r.position==="inline",i.value=!1,a.value=null,t.value=""},2e3))}return(m,d)=>(e.openBlock(),e.createElementBlock("div",{class:"feedpulse-widget",style:e.normalizeStyle(s.position!=="inline"?`position:fixed; ${s.position==="bottom-right"?"right:24px":"left:24px"}; bottom:24px; z-index:9999;`:"")},[s.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:d[0]||(d[0]=u=>n.value=!n.value)}," 💬 ")):e.createCommentVNode("",!0),n.value?(e.openBlock(),e.createElementBlock("div",_,[i.value?(e.openBlock(),e.createElementBlock("div",P,[...d[2]||(d[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",A,e.toDisplayString(s.placeholder??"How was your experience?"),1),e.createElementVNode("div",z,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(5,u=>e.createElementVNode("button",{key:u,style:e.normalizeStyle({background:"none",border:"none",cursor:"pointer",fontSize:"24px",opacity:a.value!==null&&u<=a.value?1:.3}),onClick:k=>c(u)}," ⭐ ",12,D)),64))]),e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":d[1]||(d[1]=u=>t.value=u),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,t.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.ConsentBanner=b;exports.FeedPulseProvider=B;exports.FeedPulseWidget=F;exports.useFeedPulse=v;