@dismissible/react-client 2.0.0 → 2.1.0-canary.6.0a7a428

package/dist/dismissible-client.es.js

@@ -1,59 +1,287 @@
-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) => {
-  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]);
+var me = Object.defineProperty, ye = Object.defineProperties;
+var pe = Object.getOwnPropertyDescriptors;
+var B = Object.getOwnPropertySymbols;
+var re = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable;
+var V = (r, t, e) => t in r ? me(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, b = (r, t) => {
+  for (var e in t || (t = {}))
+    re.call(t, e) && V(r, e, t[e]);
+  if (B)
+    for (var e of B(t))
+      se.call(t, e) && V(r, e, t[e]);
+  return r;
+}, v = (r, t) => ye(r, pe(t));
+var X = (r, t) => {
+  var e = {};
+  for (var n in r)
+    re.call(r, n) && t.indexOf(n) < 0 && (e[n] = r[n]);
+  if (r != null && B)
+    for (var n of B(r))
+      t.indexOf(n) < 0 && se.call(r, n) && (e[n] = r[n]);
   return e;
-}, E = (e, r) => me(e, ye(r));
-var G = (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]);
-  return t;
 };
-var $ = (e, r, t) => new Promise((n, o) => {
-  var s = (f) => {
+var O = (r, t, e) => V(r, typeof t != "symbol" ? t + "" : t, e);
+var C = (r, t, e) => new Promise((n, i) => {
+  var s = (u) => {
     try {
-      c(t.next(f));
+      a(e.next(u));
     } catch (d) {
-      o(d);
+      i(d);
     }
-  }, i = (f) => {
+  }, o = (u) => {
     try {
-      c(t.throw(f));
+      a(e.throw(u));
     } catch (d) {
-      o(d);
+      i(d);
     }
-  }, c = (f) => f.done ? n(f.value) : Promise.resolve(f.value).then(s, i);
-  c((t = t.apply(e, r)).next());
+  }, a = (u) => u.done ? n(u.value) : Promise.resolve(u.value).then(s, o);
+  a((e = e.apply(r, t)).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 = () => {
-  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;
+import { jsx as T, jsxs as be } from "react/jsx-runtime";
+import { createContext as we, useContext as ge, useRef as J, useState as k, useCallback as Y, useEffect as _, useMemo as W } from "react";
+const ne = (r, t, e) => {
+  try {
+    const n = `${t}_${r}`, i = localStorage.getItem(n);
+    if (!i) return null;
+    const { data: s, timestamp: o } = JSON.parse(i);
+    return e && Date.now() - o > e ? (localStorage.removeItem(n), null) : s;
+  } catch (n) {
+    return null;
+  }
+}, Z = (r, t, e) => {
+  try {
+    const n = `${e}_${r}`, i = {
+      data: t,
+      timestamp: Date.now()
+    };
+    localStorage.setItem(n, JSON.stringify(i));
+  } catch (n) {
+    console.warn("Failed to cache dismissible item:", n);
+  }
+}, ie = (r, t) => {
+  try {
+    const e = `${t}_${r}`;
+    localStorage.removeItem(e);
+  } catch (e) {
+    console.warn("Failed to remove cached dismissible item:", e);
+  }
+}, le = we(
+  null
+), Re = () => {
+  const r = ge(le);
+  if (!r)
+    throw new Error(
+      "useDismissibleContext must be used within a DismissibleProvider"
+    );
+  return r;
+}, ve = "dismissible", Ce = (r, t = {}) => {
+  const {
+    initialData: e,
+    enableCache: n = !0,
+    cachePrefix: i = ve,
+    cacheExpiration: s
+  } = t, { userId: o, client: a, baseUrl: u, getAuthHeaders: d, batchScheduler: m } = Re(), h = `${o}-${r}`, c = J({
+    enableCache: n,
+    cachePrefix: i,
+    cacheExpiration: s
+  }), f = J(r), E = J(h), x = J(null), [F, A] = k(!1), [I, S] = k(), [q, H] = k(() => {
+    if (e) return e;
+    if (n) {
+      const l = ne(
+        h,
+        i,
+        s
+      );
+      if (l) return l;
+    }
+  }), $ = Y(() => C(null, null, function* () {
+    var w;
+    if (n) {
+      const y = ne(
+        h,
+        i,
+        s
+      );
+      if (y != null && y.dismissedAt) {
+        m.primeCache(y), H(y), A(!1);
+        return;
+      }
+    }
+    (w = x.current) == null || w.abort();
+    const l = new AbortController();
+    x.current = l, A(!0), S(void 0);
+    try {
+      const y = yield m.getItem(r);
+      if (l.signal.aborted)
+        return;
+      H(y), n && Z(h, y, i);
+    } catch (y) {
+      if (y instanceof Error && y.name === "AbortError" || l.signal.aborted)
+        return;
+      S(
+        y instanceof Error ? y : new Error("Unknown error occurred")
+      );
+    } finally {
+      l.signal.aborted || A(!1);
+    }
+  }), [
+    r,
+    h,
+    n,
+    i,
+    s,
+    m
+  ]);
+  _(() => {
+    const l = f.current !== r, w = E.current !== h;
+    l || w ? (f.current = r, E.current = h, $()) : e || $();
+  }, [r, h, e, $]), _(() => () => {
+    var l;
+    (l = x.current) == null || l.abort();
+  }, []), _(() => {
+    const l = c.current;
+    (l.enableCache !== n || l.cachePrefix !== i || l.cacheExpiration !== s) && (l.cachePrefix !== i && ie(h, l.cachePrefix), !n && l.enableCache && ie(h, l.cachePrefix), c.current = {
+      enableCache: n,
+      cachePrefix: i,
+      cacheExpiration: s
+    }, $());
+  }, [n, i, s, h, $]);
+  const K = Y(() => C(null, null, function* () {
+    S(void 0);
+    try {
+      const l = yield d(), w = yield a.dismiss({
+        userId: o,
+        itemId: r,
+        baseUrl: u,
+        authHeaders: l
+      });
+      H(w), m.updateCache(w), n && Z(h, w, i);
+    } catch (l) {
+      throw S(
+        l instanceof Error ? l : new Error("Failed to dismiss item")
+      ), l;
+    }
+  }), [
+    r,
+    o,
+    h,
+    n,
+    i,
+    a,
+    u,
+    d,
+    m
+  ]), U = Y(() => C(null, null, function* () {
+    S(void 0);
+    try {
+      const l = yield d(), w = yield a.restore({
+        userId: o,
+        itemId: r,
+        baseUrl: u,
+        authHeaders: l
+      });
+      H(w), m.updateCache(w), n && Z(h, w, i);
+    } catch (l) {
+      throw S(
+        l instanceof Error ? l : new Error("Failed to restore item")
+      ), l;
+    }
+  }), [
+    r,
+    o,
+    h,
+    n,
+    i,
+    a,
+    u,
+    d,
+    m
+  ]);
+  return {
+    dismissedAt: q == null ? void 0 : q.dismissedAt,
+    dismiss: K,
+    restore: U,
+    isLoading: F,
+    error: I,
+    item: q
+  };
+}, Ee = () => /* @__PURE__ */ T("div", { className: "dismissible-loading", "aria-live": "polite", children: "Loading..." }), Se = () => /* @__PURE__ */ T("div", { className: "dismissible-error", role: "alert", children: "Unable to load content. Please try again later." }), xe = ({ onDismiss: r, ariaLabel: t }) => /* @__PURE__ */ T(
+  "button",
+  {
+    className: "dismissible-button",
+    onClick: r,
+    "aria-label": t,
+    type: "button",
+    children: "×"
+  }
+), Me = ({
+  itemId: r,
+  children: t,
+  onDismiss: e,
+  LoadingComponent: n = Ee,
+  ErrorComponent: i = Se,
+  DismissButtonComponent: s = xe,
+  enableCache: o,
+  cachePrefix: a,
+  cacheExpiration: u,
+  ignoreErrors: d = !1
+}) => {
+  const { dismissedAt: m, isLoading: h, error: c, dismiss: f } = Ce(
+    r,
+    {
+      enableCache: o,
+      cachePrefix: a,
+      cacheExpiration: u
+    }
+  ), [E, x] = k(!1), [F, A] = k(r);
+  r !== F && (A(r), x(!1));
+  const I = () => C(null, null, function* () {
+    x(!0);
+    try {
+      yield f(), e == null || e();
+    } catch (S) {
+      x(!1);
+    }
+  });
+  return h && n ? /* @__PURE__ */ T(n, { itemId: r }) : h && !n ? null : c && i && !d ? /* @__PURE__ */ T(i, { itemId: r, error: c }) : m || E ? null : /* @__PURE__ */ be("div", { className: "dismissible-container", children: [
+    /* @__PURE__ */ T("div", { className: "dismissible-content", children: t }),
+    s ? /* @__PURE__ */ T(
+      s,
+      {
+        onDismiss: I,
+        ariaLabel: `Dismiss ${r}`
+      }
+    ) : null
+  ] });
+}, Ie = (r) => C(null, null, function* () {
+  if (typeof r == "function")
+    try {
+      const t = r();
+      return yield Promise.resolve(t);
+    } catch (t) {
+      console.warn("Failed to resolve JWT from function:", t);
+      return;
+    }
+  return r;
+}), qe = (r) => C(null, null, function* () {
+  const t = yield Ie(r);
+  return t ? { Authorization: `Bearer ${t}` } : {};
+}), Ae = /\{[^{}]+\}/g, $e = () => {
+  var r, t;
+  return typeof process == "object" && Number.parseInt((t = (r = process == null ? void 0 : process.versions) == null ? void 0 : r.node) == null ? void 0 : t.substring(0, 2)) >= 18 && process.versions.undici;
 };
-function Ee() {
+function je() {
   return Math.random().toString(36).slice(2, 11);
 }
-function Re(e) {
-  let j = b({}, e), {
-    baseUrl: r = "",
-    Request: t = globalThis.Request,
+function De(r) {
+  let h = b({}, r), {
+    baseUrl: t = "",
+    Request: e = globalThis.Request,
     fetch: n = globalThis.fetch,
-    querySerializer: o,
+    querySerializer: i,
     bodySerializer: s,
-    headers: i,
-    requestInitExt: c = void 0
-  } = j, f = G(j, [
+    headers: o,
+    requestInitExt: a = void 0
+  } = h, u = X(h, [
     "baseUrl",
     "Request",
     "fetch",
@@ -62,23 +290,23 @@ function Re(e) {
     "headers",
     "requestInitExt"
   ]);
-  c = ve() ? c : void 0, r = oe(r);
+  a = $e() ? a : void 0, t = ce(t);
   const d = [];
-  function g(l, a) {
-    return $(this, null, function* () {
-      var Z;
-      const Y = a || {}, {
-        baseUrl: R,
+  function m(c, f) {
+    return C(this, null, function* () {
+      var te;
+      const ee = f || {}, {
+        baseUrl: E,
         fetch: x = n,
-        Request: I = t,
-        headers: C,
-        params: v = {},
-        parseAs: A = "json",
-        querySerializer: S,
-        bodySerializer: k = s != null ? s : xe,
-        body: F,
-        middleware: u = []
-      } = Y, y = G(Y, [
+        Request: F = e,
+        headers: A,
+        params: I = {},
+        parseAs: S = "json",
+        querySerializer: q,
+        bodySerializer: H = s != null ? s : He,
+        body: $,
+        middleware: K = []
+      } = ee, U = X(ee, [
         "baseUrl",
         "fetch",
         "Request",
@@ -90,630 +318,581 @@ 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 l = t;
+      E && (l = (te = ce(E)) != null ? te : t);
+      let w = typeof i == "function" ? i : oe(i);
+      q && (w = typeof q == "function" ? q : oe(b(b({}, typeof i == "object" ? i : {}), q)));
+      const y = $ === void 0 ? void 0 : H(
+        $,
         // 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(
+        ae(o, A, I.header)
+      ), de = ae(
         // 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 ? {} : {
+        y === void 0 || // if serialized body is FormData; browser will correctly set Content-Type & boundary expression
+        y instanceof FormData ? {} : {
           "Content-Type": "application/json"
         },
-        i,
-        C,
-        v.header
-      ), D = [...d, ...u], de = E(b(b({
+        o,
+        A,
+        I.header
+      ), j = [...d, ...K], he = v(b(b({
         redirect: "follow"
-      }, f), y), {
-        body: P,
-        headers: fe
+      }, u), U), {
+        body: y,
+        headers: de
       });
-      let L, N, T = new I(
-        Se(l, { baseUrl: h, params: v, querySerializer: H }),
-        de
-      ), m;
-      for (const w in y)
-        w in T || (T[w] = y[w]);
-      if (D.length) {
-        L = Ee(), N = Object.freeze({
-          baseUrl: h,
+      let L, M, D = new F(
+        Pe(c, { baseUrl: l, params: I, querySerializer: w }),
+        he
+      ), p;
+      for (const R in U)
+        R in D || (D[R] = U[R]);
+      if (j.length) {
+        L = je(), M = Object.freeze({
+          baseUrl: l,
           fetch: x,
-          parseAs: A,
-          querySerializer: H,
-          bodySerializer: k
+          parseAs: S,
+          querySerializer: w,
+          bodySerializer: H
         });
-        for (const w of D)
-          if (w && typeof w == "object" && typeof w.onRequest == "function") {
-            const p = yield w.onRequest({
-              request: T,
-              schemaPath: l,
-              params: v,
-              options: N,
+        for (const R of j)
+          if (R && typeof R == "object" && typeof R.onRequest == "function") {
+            const g = yield R.onRequest({
+              request: D,
+              schemaPath: c,
+              params: I,
+              options: M,
               id: L
             });
-            if (p)
-              if (p instanceof I)
-                T = p;
-              else if (p instanceof Response) {
-                m = p;
+            if (g)
+              if (g instanceof F)
+                D = g;
+              else if (g instanceof Response) {
+                p = g;
                 break;
               } else
                 throw new Error("onRequest: must return new Request() or Response() when modifying the request");
           }
       }
-      if (!m) {
+      if (!p) {
         try {
-          m = yield x(T, c);
-        } 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({
-                  request: T,
-                  error: p,
-                  schemaPath: l,
-                  params: v,
-                  options: N,
+          p = yield x(D, a);
+        } catch (R) {
+          let g = R;
+          if (j.length)
+            for (let P = j.length - 1; P >= 0; P--) {
+              const N = j[P];
+              if (N && typeof N == "object" && typeof N.onError == "function") {
+                const z = yield N.onError({
+                  request: D,
+                  error: g,
+                  schemaPath: c,
+                  params: I,
+                  options: M,
                   id: L
                 });
-                if (O) {
-                  if (O instanceof Response) {
-                    p = void 0, m = O;
+                if (z) {
+                  if (z instanceof Response) {
+                    g = void 0, p = z;
                     break;
                   }
-                  if (O instanceof Error) {
-                    p = O;
+                  if (z instanceof Error) {
+                    g = z;
                     continue;
                   }
                   throw new Error("onError: must return new Response() or instance of Error");
                 }
               }
             }
-          if (p)
-            throw p;
+          if (g)
+            throw g;
         }
-        if (D.length)
-          for (let w = D.length - 1; w >= 0; w--) {
-            const p = D[w];
-            if (p && typeof p == "object" && typeof p.onResponse == "function") {
-              const q = yield p.onResponse({
-                request: T,
-                response: m,
-                schemaPath: l,
-                params: v,
-                options: N,
+        if (j.length)
+          for (let R = j.length - 1; R >= 0; R--) {
+            const g = j[R];
+            if (g && typeof g == "object" && typeof g.onResponse == "function") {
+              const P = yield g.onResponse({
+                request: D,
+                response: p,
+                schemaPath: c,
+                params: I,
+                options: M,
                 id: L
               });
-              if (q) {
-                if (!(q instanceof Response))
+              if (P) {
+                if (!(P instanceof Response))
                   throw new Error("onResponse: must return new Response() when modifying the response");
-                m = q;
+                p = P;
               }
             }
           }
       }
-      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();
+      if (p.status === 204 || D.method === "HEAD" || p.headers.get("Content-Length") === "0")
+        return p.ok ? { data: void 0, response: p } : { error: void 0, response: p };
+      if (p.ok)
+        return S === "stream" ? { data: p.body, response: p } : { data: yield p[S](), response: p };
+      let Q = yield p.text();
       try {
-        B = JSON.parse(B);
-      } catch (w) {
+        Q = JSON.parse(Q);
+      } catch (R) {
       }
-      return { error: B, response: m };
+      return { error: Q, response: p };
     });
   }
   return {
-    request(l, a, R) {
-      return g(a, E(b({}, R), { method: l.toUpperCase() }));
+    request(c, f, E) {
+      return m(f, v(b({}, E), { method: c.toUpperCase() }));
     },
     /** Call a GET endpoint */
-    GET(l, a) {
-      return g(l, E(b({}, a), { method: "GET" }));
+    GET(c, f) {
+      return m(c, v(b({}, f), { method: "GET" }));
     },
     /** Call a PUT endpoint */
-    PUT(l, a) {
-      return g(l, E(b({}, a), { method: "PUT" }));
+    PUT(c, f) {
+      return m(c, v(b({}, f), { method: "PUT" }));
     },
     /** Call a POST endpoint */
-    POST(l, a) {
-      return g(l, E(b({}, a), { method: "POST" }));
+    POST(c, f) {
+      return m(c, v(b({}, f), { method: "POST" }));
     },
     /** Call a DELETE endpoint */
-    DELETE(l, a) {
-      return g(l, E(b({}, a), { method: "DELETE" }));
+    DELETE(c, f) {
+      return m(c, v(b({}, f), { method: "DELETE" }));
     },
     /** Call a OPTIONS endpoint */
-    OPTIONS(l, a) {
-      return g(l, E(b({}, a), { method: "OPTIONS" }));
+    OPTIONS(c, f) {
+      return m(c, v(b({}, f), { method: "OPTIONS" }));
     },
     /** Call a HEAD endpoint */
-    HEAD(l, a) {
-      return g(l, E(b({}, a), { method: "HEAD" }));
+    HEAD(c, f) {
+      return m(c, v(b({}, f), { method: "HEAD" }));
     },
     /** Call a PATCH endpoint */
-    PATCH(l, a) {
-      return g(l, E(b({}, a), { method: "PATCH" }));
+    PATCH(c, f) {
+      return m(c, v(b({}, f), { method: "PATCH" }));
     },
     /** Call a TRACE endpoint */
-    TRACE(l, a) {
-      return g(l, E(b({}, a), { method: "TRACE" }));
+    TRACE(c, f) {
+      return m(c, v(b({}, f), { 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(...c) {
+      for (const f of c)
+        if (f) {
+          if (typeof f != "object" || !("onRequest" in f || "onResponse" in f || "onError" in f))
             throw new Error("Middleware must be an object with one of `onRequest()`, `onResponse() or `onError()`");
-          d.push(a);
+          d.push(f);
         }
     },
     /** Unregister middleware */
-    eject(...l) {
-      for (const a of l) {
-        const R = d.indexOf(a);
-        R !== -1 && d.splice(R, 1);
+    eject(...c) {
+      for (const f of c) {
+        const E = d.indexOf(f);
+        E !== -1 && d.splice(E, 1);
       }
     }
   };
 }
-function _(e, r, t) {
-  if (r == null)
+function G(r, t, e) {
+  if (t == null)
     return "";
-  if (typeof r == "object")
+  if (typeof t == "object")
     throw new Error(
       "Deeply-nested arrays/objects aren’t supported. Provide your own `querySerializer()` to handle these."
     );
-  return `${e}=${(t == null ? void 0 : t.allowReserved) === !0 ? r : encodeURIComponent(r)}`;
+  return `${r}=${(e == null ? void 0 : e.allowReserved) === !0 ? t : encodeURIComponent(t)}`;
 }
-function ce(e, r, t) {
-  if (!r || typeof r != "object")
+function ue(r, t, e) {
+  if (!t || typeof t != "object")
     return "";
-  const n = [], o = {
+  const n = [], i = {
     simple: ",",
     label: ".",
     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]));
-    const i = n.join(",");
-    switch (t.style) {
+  }[e.style] || "&";
+  if (e.style !== "deepObject" && e.explode === !1) {
+    for (const a in t)
+      n.push(a, e.allowReserved === !0 ? t[a] : encodeURIComponent(t[a]));
+    const o = n.join(",");
+    switch (e.style) {
       case "form":
-        return `${e}=${i}`;
+        return `${r}=${o}`;
       case "label":
-        return `.${i}`;
+        return `.${o}`;
       case "matrix":
-        return `;${e}=${i}`;
+        return `;${r}=${o}`;
       default:
-        return i;
+        return o;
     }
   }
-  for (const i in r) {
-    const c = t.style === "deepObject" ? `${e}[${i}]` : i;
-    n.push(_(c, r[i], t));
+  for (const o in t) {
+    const a = e.style === "deepObject" ? `${r}[${o}]` : o;
+    n.push(G(a, t[o], e));
   }
-  const s = n.join(o);
-  return t.style === "label" || t.style === "matrix" ? `${o}${s}` : s;
+  const s = n.join(i);
+  return e.style === "label" || e.style === "matrix" ? `${i}${s}` : s;
 }
-function le(e, r, t) {
-  if (!Array.isArray(r))
+function fe(r, t, e) {
+  if (!Array.isArray(t))
     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);
-    switch (t.style) {
+  if (e.explode === !1) {
+    const s = { form: ",", spaceDelimited: "%20", pipeDelimited: "|" }[e.style] || ",", o = (e.allowReserved === !0 ? t : t.map((a) => encodeURIComponent(a))).join(s);
+    switch (e.style) {
       case "simple":
-        return i;
+        return o;
       case "label":
-        return `.${i}`;
+        return `.${o}`;
       case "matrix":
-        return `;${e}=${i}`;
+        return `;${r}=${o}`;
       // case "spaceDelimited":
       // case "pipeDelimited":
       default:
-        return `${e}=${i}`;
+        return `${r}=${o}`;
     }
   }
-  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));
-  return t.style === "label" || t.style === "matrix" ? `${n}${o.join(n)}` : o.join(n);
+  const n = { simple: ",", label: ".", matrix: ";" }[e.style] || "&", i = [];
+  for (const s of t)
+    e.style === "simple" || e.style === "label" ? i.push(e.allowReserved === !0 ? s : encodeURIComponent(s)) : i.push(G(r, s, e));
+  return e.style === "label" || e.style === "matrix" ? `${n}${i.join(n)}` : i.join(n);
 }
-function ne(e) {
-  return function(t) {
+function oe(r) {
+  return function(e) {
     const n = [];
-    if (t && typeof t == "object")
-      for (const o in t) {
-        const s = t[o];
+    if (e && typeof e == "object")
+      for (const i in e) {
+        const s = e[i];
         if (s != null) {
           if (Array.isArray(s)) {
             if (s.length === 0)
               continue;
             n.push(
-              le(o, s, E(b({
+              fe(i, s, v(b({
                 style: "form",
                 explode: !0
-              }, e == null ? void 0 : e.array), {
-                allowReserved: (e == null ? void 0 : e.allowReserved) || !1
+              }, r == null ? void 0 : r.array), {
+                allowReserved: (r == null ? void 0 : r.allowReserved) || !1
               }))
             );
             continue;
           }
           if (typeof s == "object") {
             n.push(
-              ce(o, s, E(b({
+              ue(i, s, v(b({
                 style: "deepObject",
                 explode: !0
-              }, e == null ? void 0 : e.object), {
-                allowReserved: (e == null ? void 0 : e.allowReserved) || !1
+              }, r == null ? void 0 : r.object), {
+                allowReserved: (r == null ? void 0 : r.allowReserved) || !1
               }))
             );
             continue;
           }
-          n.push(_(o, s, e));
+          n.push(G(i, s, r));
         }
       }
     return n.join("&");
   };
 }
-function Ce(e, r) {
+function Te(r, t) {
   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 e = r;
+  for (const i of (n = r.match(Ae)) != null ? n : []) {
+    let s = i.substring(1, i.length - 1), o = !1, a = "simple";
+    if (s.endsWith("*") && (o = !0, s = s.substring(0, s.length - 1)), s.startsWith(".") ? (a = "label", s = s.substring(1)) : s.startsWith(";") && (a = "matrix", s = s.substring(1)), !t || t[s] === void 0 || t[s] === null)
       continue;
-    const f = r[s];
-    if (Array.isArray(f)) {
-      t = t.replace(o, le(s, f, { style: c, explode: i }));
+    const u = t[s];
+    if (Array.isArray(u)) {
+      e = e.replace(i, fe(s, u, { style: a, explode: o }));
       continue;
     }
-    if (typeof f == "object") {
-      t = t.replace(o, ce(s, f, { style: c, explode: i }));
+    if (typeof u == "object") {
+      e = e.replace(i, ue(s, u, { style: a, explode: o }));
       continue;
     }
-    if (c === "matrix") {
-      t = t.replace(o, `;${_(s, f)}`);
+    if (a === "matrix") {
+      e = e.replace(i, `;${G(s, u)}`);
       continue;
     }
-    t = t.replace(o, c === "label" ? `.${encodeURIComponent(f)}` : encodeURIComponent(f));
+    e = e.replace(i, a === "label" ? `.${encodeURIComponent(u)}` : encodeURIComponent(u));
   }
-  return t;
+  return e;
 }
-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 He(r, t) {
+  var e, n;
+  return r instanceof FormData ? r : t && (t.get instanceof Function ? (e = t.get("Content-Type")) != null ? e : t.get("content-type") : (n = t["Content-Type"]) != null ? n : t["content-type"]) === "application/x-www-form-urlencoded" ? new URLSearchParams(r).toString() : JSON.stringify(r);
 }
-function Se(e, r) {
-  var o, s;
-  let t = `${r.baseUrl}${e}`;
-  (o = r.params) != null && o.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 Pe(r, t) {
+  var i, s;
+  let e = `${t.baseUrl}${r}`;
+  (i = t.params) != null && i.path && (e = Te(e, t.params.path));
+  let n = t.querySerializer((s = t.params.query) != null ? s : {});
+  return n.startsWith("?") && (n = n.substring(1)), n && (e += `?${n}`), e;
 }
-function se(...e) {
-  const r = new Headers();
-  for (const t of e) {
-    if (!t || typeof t != "object")
+function ae(...r) {
+  const t = new Headers();
+  for (const e of r) {
+    if (!e || typeof e != "object")
       continue;
-    const n = t instanceof Headers ? t.entries() : Object.entries(t);
-    for (const [o, s] of n)
+    const n = e instanceof Headers ? e.entries() : Object.entries(e);
+    for (const [i, s] of n)
       if (s === null)
-        r.delete(o);
+        t.delete(i);
       else if (Array.isArray(s))
-        for (const i of s)
-          r.append(o, i);
-      else s !== void 0 && r.set(o, s);
+        for (const o of s)
+          t.append(i, o);
+      else s !== void 0 && t.set(i, s);
   }
-  return r;
+  return t;
 }
-function oe(e) {
-  return e.endsWith("/") ? e.substring(0, e.length - 1) : e;
+function ce(r) {
+  return r.endsWith("/") ? r.substring(0, r.length - 1) : r;
 }
-const ie = (e, r, t) => {
-  try {
-    const n = `${r}_${e}`, o = localStorage.getItem(n);
-    if (!o) return null;
-    const { data: s, timestamp: i } = JSON.parse(o);
-    return t && Date.now() - i > t ? (localStorage.removeItem(n), null) : s;
-  } catch (n) {
-    return null;
-  }
-}, V = (e, r, t) => {
-  try {
-    const n = `${t}_${e}`, o = {
-      data: r,
-      timestamp: Date.now()
-    };
-    localStorage.setItem(n, JSON.stringify(o));
-  } catch (n) {
-    console.warn("Failed to cache dismissible item:", n);
-  }
-}, ae = (e, r) => {
-  try {
-    const t = `${r}_${e}`;
-    localStorage.removeItem(t);
-  } catch (t) {
-    console.warn("Failed to remove cached dismissible item:", t);
-  }
-}, ue = pe(
-  null
-), Ae = () => {
-  const e = we(ue);
-  if (!e)
-    throw new Error(
-      "useDismissibleContext must be used within a DismissibleProvider"
-    );
-  return e;
-}, $e = "dismissible", je = (e, r = {}) => {
-  const {
-    initialData: t,
-    enableCache: n = !0,
-    cachePrefix: o = $e,
-    cacheExpiration: s
-  } = r, i = Ae(), { userId: c } = i, f = X(() => Re({
-    baseUrl: i.baseUrl,
+const Fe = (r) => {
+  const t = De({
+    baseUrl: r,
     headers: {}
-  }), [i.baseUrl]), d = X(() => `${c}-${e}`, [c, e]), g = W({
-    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(() => {
-    if (t) return t;
-    if (n) {
-      const u = ie(
-        d,
-        o,
-        s
-      );
-      if (u) return u;
-    }
-  }), S = K(() => $(null, null, function* () {
-    var y;
-    if (n) {
-      const h = ie(
-        d,
-        o,
-        s
-      );
-      if (h != null && h.dismissedAt) {
-        A(h), x(!1);
-        return;
-      }
-    }
-    (y = a.current) == null || y.abort();
-    const u = new AbortController();
-    a.current = u, x(!0), C(void 0);
-    try {
-      const h = yield i.getAuthHeaders(), { data: H, error: P } = yield f.GET(
+  });
+  return {
+    getOrCreate: (e) => C(null, null, function* () {
+      const { userId: n, itemId: i, authHeaders: s, signal: o } = e, { data: a, error: u } = yield t.GET(
         "/v1/users/{userId}/items/{itemId}",
         {
           params: {
             path: {
-              userId: c,
-              itemId: e
+              userId: n,
+              itemId: i
             }
           },
-          headers: h,
-          signal: u.signal
+          headers: s,
+          signal: o
         }
       );
-      if (P || !H)
+      if (u || !a)
         throw new Error("Failed to fetch dismissible item");
-      A(H.data), n && V(d, H.data, o);
-    } catch (h) {
-      if (h instanceof Error && h.name === "AbortError")
-        return;
-      C(
-        h instanceof Error ? h : new Error("Unknown error occurred")
+      return a.data;
+    }),
+    batchGetOrCreate: (e) => C(null, null, function* () {
+      const { userId: n, itemIds: i, authHeaders: s, signal: o } = e, { data: a, error: u } = yield t.POST(
+        "/v1/users/{userId}/items",
+        {
+          params: {
+            path: {
+              userId: n
+            }
+          },
+          body: {
+            items: i
+          },
+          headers: s,
+          signal: o
+        }
       );
-    } finally {
-      x(!1);
-    }
-  }), [
-    e,
-    c,
-    d,
-    n,
-    o,
-    s,
-    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 = {
-      enableCache: n,
-      cachePrefix: o,
-      cacheExpiration: s
-    }, S());
-  }, [n, o, s, d, S]);
-  const k = K(() => $(null, null, function* () {
-    C(void 0);
-    try {
-      const u = yield i.getAuthHeaders(), { data: y, error: h } = yield f.DELETE(
+      if (u || !a)
+        throw new Error("Failed to batch fetch dismissible items");
+      return a.data;
+    }),
+    dismiss: (e) => C(null, null, function* () {
+      const { userId: n, itemId: i, authHeaders: s } = e, { data: o, error: a } = yield t.DELETE(
         "/v1/users/{userId}/items/{itemId}",
         {
           params: {
             path: {
-              userId: c,
-              itemId: e
+              userId: n,
+              itemId: i
             }
           },
-          headers: u
+          headers: s
         }
       );
-      if (h || !y)
+      if (a || !o)
         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;
-    }
-  }), [
-    e,
-    c,
-    d,
-    n,
-    o,
-    f,
-    i
-  ]), F = K(() => $(null, null, function* () {
-    C(void 0);
-    try {
-      const u = yield i.getAuthHeaders(), { data: y, error: h } = yield f.POST(
+      return o.data;
+    }),
+    restore: (e) => C(null, null, function* () {
+      const { userId: n, itemId: i, authHeaders: s } = e, { data: o, error: a } = yield t.POST(
         "/v1/users/{userId}/items/{itemId}",
         {
           params: {
             path: {
-              userId: c,
-              itemId: e
+              userId: n,
+              itemId: i
             }
           },
-          headers: u
+          headers: s
         }
       );
-      if (h || !y)
+      if (a || !o)
         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;
-    }
-  }), [
-    e,
-    c,
-    d,
-    n,
-    o,
-    f,
-    i
-  ]);
-  return {
-    dismissedAt: v == null ? void 0 : v.dismissedAt,
-    dismiss: k,
-    restore: F,
-    isLoading: R,
-    error: I,
-    item: v
+      return o.data;
+    })
   };
-}, 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(
-  "button",
-  {
-    className: "dismissible-button",
-    onClick: e,
-    "aria-label": r,
-    type: "button",
-    children: "×"
-  }
-), ke = ({
-  itemId: e,
-  children: r,
-  onDismiss: t,
-  LoadingComponent: n = De,
-  ErrorComponent: o = Te,
-  DismissButtonComponent: s = Ue,
-  enableCache: i,
-  cachePrefix: c,
-  cacheExpiration: f,
-  ignoreErrors: d = !1
-}) => {
-  const { dismissedAt: g, isLoading: j, error: l, dismiss: a } = je(
-    e,
-    {
-      enableCache: i,
-      cachePrefix: c,
-      cacheExpiration: f
-    }
-  ), [R, x] = z(!1), [I, C] = z(e);
-  e !== I && (C(e), x(!1));
-  const v = () => $(null, null, function* () {
-    x(!0);
-    try {
-      yield a(), t == null || t();
-    } catch (A) {
-      x(!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: [
-    /* @__PURE__ */ U("div", { className: "dismissible-content", children: r }),
-    s ? /* @__PURE__ */ U(
-      s,
-      {
-        onDismiss: v,
-        ariaLabel: `Dismiss ${e}`
-      }
-    ) : null
-  ] });
-}, He = (e) => $(null, null, function* () {
-  if (typeof e == "function")
-    try {
-      const r = e();
-      return yield Promise.resolve(r);
-    } catch (r) {
-      console.warn("Failed to resolve JWT from function:", r);
-      return;
-    }
-  return e;
-}), qe = (e) => $(null, null, function* () {
-  const r = yield He(e);
-  return r ? { Authorization: `Bearer ${r}` } : {};
-}), Ie = (e) => {
+}, Oe = (r) => {
   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 };
-  } catch (r) {
+    const t = new URL(r), e = t.hostname === "localhost" || t.hostname === "127.0.0.1" || t.hostname === "[::1]", n = t.protocol === "https:";
+    return { isSecure: n || e, isLocalhost: e, isHttps: n };
+  } catch (t) {
     return { isSecure: !1, isLocalhost: !1, isHttps: !1 };
   }
-}, Fe = ({
-  userId: e,
-  jwt: r,
-  baseUrl: t,
-  children: n
+};
+class Ue {
+  constructor(t) {
+    O(this, "config");
+    O(this, "pendingRequests", []);
+    O(this, "isScheduled", !1);
+    O(this, "cache", /* @__PURE__ */ new Map());
+    O(this, "inFlightRequests", /* @__PURE__ */ new Map());
+    var e;
+    this.config = v(b({}, t), {
+      maxBatchSize: (e = t.maxBatchSize) != null ? e : 50
+    });
+  }
+  /**
+   * Request a dismissible item. If called multiple times in the same
+   * JavaScript tick, requests will be batched into a single API call.
+   *
+   * @param itemId - The item ID to fetch
+   * @returns Promise resolving to the DismissibleItem
+   */
+  getItem(t) {
+    const e = this.cache.get(t);
+    if (e)
+      return Promise.resolve(e);
+    const n = this.inFlightRequests.get(t);
+    if (n)
+      return n;
+    let i, s;
+    const o = new Promise((a, u) => {
+      i = a, s = u;
+    });
+    return this.pendingRequests.push({
+      itemId: t,
+      resolve: i,
+      reject: s
+    }), this.inFlightRequests.set(t, o), o.catch(() => {
+    }).finally(() => {
+      this.inFlightRequests.delete(t);
+    }), this.isScheduled || (this.isScheduled = !0, queueMicrotask(() => this.executeBatch())), o;
+  }
+  /**
+   * Pre-populate the cache with items (e.g., from localStorage)
+   */
+  primeCache(t) {
+    this.cache.set(t.itemId, t);
+  }
+  /**
+   * Update an item in the cache (e.g., after dismiss/restore)
+   */
+  updateCache(t) {
+    this.cache.set(t.itemId, t);
+  }
+  /**
+   * Clear the in-memory cache
+   */
+  clearCache() {
+    this.cache.clear();
+  }
+  /**
+   * Execute the batched requests
+   */
+  executeBatch() {
+    return C(this, null, function* () {
+      this.isScheduled = !1;
+      const t = this.pendingRequests;
+      if (this.pendingRequests = [], t.length === 0)
+        return;
+      const e = /* @__PURE__ */ new Map();
+      for (const s of t) {
+        const o = e.get(s.itemId);
+        o ? o.push(s) : e.set(s.itemId, [s]);
+      }
+      const n = Array.from(e.keys()), i = [];
+      for (let s = 0; s < n.length; s += this.config.maxBatchSize)
+        i.push(n.slice(s, s + this.config.maxBatchSize));
+      try {
+        const s = yield this.config.getAuthHeaders(), a = (yield Promise.all(
+          i.map(
+            (d) => this.config.client.batchGetOrCreate({
+              userId: this.config.userId,
+              itemIds: d,
+              baseUrl: this.config.baseUrl,
+              authHeaders: s
+            })
+          )
+        )).flat(), u = /* @__PURE__ */ new Map();
+        for (const d of a)
+          u.set(d.itemId, d), this.cache.set(d.itemId, d);
+        for (const [d, m] of e) {
+          const h = u.get(d);
+          if (h)
+            for (const c of m)
+              c.resolve(h);
+          else {
+            const c = new Error(`Item ${d} not found in batch response`);
+            for (const f of m)
+              f.reject(c);
+          }
+        }
+      } catch (s) {
+        const o = s instanceof Error ? s : new Error("Batch request failed");
+        for (const a of t)
+          a.reject(o);
+      }
+    });
+  }
+}
+const Ne = ({
+  userId: r,
+  jwt: t,
+  baseUrl: e,
+  client: n,
+  children: i
 }) => {
-  const { isSecure: o } = Ie(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 { isSecure: d } = Oe(e);
+    d || console.warn(
+      `[dismissible] Insecure baseUrl "${e}". Use https:// in production (or localhost for development). JWT tokens may be exposed over insecure connections.`
+    );
+  }, [e]);
+  const s = W(
+    () => n != null ? n : Fe(e),
+    [n, e]
+  ), o = W(
+    () => () => C(null, null, function* () {
+      return yield qe(t);
+    }),
+    [t]
+  ), a = W(
+    () => new Ue({
+      userId: r,
+      baseUrl: e,
+      client: s,
+      getAuthHeaders: o
+    }),
+    [r, e, s, o]
+  ), u = W(
     () => ({
-      userId: e,
-      jwt: r,
-      baseUrl: t,
-      getAuthHeaders: () => $(null, null, function* () {
-        return yield qe(r);
-      })
+      userId: r,
+      jwt: t,
+      baseUrl: e,
+      getAuthHeaders: o,
+      client: s,
+      batchScheduler: a
     }),
-    [e, r, t]
+    [r, t, e, o, s, a]
   );
-  return /* @__PURE__ */ U(ue.Provider, { value: s, children: n });
+  return /* @__PURE__ */ T(le.Provider, { value: u, children: i });
 };
 export {
-  ke as Dismissible,
-  ue as DismissibleContext,
-  Fe as DismissibleProvider,
+  Ue as BatchScheduler,
+  Me as Dismissible,
+  le as DismissibleContext,
+  Ne as DismissibleProvider,
+  Fe as createDefaultClient,
   qe as getAuthHeaders,
-  He as resolveJwt,
-  Ae as useDismissibleContext,
-  je as useDismissibleItem
+  Ie as resolveJwt,
+  Re as useDismissibleContext,
+  Ce as useDismissibleItem
 };