@dismissible/react-client 0.2.0 → 0.3.0

package/dist/components/Dismissible.d.ts

@@ -30,6 +30,8 @@ export interface DismissibleProps {
     cachePrefix?: string;
     /** Cache expiration time in milliseconds (default: never expires) */
     cacheExpiration?: number;
+    /** Ignore errors and display the component anyway (default: false) */
+    ignoreErrors?: boolean;
 }
 /**
  * A wrapper component that can be dismissed and hidden by users
@@ -44,6 +46,7 @@ export interface DismissibleProps {
  * @param enableCache - Enable localStorage caching
  * @param cachePrefix - Cache key prefix
  * @param cacheExpiration - Cache expiration time in milliseconds
+ * @param ignoreErrors - Ignore errors and display the component anyway
  * @returns JSX element or null if dismissed
  */
 export declare const Dismissible: React.FC<DismissibleProps>;

package/dist/contexts/DismissibleProvider.d.ts

@@ -10,13 +10,21 @@ import { DismissibleProviderProps } from '../types/dismissible.types';
  *   <App />
  * </DismissibleProvider>
  *
- * // With dynamic JWT function
+ * // With synchronous JWT function
  * <DismissibleProvider
  *   jwt={() => getAccessToken()}
  *   baseUrl="https://api.dismissible.io"
  * >
  *   <App />
  * </DismissibleProvider>
+ *
+ * // With asynchronous JWT function
+ * <DismissibleProvider
+ *   jwt={async () => await fetchAccessToken()}
+ *   baseUrl="https://api.dismissible.io"
+ * >
+ *   <App />
+ * </DismissibleProvider>
  * ```
  */
 export declare const DismissibleProvider: React.FC<DismissibleProviderProps>;

package/dist/dismissible-client.es.js

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

package/dist/dismissible-client.umd.js

@@ -1 +1 @@
-(function(m,w){typeof exports=="object"&&typeof module<"u"?w(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],w):(m=typeof globalThis<"u"?globalThis:m||self,w(m.DismissibleClient={},m.React.jsxRuntime,m.React))})(this,function(m,w,h){"use strict";const Z=/\{[^{}]+\}/g,ee=()=>{var e,r;return typeof process=="object"&&Number.parseInt((r=(e=process==null?void 0:process.versions)==null?void 0:e.node)==null?void 0:r.substring(0,2))>=18&&process.versions.undici};function te(){return Math.random().toString(36).slice(2,11)}function re(e){let{baseUrl:r="",Request:t=globalThis.Request,fetch:n=globalThis.fetch,querySerializer:s,bodySerializer:o,headers:i,requestInitExt:u=void 0,...d}={...e};u=ee()?u:void 0,r=B(r);const b=[];async function p(l,c){const{baseUrl:v,fetch:S=n,Request:j=t,headers:I,params:C={},parseAs:D="json",querySerializer:$,bodySerializer:a=o??ne,body:E,...T}=c||{};let P=r;v&&(P=B(v)??r);let k=typeof s=="function"?s:M(s);$&&(k=typeof $=="function"?$:M({...typeof s=="object"?s:{},...$}));const F=E===void 0?void 0:a(E,_(i,I,C.header)),pe=_(F===void 0||F instanceof FormData?{}:{"Content-Type":"application/json"},i,I,C.header),ge={redirect:"follow",...d,...T,body:F,headers:pe};let O,x,R=new t(ie(l,{baseUrl:P,params:C,querySerializer:k}),ge),f;for(const g in T)g in R||(R[g]=T[g]);if(b.length){O=te(),x=Object.freeze({baseUrl:P,fetch:S,parseAs:D,querySerializer:k,bodySerializer:a});for(const g of b)if(g&&typeof g=="object"&&typeof g.onRequest=="function"){const y=await g.onRequest({request:R,schemaPath:l,params:C,options:x,id:O});if(y)if(y instanceof t)R=y;else if(y instanceof Response){f=y;break}else throw new Error("onRequest: must return new Request() or Response() when modifying the request")}}if(!f){try{f=await S(R,u)}catch(g){let y=g;if(b.length)for(let A=b.length-1;A>=0;A--){const z=b[A];if(z&&typeof z=="object"&&typeof z.onError=="function"){const U=await z.onError({request:R,error:y,schemaPath:l,params:C,options:x,id:O});if(U){if(U instanceof Response){y=void 0,f=U;break}if(U instanceof Error){y=U;continue}throw new Error("onError: must return new Response() or instance of Error")}}}if(y)throw y}if(b.length)for(let g=b.length-1;g>=0;g--){const y=b[g];if(y&&typeof y=="object"&&typeof y.onResponse=="function"){const A=await y.onResponse({request:R,response:f,schemaPath:l,params:C,options:x,id:O});if(A){if(!(A instanceof Response))throw new Error("onResponse: must return new Response() when modifying the response");f=A}}}}if(f.status===204||R.method==="HEAD"||f.headers.get("Content-Length")==="0")return f.ok?{data:void 0,response:f}:{error:void 0,response:f};if(f.ok)return D==="stream"?{data:f.body,response:f}:{data:await f[D](),response:f};let N=await f.text();try{N=JSON.parse(N)}catch{}return{error:N,response:f}}return{request(l,c,v){return p(c,{...v,method:l.toUpperCase()})},GET(l,c){return p(l,{...c,method:"GET"})},PUT(l,c){return p(l,{...c,method:"PUT"})},POST(l,c){return p(l,{...c,method:"POST"})},DELETE(l,c){return p(l,{...c,method:"DELETE"})},OPTIONS(l,c){return p(l,{...c,method:"OPTIONS"})},HEAD(l,c){return p(l,{...c,method:"HEAD"})},PATCH(l,c){return p(l,{...c,method:"PATCH"})},TRACE(l,c){return p(l,{...c,method:"TRACE"})},use(...l){for(const c of l)if(c){if(typeof c!="object"||!("onRequest"in c||"onResponse"in c||"onError"in c))throw new Error("Middleware must be an object with one of `onRequest()`, `onResponse() or `onError()`");b.push(c)}},eject(...l){for(const c of l){const v=b.indexOf(c);v!==-1&&b.splice(v,1)}}}}function q(e,r,t){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)}`}function L(e,r,t){if(!r||typeof r!="object")return"";const n=[],s={simple:",",label:".",matrix:";"}[t.style]||"&";if(t.style!=="deepObject"&&t.explode===!1){for(const u in r)n.push(u,t.allowReserved===!0?r[u]:encodeURIComponent(r[u]));const i=n.join(",");switch(t.style){case"form":return`${e}=${i}`;case"label":return`.${i}`;case"matrix":return`;${e}=${i}`;default:return i}}for(const i in r){const u=t.style==="deepObject"?`${e}[${i}]`:i;n.push(q(u,r[i],t))}const o=n.join(s);return t.style==="label"||t.style==="matrix"?`${s}${o}`:o}function J(e,r,t){if(!Array.isArray(r))return"";if(t.explode===!1){const o={form:",",spaceDelimited:"%20",pipeDelimited:"|"}[t.style]||",",i=(t.allowReserved===!0?r:r.map(u=>encodeURIComponent(u))).join(o);switch(t.style){case"simple":return i;case"label":return`.${i}`;case"matrix":return`;${e}=${i}`;default:return`${e}=${i}`}}const n={simple:",",label:".",matrix:";"}[t.style]||"&",s=[];for(const o of r)t.style==="simple"||t.style==="label"?s.push(t.allowReserved===!0?o:encodeURIComponent(o)):s.push(q(e,o,t));return t.style==="label"||t.style==="matrix"?`${n}${s.join(n)}`:s.join(n)}function M(e){return function(t){const n=[];if(t&&typeof t=="object")for(const s in t){const o=t[s];if(o!=null){if(Array.isArray(o)){if(o.length===0)continue;n.push(J(s,o,{style:"form",explode:!0,...e==null?void 0:e.array,allowReserved:(e==null?void 0:e.allowReserved)||!1}));continue}if(typeof o=="object"){n.push(L(s,o,{style:"deepObject",explode:!0,...e==null?void 0:e.object,allowReserved:(e==null?void 0:e.allowReserved)||!1}));continue}n.push(q(s,o,e))}}return n.join("&")}}function se(e,r){let t=e;for(const n of e.match(Z)??[]){let s=n.substring(1,n.length-1),o=!1,i="simple";if(s.endsWith("*")&&(o=!0,s=s.substring(0,s.length-1)),s.startsWith(".")?(i="label",s=s.substring(1)):s.startsWith(";")&&(i="matrix",s=s.substring(1)),!r||r[s]===void 0||r[s]===null)continue;const u=r[s];if(Array.isArray(u)){t=t.replace(n,J(s,u,{style:i,explode:o}));continue}if(typeof u=="object"){t=t.replace(n,L(s,u,{style:i,explode:o}));continue}if(i==="matrix"){t=t.replace(n,`;${q(s,u)}`);continue}t=t.replace(n,i==="label"?`.${encodeURIComponent(u)}`:encodeURIComponent(u))}return t}function ne(e,r){return e instanceof FormData?e:r&&(r.get instanceof Function?r.get("Content-Type")??r.get("content-type"):r["Content-Type"]??r["content-type"])==="application/x-www-form-urlencoded"?new URLSearchParams(e).toString():JSON.stringify(e)}function ie(e,r){var s;let t=`${r.baseUrl}${e}`;(s=r.params)!=null&&s.path&&(t=se(t,r.params.path));let n=r.querySerializer(r.params.query??{});return n.startsWith("?")&&(n=n.substring(1)),n&&(t+=`?${n}`),t}function _(...e){const r=new Headers;for(const t of e){if(!t||typeof t!="object")continue;const n=t instanceof Headers?t.entries():Object.entries(t);for(const[s,o]of n)if(o===null)r.delete(s);else if(Array.isArray(o))for(const i of o)r.append(s,i);else o!==void 0&&r.set(s,o)}return r}function B(e){return e.endsWith("/")?e.substring(0,e.length-1):e}const oe={baseUrl:"http://localhost:3200"},ae={development:{baseUrl:"http://localhost:3200"},staging:{baseUrl:"https://api.staging.dismissible.io"},production:{baseUrl:"https://api.dismissible.io"}},le=()=>ae["production"]||oe,W=(e,r,t)=>{try{const n=`${r}_${e}`,s=localStorage.getItem(n);if(!s)return null;const{data:o,timestamp:i}=JSON.parse(s);return t&&Date.now()-i>t?(localStorage.removeItem(n),null):o}catch{return null}},V=(e,r,t)=>{try{const n=`${t}_${e}`,s={data:r,timestamp:Date.now()};localStorage.setItem(n,JSON.stringify(s))}catch(n){console.warn("Failed to cache dismissible item:",n)}},G=(e,r)=>{try{const t=`${r}_${e}`;localStorage.removeItem(t)}catch(t){console.warn("Failed to remove cached dismissible item:",t)}},H=h.createContext(null),K=()=>h.useContext(H),ce="dismissible",Q=(e,r={})=>{const{initialData:t,enableCache:n=!0,cachePrefix:s=ce,cacheExpiration:o}=r,i=K(),u=h.useMemo(()=>{const a=le(),E=(i==null?void 0:i.baseUrl)||a.baseUrl,T=(i==null?void 0:i.getAuthHeaders())||{};return re({baseUrl:E,headers:{...T}})},[i]),d=h.useMemo(()=>!!(i!=null&&i.jwt)?`${e}-auth`:e,[e,i==null?void 0:i.jwt]),b=h.useRef({enableCache:n,cachePrefix:s,cacheExpiration:o}),p=h.useRef(e),l=h.useRef(d),[c,v]=h.useState(!1),[S,j]=h.useState(null),[I,C]=h.useState(()=>{if(t)return t;if(n){const a=W(d,s,o);if(a)return a}}),D=h.useCallback(async()=>{if(n){const a=W(d,s,o);if(a!=null&&a.dismissedAt){C(a),v(!1);return}}v(!0),j(null);try{const{data:a,error:E}=await u.GET("/v1/dismissible/{itemId}",{params:{path:{itemId:e}}});if(E)throw new Error(E.error.message||"Failed to fetch dismissible item");C(a.data),n&&a.data&&V(d,a.data,s)}catch(a){j(a instanceof Error?a:new Error("Unknown error occurred"))}finally{v(!1)}},[e,d,n,s,o,u]);h.useEffect(()=>{const a=p.current!==e,E=l.current!==d;a||E?(p.current=e,l.current=d,D()):t||D()},[e,d,t]),h.useEffect(()=>{const a=b.current;(a.enableCache!==n||a.cachePrefix!==s||a.cacheExpiration!==o)&&(a.cachePrefix!==s&&G(d,a.cachePrefix),!n&&a.enableCache&&G(d,s),b.current={enableCache:n,cachePrefix:s,cacheExpiration:o},D())},[n,s,o,d]);const $=h.useCallback(async()=>{j(null);try{const{data:a,error:E}=await u.DELETE("/v1/dismissible/{itemId}",{params:{path:{itemId:e}}});if(E)throw new Error(E.error.message||"Failed to dismiss item");C(a.data),n&&a.data&&V(d,a.data,s)}catch(a){throw j(a instanceof Error?a:new Error("Failed to dismiss item")),a}},[d,n,s,u]);return{dismissedOn:(I==null?void 0:I.dismissedAt)??null,dismiss:$,isLoading:c,error:S,item:I}},ue=()=>w.jsx("div",{className:"dismissible-loading","aria-live":"polite",children:"Loading..."}),fe=({error:e})=>w.jsxs("div",{className:"dismissible-error",role:"alert",children:["Error loading dismissible item: ",e.message]}),de=({id:e,onDismiss:r,ariaLabel:t})=>w.jsx("button",{id:e,className:"dismissible-button",onClick:r,"aria-label":t,type:"button",children:"×"}),me=({id:e,children:r,onDismiss:t,LoadingComponent:n=ue,ErrorComponent:s=fe,DismissButtonComponent:o=de,enableCache:i,cachePrefix:u,cacheExpiration:d})=>{const{dismissedOn:b,isLoading:p,error:l,dismiss:c}=Q(e,{enableCache:i,cachePrefix:u,cacheExpiration:d}),[v,S]=h.useState(!1),j=async()=>{S(!0);try{await c(),t==null||t()}catch{S(!1)}};return p&&n?w.jsx(n,{id:e}):p&&!n?null:l&&s?w.jsx(s,{id:e,error:l}):b||v?null:w.jsxs("div",{className:"dismissible-container",children:[w.jsx("div",{className:"dismissible-content",children:r}),o?w.jsx(o,{id:e,onDismiss:j,ariaLabel:`Dismiss ${e}`}):null]})},X=e=>{if(typeof e=="function")try{return e()}catch(r){console.warn("Failed to resolve JWT from function:",r);return}return e},Y=e=>{const r=X(e);return r?{Authorization:`Bearer ${r}`}:{}},he=e=>{const r=e.split(".");return r.length===3&&r.every(t=>t.length>0)},be=({jwt:e,baseUrl:r,children:t})=>{const n=h.useMemo(()=>({jwt:e,baseUrl:r,getAuthHeaders:()=>Y(e)}),[e,r]);return w.jsx(H.Provider,{value:n,children:t})},ye="0.1.0";m.Dismissible=me,m.DismissibleContext=H,m.DismissibleProvider=be,m.VERSION=ye,m.getAuthHeaders=Y,m.isValidJwtFormat=he,m.resolveJwt=X,m.useDismissibleContext=K,m.useDismissibleItem=Q,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});
+(function(a,u){typeof exports=="object"&&typeof module!="undefined"?u(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],u):(a=typeof globalThis!="undefined"?globalThis:a||self,u(a.DismissibleClient={},a.React.jsxRuntime,a.React))})(this,function(a,u,l){"use strict";var Te=Object.defineProperty,Ue=Object.defineProperties;var qe=Object.getOwnPropertyDescriptors;var W=Object.getOwnPropertySymbols;var de=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable;var fe=(a,u,l)=>u in a?Te(a,u,{enumerable:!0,configurable:!0,writable:!0,value:l}):a[u]=l,p=(a,u)=>{for(var l in u||(u={}))de.call(u,l)&&fe(a,l,u[l]);if(W)for(var l of W(u))he.call(u,l)&&fe(a,l,u[l]);return a},S=(a,u)=>Ue(a,qe(u));var Y=(a,u)=>{var l={};for(var C in a)de.call(a,C)&&u.indexOf(C)<0&&(l[C]=a[C]);if(a!=null&&W)for(var C of W(a))u.indexOf(C)<0&&he.call(a,C)&&(l[C]=a[C]);return l};var O=(a,u,l)=>new Promise((C,L)=>{var V=I=>{try{T(l.next(I))}catch(k){L(k)}},B=I=>{try{T(l.throw(I))}catch(k){L(k)}},T=I=>I.done?C(I.value):Promise.resolve(I.value).then(V,B);T((l=l.apply(a,u)).next())});const C=/\{[^{}]+\}/g,L=()=>{var e,r;return typeof process=="object"&&Number.parseInt((r=(e=process==null?void 0:process.versions)==null?void 0:e.node)==null?void 0:r.substring(0,2))>=18&&process.versions.undici};function V(){return Math.random().toString(36).slice(2,11)}function B(e){let U=p({},e),{baseUrl:r="",Request:t=globalThis.Request,fetch:n=globalThis.fetch,querySerializer:i,bodySerializer:s,headers:o,requestInitExt:d=void 0}=U,h=Y(U,["baseUrl","Request","fetch","querySerializer","bodySerializer","headers","requestInitExt"]);d=L()?d:void 0,r=te(r);const g=[];function E(f,c){return O(this,null,function*(){var ue;const ce=c||{},{baseUrl:A,fetch:D=n,Request:H=t,headers:x,params:$={},parseAs:F="json",querySerializer:z,bodySerializer:m=s!=null?s:ye,body:y}=ce,j=Y(ce,["baseUrl","fetch","Request","headers","params","parseAs","querySerializer","bodySerializer","body"]);let R=r;A&&(R=(ue=te(A))!=null?ue:r);let K=typeof i=="function"?i:Z(i);z&&(K=typeof z=="function"?z:Z(p(p({},typeof i=="object"?i:{}),z)));const Q=y===void 0?void 0:m(y,ee(o,x,$.header)),De=ee(Q===void 0||Q instanceof FormData?{}:{"Content-Type":"application/json"},o,x,$.header),$e=S(p(p({redirect:"follow"},h),j),{body:Q,headers:De});let J,M,q=new t(be(f,{baseUrl:R,params:$,querySerializer:K}),$e),b;for(const v in j)v in q||(q[v]=j[v]);if(g.length){J=V(),M=Object.freeze({baseUrl:R,fetch:D,parseAs:F,querySerializer:K,bodySerializer:m});for(const v of g)if(v&&typeof v=="object"&&typeof v.onRequest=="function"){const w=yield v.onRequest({request:q,schemaPath:f,params:$,options:M,id:J});if(w)if(w instanceof t)q=w;else if(w instanceof Response){b=w;break}else throw new Error("onRequest: must return new Request() or Response() when modifying the request")}}if(!b){try{b=yield D(q,d)}catch(v){let w=v;if(g.length)for(let P=g.length-1;P>=0;P--){const _=g[P];if(_&&typeof _=="object"&&typeof _.onError=="function"){const N=yield _.onError({request:q,error:w,schemaPath:f,params:$,options:M,id:J});if(N){if(N instanceof Response){w=void 0,b=N;break}if(N instanceof Error){w=N;continue}throw new Error("onError: must return new Response() or instance of Error")}}}if(w)throw w}if(g.length)for(let v=g.length-1;v>=0;v--){const w=g[v];if(w&&typeof w=="object"&&typeof w.onResponse=="function"){const P=yield w.onResponse({request:q,response:b,schemaPath:f,params:$,options:M,id:J});if(P){if(!(P instanceof Response))throw new Error("onResponse: must return new Response() when modifying the response");b=P}}}}if(b.status===204||q.method==="HEAD"||b.headers.get("Content-Length")==="0")return b.ok?{data:void 0,response:b}:{error:void 0,response:b};if(b.ok)return F==="stream"?{data:b.body,response:b}:{data:yield b[F](),response:b};let X=yield b.text();try{X=JSON.parse(X)}catch(v){}return{error:X,response:b}})}return{request(f,c,A){return E(c,S(p({},A),{method:f.toUpperCase()}))},GET(f,c){return E(f,S(p({},c),{method:"GET"}))},PUT(f,c){return E(f,S(p({},c),{method:"PUT"}))},POST(f,c){return E(f,S(p({},c),{method:"POST"}))},DELETE(f,c){return E(f,S(p({},c),{method:"DELETE"}))},OPTIONS(f,c){return E(f,S(p({},c),{method:"OPTIONS"}))},HEAD(f,c){return E(f,S(p({},c),{method:"HEAD"}))},PATCH(f,c){return E(f,S(p({},c),{method:"PATCH"}))},TRACE(f,c){return E(f,S(p({},c),{method:"TRACE"}))},use(...f){for(const c of f)if(c){if(typeof c!="object"||!("onRequest"in c||"onResponse"in c||"onError"in c))throw new Error("Middleware must be an object with one of `onRequest()`, `onResponse() or `onError()`");g.push(c)}},eject(...f){for(const c of f){const A=g.indexOf(c);A!==-1&&g.splice(A,1)}}}}function T(e,r,t){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)}`}function I(e,r,t){if(!r||typeof r!="object")return"";const n=[],i={simple:",",label:".",matrix:";"}[t.style]||"&";if(t.style!=="deepObject"&&t.explode===!1){for(const d in r)n.push(d,t.allowReserved===!0?r[d]:encodeURIComponent(r[d]));const o=n.join(",");switch(t.style){case"form":return`${e}=${o}`;case"label":return`.${o}`;case"matrix":return`;${e}=${o}`;default:return o}}for(const o in r){const d=t.style==="deepObject"?`${e}[${o}]`:o;n.push(T(d,r[o],t))}const s=n.join(i);return t.style==="label"||t.style==="matrix"?`${i}${s}`:s}function k(e,r,t){if(!Array.isArray(r))return"";if(t.explode===!1){const s={form:",",spaceDelimited:"%20",pipeDelimited:"|"}[t.style]||",",o=(t.allowReserved===!0?r:r.map(d=>encodeURIComponent(d))).join(s);switch(t.style){case"simple":return o;case"label":return`.${o}`;case"matrix":return`;${e}=${o}`;default:return`${e}=${o}`}}const n={simple:",",label:".",matrix:";"}[t.style]||"&",i=[];for(const s of r)t.style==="simple"||t.style==="label"?i.push(t.allowReserved===!0?s:encodeURIComponent(s)):i.push(T(e,s,t));return t.style==="label"||t.style==="matrix"?`${n}${i.join(n)}`:i.join(n)}function Z(e){return function(t){const n=[];if(t&&typeof t=="object")for(const i in t){const s=t[i];if(s!=null){if(Array.isArray(s)){if(s.length===0)continue;n.push(k(i,s,S(p({style:"form",explode:!0},e==null?void 0:e.array),{allowReserved:(e==null?void 0:e.allowReserved)||!1})));continue}if(typeof s=="object"){n.push(I(i,s,S(p({style:"deepObject",explode:!0},e==null?void 0:e.object),{allowReserved:(e==null?void 0:e.allowReserved)||!1})));continue}n.push(T(i,s,e))}}return n.join("&")}}function me(e,r){var n;let t=e;for(const i of(n=e.match(C))!=null?n:[]){let s=i.substring(1,i.length-1),o=!1,d="simple";if(s.endsWith("*")&&(o=!0,s=s.substring(0,s.length-1)),s.startsWith(".")?(d="label",s=s.substring(1)):s.startsWith(";")&&(d="matrix",s=s.substring(1)),!r||r[s]===void 0||r[s]===null)continue;const h=r[s];if(Array.isArray(h)){t=t.replace(i,k(s,h,{style:d,explode:o}));continue}if(typeof h=="object"){t=t.replace(i,I(s,h,{style:d,explode:o}));continue}if(d==="matrix"){t=t.replace(i,`;${T(s,h)}`);continue}t=t.replace(i,d==="label"?`.${encodeURIComponent(h)}`:encodeURIComponent(h))}return t}function ye(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 be(e,r){var i,s;let t=`${r.baseUrl}${e}`;(i=r.params)!=null&&i.path&&(t=me(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 ee(...e){const r=new Headers;for(const t of e){if(!t||typeof t!="object")continue;const n=t instanceof Headers?t.entries():Object.entries(t);for(const[i,s]of n)if(s===null)r.delete(i);else if(Array.isArray(s))for(const o of s)r.append(i,o);else s!==void 0&&r.set(i,s)}return r}function te(e){return e.endsWith("/")?e.substring(0,e.length-1):e}const pe={baseUrl:"http://localhost:3200"},ge={development:{baseUrl:"http://localhost:3200"},staging:{baseUrl:"https://api.staging.dismissible.io"},production:{baseUrl:"https://api.dismissible.io"}},we=()=>ge["production"]||pe,re=(e,r,t)=>{try{const n=`${r}_${e}`,i=localStorage.getItem(n);if(!i)return null;const{data:s,timestamp:o}=JSON.parse(i);return t&&Date.now()-o>t?(localStorage.removeItem(n),null):s}catch(n){return null}},se=(e,r,t)=>{try{const n=`${t}_${e}`,i={data:r,timestamp:Date.now()};localStorage.setItem(n,JSON.stringify(i))}catch(n){console.warn("Failed to cache dismissible item:",n)}},ne=(e,r)=>{try{const t=`${r}_${e}`;localStorage.removeItem(t)}catch(t){console.warn("Failed to remove cached dismissible item:",t)}},G=l.createContext(null),ie=()=>l.useContext(G),ve="dismissible",oe=(e,r={})=>{var z;const{initialData:t,enableCache:n=!0,cachePrefix:i=ve,cacheExpiration:s}=r,o=ie(),d=l.useMemo(()=>{const m=we(),y=(o==null?void 0:o.baseUrl)||m.baseUrl;return B({baseUrl:y,headers:{}})},[o]),h=l.useMemo(()=>!!(o!=null&&o.jwt)?`${e}-auth`:e,[e,o==null?void 0:o.jwt]),g=l.useRef({enableCache:n,cachePrefix:i,cacheExpiration:s}),E=l.useRef(e),U=l.useRef(h),[f,c]=l.useState(!1),[A,D]=l.useState(null),[H,x]=l.useState(()=>{if(t)return t;if(n){const m=re(h,i,s);if(m)return m}}),$=l.useCallback(()=>O(this,null,function*(){var m;if(n){const y=re(h,i,s);if(y!=null&&y.dismissedAt){x(y),c(!1);return}}c(!0),D(null);try{const y=o!=null&&o.getAuthHeaders?yield o.getAuthHeaders():{},{data:j,error:R}=yield d.GET("/v1/dismissible/{itemId}",{params:{path:{itemId:e}},headers:y});if(R)throw new Error(((m=R==null?void 0:R.error)==null?void 0:m.message)||"Failed to fetch dismissible item");x(j.data),n&&j.data&&se(h,j.data,i)}catch(y){D(y instanceof Error?y:new Error("Unknown error occurred"))}finally{c(!1)}}),[e,h,n,i,s,d,o]);l.useEffect(()=>{const m=E.current!==e,y=U.current!==h;m||y?(E.current=e,U.current=h,$()):t||$()},[e,h,t]),l.useEffect(()=>{const m=g.current;(m.enableCache!==n||m.cachePrefix!==i||m.cacheExpiration!==s)&&(m.cachePrefix!==i&&ne(h,m.cachePrefix),!n&&m.enableCache&&ne(h,i),g.current={enableCache:n,cachePrefix:i,cacheExpiration:s},$())},[n,i,s,h]);const F=l.useCallback(()=>O(this,null,function*(){var m;D(null);try{const y=o!=null&&o.getAuthHeaders?yield o.getAuthHeaders():{},{data:j,error:R}=yield d.DELETE("/v1/dismissible/{itemId}",{params:{path:{itemId:e}},headers:y});if(R)throw new Error(((m=R==null?void 0:R.error)==null?void 0:m.message)||"Failed to dismiss item");x(j.data),n&&j.data&&se(h,j.data,i)}catch(y){throw D(y instanceof Error?y:new Error("Failed to dismiss item")),y}}),[h,n,i,d,o]);return{dismissedOn:(z=H==null?void 0:H.dismissedAt)!=null?z:null,dismiss:F,isLoading:f,error:A,item:H}},Ee=()=>u.jsx("div",{className:"dismissible-loading","aria-live":"polite",children:"Loading..."}),Ce=({error:e})=>u.jsxs("div",{className:"dismissible-error",role:"alert",children:["Error loading dismissible item: ",e.message]}),Re=({id:e,onDismiss:r,ariaLabel:t})=>u.jsx("button",{id:e,className:"dismissible-button",onClick:r,"aria-label":t,type:"button",children:"×"}),Se=({id:e,children:r,onDismiss:t,LoadingComponent:n=Ee,ErrorComponent:i=Ce,DismissButtonComponent:s=Re,enableCache:o,cachePrefix:d,cacheExpiration:h,ignoreErrors:g=!1})=>{const{dismissedOn:E,isLoading:U,error:f,dismiss:c}=oe(e,{enableCache:o,cachePrefix:d,cacheExpiration:h}),[A,D]=l.useState(!1),H=()=>O(this,null,function*(){D(!0);try{yield c(),t==null||t()}catch(x){D(!1)}});return U&&n?u.jsx(n,{id:e}):U&&!n?null:f&&i&&!g?u.jsx(i,{id:e,error:f}):E||A?null:u.jsxs("div",{className:"dismissible-container",children:[u.jsx("div",{className:"dismissible-content",children:r}),s?u.jsx(s,{id:e,onDismiss:H,ariaLabel:`Dismiss ${e}`}):null]})},ae=e=>O(this,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}),le=e=>O(this,null,function*(){const r=yield ae(e);return r?{Authorization:`Bearer ${r}`}:{}}),je=e=>{const r=e.split(".");return r.length===3&&r.every(t=>t.length>0)},Ae=({jwt:e,baseUrl:r,children:t})=>{const n=l.useMemo(()=>({jwt:e,baseUrl:r,getAuthHeaders:()=>O(this,null,function*(){return yield le(e)})}),[e,r]);return u.jsx(G.Provider,{value:n,children:t})},Ie="0.3.0";a.Dismissible=Se,a.DismissibleContext=G,a.DismissibleProvider=Ae,a.VERSION=Ie,a.getAuthHeaders=le,a.isValidJwtFormat=je,a.resolveJwt=ae,a.useDismissibleContext=ie,a.useDismissibleItem=oe,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/dist/root.d.ts

@@ -9,4 +9,4 @@ export * from './contexts/DismissibleContext';
 export * from './contexts/DismissibleProvider';
 export * from './types/dismissible.types';
 export * from './utils/auth.utils';
-export declare const VERSION = "0.1.0";
+export declare const VERSION = "0.3.0";

package/dist/types/dismissible.types.d.ts

@@ -2,9 +2,9 @@
  * TypeScript types for the Dismissible Provider system
  */
 /**
- * JWT token can be either a static string or a function that returns a string
+ * JWT token can be either a static string, a function that returns a string, or an async function that returns a string
  */
-export type JwtToken = string | (() => string);
+export type JwtToken = string | (() => string) | (() => Promise<string>);
 /**
  * Configuration options for the DismissibleProvider
  */
@@ -25,7 +25,7 @@ export interface DismissibleContextValue {
     /** Base URL for API requests */
     baseUrl?: string;
     /** Helper function to get authentication headers */
-    getAuthHeaders: () => AuthHeaders;
+    getAuthHeaders: () => Promise<AuthHeaders>;
 }
 /**
  * Authentication headers type

package/dist/utils/auth.utils.d.ts

@@ -1,16 +1,16 @@
 import { JwtToken, AuthHeaders } from '../types/dismissible.types';
 /**
- * Resolves a JWT token from either a static string or a function
- * @param jwt - The JWT token (string or function)
- * @returns The resolved JWT token or undefined
+ * Resolves a JWT token from either a static string, sync function, or async function
+ * @param jwt - The JWT token (string, sync function, or async function)
+ * @returns Promise that resolves to the JWT token or undefined
  */
-export declare const resolveJwt: (jwt: JwtToken | undefined) => string | undefined;
+export declare const resolveJwt: (jwt: JwtToken | undefined) => Promise<string | undefined>;
 /**
  * Creates authentication headers from a JWT token
- * @param jwt - The JWT token (string or function)
- * @returns Headers object with Authorization header if JWT is available
+ * @param jwt - The JWT token (string, sync function, or async function)
+ * @returns Promise that resolves to headers object with Authorization header if JWT is available
  */
-export declare const getAuthHeaders: (jwt?: JwtToken) => AuthHeaders;
+export declare const getAuthHeaders: (jwt?: JwtToken) => Promise<AuthHeaders>;
 /**
  * Validates that a JWT token is properly formatted
  * @param token - The JWT token to validate

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dismissible/react-client",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
   "files": [
     "dist",
@@ -39,17 +39,21 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-typescript": "^7.27.1",
     "@storybook/addon-a11y": "^9.0.15",
     "@storybook/addon-docs": "^9.0.15",
     "@storybook/react-vite": "^9.0.15",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/node": "^24.0.10",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
+    "@types/react": "^18.3.23",
+    "@types/react-dom": "^18.3.7",
     "@typescript-eslint/eslint-plugin": "^8.36.0",
     "@typescript-eslint/parser": "^8.36.0",
     "@vitejs/plugin-react": "^4.0.3",
+    "core-js": "^3.44.0",
     "eslint": "^8.45.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
@@ -59,8 +63,8 @@
     "msw-storybook-addon": "^2.0.5",
     "openapi-typescript": "^7.8.0",
     "prettier": "^3.0.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "storybook": "^9.0.15",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",