@dismissible/react-client 0.3.0 → 0.3.2-canary.2.38782c4

package/dist/dismissible-client.es.js

@@ -1,51 +1,51 @@
-var de = Object.defineProperty, he = Object.defineProperties;
-var me = Object.getOwnPropertyDescriptors;
-var k = Object.getOwnPropertySymbols;
-var V = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable;
-var Q = (e, r, t) => r in e ? de(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, y = (e, r) => {
+var he = Object.defineProperty, ye = Object.defineProperties;
+var be = Object.getOwnPropertyDescriptors;
+var F = Object.getOwnPropertySymbols;
+var Z = Object.prototype.hasOwnProperty, ee = Object.prototype.propertyIsEnumerable;
+var Y = (e, r, t) => r in e ? he(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, h = (e, r) => {
   for (var t in r || (r = {}))
-    V.call(r, t) && Q(e, t, r[t]);
-  if (k)
-    for (var t of k(r))
-      X.call(r, t) && Q(e, t, r[t]);
+    Z.call(r, t) && Y(e, t, r[t]);
+  if (F)
+    for (var t of F(r))
+      ee.call(r, t) && Y(e, t, r[t]);
   return e;
-}, R = (e, r) => he(e, me(r));
-var W = (e, r) => {
+}, v = (e, r) => ye(e, be(r));
+var B = (e, r) => {
   var t = {};
   for (var n in e)
-    V.call(e, n) && r.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && k)
-    for (var n of k(e))
-      r.indexOf(n) < 0 && X.call(e, n) && (t[n] = e[n]);
+    Z.call(e, n) && r.indexOf(n) < 0 && (t[n] = e[n]);
+  if (e != null && F)
+    for (var n of F(e))
+      r.indexOf(n) < 0 && ee.call(e, n) && (t[n] = e[n]);
   return t;
 };
-var S = (e, r, t) => new Promise((n, i) => {
-  var s = (c) => {
+var A = (e, r, t) => new Promise((n, i) => {
+  var s = (f) => {
     try {
-      u(t.next(c));
-    } catch (h) {
-      i(h);
+      u(t.next(f));
+    } catch (d) {
+      i(d);
     }
-  }, o = (c) => {
+  }, o = (f) => {
     try {
-      u(t.throw(c));
-    } catch (h) {
-      i(h);
+      u(t.throw(f));
+    } catch (d) {
+      i(d);
     }
-  }, u = (c) => c.done ? n(c.value) : Promise.resolve(c.value).then(s, o);
+  }, u = (f) => f.done ? n(f.value) : Promise.resolve(f.value).then(s, o);
   u((t = t.apply(e, r)).next());
 });
-import { jsx as x, jsxs as oe } from "react/jsx-runtime";
-import { createContext as ye, useContext as be, useMemo as B, useRef as M, useState as F, useCallback as Y, useEffect as Z } from "react";
-const pe = /\{[^{}]+\}/g, ge = () => {
+import { jsx as T, jsxs as ce } from "react/jsx-runtime";
+import { createContext as pe, useContext as ge, useMemo as K, useRef as G, useState as N, useCallback as te, useEffect as Q } from "react";
+const we = /\{[^{}]+\}/g, ve = () => {
   var e, r;
   return typeof process == "object" && Number.parseInt((r = (e = process == null ? void 0 : process.versions) == null ? void 0 : e.node) == null ? void 0 : r.substring(0, 2)) >= 18 && process.versions.undici;
 };
-function we() {
+function Ee() {
   return Math.random().toString(36).slice(2, 11);
 }
 function Re(e) {
-  let j = y({}, e), {
+  let C = h({}, e), {
     baseUrl: r = "",
     Request: t = globalThis.Request,
     fetch: n = globalThis.fetch,
@@ -53,7 +53,7 @@ function Re(e) {
     bodySerializer: s,
     headers: o,
     requestInitExt: u = void 0
-  } = j, c = W(j, [
+  } = C, f = B(C, [
     "baseUrl",
     "Request",
     "fetch",
@@ -62,22 +62,23 @@ function Re(e) {
     "headers",
     "requestInitExt"
   ]);
-  u = ge() ? u : void 0, r = re(r);
-  const h = [];
-  function g(l, a) {
-    return S(this, null, function* () {
-      var K;
-      const G = a || {}, {
-        baseUrl: E,
-        fetch: C = n,
-        Request: $ = t,
-        headers: D,
-        params: A = {},
-        parseAs: q = "json",
-        querySerializer: U,
-        bodySerializer: f = s != null ? s : Ee,
-        body: d
-      } = G, v = W(G, [
+  u = ve() ? u : void 0, r = se(r);
+  const d = [];
+  function p(a, c) {
+    return A(this, null, function* () {
+      var X;
+      const V = c || {}, {
+        baseUrl: w,
+        fetch: x = n,
+        Request: R = t,
+        headers: I,
+        params: E = {},
+        parseAs: D = "json",
+        querySerializer: q,
+        bodySerializer: O = s != null ? s : xe,
+        body: l,
+        middleware: g = []
+      } = V, S = B(V, [
         "baseUrl",
         "fetch",
         "Request",
@@ -86,63 +87,64 @@ function Re(e) {
         "parseAs",
         "querySerializer",
         "bodySerializer",
-        "body"
+        "body",
+        "middleware"
       ]);
-      let w = r;
-      E && (w = (K = re(E)) != null ? K : r);
-      let L = typeof i == "function" ? i : ee(i);
-      U && (L = typeof U == "function" ? U : ee(y(y({}, typeof i == "object" ? i : {}), U)));
-      const J = d === void 0 ? void 0 : f(
-        d,
+      let M = r;
+      w && (M = (X = se(w)) != null ? X : r);
+      let J = typeof i == "function" ? i : re(i);
+      q && (J = typeof q == "function" ? q : re(h(h({}, typeof i == "object" ? i : {}), q)));
+      const _ = l === void 0 ? void 0 : O(
+        l,
         // Note: we declare mergeHeaders() both here and below because it’s a bit of a chicken-or-egg situation:
         // bodySerializer() needs all headers so we aren’t dropping ones set by the user, however,
         // the result of this ALSO sets the lowest-priority content-type header. So we re-merge below,
         // setting the content-type at the very beginning to be overwritten.
         // Lastly, based on the way headers work, it’s not a simple “present-or-not” check becauase null intentionally un-sets headers.
-        te(o, D, A.header)
-      ), ue = te(
+        ne(o, I, E.header)
+      ), de = ne(
         // with no body, we should not to set Content-Type
-        J === void 0 || // if serialized body is FormData; browser will correctly set Content-Type & boundary expression
-        J instanceof FormData ? {} : {
+        _ === void 0 || // if serialized body is FormData; browser will correctly set Content-Type & boundary expression
+        _ instanceof FormData ? {} : {
           "Content-Type": "application/json"
         },
         o,
-        D,
-        A.header
-      ), fe = R(y(y({
+        I,
+        E.header
+      ), $ = [...d, ...g], me = v(h(h({
         redirect: "follow"
-      }, c), v), {
-        body: J,
-        headers: ue
+      }, f), S), {
+        body: _,
+        headers: de
       });
-      let O, z, I = new t(
-        Ce(l, { baseUrl: w, params: A, querySerializer: L }),
-        fe
+      let z, P, j = new R(
+        Ie(a, { baseUrl: M, params: E, querySerializer: J }),
+        me
       ), m;
-      for (const p in v)
-        p in I || (I[p] = v[p]);
-      if (h.length) {
-        O = we(), z = Object.freeze({
-          baseUrl: w,
-          fetch: C,
-          parseAs: q,
-          querySerializer: L,
-          bodySerializer: f
+      for (const b in S)
+        b in j || (j[b] = S[b]);
+      if ($.length) {
+        z = Ee(), P = Object.freeze({
+          baseUrl: M,
+          fetch: x,
+          parseAs: D,
+          querySerializer: J,
+          bodySerializer: O
         });
-        for (const p of h)
-          if (p && typeof p == "object" && typeof p.onRequest == "function") {
-            const b = yield p.onRequest({
-              request: I,
-              schemaPath: l,
-              params: A,
-              options: z,
-              id: O
+        for (const b of $)
+          if (b && typeof b == "object" && typeof b.onRequest == "function") {
+            const y = yield b.onRequest({
+              request: j,
+              schemaPath: a,
+              params: E,
+              options: P,
+              id: z
             });
-            if (b)
-              if (b instanceof t)
-                I = b;
-              else if (b instanceof Response) {
-                m = b;
+            if (y)
+              if (y instanceof R)
+                j = y;
+              else if (y instanceof Response) {
+                m = y;
                 break;
               } else
                 throw new Error("onRequest: must return new Request() or Response() when modifying the request");
@@ -150,124 +152,124 @@ function Re(e) {
       }
       if (!m) {
         try {
-          m = yield C(I, u);
-        } catch (p) {
-          let b = p;
-          if (h.length)
-            for (let T = h.length - 1; T >= 0; T--) {
-              const P = h[T];
-              if (P && typeof P == "object" && typeof P.onError == "function") {
-                const H = yield P.onError({
-                  request: I,
-                  error: b,
-                  schemaPath: l,
-                  params: A,
-                  options: z,
-                  id: O
+          m = yield x(j, u);
+        } catch (b) {
+          let y = b;
+          if ($.length)
+            for (let U = $.length - 1; U >= 0; U--) {
+              const k = $[U];
+              if (k && typeof k == "object" && typeof k.onError == "function") {
+                const H = yield k.onError({
+                  request: j,
+                  error: y,
+                  schemaPath: a,
+                  params: E,
+                  options: P,
+                  id: z
                 });
                 if (H) {
                   if (H instanceof Response) {
-                    b = void 0, m = H;
+                    y = void 0, m = H;
                     break;
                   }
                   if (H instanceof Error) {
-                    b = H;
+                    y = H;
                     continue;
                   }
                   throw new Error("onError: must return new Response() or instance of Error");
                 }
               }
             }
-          if (b)
-            throw b;
+          if (y)
+            throw y;
         }
-        if (h.length)
-          for (let p = h.length - 1; p >= 0; p--) {
-            const b = h[p];
-            if (b && typeof b == "object" && typeof b.onResponse == "function") {
-              const T = yield b.onResponse({
-                request: I,
+        if ($.length)
+          for (let b = $.length - 1; b >= 0; b--) {
+            const y = $[b];
+            if (y && typeof y == "object" && typeof y.onResponse == "function") {
+              const U = yield y.onResponse({
+                request: j,
                 response: m,
-                schemaPath: l,
-                params: A,
-                options: z,
-                id: O
+                schemaPath: a,
+                params: E,
+                options: P,
+                id: z
               });
-              if (T) {
-                if (!(T instanceof Response))
+              if (U) {
+                if (!(U instanceof Response))
                   throw new Error("onResponse: must return new Response() when modifying the response");
-                m = T;
+                m = U;
               }
             }
           }
       }
-      if (m.status === 204 || I.method === "HEAD" || m.headers.get("Content-Length") === "0")
+      if (m.status === 204 || j.method === "HEAD" || m.headers.get("Content-Length") === "0")
         return m.ok ? { data: void 0, response: m } : { error: void 0, response: m };
       if (m.ok)
-        return q === "stream" ? { data: m.body, response: m } : { data: yield m[q](), response: m };
-      let _ = yield m.text();
+        return D === "stream" ? { data: m.body, response: m } : { data: yield m[D](), response: m };
+      let W = yield m.text();
       try {
-        _ = JSON.parse(_);
-      } catch (p) {
+        W = JSON.parse(W);
+      } catch (b) {
       }
-      return { error: _, response: m };
+      return { error: W, response: m };
     });
   }
   return {
-    request(l, a, E) {
-      return g(a, R(y({}, E), { method: l.toUpperCase() }));
+    request(a, c, w) {
+      return p(c, v(h({}, w), { method: a.toUpperCase() }));
     },
     /** Call a GET endpoint */
-    GET(l, a) {
-      return g(l, R(y({}, a), { method: "GET" }));
+    GET(a, c) {
+      return p(a, v(h({}, c), { method: "GET" }));
     },
     /** Call a PUT endpoint */
-    PUT(l, a) {
-      return g(l, R(y({}, a), { method: "PUT" }));
+    PUT(a, c) {
+      return p(a, v(h({}, c), { method: "PUT" }));
     },
     /** Call a POST endpoint */
-    POST(l, a) {
-      return g(l, R(y({}, a), { method: "POST" }));
+    POST(a, c) {
+      return p(a, v(h({}, c), { method: "POST" }));
     },
     /** Call a DELETE endpoint */
-    DELETE(l, a) {
-      return g(l, R(y({}, a), { method: "DELETE" }));
+    DELETE(a, c) {
+      return p(a, v(h({}, c), { method: "DELETE" }));
     },
     /** Call a OPTIONS endpoint */
-    OPTIONS(l, a) {
-      return g(l, R(y({}, a), { method: "OPTIONS" }));
+    OPTIONS(a, c) {
+      return p(a, v(h({}, c), { method: "OPTIONS" }));
     },
     /** Call a HEAD endpoint */
-    HEAD(l, a) {
-      return g(l, R(y({}, a), { method: "HEAD" }));
+    HEAD(a, c) {
+      return p(a, v(h({}, c), { method: "HEAD" }));
     },
     /** Call a PATCH endpoint */
-    PATCH(l, a) {
-      return g(l, R(y({}, a), { method: "PATCH" }));
+    PATCH(a, c) {
+      return p(a, v(h({}, c), { method: "PATCH" }));
     },
     /** Call a TRACE endpoint */
-    TRACE(l, a) {
-      return g(l, R(y({}, a), { method: "TRACE" }));
+    TRACE(a, c) {
+      return p(a, v(h({}, c), { method: "TRACE" }));
     },
     /** Register middleware */
-    use(...l) {
-      for (const a of l)
-        if (a) {
-          if (typeof a != "object" || !("onRequest" in a || "onResponse" in a || "onError" in a))
+    use(...a) {
+      for (const c of a)
+        if (c) {
+          if (typeof c != "object" || !("onRequest" in c || "onResponse" in c || "onError" in c))
             throw new Error("Middleware must be an object with one of `onRequest()`, `onResponse() or `onError()`");
-          h.push(a);
+          d.push(c);
         }
     },
     /** Unregister middleware */
-    eject(...l) {
-      for (const a of l) {
-        const E = h.indexOf(a);
-        E !== -1 && h.splice(E, 1);
+    eject(...a) {
+      for (const c of a) {
+        const w = d.indexOf(c);
+        w !== -1 && d.splice(w, 1);
       }
     }
   };
 }
-function N(e, r, t) {
+function L(e, r, t) {
   if (r == null)
     return "";
   if (typeof r == "object")
@@ -276,7 +278,7 @@ function N(e, r, t) {
     );
   return `${e}=${(t == null ? void 0 : t.allowReserved) === !0 ? r : encodeURIComponent(r)}`;
 }
-function ae(e, r, t) {
+function le(e, r, t) {
   if (!r || typeof r != "object")
     return "";
   const n = [], i = {
@@ -301,12 +303,12 @@ function ae(e, r, t) {
   }
   for (const o in r) {
     const u = t.style === "deepObject" ? `${e}[${o}]` : o;
-    n.push(N(u, r[o], t));
+    n.push(L(u, r[o], t));
   }
   const s = n.join(i);
   return t.style === "label" || t.style === "matrix" ? `${i}${s}` : s;
 }
-function ce(e, r, t) {
+function ue(e, r, t) {
   if (!Array.isArray(r))
     return "";
   if (t.explode === !1) {
@@ -324,10 +326,10 @@ function ce(e, r, t) {
   }
   const n = { simple: ",", label: ".", matrix: ";" }[t.style] || "&", i = [];
   for (const s of r)
-    t.style === "simple" || t.style === "label" ? i.push(t.allowReserved === !0 ? s : encodeURIComponent(s)) : i.push(N(e, s, t));
+    t.style === "simple" || t.style === "label" ? i.push(t.allowReserved === !0 ? s : encodeURIComponent(s)) : i.push(L(e, s, t));
   return t.style === "label" || t.style === "matrix" ? `${n}${i.join(n)}` : i.join(n);
 }
-function ee(e) {
+function re(e) {
   return function(t) {
     const n = [];
     if (t && typeof t == "object")
@@ -338,7 +340,7 @@ function ee(e) {
             if (s.length === 0)
               continue;
             n.push(
-              ce(i, s, R(y({
+              ue(i, s, v(h({
                 style: "form",
                 explode: !0
               }, e == null ? void 0 : e.array), {
@@ -349,7 +351,7 @@ function ee(e) {
           }
           if (typeof s == "object") {
             n.push(
-              ae(i, s, R(y({
+              le(i, s, v(h({
                 style: "deepObject",
                 explode: !0
               }, e == null ? void 0 : e.object), {
@@ -358,48 +360,48 @@ function ee(e) {
             );
             continue;
           }
-          n.push(N(i, s, e));
+          n.push(L(i, s, e));
         }
       }
     return n.join("&");
   };
 }
-function ve(e, r) {
+function Ce(e, r) {
   var n;
   let t = e;
-  for (const i of (n = e.match(pe)) != null ? n : []) {
+  for (const i of (n = e.match(we)) != null ? n : []) {
     let s = i.substring(1, i.length - 1), o = !1, u = "simple";
     if (s.endsWith("*") && (o = !0, s = s.substring(0, s.length - 1)), s.startsWith(".") ? (u = "label", s = s.substring(1)) : s.startsWith(";") && (u = "matrix", s = s.substring(1)), !r || r[s] === void 0 || r[s] === null)
       continue;
-    const c = r[s];
-    if (Array.isArray(c)) {
-      t = t.replace(i, ce(s, c, { style: u, explode: o }));
+    const f = r[s];
+    if (Array.isArray(f)) {
+      t = t.replace(i, ue(s, f, { style: u, explode: o }));
       continue;
     }
-    if (typeof c == "object") {
-      t = t.replace(i, ae(s, c, { style: u, explode: o }));
+    if (typeof f == "object") {
+      t = t.replace(i, le(s, f, { style: u, explode: o }));
       continue;
     }
     if (u === "matrix") {
-      t = t.replace(i, `;${N(s, c)}`);
+      t = t.replace(i, `;${L(s, f)}`);
       continue;
     }
-    t = t.replace(i, u === "label" ? `.${encodeURIComponent(c)}` : encodeURIComponent(c));
+    t = t.replace(i, u === "label" ? `.${encodeURIComponent(f)}` : encodeURIComponent(f));
   }
   return t;
 }
-function Ee(e, r) {
+function xe(e, r) {
   var t, n;
   return e instanceof FormData ? e : r && (r.get instanceof Function ? (t = r.get("Content-Type")) != null ? t : r.get("content-type") : (n = r["Content-Type"]) != null ? n : r["content-type"]) === "application/x-www-form-urlencoded" ? new URLSearchParams(e).toString() : JSON.stringify(e);
 }
-function Ce(e, r) {
+function Ie(e, r) {
   var i, s;
   let t = `${r.baseUrl}${e}`;
-  (i = r.params) != null && i.path && (t = ve(t, r.params.path));
+  (i = r.params) != null && i.path && (t = Ce(t, r.params.path));
   let n = r.querySerializer((s = r.params.query) != null ? s : {});
   return n.startsWith("?") && (n = n.substring(1)), n && (t += `?${n}`), t;
 }
-function te(...e) {
+function ne(...e) {
   const r = new Headers();
   for (const t of e) {
     if (!t || typeof t != "object")
@@ -415,14 +417,14 @@ function te(...e) {
   }
   return r;
 }
-function re(e) {
+function se(e) {
   return e.endsWith("/") ? e.substring(0, e.length - 1) : e;
 }
-const Ae = {
-  baseUrl: "http://localhost:3200"
-}, je = {
+const Se = {
+  baseUrl: "http://localhost:3001"
+}, $e = {
   development: {
-    baseUrl: "http://localhost:3200"
+    baseUrl: "http://localhost:3001"
   },
   staging: {
     baseUrl: "https://api.staging.dismissible.io"
@@ -432,7 +434,7 @@ const Ae = {
     // baseUrl: import.meta.env.VITE_API_BASE_URL || "https://api.dismissible.io",
     baseUrl: "https://api.dismissible.io"
   }
-}, Ie = () => je["production"] || Ae, ne = (e, r, t) => {
+}, je = () => $e["production"] || Se, ie = (e, r, t) => {
   try {
     const n = `${r}_${e}`, i = localStorage.getItem(n);
     if (!i) return null;
@@ -441,7 +443,7 @@ const Ae = {
   } catch (n) {
     return null;
   }
-}, se = (e, r, t) => {
+}, oe = (e, r, t) => {
   try {
     const n = `${t}_${e}`, i = {
       data: r,
@@ -451,137 +453,151 @@ const Ae = {
   } catch (n) {
     console.warn("Failed to cache dismissible item:", n);
   }
-}, ie = (e, r) => {
+}, ae = (e, r) => {
   try {
     const t = `${r}_${e}`;
     localStorage.removeItem(t);
   } catch (t) {
     console.warn("Failed to remove cached dismissible item:", t);
   }
-}, le = ye(
+}, fe = pe(
   null
-), Se = () => be(le), $e = "dismissible", De = (e, r = {}) => {
-  var U;
+), Ae = () => {
+  const e = ge(fe);
+  if (!e)
+    throw new Error(
+      "useDismissibleContext must be used within a DismissibleProvider"
+    );
+  return e;
+}, De = "dismissible", Ue = (e, r = {}) => {
+  var O;
   const {
     initialData: t,
     enableCache: n = !0,
-    cachePrefix: i = $e,
+    cachePrefix: i = De,
     cacheExpiration: s
-  } = r, o = Se(), u = B(() => {
-    const f = Ie(), d = (o == null ? void 0 : o.baseUrl) || f.baseUrl;
+  } = r, o = Ae(), { userId: u } = o, f = K(() => {
+    const l = je(), g = o.baseUrl || l.baseUrl;
     return Re({
-      baseUrl: d,
+      baseUrl: g,
       headers: {}
     });
-  }, [o]), c = B(() => !!(o != null && o.jwt) ? `${e}-auth` : e, [e, o == null ? void 0 : o.jwt]), h = M({
+  }, [o]), d = K(() => `${u}-${e}`, [u, e]), p = G({
     enableCache: n,
     cachePrefix: i,
     cacheExpiration: s
-  }), g = M(e), j = M(c), [l, a] = F(!1), [E, C] = F(null), [$, D] = F(() => {
+  }), C = G(e), a = G(d), [c, w] = N(!1), [x, R] = N(null), [I, E] = N(() => {
     if (t) return t;
     if (n) {
-      const f = ne(
-        c,
+      const l = ie(
+        d,
         i,
         s
       );
-      if (f) return f;
+      if (l) return l;
     }
-  }), A = Y(() => S(void 0, null, function* () {
-    var f;
+  }), D = te(() => A(void 0, null, function* () {
     if (n) {
-      const d = ne(
-        c,
+      const l = ie(
+        d,
         i,
         s
       );
-      if (d != null && d.dismissedAt) {
-        D(d), a(!1);
+      if (l != null && l.dismissedAt) {
+        E(l), w(!1);
         return;
       }
     }
-    a(!0), C(null);
+    w(!0), R(null);
     try {
-      const d = o != null && o.getAuthHeaders ? yield o.getAuthHeaders() : {}, { data: v, error: w } = yield u.GET(
-        "/v1/dismissible/{itemId}",
+      const l = yield o.getAuthHeaders(), { data: g, error: S } = yield f.GET(
+        "/v1/user/{userId}/dismissible-item/{itemId}",
         {
           params: {
             path: {
+              userId: u,
               itemId: e
             }
           },
-          headers: d
+          headers: l
         }
       );
-      if (w)
-        throw new Error(
-          ((f = w == null ? void 0 : w.error) == null ? void 0 : f.message) || "Failed to fetch dismissible item"
-        );
-      D(v.data), n && v.data && se(c, v.data, i);
-    } catch (d) {
-      C(
-        d instanceof Error ? d : new Error("Unknown error occurred")
+      if (S || !g)
+        throw new Error("Failed to fetch dismissible item");
+      E(g.data), n && oe(d, g.data, i);
+    } catch (l) {
+      R(
+        l instanceof Error ? l : new Error("Unknown error occurred")
       );
     } finally {
-      a(!1);
+      w(!1);
     }
   }), [
     e,
-    c,
+    u,
+    d,
     n,
     i,
     s,
-    u,
+    f,
     o
   ]);
-  Z(() => {
-    const f = g.current !== e, d = j.current !== c;
-    f || d ? (g.current = e, j.current = c, A()) : t || A();
-  }, [e, c, t]), Z(() => {
-    const f = h.current;
-    (f.enableCache !== n || f.cachePrefix !== i || f.cacheExpiration !== s) && (f.cachePrefix !== i && ie(c, f.cachePrefix), !n && f.enableCache && ie(c, i), h.current = {
+  Q(() => {
+    const l = C.current !== e, g = a.current !== d;
+    l || g ? (C.current = e, a.current = d, D()) : t || D();
+  }, [e, d, t]), Q(() => {
+    const l = p.current;
+    (l.enableCache !== n || l.cachePrefix !== i || l.cacheExpiration !== s) && (l.cachePrefix !== i && ae(d, l.cachePrefix), !n && l.enableCache && ae(d, i), p.current = {
       enableCache: n,
       cachePrefix: i,
       cacheExpiration: s
-    }, A());
-  }, [n, i, s, c]);
-  const q = Y(() => S(void 0, null, function* () {
-    var f;
-    C(null);
+    }, D());
+  }, [n, i, s, d]);
+  const q = te(() => A(void 0, null, function* () {
+    R(null);
     try {
-      const d = o != null && o.getAuthHeaders ? yield o.getAuthHeaders() : {}, { data: v, error: w } = yield u.DELETE(
-        "/v1/dismissible/{itemId}",
+      const l = yield o.getAuthHeaders(), { data: g, error: S } = yield f.DELETE(
+        "/v1/user/{userId}/dismissible-item/{itemId}",
         {
           params: {
             path: {
+              userId: u,
               itemId: e
             }
           },
-          headers: d
+          headers: l
         }
       );
-      if (w)
-        throw new Error(((f = w == null ? void 0 : w.error) == null ? void 0 : f.message) || "Failed to dismiss item");
-      D(v.data), n && v.data && se(c, v.data, i);
-    } catch (d) {
-      throw C(
-        d instanceof Error ? d : new Error("Failed to dismiss item")
-      ), d;
+      if (S || !g)
+        throw new Error("Failed to dismiss item");
+      E(g.data), n && oe(d, g.data, i);
+    } catch (l) {
+      throw R(
+        l instanceof Error ? l : new Error("Failed to dismiss item")
+      ), l;
     }
-  }), [c, n, i, u, o]);
+  }), [
+    e,
+    u,
+    d,
+    n,
+    i,
+    f,
+    o
+  ]);
   return {
-    dismissedOn: (U = $ == null ? void 0 : $.dismissedAt) != null ? U : null,
+    dismissedOn: (O = I == null ? void 0 : I.dismissedAt) != null ? O : null,
     dismiss: q,
-    isLoading: l,
-    error: E,
-    item: $
+    isLoading: c,
+    error: x,
+    item: I
   };
-}, Ue = () => /* @__PURE__ */ x("div", { className: "dismissible-loading", "aria-live": "polite", children: "Loading..." }), Te = ({
+}, Te = () => /* @__PURE__ */ T("div", { className: "dismissible-loading", "aria-live": "polite", children: "Loading..." }), qe = ({
   error: e
-}) => /* @__PURE__ */ oe("div", { className: "dismissible-error", role: "alert", children: [
+}) => /* @__PURE__ */ ce("div", { className: "dismissible-error", role: "alert", children: [
   "Error loading dismissible item: ",
   e.message
-] }), xe = ({ id: e, onDismiss: r, ariaLabel: t }) => /* @__PURE__ */ x(
+] }), Oe = ({ id: e, onDismiss: r, ariaLabel: t }) => /* @__PURE__ */ T(
   "button",
   {
     id: e,
@@ -591,42 +607,46 @@ const Ae = {
     type: "button",
     children: "×"
   }
-), ke = ({
+), Ne = ({
   id: e,
   children: r,
   onDismiss: t,
-  LoadingComponent: n = Ue,
-  ErrorComponent: i = Te,
-  DismissButtonComponent: s = xe,
+  LoadingComponent: n = Te,
+  ErrorComponent: i = qe,
+  DismissButtonComponent: s = Oe,
   enableCache: o,
   cachePrefix: u,
-  cacheExpiration: c,
-  ignoreErrors: h = !1
+  cacheExpiration: f,
+  ignoreErrors: d = !1
 }) => {
-  const { dismissedOn: g, isLoading: j, error: l, dismiss: a } = De(e, {
+  const { dismissedOn: p, isLoading: C, error: a, dismiss: c } = Ue(e, {
     enableCache: o,
     cachePrefix: u,
-    cacheExpiration: c
-  }), [E, C] = F(!1), $ = () => S(void 0, null, function* () {
-    C(!0);
+    cacheExpiration: f
+  }), [w, x] = N(!1);
+  Q(() => {
+    x(!1);
+  }, [e]);
+  const R = () => A(void 0, null, function* () {
+    x(!0);
     try {
-      yield a(), t == null || t();
-    } catch (D) {
-      C(!1);
+      yield c(), t == null || t();
+    } catch (I) {
+      x(!1);
     }
   });
-  return j && n ? /* @__PURE__ */ x(n, { id: e }) : j && !n ? null : l && i && !h ? /* @__PURE__ */ x(i, { id: e, error: l }) : g || E ? null : /* @__PURE__ */ oe("div", { className: "dismissible-container", children: [
-    /* @__PURE__ */ x("div", { className: "dismissible-content", children: r }),
-    s ? /* @__PURE__ */ x(
+  return C && n ? /* @__PURE__ */ T(n, { id: e }) : C && !n ? null : a && i && !d ? /* @__PURE__ */ T(i, { id: e, error: a }) : p || w ? null : /* @__PURE__ */ ce("div", { className: "dismissible-container", children: [
+    /* @__PURE__ */ T("div", { className: "dismissible-content", children: r }),
+    s ? /* @__PURE__ */ T(
       s,
       {
         id: e,
-        onDismiss: $,
+        onDismiss: R,
         ariaLabel: `Dismiss ${e}`
       }
     ) : null
   ] });
-}, qe = (e) => S(void 0, null, function* () {
+}, He = (e) => A(void 0, null, function* () {
   if (typeof e == "function")
     try {
       const r = e();
@@ -636,37 +656,39 @@ const Ae = {
       return;
     }
   return e;
-}), He = (e) => S(void 0, null, function* () {
-  const r = yield qe(e);
+}), ze = (e) => A(void 0, null, function* () {
+  const r = yield He(e);
   return r ? { Authorization: `Bearer ${r}` } : {};
-}), Fe = (e) => {
+}), Le = (e) => {
   const r = e.split(".");
   return r.length === 3 && r.every((t) => t.length > 0);
-}, Ne = ({
-  jwt: e,
-  baseUrl: r,
-  children: t
+}, Me = ({
+  userId: e,
+  jwt: r,
+  baseUrl: t,
+  children: n
 }) => {
-  const n = B(
+  const i = K(
     () => ({
-      jwt: e,
-      baseUrl: r,
-      getAuthHeaders: () => S(void 0, null, function* () {
-        return yield He(e);
+      userId: e,
+      jwt: r,
+      baseUrl: t,
+      getAuthHeaders: () => A(void 0, null, function* () {
+        return yield ze(r);
       })
     }),
-    [e, r]
+    [e, r, t]
   );
-  return /* @__PURE__ */ x(le.Provider, { value: n, children: t });
-}, Le = "0.3.0";
+  return /* @__PURE__ */ T(fe.Provider, { value: i, children: n });
+}, Je = "0.3.1";
 export {
-  ke as Dismissible,
-  le as DismissibleContext,
-  Ne as DismissibleProvider,
-  Le as VERSION,
-  He as getAuthHeaders,
-  Fe as isValidJwtFormat,
-  qe as resolveJwt,
-  Se as useDismissibleContext,
-  De as useDismissibleItem
+  Ne as Dismissible,
+  fe as DismissibleContext,
+  Me as DismissibleProvider,
+  Je as VERSION,
+  ze as getAuthHeaders,
+  Le as isValidJwtFormat,
+  He as resolveJwt,
+  Ae as useDismissibleContext,
+  Ue as useDismissibleItem
 };