@tekibo/feedpulse-sdk 0.4.0 → 0.5.0

package/dist/react.mjs

@@ -1,67 +1,67 @@
-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 ie() {
-  if (z) return v;
-  z = 1;
-  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, {
+import ie, { useState as h, useEffect as N, useCallback as J, createContext as le, useRef as M, useContext as ce } from "react";
+import { CookieManager as B, FeedPulseTracker as ue } from "./index.mjs";
+var j = { exports: {} }, _ = {};
+var $;
+function de() {
+  if ($) return _;
+  $ = 1;
+  var u = /* @__PURE__ */ Symbol.for("react.transitional.element"), k = /* @__PURE__ */ Symbol.for("react.fragment");
+  function a(m, i, s) {
+    var p = null;
+    if (s !== void 0 && (p = "" + s), i.key !== void 0 && (p = "" + i.key), "key" in i) {
+      s = {};
+      for (var g in i)
+        g !== "key" && (s[g] = i[g]);
+    } else s = i;
+    return i = s.ref, {
       $$typeof: u,
-      type: d,
-      key: c,
-      ref: n !== void 0 ? n : null,
-      props: i
+      type: m,
+      key: p,
+      ref: i !== void 0 ? i : null,
+      props: s
     };
   }
-  return v.Fragment = f, v.jsx = s, v.jsxs = s, v;
+  return _.Fragment = k, _.jsx = a, _.jsxs = a, _;
 }
-var x = {};
-var D;
-function ue() {
-  return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
+var R = {};
+var L;
+function fe() {
+  return L || (L = 1, process.env.NODE_ENV !== "production" && (function() {
     function u(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === K ? null : e.displayName || e.name || null;
+        return e.$$typeof === oe ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case j:
+        case T:
           return "Fragment";
-        case J:
+        case H:
           return "Profiler";
-        case q:
+        case X:
           return "StrictMode";
-        case B:
+        case ee:
           return "Suspense";
-        case H:
+        case re:
           return "SuspenseList";
-        case Q:
+        case ne:
           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 "Portal";
+          case Q:
             return e.displayName || "Context";
-          case V:
+          case Z:
             return (e._context.displayName || "Context") + ".Consumer";
-          case X:
+          case K:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case Z:
+          case te:
             return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
-          case w:
+          case S:
             r = e._payload, e = e._init;
             try {
               return u(e(r));
@@ -70,29 +70,29 @@ function ue() {
         }
       return null;
     }
-    function f(e) {
+    function k(e) {
       return "" + e;
     }
-    function s(e) {
+    function a(e) {
       try {
-        f(e);
+        k(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(
+        var o = r.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o.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);
+          l
+        ), k(e);
       }
     }
-    function d(e) {
-      if (e === j) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === w)
+    function m(e) {
+      if (e === T) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === S)
         return "<...>";
       try {
         var r = u(e);
@@ -101,49 +101,49 @@ function ue() {
         return "<...>";
       }
     }
-    function n() {
-      var e = P.A;
+    function i() {
+      var e = A.A;
       return e === null ? null : e.getOwner();
     }
-    function i() {
+    function s() {
       return Error("react-stack-top-frame");
     }
-    function c(e) {
-      if (N.call(e, "key")) {
+    function p(e) {
+      if (D.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() {
+    function g(e, r) {
+      function o() {
         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,
+      o.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: o,
         configurable: !0
       });
     }
-    function _() {
+    function x() {
       var e = u(this.type);
-      return Y[e] || (Y[e] = !0, console.error(
+      return I[e] || (I[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 g(e, r, t, o, h, A) {
-      var a = t.ref;
+    function y(e, r, o, l, w, P) {
+      var c = o.ref;
       return e = {
-        $$typeof: b,
+        $$typeof: v,
         type: e,
         key: r,
-        props: t,
-        _owner: o
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        props: o,
+        _owner: l
+      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: _
+        get: x
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -158,164 +158,238 @@ function ue() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: h
+        value: w
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: A
+        value: P
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    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);
+    function n(e, r, o, l, w, P) {
+      var c = r.children;
+      if (c !== void 0)
+        if (l)
+          if (ae(c)) {
+            for (l = 0; l < c.length; l++)
+              d(c[l]);
+            Object.freeze && Object.freeze(c);
           } 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(a);
-      if (N.call(r, "key")) {
-        a = u(e);
-        var E = Object.keys(r).filter(function(re) {
-          return re !== "key";
+        else d(c);
+      if (D.call(r, "key")) {
+        c = u(e);
+        var E = Object.keys(r).filter(function(se) {
+          return se !== "key";
         });
-        o = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", W[a + o] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        l = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", Y[c + l] || (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} />`,
-          o,
-          a,
+          l,
+          c,
           E,
-          a
-        ), W[a + o] = !0);
+          c
+        ), Y[c + l] = !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 && m(
-        t,
+      if (c = null, o !== void 0 && (a(o), c = "" + o), p(r) && (a(r.key), c = "" + r.key), "key" in r) {
+        o = {};
+        for (var O in r)
+          O !== "key" && (o[O] = r[O]);
+      } else o = r;
+      return c && g(
+        o,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), g(
+      ), y(
         e,
-        a,
-        t,
-        n(),
-        h,
-        A
+        c,
+        o,
+        i(),
+        w,
+        P
       );
     }
-    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 d(e) {
+      b(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === S && (e._payload.status === "fulfilled" ? b(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;
+    function b(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === v;
     }
-    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() {
+    var f = ie, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), G = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), X = /* @__PURE__ */ Symbol.for("react.strict_mode"), H = /* @__PURE__ */ Symbol.for("react.profiler"), Z = /* @__PURE__ */ Symbol.for("react.consumer"), Q = /* @__PURE__ */ Symbol.for("react.context"), K = /* @__PURE__ */ Symbol.for("react.forward_ref"), ee = /* @__PURE__ */ Symbol.for("react.suspense"), re = /* @__PURE__ */ Symbol.for("react.suspense_list"), te = /* @__PURE__ */ Symbol.for("react.memo"), S = /* @__PURE__ */ Symbol.for("react.lazy"), ne = /* @__PURE__ */ Symbol.for("react.activity"), oe = /* @__PURE__ */ Symbol.for("react.client.reference"), A = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, ae = Array.isArray, C = console.createTask ? console.createTask : function() {
       return null;
     };
-    p = {
+    f = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var F, Y = {}, I = p.react_stack_bottom_frame.bind(
-      p,
-      i
-    )(), $ = O(d(i)), W = {};
-    x.Fragment = j, x.jsx = function(e, r, t) {
-      var o = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return k(
+    var F, I = {}, z = f.react_stack_bottom_frame.bind(
+      f,
+      s
+    )(), W = C(m(s)), Y = {};
+    R.Fragment = T, R.jsx = function(e, r, o) {
+      var l = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return n(
         e,
         r,
-        t,
+        o,
         !1,
-        o ? Error("react-stack-top-frame") : I,
-        o ? O(d(e)) : $
+        l ? Error("react-stack-top-frame") : z,
+        l ? C(m(e)) : W
       );
-    }, x.jsxs = function(e, r, t) {
-      var o = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return k(
+    }, R.jsxs = function(e, r, o) {
+      var l = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return n(
         e,
         r,
-        t,
+        o,
         !0,
-        o ? Error("react-stack-top-frame") : I,
-        o ? O(d(e)) : $
+        l ? Error("react-stack-top-frame") : z,
+        l ? C(m(e)) : W
       );
     };
-  })()), x;
+  })()), R;
 }
-var M;
-function ce() {
-  return M || (M = 1, process.env.NODE_ENV === "production" ? S.exports = ie() : S.exports = ue()), S.exports;
+var U;
+function pe() {
+  return U || (U = 1, process.env.NODE_ENV === "production" ? j.exports = de() : j.exports = fe()), j.exports;
+}
+var t = pe();
+const V = new B();
+function me({ onConsent: u }) {
+  const [k, a] = h(!1), [m, i] = h(!1), [s, p] = h(!1), [g, x] = h(!1);
+  N(() => {
+    const f = V.getConsent();
+    a(!f || V.isConsentExpired()), f && (p(f.analytics), x(f.marketing));
+  }, []);
+  const y = () => {
+    u({ analytics: !0, marketing: !0, action: "accept_all" }), a(!1);
+  }, n = () => {
+    u({ analytics: !1, marketing: !1, action: "reject_all" }), a(!1);
+  }, d = () => {
+    u({ analytics: s, marketing: g, action: "custom" }), a(!1);
+  }, b = J(() => {
+    u({ analytics: !1, marketing: !1, action: "withdraw" }), p(!1), x(!1), a(!0);
+  }, [u]);
+  return N(() => {
+    const f = () => {
+      a(!0), i(!0);
+    };
+    return window.addEventListener("feedpulse:open-consent", f), window.addEventListener("feedpulse:withdraw-consent", b), () => {
+      window.removeEventListener("feedpulse:open-consent", f), window.removeEventListener("feedpulse:withdraw-consent", b);
+    };
+  }, [b]), k ? /* @__PURE__ */ t.jsx("div", { style: { position: "fixed", bottom: 0, left: 0, right: 0, zIndex: 99999, background: "#1a1a1a", color: "#fff", padding: "20px 24px", borderTop: "1px solid #333", fontFamily: "sans-serif" }, children: /* @__PURE__ */ t.jsxs("div", { style: { maxWidth: 900, margin: "0 auto" }, children: [
+    /* @__PURE__ */ t.jsxs("p", { style: { margin: "0 0 12px", fontSize: 14, lineHeight: 1.5 }, children: [
+      "We use cookies to improve reliability and understand usage.",
+      " ",
+      /* @__PURE__ */ t.jsx("a", { href: "/privacy", style: { color: "#818cf8" }, children: "Privacy Policy" })
+    ] }),
+    m && /* @__PURE__ */ t.jsxs("div", { style: { marginBottom: 12, fontSize: 13 }, children: [
+      /* @__PURE__ */ t.jsxs("label", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 6, opacity: 0.75 }, children: [
+        /* @__PURE__ */ t.jsx("input", { type: "checkbox", checked: !0, disabled: !0 }),
+        "Necessary (always on)"
+      ] }),
+      /* @__PURE__ */ t.jsxs("label", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 6 }, children: [
+        /* @__PURE__ */ t.jsx("input", { type: "checkbox", checked: s, onChange: (f) => p(f.target.checked) }),
+        "Analytics"
+      ] }),
+      /* @__PURE__ */ t.jsxs("label", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+        /* @__PURE__ */ t.jsx("input", { type: "checkbox", checked: g, onChange: (f) => x(f.target.checked) }),
+        "Marketing"
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 8, flexWrap: "wrap", alignItems: "center" }, children: [
+      /* @__PURE__ */ t.jsx("button", { type: "button", style: { width: 130, padding: "9px 12px", background: "#4f46e5", color: "#fff", border: "1px solid #4f46e5", borderRadius: 6, fontSize: 13, fontWeight: 600, cursor: "pointer" }, onClick: y, children: "Accept All" }),
+      /* @__PURE__ */ t.jsx("button", { type: "button", style: { width: 130, padding: "9px 12px", background: "transparent", color: "#fff", border: "1px solid #555", borderRadius: 6, fontSize: 13, fontWeight: 600, cursor: "pointer" }, onClick: n, children: "Reject All" }),
+      /* @__PURE__ */ t.jsx("button", { type: "button", style: { padding: "9px 16px", background: "transparent", color: "#aaa", border: "1px solid #333", borderRadius: 6, fontSize: 13, cursor: "pointer" }, onClick: () => m ? d() : i(!0), children: m ? "Save Preferences" : "Customize" })
+    ] })
+  ] }) }) : null;
 }
-var l = ce();
-const L = ne({ tracker: null });
-function be({
+const q = le({ tracker: null });
+function ke({
   apiKey: u,
-  endpoint: f,
-  debug: s,
-  children: d
+  endpoint: k,
+  debug: a,
+  consentRequired: m = !0,
+  children: i
 }) {
-  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 });
+  const s = M(null), p = M(new B()), [g, x] = h(null), y = J((n) => {
+    const d = p.current, b = d.setConsent({
+      analytics: n.analytics,
+      marketing: n.marketing,
+      version: "1.0"
+    });
+    n.analytics || d.clearAnalyticsCookies(), s.current?.updateCookieData(d.getAllData(n.analytics)), s.current?.track("consent", "__consent__", {
+      analytics: n.analytics,
+      marketing: n.marketing,
+      action: n.action,
+      userAgent: navigator.userAgent,
+      version: b.version
+    });
+  }, []);
+  return N(() => {
+    const n = new ue({ apiKey: u, endpoint: k, debug: a });
+    s.current = n, x(n);
+    const d = p.current, b = d.getConsent();
+    return m ? b && !d.isConsentExpired() ? n.updateCookieData(d.getAllData(b.analytics)) : n.updateCookieData(d.getAllData(!1)) : (d.setConsent({ analytics: !0, marketing: !0, version: "1.0" }), n.updateCookieData(d.getAllData(!0))), n.init(), () => {
+      n.destroy(), s.current = null, x(null);
+    };
+  }, [u, k, a, m]), /* @__PURE__ */ t.jsxs(q.Provider, { value: { tracker: g }, children: [
+    i,
+    m && /* @__PURE__ */ t.jsx(me, { onConsent: y })
+  ] });
 }
-function fe() {
-  return se(L);
+function ge() {
+  return ce(q);
 }
-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("");
+function he({ id: u, placeholder: k, position: a = "bottom-right" }) {
+  const { tracker: m } = ge(), [i, s] = h(a === "inline"), [p, g] = h(null), [x, y] = h(""), [n, d] = h(!1), b = () => {
+    !p && !x.trim() || (m?.trackFeedback(u ?? null, p, x || null), d(!0), setTimeout(() => {
+      s(a === "inline"), d(!1), g(null), y("");
     }, 2e3));
-  }, 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(
+  }, f = a !== "inline" ? { position: "fixed", bottom: 24, [a === "bottom-right" ? "right" : "left"]: 24, zIndex: 9999 } : {};
+  return /* @__PURE__ */ t.jsxs("div", { style: f, children: [
+    a !== "inline" && /* @__PURE__ */ t.jsx(
       "button",
       {
-        onClick: () => i(!n),
+        onClick: () => s(!i),
         style: { background: "#6366f1", color: "#fff", border: "none", borderRadius: "50%", width: 48, height: 48, fontSize: 20, cursor: "pointer" },
         children: "💬"
       }
     ),
-    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(
+    i && /* @__PURE__ */ t.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: n ? /* @__PURE__ */ t.jsxs("div", { style: { textAlign: "center", padding: 16 }, children: [
+      /* @__PURE__ */ t.jsx("p", { style: { fontSize: 28, margin: 0 }, children: "🎉" }),
+      /* @__PURE__ */ t.jsx("p", { style: { margin: "8px 0 0", fontWeight: 600 }, children: "Thanks for your feedback!" })
+    ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx("p", { style: { margin: "0 0 12px", fontWeight: 600 }, children: k ?? "How was your experience?" }),
+      /* @__PURE__ */ t.jsx("div", { style: { display: "flex", gap: 6, marginBottom: 12 }, children: [1, 2, 3, 4, 5].map((v) => /* @__PURE__ */ t.jsx(
         "button",
         {
-          onClick: () => m(b),
-          style: { background: "none", border: "none", cursor: "pointer", fontSize: 24, opacity: c !== null && b <= c ? 1 : 0.3 },
+          onClick: () => g(v),
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: 24, opacity: p !== null && v <= p ? 1 : 0.3 },
           children: "⭐"
         },
-        b
+        v
       )) }),
-      /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ t.jsx(
         "textarea",
         {
-          value: _,
-          onChange: (b) => g(b.target.value),
+          value: x,
+          onChange: (v) => y(v.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__ */ l.jsx(
+      /* @__PURE__ */ t.jsx(
         "button",
         {
-          onClick: T,
+          onClick: b,
           style: { marginTop: 10, width: "100%", background: "#6366f1", color: "#fff", border: "none", borderRadius: 8, padding: 10, fontWeight: 600, cursor: "pointer" },
           children: "Submit Feedback"
         }
@@ -324,7 +398,8 @@ function pe({ id: u, placeholder: f, position: s = "bottom-right" }) {
   ] });
 }
 export {
-  be as FeedPulseProvider,
-  pe as FeedPulseWidget,
-  fe as useFeedPulse
+  me as ConsentBanner,
+  ke as FeedPulseProvider,
+  he as FeedPulseWidget,
+  ge as useFeedPulse
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekibo/feedpulse-sdk",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Embeddable analytics and feedback SDK for FeedPulse",
   "exports": {
     ".": {
@@ -38,7 +38,11 @@
       "optional": true
     }
   },
+  "dependencies": {
+    "js-cookie": "^3.0.5"
+  },
   "devDependencies": {
+    "@types/js-cookie": "^3.0.6",
     "@vitejs/plugin-react": "^4.7.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "react": "^19.1.1",