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

package/dist/dismissible-client.es.js

@@ -1,59 +1,291 @@
 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]);
-  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]);
+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 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]);
+  return e;
 };
-var $ = (e, r, t) => new Promise((n, o) => {
-  var s = (f) => {
+var C = (t, r, e) => new Promise((s, o) => {
+  var n = (f) => {
     try {
-      c(t.next(f));
-    } catch (d) {
-      o(d);
+      a(e.next(f));
+    } catch (m) {
+      o(m);
     }
   }, i = (f) => {
     try {
-      c(t.throw(f));
-    } catch (d) {
-      o(d);
+      a(e.throw(f));
+    } catch (m) {
+      o(m);
     }
-  }, c = (f) => f.done ? n(f.value) : Promise.resolve(f.value).then(s, i);
-  c((t = t.apply(e, r)).next());
+  }, a = (f) => f.done ? s(f.value) : Promise.resolve(f.value).then(n, i);
+  a((e = e.apply(t, 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 = () => {
-  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 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) => {
+  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) {
+    return null;
+  }
+}, V = (t, r, e) => {
+  try {
+    const s = `${e}_${t}`, o = {
+      data: r,
+      timestamp: Date.now()
+    };
+    localStorage.setItem(s, JSON.stringify(o));
+  } catch (s) {
+    console.warn("Failed to cache dismissible item:", s);
+  }
+}, ne = (t, r) => {
+  try {
+    const e = `${r}_${t}`;
+    localStorage.removeItem(e);
+  } catch (e) {
+    console.warn("Failed to remove cached dismissible item:", e);
+  }
+}, ce = we(
+  null
+), ge = () => {
+  const t = pe(ce);
+  if (!t)
+    throw new Error(
+      "useDismissibleContext must be used within a DismissibleProvider"
+    );
+  return t;
+}, ve = "dismissible", Ee = (t, r = {}) => {
+  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(() => {
+    if (e) return e;
+    if (s) {
+      const c = se(
+        d,
+        o,
+        n
+      );
+      if (c) return c;
+    }
+  }), D = K(() => C(null, null, function* () {
+    var g;
+    if (s) {
+      const b = se(
+        d,
+        o,
+        n
+      );
+      if (b != null && b.dismissedAt) {
+        S(b), j(!1);
+        return;
+      }
+    }
+    (g = E.current) == null || g.abort();
+    const c = new AbortController();
+    E.current = c, j(!0), p(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")
+        return;
+      p(
+        b instanceof Error ? b : new Error("Unknown error occurred")
+      );
+    } finally {
+      j(!1);
+    }
+  }), [
+    t,
+    a,
+    d,
+    s,
+    o,
+    n,
+    f,
+    m,
+    i
+  ]);
+  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);
+    try {
+      const c = yield i.getAuthHeaders(), g = yield f.dismiss({
+        userId: a,
+        itemId: t,
+        baseUrl: m,
+        authHeaders: c
+      });
+      S(g), s && V(d, g, o);
+    } catch (c) {
+      throw p(
+        c instanceof Error ? c : new Error("Failed to dismiss item")
+      ), c;
+    }
+  }), [
+    t,
+    a,
+    d,
+    s,
+    o,
+    f,
+    m,
+    i
+  ]), _ = K(() => C(null, null, function* () {
+    p(void 0);
+    try {
+      const c = yield i.getAuthHeaders(), g = yield f.restore({
+        userId: a,
+        itemId: t,
+        baseUrl: m,
+        authHeaders: c
+      });
+      S(g), s && V(d, g, o);
+    } catch (c) {
+      throw p(
+        c instanceof Error ? c : new Error("Failed to restore item")
+      ), c;
+    }
+  }), [
+    t,
+    a,
+    d,
+    s,
+    o,
+    f,
+    m,
+    i
+  ]);
+  return {
+    dismissedAt: x == null ? void 0 : x.dismissedAt,
+    dismiss: k,
+    restore: _,
+    isLoading: $,
+    error: q,
+    item: x
+  };
+}, 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(
+  "button",
+  {
+    className: "dismissible-button",
+    onClick: t,
+    "aria-label": r,
+    type: "button",
+    children: "×"
+  }
+), Fe = ({
+  itemId: t,
+  children: r,
+  onDismiss: e,
+  LoadingComponent: s = Re,
+  ErrorComponent: o = Ce,
+  DismissButtonComponent: n = xe,
+  enableCache: i,
+  cachePrefix: a,
+  cacheExpiration: f,
+  ignoreErrors: m = !1
+}) => {
+  const { dismissedAt: d, isLoading: A, error: u, dismiss: l } = Ee(
+    t,
+    {
+      enableCache: i,
+      cachePrefix: a,
+      cacheExpiration: f
+    }
+  ), [E, $] = z(!1), [j, q] = z(t);
+  t !== j && (q(t), $(!1));
+  const p = () => C(null, null, function* () {
+    $(!0);
+    try {
+      yield l(), e == null || e();
+    } catch (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,
+      {
+        onDismiss: p,
+        ariaLabel: `Dismiss ${t}`
+      }
+    ) : null
+  ] });
+}, Se = (t) => C(null, null, function* () {
+  if (typeof t == "function")
+    try {
+      const r = t();
+      return yield Promise.resolve(r);
+    } catch (r) {
+      console.warn("Failed to resolve JWT from function:", r);
+      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;
 };
-function Ee() {
+function De() {
   return Math.random().toString(36).slice(2, 11);
 }
-function Re(e) {
-  let j = b({}, e), {
+function Ie(t) {
+  let A = y({}, t), {
     baseUrl: r = "",
-    Request: t = globalThis.Request,
-    fetch: n = globalThis.fetch,
+    Request: e = globalThis.Request,
+    fetch: s = globalThis.fetch,
     querySerializer: o,
-    bodySerializer: s,
+    bodySerializer: n,
     headers: i,
-    requestInitExt: c = void 0
-  } = j, f = G(j, [
+    requestInitExt: a = void 0
+  } = A, f = G(A, [
     "baseUrl",
     "Request",
     "fetch",
@@ -62,23 +294,23 @@ function Re(e) {
     "headers",
     "requestInitExt"
   ]);
-  c = ve() ? c : void 0, r = oe(r);
-  const d = [];
-  function g(l, a) {
-    return $(this, null, function* () {
-      var Z;
-      const Y = a || {}, {
-        baseUrl: R,
-        fetch: x = n,
-        Request: I = t,
-        headers: C,
-        params: v = {},
-        parseAs: A = "json",
+  a = je() ? a : void 0, r = ae(r);
+  const m = [];
+  function d(u, l) {
+    return C(this, null, function* () {
+      var Y;
+      const X = l || {}, {
+        baseUrl: E,
+        fetch: $ = s,
+        Request: j = e,
+        headers: q,
+        params: p = {},
+        parseAs: x = "json",
         querySerializer: S,
-        bodySerializer: k = s != null ? s : xe,
-        body: F,
-        middleware: u = []
-      } = Y, y = G(Y, [
+        bodySerializer: D = n != null ? n : He,
+        body: k,
+        middleware: _ = []
+      } = X, c = G(X, [
         "baseUrl",
         "fetch",
         "Request",
@@ -90,630 +322,439 @@ 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 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,
         // 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(
+        ie(i, q, p.header)
+      ), fe = ie(
         // 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 ? {} : {
+        O === void 0 || // if serialized body is FormData; browser will correctly set Content-Type & boundary expression
+        O instanceof FormData ? {} : {
           "Content-Type": "application/json"
         },
         i,
-        C,
-        v.header
-      ), D = [...d, ...u], de = E(b(b({
+        q,
+        p.header
+      ), I = [...m, ..._], de = R(y(y({
         redirect: "follow"
-      }, f), y), {
-        body: P,
+      }, f), c), {
+        body: O,
         headers: fe
       });
-      let L, N, T = new I(
-        Se(l, { baseUrl: h, params: v, querySerializer: H }),
+      let F, L, T = new j(
+        Ue(u, { baseUrl: g, params: p, querySerializer: b }),
         de
-      ), m;
-      for (const w in y)
-        w in T || (T[w] = y[w]);
-      if (D.length) {
-        L = Ee(), N = Object.freeze({
-          baseUrl: h,
-          fetch: x,
-          parseAs: A,
-          querySerializer: H,
-          bodySerializer: k
+      ), 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
         });
-        for (const w of D)
-          if (w && typeof w == "object" && typeof w.onRequest == "function") {
-            const p = yield w.onRequest({
+        for (const v of I)
+          if (v && typeof v == "object" && typeof v.onRequest == "function") {
+            const w = yield v.onRequest({
               request: T,
-              schemaPath: l,
-              params: v,
-              options: N,
-              id: L
+              schemaPath: u,
+              params: p,
+              options: L,
+              id: F
             });
-            if (p)
-              if (p instanceof I)
-                T = p;
-              else if (p instanceof Response) {
-                m = p;
+            if (w)
+              if (w instanceof j)
+                T = w;
+              else if (w instanceof Response) {
+                h = w;
                 break;
               } else
                 throw new Error("onRequest: must return new Request() or Response() when modifying the request");
           }
       }
-      if (!m) {
+      if (!h) {
         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({
+          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];
+              if (N && typeof N == "object" && typeof N.onError == "function") {
+                const P = yield N.onError({
                   request: T,
-                  error: p,
-                  schemaPath: l,
-                  params: v,
-                  options: N,
-                  id: L
+                  error: w,
+                  schemaPath: u,
+                  params: p,
+                  options: L,
+                  id: F
                 });
-                if (O) {
-                  if (O instanceof Response) {
-                    p = void 0, m = O;
+                if (P) {
+                  if (P instanceof Response) {
+                    w = void 0, h = P;
                     break;
                   }
-                  if (O instanceof Error) {
-                    p = O;
+                  if (P instanceof Error) {
+                    w = P;
                     continue;
                   }
                   throw new Error("onError: must return new Response() or instance of Error");
                 }
               }
             }
-          if (p)
-            throw p;
+          if (w)
+            throw w;
         }
-        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({
+        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: m,
-                schemaPath: l,
-                params: v,
-                options: N,
-                id: L
+                response: h,
+                schemaPath: u,
+                params: p,
+                options: L,
+                id: F
               });
-              if (q) {
-                if (!(q instanceof Response))
+              if (U) {
+                if (!(U instanceof Response))
                   throw new Error("onResponse: must return new Response() when modifying the response");
-                m = q;
+                h = U;
               }
             }
           }
       }
-      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 (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();
       try {
         B = JSON.parse(B);
-      } catch (w) {
+      } catch (v) {
       }
-      return { error: B, response: m };
+      return { error: B, response: h };
     });
   }
   return {
-    request(l, a, R) {
-      return g(a, E(b({}, R), { method: l.toUpperCase() }));
+    request(u, l, E) {
+      return d(l, R(y({}, E), { method: u.toUpperCase() }));
     },
     /** Call a GET endpoint */
-    GET(l, a) {
-      return g(l, E(b({}, a), { method: "GET" }));
+    GET(u, l) {
+      return d(u, R(y({}, l), { method: "GET" }));
     },
     /** Call a PUT endpoint */
-    PUT(l, a) {
-      return g(l, E(b({}, a), { method: "PUT" }));
+    PUT(u, l) {
+      return d(u, R(y({}, l), { method: "PUT" }));
     },
     /** Call a POST endpoint */
-    POST(l, a) {
-      return g(l, E(b({}, a), { method: "POST" }));
+    POST(u, l) {
+      return d(u, R(y({}, l), { method: "POST" }));
     },
     /** Call a DELETE endpoint */
-    DELETE(l, a) {
-      return g(l, E(b({}, a), { method: "DELETE" }));
+    DELETE(u, l) {
+      return d(u, R(y({}, l), { method: "DELETE" }));
     },
     /** Call a OPTIONS endpoint */
-    OPTIONS(l, a) {
-      return g(l, E(b({}, a), { method: "OPTIONS" }));
+    OPTIONS(u, l) {
+      return d(u, R(y({}, l), { method: "OPTIONS" }));
     },
     /** Call a HEAD endpoint */
-    HEAD(l, a) {
-      return g(l, E(b({}, a), { method: "HEAD" }));
+    HEAD(u, l) {
+      return d(u, R(y({}, l), { method: "HEAD" }));
     },
     /** Call a PATCH endpoint */
-    PATCH(l, a) {
-      return g(l, E(b({}, a), { method: "PATCH" }));
+    PATCH(u, l) {
+      return d(u, R(y({}, l), { method: "PATCH" }));
     },
     /** Call a TRACE endpoint */
-    TRACE(l, a) {
-      return g(l, E(b({}, a), { method: "TRACE" }));
+    TRACE(u, l) {
+      return d(u, R(y({}, l), { 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(...u) {
+      for (const l of u)
+        if (l) {
+          if (typeof l != "object" || !("onRequest" in l || "onResponse" in l || "onError" in l))
             throw new Error("Middleware must be an object with one of `onRequest()`, `onResponse() or `onError()`");
-          d.push(a);
+          m.push(l);
         }
     },
     /** Unregister middleware */
-    eject(...l) {
-      for (const a of l) {
-        const R = d.indexOf(a);
-        R !== -1 && d.splice(R, 1);
+    eject(...u) {
+      for (const l of u) {
+        const E = m.indexOf(l);
+        E !== -1 && m.splice(E, 1);
       }
     }
   };
 }
-function _(e, r, t) {
+function W(t, r, e) {
   if (r == null)
     return "";
   if (typeof r == "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 `${t}=${(e == null ? void 0 : e.allowReserved) === !0 ? r : encodeURIComponent(r)}`;
 }
-function ce(e, r, t) {
+function le(t, r, e) {
   if (!r || typeof r != "object")
     return "";
-  const n = [], o = {
+  const s = [], o = {
     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 r)
+      s.push(a, e.allowReserved === !0 ? r[a] : encodeURIComponent(r[a]));
+    const i = s.join(",");
+    switch (e.style) {
       case "form":
-        return `${e}=${i}`;
+        return `${t}=${i}`;
       case "label":
         return `.${i}`;
       case "matrix":
-        return `;${e}=${i}`;
+        return `;${t}=${i}`;
       default:
         return i;
     }
   }
   for (const i in r) {
-    const c = t.style === "deepObject" ? `${e}[${i}]` : i;
-    n.push(_(c, r[i], t));
+    const a = e.style === "deepObject" ? `${t}[${i}]` : i;
+    s.push(W(a, r[i], e));
   }
-  const s = n.join(o);
-  return t.style === "label" || t.style === "matrix" ? `${o}${s}` : s;
+  const n = s.join(o);
+  return e.style === "label" || e.style === "matrix" ? `${o}${n}` : n;
 }
-function le(e, r, t) {
+function ue(t, r, e) {
   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);
-    switch (t.style) {
+  if (e.explode === !1) {
+    const n = { form: ",", spaceDelimited: "%20", pipeDelimited: "|" }[e.style] || ",", i = (e.allowReserved === !0 ? r : r.map((a) => encodeURIComponent(a))).join(n);
+    switch (e.style) {
       case "simple":
         return i;
       case "label":
         return `.${i}`;
       case "matrix":
-        return `;${e}=${i}`;
+        return `;${t}=${i}`;
       // case "spaceDelimited":
       // case "pipeDelimited":
       default:
-        return `${e}=${i}`;
+        return `${t}=${i}`;
     }
   }
-  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 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);
 }
-function ne(e) {
-  return function(t) {
-    const n = [];
-    if (t && typeof t == "object")
-      for (const o in t) {
-        const s = t[o];
-        if (s != null) {
-          if (Array.isArray(s)) {
-            if (s.length === 0)
+function oe(t) {
+  return function(e) {
+    const s = [];
+    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)
               continue;
-            n.push(
-              le(o, s, E(b({
+            s.push(
+              ue(o, n, R(y({
                 style: "form",
                 explode: !0
-              }, e == null ? void 0 : e.array), {
-                allowReserved: (e == null ? void 0 : e.allowReserved) || !1
+              }, t == null ? void 0 : t.array), {
+                allowReserved: (t == null ? void 0 : t.allowReserved) || !1
               }))
             );
             continue;
           }
-          if (typeof s == "object") {
-            n.push(
-              ce(o, s, E(b({
+          if (typeof n == "object") {
+            s.push(
+              le(o, n, R(y({
                 style: "deepObject",
                 explode: !0
-              }, e == null ? void 0 : e.object), {
-                allowReserved: (e == null ? void 0 : e.allowReserved) || !1
+              }, t == null ? void 0 : t.object), {
+                allowReserved: (t == null ? void 0 : t.allowReserved) || !1
               }))
             );
             continue;
           }
-          n.push(_(o, s, e));
+          s.push(W(o, n, t));
         }
       }
-    return n.join("&");
+    return s.join("&");
   };
 }
-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)
+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)
       continue;
-    const f = r[s];
+    const f = r[n];
     if (Array.isArray(f)) {
-      t = t.replace(o, le(s, f, { style: c, explode: i }));
+      e = e.replace(o, ue(n, f, { style: a, explode: i }));
       continue;
     }
     if (typeof f == "object") {
-      t = t.replace(o, ce(s, f, { style: c, explode: i }));
+      e = e.replace(o, le(n, f, { style: a, explode: i }));
       continue;
     }
-    if (c === "matrix") {
-      t = t.replace(o, `;${_(s, f)}`);
+    if (a === "matrix") {
+      e = e.replace(o, `;${W(n, f)}`);
       continue;
     }
-    t = t.replace(o, c === "label" ? `.${encodeURIComponent(f)}` : encodeURIComponent(f));
+    e = e.replace(o, a === "label" ? `.${encodeURIComponent(f)}` : encodeURIComponent(f));
   }
-  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(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 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 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 se(...e) {
+function ie(...t) {
   const r = new Headers();
-  for (const t of e) {
-    if (!t || typeof t != "object")
+  for (const e of t) {
+    if (!e || typeof e != "object")
       continue;
-    const n = t instanceof Headers ? t.entries() : Object.entries(t);
-    for (const [o, s] of n)
-      if (s === null)
+    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(s))
-        for (const i of s)
+      else if (Array.isArray(n))
+        for (const i of n)
           r.append(o, i);
-      else s !== void 0 && r.set(o, s);
+      else n !== void 0 && r.set(o, n);
   }
   return r;
 }
-function oe(e) {
-  return e.endsWith("/") ? e.substring(0, e.length - 1) : e;
+function ae(t) {
+  return t.endsWith("/") ? t.substring(0, t.length - 1) : t;
 }
-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 qe = (t) => {
+  const r = Ie({
+    baseUrl: t,
     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: s, itemId: o, authHeaders: n, signal: i } = e, { data: a, error: f } = yield r.GET(
         "/v1/users/{userId}/items/{itemId}",
         {
           params: {
             path: {
-              userId: c,
-              itemId: e
+              userId: s,
+              itemId: o
             }
           },
-          headers: h,
-          signal: u.signal
+          headers: n,
+          signal: i
         }
       );
-      if (P || !H)
+      if (f || !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")
-      );
-    } 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(
+      return a.data;
+    }),
+    dismiss: (e) => C(null, null, function* () {
+      const { userId: s, itemId: o, authHeaders: n } = e, { data: i, error: a } = yield r.DELETE(
         "/v1/users/{userId}/items/{itemId}",
         {
           params: {
             path: {
-              userId: c,
-              itemId: e
+              userId: s,
+              itemId: o
             }
           },
-          headers: u
+          headers: n
         }
       );
-      if (h || !y)
+      if (a || !i)
         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 i.data;
+    }),
+    restore: (e) => C(null, null, function* () {
+      const { userId: s, itemId: o, authHeaders: n } = e, { data: i, error: a } = yield r.POST(
         "/v1/users/{userId}/items/{itemId}",
         {
           params: {
             path: {
-              userId: c,
-              itemId: e
+              userId: s,
+              itemId: o
             }
           },
-          headers: u
+          headers: n
         }
       );
-      if (h || !y)
+      if (a || !i)
         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 i.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 = (t) => {
   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 };
+    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) {
     return { isSecure: !1, isLocalhost: !1, isHttps: !1 };
   }
-}, Fe = ({
-  userId: e,
+}, Le = ({
+  userId: t,
   jwt: r,
-  baseUrl: t,
-  children: n
+  baseUrl: e,
+  client: s,
+  children: o
 }) => {
-  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 { 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 s = X(
+  const i = re(
+    () => s != null ? s : qe(e),
+    [s, e]
+  ), a = re(
     () => ({
-      userId: e,
+      userId: t,
       jwt: r,
-      baseUrl: t,
-      getAuthHeaders: () => $(null, null, function* () {
-        return yield qe(r);
-      })
+      baseUrl: e,
+      getAuthHeaders: () => C(null, null, function* () {
+        return yield Ae(r);
+      }),
+      client: i
     }),
-    [e, r, t]
+    [t, r, e, i]
   );
-  return /* @__PURE__ */ U(ue.Provider, { value: s, children: n });
+  return /* @__PURE__ */ H(ce.Provider, { value: a, children: o });
 };
 export {
-  ke as Dismissible,
-  ue as DismissibleContext,
-  Fe as DismissibleProvider,
-  qe as getAuthHeaders,
-  He as resolveJwt,
-  Ae as useDismissibleContext,
-  je as useDismissibleItem
+  Fe as Dismissible,
+  ce as DismissibleContext,
+  Le as DismissibleProvider,
+  qe as createDefaultClient,
+  Ae as getAuthHeaders,
+  Se as resolveJwt,
+  ge as useDismissibleContext,
+  Ee as useDismissibleItem
 };