npm - @dismissible/react-client - Versions diffs - 2.1.0 → 3.0.0 - Mend

@dismissible/react-client 2.1.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/CHANGELOG.md +12 -0
package/README.md +178 -0
package/dist/dismissible-client.es.js +609 -471
package/dist/dismissible-client.umd.js +1 -1
package/dist/root.d.ts +1 -0
package/dist/types/dismissible.types.d.ts +32 -0
package/dist/utils/BatchScheduler.d.ts +72 -0
package/package.json +1 -1

package/dist/dismissible-client.es.js CHANGED Viewed

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