@dismissible/react-client 1.0.0-canary.4.a9fb4a5 → 1.0.0

package/dist/dismissible-client.es.js

@@ -1,59 +1,59 @@
 var he = Object.defineProperty, me = Object.defineProperties;
 var ye = Object.getOwnPropertyDescriptors;
-var J = Object.getOwnPropertySymbols;
-var te = Object.prototype.hasOwnProperty, re = Object.prototype.propertyIsEnumerable;
-var ee = (e, r, t) => r in e ? he(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, b = (e, r) => {
+var M = Object.getOwnPropertySymbols;
+var re = Object.prototype.hasOwnProperty, ne = Object.prototype.propertyIsEnumerable;
+var te = (e, r, t) => r in e ? he(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, b = (e, r) => {
   for (var t in r || (r = {}))
-    te.call(r, t) && ee(e, t, r[t]);
-  if (J)
-    for (var t of J(r))
-      re.call(r, t) && ee(e, t, r[t]);
+    re.call(r, t) && te(e, t, r[t]);
+  if (M)
+    for (var t of M(r))
+      ne.call(r, t) && te(e, t, r[t]);
   return e;
 }, E = (e, r) => me(e, ye(r));
-var G = (e, r) => {
+var Q = (e, r) => {
   var t = {};
   for (var n in e)
-    te.call(e, n) && r.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && J)
-    for (var n of J(e))
-      r.indexOf(n) < 0 && re.call(e, n) && (t[n] = e[n]);
+    re.call(e, n) && r.indexOf(n) < 0 && (t[n] = e[n]);
+  if (e != null && M)
+    for (var n of M(e))
+      r.indexOf(n) < 0 && ne.call(e, n) && (t[n] = e[n]);
   return t;
 };
 var $ = (e, r, t) => new Promise((n, o) => {
   var s = (f) => {
     try {
-      c(t.next(f));
+      l(t.next(f));
     } catch (d) {
       o(d);
     }
   }, i = (f) => {
     try {
-      c(t.throw(f));
+      l(t.throw(f));
     } catch (d) {
       o(d);
     }
-  }, c = (f) => f.done ? n(f.value) : Promise.resolve(f.value).then(s, i);
-  c((t = t.apply(e, r)).next());
+  }, l = (f) => f.done ? n(f.value) : Promise.resolve(f.value).then(s, i);
+  l((t = t.apply(e, r)).next());
 });
 import { jsx as U, jsxs as be } from "react/jsx-runtime";
-import { createContext as pe, useContext as we, useMemo as X, useRef as W, useState as z, useCallback as K, useEffect as Q } from "react";
-const ge = /\{[^{}]+\}/g, ve = () => {
+import { createContext as pe, useContext as we, useMemo as Y, useRef as J, useState as W, useCallback as V, useEffect as _ } from "react";
+const ge = /\{[^{}]+\}/g, Ee = () => {
   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 Ee() {
+function Re() {
   return Math.random().toString(36).slice(2, 11);
 }
-function Re(e) {
-  let j = b({}, e), {
+function ve(e) {
+  let A = b({}, e), {
     baseUrl: r = "",
     Request: t = globalThis.Request,
     fetch: n = globalThis.fetch,
     querySerializer: o,
     bodySerializer: s,
     headers: i,
-    requestInitExt: c = void 0
-  } = j, f = G(j, [
+    requestInitExt: l = void 0
+  } = A, f = Q(A, [
     "baseUrl",
     "Request",
     "fetch",
@@ -62,23 +62,23 @@ function Re(e) {
     "headers",
     "requestInitExt"
   ]);
-  c = ve() ? c : void 0, r = oe(r);
+  l = Ee() ? l : void 0, r = ie(r);
   const d = [];
-  function g(l, a) {
+  function g(u, a) {
     return $(this, null, function* () {
-      var Z;
-      const Y = a || {}, {
+      var ee;
+      const Z = a || {}, {
         baseUrl: R,
-        fetch: x = n,
-        Request: I = t,
-        headers: C,
+        fetch: C = n,
+        Request: O = t,
+        headers: x,
         params: v = {},
-        parseAs: A = "json",
+        parseAs: j = "json",
         querySerializer: S,
-        bodySerializer: k = s != null ? s : xe,
-        body: F,
-        middleware: u = []
-      } = Y, y = G(Y, [
+        bodySerializer: P = s != null ? s : xe,
+        body: z,
+        middleware: k = []
+      } = Z, c = Q(Z, [
         "baseUrl",
         "fetch",
         "Request",
@@ -90,58 +90,58 @@ function Re(e) {
         "body",
         "middleware"
       ]);
-      let h = r;
-      R && (h = (Z = oe(R)) != null ? Z : r);
-      let H = typeof o == "function" ? o : ne(o);
-      S && (H = typeof S == "function" ? S : ne(b(b({}, typeof o == "object" ? o : {}), S)));
-      const P = F === void 0 ? void 0 : k(
-        F,
+      let y = r;
+      R && (y = (ee = ie(R)) != null ? ee : r);
+      let h = typeof o == "function" ? o : se(o);
+      S && (h = typeof S == "function" ? S : se(b(b({}, typeof o == "object" ? o : {}), S)));
+      const H = z === void 0 ? void 0 : P(
+        z,
         // 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.
-        se(i, C, v.header)
-      ), fe = se(
+        oe(i, x, v.header)
+      ), G = oe(
         // with no body, we should not to set Content-Type
-        P === void 0 || // if serialized body is FormData; browser will correctly set Content-Type & boundary expression
-        P instanceof FormData ? {} : {
+        H === void 0 || // if serialized body is FormData; browser will correctly set Content-Type & boundary expression
+        H instanceof FormData ? {} : {
           "Content-Type": "application/json"
         },
         i,
-        C,
+        x,
         v.header
-      ), D = [...d, ...u], de = E(b(b({
+      ), D = [...d, ...k], de = E(b(b({
         redirect: "follow"
-      }, f), y), {
-        body: P,
-        headers: fe
+      }, f), c), {
+        body: H,
+        headers: G
       });
-      let L, N, T = new I(
-        Se(l, { baseUrl: h, params: v, querySerializer: H }),
+      let F, L, T = new O(
+        Se(u, { baseUrl: y, params: v, querySerializer: h }),
         de
       ), m;
-      for (const w in y)
-        w in T || (T[w] = y[w]);
+      for (const w in c)
+        w in T || (T[w] = c[w]);
       if (D.length) {
-        L = Ee(), N = Object.freeze({
-          baseUrl: h,
-          fetch: x,
-          parseAs: A,
-          querySerializer: H,
-          bodySerializer: k
+        F = Re(), L = Object.freeze({
+          baseUrl: y,
+          fetch: C,
+          parseAs: j,
+          querySerializer: h,
+          bodySerializer: P
         });
         for (const w of D)
           if (w && typeof w == "object" && typeof w.onRequest == "function") {
             const p = yield w.onRequest({
               request: T,
-              schemaPath: l,
+              schemaPath: u,
               params: v,
-              options: N,
-              id: L
+              options: L,
+              id: F
             });
             if (p)
-              if (p instanceof I)
+              if (p instanceof O)
                 T = p;
               else if (p instanceof Response) {
                 m = p;
@@ -152,28 +152,28 @@ function Re(e) {
       }
       if (!m) {
         try {
-          m = yield x(T, c);
+          m = yield C(T, l);
         } catch (w) {
           let p = w;
           if (D.length)
             for (let q = D.length - 1; q >= 0; q--) {
-              const M = D[q];
-              if (M && typeof M == "object" && typeof M.onError == "function") {
-                const O = yield M.onError({
+              const N = D[q];
+              if (N && typeof N == "object" && typeof N.onError == "function") {
+                const I = yield N.onError({
                   request: T,
                   error: p,
-                  schemaPath: l,
+                  schemaPath: u,
                   params: v,
-                  options: N,
-                  id: L
+                  options: L,
+                  id: F
                 });
-                if (O) {
-                  if (O instanceof Response) {
-                    p = void 0, m = O;
+                if (I) {
+                  if (I instanceof Response) {
+                    p = void 0, m = I;
                     break;
                   }
-                  if (O instanceof Error) {
-                    p = O;
+                  if (I instanceof Error) {
+                    p = I;
                     continue;
                   }
                   throw new Error("onError: must return new Response() or instance of Error");
@@ -190,10 +190,10 @@ function Re(e) {
               const q = yield p.onResponse({
                 request: T,
                 response: m,
-                schemaPath: l,
+                schemaPath: u,
                 params: v,
-                options: N,
-                id: L
+                options: L,
+                id: F
               });
               if (q) {
                 if (!(q instanceof Response))
@@ -206,54 +206,54 @@ function Re(e) {
       if (m.status === 204 || T.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 A === "stream" ? { data: m.body, response: m } : { data: yield m[A](), response: m };
-      let B = yield m.text();
+        return j === "stream" ? { data: m.body, response: m } : { data: yield m[j](), response: m };
+      let K = yield m.text();
       try {
-        B = JSON.parse(B);
+        K = JSON.parse(K);
       } catch (w) {
       }
-      return { error: B, response: m };
+      return { error: K, response: m };
     });
   }
   return {
-    request(l, a, R) {
-      return g(a, E(b({}, R), { method: l.toUpperCase() }));
+    request(u, a, R) {
+      return g(a, E(b({}, R), { method: u.toUpperCase() }));
     },
     /** Call a GET endpoint */
-    GET(l, a) {
-      return g(l, E(b({}, a), { method: "GET" }));
+    GET(u, a) {
+      return g(u, E(b({}, a), { method: "GET" }));
     },
     /** Call a PUT endpoint */
-    PUT(l, a) {
-      return g(l, E(b({}, a), { method: "PUT" }));
+    PUT(u, a) {
+      return g(u, E(b({}, a), { method: "PUT" }));
     },
     /** Call a POST endpoint */
-    POST(l, a) {
-      return g(l, E(b({}, a), { method: "POST" }));
+    POST(u, a) {
+      return g(u, E(b({}, a), { method: "POST" }));
     },
     /** Call a DELETE endpoint */
-    DELETE(l, a) {
-      return g(l, E(b({}, a), { method: "DELETE" }));
+    DELETE(u, a) {
+      return g(u, E(b({}, a), { method: "DELETE" }));
     },
     /** Call a OPTIONS endpoint */
-    OPTIONS(l, a) {
-      return g(l, E(b({}, a), { method: "OPTIONS" }));
+    OPTIONS(u, a) {
+      return g(u, E(b({}, a), { method: "OPTIONS" }));
     },
     /** Call a HEAD endpoint */
-    HEAD(l, a) {
-      return g(l, E(b({}, a), { method: "HEAD" }));
+    HEAD(u, a) {
+      return g(u, E(b({}, a), { method: "HEAD" }));
     },
     /** Call a PATCH endpoint */
-    PATCH(l, a) {
-      return g(l, E(b({}, a), { method: "PATCH" }));
+    PATCH(u, a) {
+      return g(u, E(b({}, a), { method: "PATCH" }));
     },
     /** Call a TRACE endpoint */
-    TRACE(l, a) {
-      return g(l, E(b({}, a), { method: "TRACE" }));
+    TRACE(u, a) {
+      return g(u, E(b({}, a), { method: "TRACE" }));
     },
     /** Register middleware */
-    use(...l) {
-      for (const a of l)
+    use(...u) {
+      for (const a of u)
         if (a) {
           if (typeof a != "object" || !("onRequest" in a || "onResponse" in a || "onError" in a))
             throw new Error("Middleware must be an object with one of `onRequest()`, `onResponse() or `onError()`");
@@ -261,15 +261,15 @@ function Re(e) {
         }
     },
     /** Unregister middleware */
-    eject(...l) {
-      for (const a of l) {
+    eject(...u) {
+      for (const a of u) {
         const R = d.indexOf(a);
         R !== -1 && d.splice(R, 1);
       }
     }
   };
 }
-function _(e, r, t) {
+function B(e, r, t) {
   if (r == null)
     return "";
   if (typeof r == "object")
@@ -278,7 +278,7 @@ function _(e, r, t) {
     );
   return `${e}=${(t == null ? void 0 : t.allowReserved) === !0 ? r : encodeURIComponent(r)}`;
 }
-function ce(e, r, t) {
+function le(e, r, t) {
   if (!r || typeof r != "object")
     return "";
   const n = [], o = {
@@ -287,8 +287,8 @@ function ce(e, r, t) {
     matrix: ";"
   }[t.style] || "&";
   if (t.style !== "deepObject" && t.explode === !1) {
-    for (const c in r)
-      n.push(c, t.allowReserved === !0 ? r[c] : encodeURIComponent(r[c]));
+    for (const l in r)
+      n.push(l, t.allowReserved === !0 ? r[l] : encodeURIComponent(r[l]));
     const i = n.join(",");
     switch (t.style) {
       case "form":
@@ -302,17 +302,17 @@ function ce(e, r, t) {
     }
   }
   for (const i in r) {
-    const c = t.style === "deepObject" ? `${e}[${i}]` : i;
-    n.push(_(c, r[i], t));
+    const l = t.style === "deepObject" ? `${e}[${i}]` : i;
+    n.push(B(l, r[i], t));
   }
   const s = n.join(o);
   return t.style === "label" || t.style === "matrix" ? `${o}${s}` : s;
 }
-function le(e, r, t) {
+function ue(e, r, t) {
   if (!Array.isArray(r))
     return "";
   if (t.explode === !1) {
-    const s = { form: ",", spaceDelimited: "%20", pipeDelimited: "|" }[t.style] || ",", i = (t.allowReserved === !0 ? r : r.map((c) => encodeURIComponent(c))).join(s);
+    const s = { form: ",", spaceDelimited: "%20", pipeDelimited: "|" }[t.style] || ",", i = (t.allowReserved === !0 ? r : r.map((l) => encodeURIComponent(l))).join(s);
     switch (t.style) {
       case "simple":
         return i;
@@ -328,10 +328,10 @@ function le(e, r, t) {
   }
   const n = { simple: ",", label: ".", matrix: ";" }[t.style] || "&", o = [];
   for (const s of r)
-    t.style === "simple" || t.style === "label" ? o.push(t.allowReserved === !0 ? s : encodeURIComponent(s)) : o.push(_(e, s, t));
+    t.style === "simple" || t.style === "label" ? o.push(t.allowReserved === !0 ? s : encodeURIComponent(s)) : o.push(B(e, s, t));
   return t.style === "label" || t.style === "matrix" ? `${n}${o.join(n)}` : o.join(n);
 }
-function ne(e) {
+function se(e) {
   return function(t) {
     const n = [];
     if (t && typeof t == "object")
@@ -342,7 +342,7 @@ function ne(e) {
             if (s.length === 0)
               continue;
             n.push(
-              le(o, s, E(b({
+              ue(o, s, E(b({
                 style: "form",
                 explode: !0
               }, e == null ? void 0 : e.array), {
@@ -353,7 +353,7 @@ function ne(e) {
           }
           if (typeof s == "object") {
             n.push(
-              ce(o, s, E(b({
+              le(o, s, E(b({
                 style: "deepObject",
                 explode: !0
               }, e == null ? void 0 : e.object), {
@@ -362,7 +362,7 @@ function ne(e) {
             );
             continue;
           }
-          n.push(_(o, s, e));
+          n.push(B(o, s, e));
         }
       }
     return n.join("&");
@@ -372,23 +372,23 @@ function Ce(e, r) {
   var n;
   let t = e;
   for (const o of (n = e.match(ge)) != null ? n : []) {
-    let s = o.substring(1, o.length - 1), i = !1, c = "simple";
-    if (s.endsWith("*") && (i = !0, s = s.substring(0, s.length - 1)), s.startsWith(".") ? (c = "label", s = s.substring(1)) : s.startsWith(";") && (c = "matrix", s = s.substring(1)), !r || r[s] === void 0 || r[s] === null)
+    let s = o.substring(1, o.length - 1), i = !1, l = "simple";
+    if (s.endsWith("*") && (i = !0, s = s.substring(0, s.length - 1)), s.startsWith(".") ? (l = "label", s = s.substring(1)) : s.startsWith(";") && (l = "matrix", s = s.substring(1)), !r || r[s] === void 0 || r[s] === null)
       continue;
     const f = r[s];
     if (Array.isArray(f)) {
-      t = t.replace(o, le(s, f, { style: c, explode: i }));
+      t = t.replace(o, ue(s, f, { style: l, explode: i }));
       continue;
     }
     if (typeof f == "object") {
-      t = t.replace(o, ce(s, f, { style: c, explode: i }));
+      t = t.replace(o, le(s, f, { style: l, explode: i }));
       continue;
     }
-    if (c === "matrix") {
-      t = t.replace(o, `;${_(s, f)}`);
+    if (l === "matrix") {
+      t = t.replace(o, `;${B(s, f)}`);
       continue;
     }
-    t = t.replace(o, c === "label" ? `.${encodeURIComponent(f)}` : encodeURIComponent(f));
+    t = t.replace(o, l === "label" ? `.${encodeURIComponent(f)}` : encodeURIComponent(f));
   }
   return t;
 }
@@ -403,7 +403,7 @@ function Se(e, r) {
   let n = r.querySerializer((s = r.params.query) != null ? s : {});
   return n.startsWith("?") && (n = n.substring(1)), n && (t += `?${n}`), t;
 }
-function se(...e) {
+function oe(...e) {
   const r = new Headers();
   for (const t of e) {
     if (!t || typeof t != "object")
@@ -419,10 +419,10 @@ function se(...e) {
   }
   return r;
 }
-function oe(e) {
+function ie(e) {
   return e.endsWith("/") ? e.substring(0, e.length - 1) : e;
 }
-const ie = (e, r, t) => {
+const ae = (e, r, t) => {
   try {
     const n = `${r}_${e}`, o = localStorage.getItem(n);
     if (!o) return null;
@@ -431,7 +431,7 @@ const ie = (e, r, t) => {
   } catch (n) {
     return null;
   }
-}, V = (e, r, t) => {
+}, X = (e, r, t) => {
   try {
     const n = `${t}_${e}`, o = {
       data: r,
@@ -441,90 +441,91 @@ const ie = (e, r, t) => {
   } catch (n) {
     console.warn("Failed to cache dismissible item:", n);
   }
-}, ae = (e, r) => {
+}, ce = (e, r) => {
   try {
     const t = `${r}_${e}`;
     localStorage.removeItem(t);
   } catch (t) {
     console.warn("Failed to remove cached dismissible item:", t);
   }
-}, ue = pe(
+}, fe = pe(
   null
-), Ae = () => {
-  const e = we(ue);
+), $e = () => {
+  const e = we(fe);
   if (!e)
     throw new Error(
       "useDismissibleContext must be used within a DismissibleProvider"
     );
   return e;
-}, $e = "dismissible", je = (e, r = {}) => {
+}, Ae = "dismissible", je = (e, r = {}) => {
+  var k;
   const {
     initialData: t,
     enableCache: n = !0,
-    cachePrefix: o = $e,
+    cachePrefix: o = Ae,
     cacheExpiration: s
-  } = r, i = Ae(), { userId: c } = i, f = X(() => Re({
+  } = r, i = $e(), { userId: l } = i, f = Y(() => ve({
     baseUrl: i.baseUrl,
     headers: {}
-  }), [i.baseUrl]), d = X(() => `${c}-${e}`, [c, e]), g = W({
+  }), [i.baseUrl]), d = Y(() => `${l}-${e}`, [l, e]), g = J({
     enableCache: n,
     cachePrefix: o,
     cacheExpiration: s
-  }), j = W(e), l = W(d), a = W(null), [R, x] = z(!1), [I, C] = z(), [v, A] = z(() => {
+  }), A = J(e), u = J(d), a = J(null), [R, C] = W(!1), [O, x] = W(null), [v, j] = W(() => {
     if (t) return t;
     if (n) {
-      const u = ie(
+      const c = ae(
         d,
         o,
         s
       );
-      if (u) return u;
+      if (c) return c;
     }
-  }), S = K(() => $(null, null, function* () {
+  }), S = V(() => $(null, null, function* () {
     var y;
     if (n) {
-      const h = ie(
+      const h = ae(
         d,
         o,
         s
       );
       if (h != null && h.dismissedAt) {
-        A(h), x(!1);
+        j(h), C(!1);
         return;
       }
     }
     (y = a.current) == null || y.abort();
-    const u = new AbortController();
-    a.current = u, x(!0), C(void 0);
+    const c = new AbortController();
+    a.current = c, C(!0), x(null);
     try {
-      const h = yield i.getAuthHeaders(), { data: H, error: P } = yield f.GET(
+      const h = yield i.getAuthHeaders(), { data: H, error: G } = yield f.GET(
         "/v1/users/{userId}/items/{itemId}",
         {
           params: {
             path: {
-              userId: c,
+              userId: l,
               itemId: e
             }
           },
           headers: h,
-          signal: u.signal
+          signal: c.signal
         }
       );
-      if (P || !H)
+      if (G || !H)
         throw new Error("Failed to fetch dismissible item");
-      A(H.data), n && V(d, H.data, o);
+      j(H.data), n && X(d, H.data, o);
     } catch (h) {
       if (h instanceof Error && h.name === "AbortError")
         return;
-      C(
+      x(
         h instanceof Error ? h : new Error("Unknown error occurred")
       );
     } finally {
-      x(!1);
+      C(!1);
     }
   }), [
     e,
-    c,
+    l,
     d,
     n,
     o,
@@ -532,77 +533,77 @@ const ie = (e, r, t) => {
     f,
     i
   ]);
-  Q(() => {
-    const u = j.current !== e, y = l.current !== d;
-    u || y ? (j.current = e, l.current = d, S()) : t || S();
-  }, [e, d, t, S]), Q(() => () => {
-    var u;
-    (u = a.current) == null || u.abort();
-  }, []), Q(() => {
-    const u = g.current;
-    (u.enableCache !== n || u.cachePrefix !== o || u.cacheExpiration !== s) && (u.cachePrefix !== o && ae(d, u.cachePrefix), !n && u.enableCache && ae(d, u.cachePrefix), g.current = {
+  _(() => {
+    const c = A.current !== e, y = u.current !== d;
+    c || y ? (A.current = e, u.current = d, S()) : t || S();
+  }, [e, d, t, S]), _(() => () => {
+    var c;
+    (c = a.current) == null || c.abort();
+  }, []), _(() => {
+    const c = g.current;
+    (c.enableCache !== n || c.cachePrefix !== o || c.cacheExpiration !== s) && (c.cachePrefix !== o && ce(d, c.cachePrefix), !n && c.enableCache && ce(d, c.cachePrefix), g.current = {
       enableCache: n,
       cachePrefix: o,
       cacheExpiration: s
     }, S());
   }, [n, o, s, d, S]);
-  const k = K(() => $(null, null, function* () {
-    C(void 0);
+  const P = V(() => $(null, null, function* () {
+    x(null);
     try {
-      const u = yield i.getAuthHeaders(), { data: y, error: h } = yield f.DELETE(
+      const c = yield i.getAuthHeaders(), { data: y, error: h } = yield f.DELETE(
         "/v1/users/{userId}/items/{itemId}",
         {
           params: {
             path: {
-              userId: c,
+              userId: l,
               itemId: e
             }
           },
-          headers: u
+          headers: c
         }
       );
       if (h || !y)
         throw new Error("Failed to dismiss item");
-      A(y.data), n && V(d, y.data, o);
-    } catch (u) {
-      throw C(
-        u instanceof Error ? u : new Error("Failed to dismiss item")
-      ), u;
+      j(y.data), n && X(d, y.data, o);
+    } catch (c) {
+      throw x(
+        c instanceof Error ? c : new Error("Failed to dismiss item")
+      ), c;
     }
   }), [
     e,
-    c,
+    l,
     d,
     n,
     o,
     f,
     i
-  ]), F = K(() => $(null, null, function* () {
-    C(void 0);
+  ]), z = V(() => $(null, null, function* () {
+    x(null);
     try {
-      const u = yield i.getAuthHeaders(), { data: y, error: h } = yield f.POST(
+      const c = yield i.getAuthHeaders(), { data: y, error: h } = yield f.POST(
         "/v1/users/{userId}/items/{itemId}",
         {
           params: {
             path: {
-              userId: c,
+              userId: l,
               itemId: e
             }
           },
-          headers: u
+          headers: c
         }
       );
       if (h || !y)
         throw new Error("Failed to restore item");
-      A(y.data), n && V(d, y.data, o);
-    } catch (u) {
-      throw C(
-        u instanceof Error ? u : new Error("Failed to restore item")
-      ), u;
+      j(y.data), n && X(d, y.data, o);
+    } catch (c) {
+      throw x(
+        c instanceof Error ? c : new Error("Failed to restore item")
+      ), c;
     }
   }), [
     e,
-    c,
+    l,
     d,
     n,
     o,
@@ -610,11 +611,11 @@ const ie = (e, r, t) => {
     i
   ]);
   return {
-    dismissedAt: v == null ? void 0 : v.dismissedAt,
-    dismiss: k,
-    restore: F,
+    dismissedOn: (k = v == null ? void 0 : v.dismissedAt) != null ? k : null,
+    dismiss: P,
+    restore: z,
     isLoading: R,
-    error: I,
+    error: O,
     item: v
   };
 }, De = () => /* @__PURE__ */ U("div", { className: "dismissible-loading", "aria-live": "polite", children: "Loading..." }), Te = () => /* @__PURE__ */ U("div", { className: "dismissible-error", role: "alert", children: "Unable to load content. Please try again later." }), Ue = ({ onDismiss: e, ariaLabel: r }) => /* @__PURE__ */ U(
@@ -634,33 +635,35 @@ const ie = (e, r, t) => {
   ErrorComponent: o = Te,
   DismissButtonComponent: s = Ue,
   enableCache: i,
-  cachePrefix: c,
+  cachePrefix: l,
   cacheExpiration: f,
   ignoreErrors: d = !1
 }) => {
-  const { dismissedAt: g, isLoading: j, error: l, dismiss: a } = je(
+  const { dismissedOn: g, isLoading: A, error: u, dismiss: a } = je(
     e,
     {
       enableCache: i,
-      cachePrefix: c,
+      cachePrefix: l,
       cacheExpiration: f
     }
-  ), [R, x] = z(!1), [I, C] = z(e);
-  e !== I && (C(e), x(!1));
-  const v = () => $(null, null, function* () {
-    x(!0);
+  ), [R, C] = W(!1);
+  _(() => {
+    C(!1);
+  }, [e]);
+  const O = () => $(null, null, function* () {
+    C(!0);
     try {
       yield a(), t == null || t();
-    } catch (A) {
-      x(!1);
+    } catch (x) {
+      C(!1);
     }
   });
-  return j && n ? /* @__PURE__ */ U(n, { itemId: e }) : j && !n ? null : l && o && !d ? /* @__PURE__ */ U(o, { itemId: e, error: l }) : g || R ? null : /* @__PURE__ */ be("div", { className: "dismissible-container", children: [
+  return A && n ? /* @__PURE__ */ U(n, { itemId: e }) : A && !n ? null : u && o && !d ? /* @__PURE__ */ U(o, { itemId: e, error: u }) : g || R ? null : /* @__PURE__ */ be("div", { className: "dismissible-container", children: [
     /* @__PURE__ */ U("div", { className: "dismissible-content", children: r }),
     s ? /* @__PURE__ */ U(
       s,
       {
-        onDismiss: v,
+        onDismiss: O,
         ariaLabel: `Dismiss ${e}`
       }
     ) : null
@@ -678,7 +681,7 @@ const ie = (e, r, t) => {
 }), qe = (e) => $(null, null, function* () {
   const r = yield He(e);
   return r ? { Authorization: `Bearer ${r}` } : {};
-}), Ie = (e) => {
+}), Oe = (e) => {
   try {
     const r = new URL(e), t = r.hostname === "localhost" || r.hostname === "127.0.0.1" || r.hostname === "[::1]", n = r.protocol === "https:";
     return { isSecure: n || t, isLocalhost: t, isHttps: n };
@@ -691,11 +694,11 @@ const ie = (e, r, t) => {
   baseUrl: t,
   children: n
 }) => {
-  const { isSecure: o } = Ie(t);
+  const { isSecure: o } = Oe(t);
   o || console.warn(
     `[dismissible] Insecure baseUrl "${t}". Use https:// in production (or localhost for development). JWT tokens may be exposed over insecure connections.`
   );
-  const s = X(
+  const s = Y(
     () => ({
       userId: e,
       jwt: r,
@@ -706,14 +709,14 @@ const ie = (e, r, t) => {
     }),
     [e, r, t]
   );
-  return /* @__PURE__ */ U(ue.Provider, { value: s, children: n });
+  return /* @__PURE__ */ U(fe.Provider, { value: s, children: n });
 };
 export {
   ke as Dismissible,
-  ue as DismissibleContext,
+  fe as DismissibleContext,
   Fe as DismissibleProvider,
   qe as getAuthHeaders,
   He as resolveJwt,
-  Ae as useDismissibleContext,
+  $e as useDismissibleContext,
   je as useDismissibleItem
 };