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

package/dist/dismissible-client.es.js

@@ -1,59 +1,59 @@
-var de = Object.defineProperty, he = Object.defineProperties;
-var me = Object.getOwnPropertyDescriptors;
-var k = Object.getOwnPropertySymbols;
-var X = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable;
-var V = (e, r, t) => r in e ? de(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, y = (e, r) => {
+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 = {}))
-    X.call(r, t) && V(e, t, r[t]);
-  if (k)
-    for (var t of k(r))
-      Y.call(r, t) && V(e, t, r[t]);
+    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;
-}, R = (e, r) => he(e, me(r));
-var W = (e, r) => {
+}, E = (e, r) => me(e, ye(r));
+var G = (e, r) => {
   var t = {};
   for (var n in e)
-    X.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 && Y.call(e, n) && (t[n] = e[n]);
+    te.call(e, n) && r.indexOf(n) < 0 && (t[n] = e[n]);
+  if (e != null && J)
+    for (var n of J(e))
+      r.indexOf(n) < 0 && re.call(e, n) && (t[n] = e[n]);
   return t;
 };
-var S = (e, r, t) => new Promise((n, i) => {
-  var s = (c) => {
+var $ = (e, r, t) => new Promise((n, o) => {
+  var s = (f) => {
     try {
-      u(t.next(c));
-    } catch (h) {
-      i(h);
+      c(t.next(f));
+    } catch (d) {
+      o(d);
     }
-  }, o = (c) => {
+  }, i = (f) => {
     try {
-      u(t.throw(c));
-    } catch (h) {
-      i(h);
+      c(t.throw(f));
+    } catch (d) {
+      o(d);
     }
-  }, u = (c) => c.done ? n(c.value) : Promise.resolve(c.value).then(s, o);
-  u((t = t.apply(e, r)).next());
+  }, c = (f) => f.done ? n(f.value) : Promise.resolve(f.value).then(s, i);
+  c((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 Z, useEffect as G } from "react";
-const pe = /\{[^{}]+\}/g, ge = () => {
+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;
 };
-function we() {
+function Ee() {
   return Math.random().toString(36).slice(2, 11);
 }
 function Re(e) {
-  let j = y({}, e), {
+  let j = b({}, e), {
     baseUrl: r = "",
     Request: t = globalThis.Request,
     fetch: n = globalThis.fetch,
-    querySerializer: i,
+    querySerializer: o,
     bodySerializer: s,
-    headers: o,
-    requestInitExt: u = void 0
-  } = j, c = W(j, [
+    headers: i,
+    requestInitExt: c = void 0
+  } = j, f = G(j, [
     "baseUrl",
     "Request",
     "fetch",
@@ -62,22 +62,23 @@ function Re(e) {
     "headers",
     "requestInitExt"
   ]);
-  u = ge() ? u : void 0, r = re(r);
-  const h = [];
+  c = ve() ? c : void 0, r = oe(r);
+  const d = [];
   function g(l, a) {
-    return S(this, null, function* () {
-      var Q;
-      const K = 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
-      } = K, v = W(K, [
+    return $(this, null, function* () {
+      var Z;
+      const Y = a || {}, {
+        baseUrl: R,
+        fetch: x = n,
+        Request: I = t,
+        headers: C,
+        params: v = {},
+        parseAs: A = "json",
+        querySerializer: S,
+        bodySerializer: k = s != null ? s : xe,
+        body: F,
+        middleware: u = []
+      } = Y, y = G(Y, [
         "baseUrl",
         "fetch",
         "Request",
@@ -86,63 +87,64 @@ function Re(e) {
         "parseAs",
         "querySerializer",
         "bodySerializer",
-        "body"
+        "body",
+        "middleware"
       ]);
-      let w = r;
-      E && (w = (Q = re(E)) != null ? Q : 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,
+      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,
         // 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(
+        se(i, C, v.header)
+      ), fe = se(
         // 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 ? {} : {
+        P === void 0 || // if serialized body is FormData; browser will correctly set Content-Type & boundary expression
+        P instanceof FormData ? {} : {
           "Content-Type": "application/json"
         },
-        o,
-        D,
-        A.header
-      ), fe = R(y(y({
+        i,
+        C,
+        v.header
+      ), D = [...d, ...u], de = E(b(b({
         redirect: "follow"
-      }, c), v), {
-        body: J,
-        headers: ue
+      }, f), y), {
+        body: P,
+        headers: fe
       });
-      let O, z, I = new t(
-        Ce(l, { baseUrl: w, params: A, querySerializer: L }),
-        fe
+      let L, N, T = new I(
+        Se(l, { baseUrl: h, params: v, querySerializer: H }),
+        de
       ), 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 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
         });
-        for (const p of h)
-          if (p && typeof p == "object" && typeof p.onRequest == "function") {
-            const b = yield p.onRequest({
-              request: I,
+        for (const w of D)
+          if (w && typeof w == "object" && typeof w.onRequest == "function") {
+            const p = yield w.onRequest({
+              request: T,
               schemaPath: l,
-              params: A,
-              options: z,
-              id: O
+              params: v,
+              options: N,
+              id: L
             });
-            if (b)
-              if (b instanceof t)
-                I = b;
-              else if (b instanceof Response) {
-                m = b;
+            if (p)
+              if (p instanceof I)
+                T = p;
+              else if (p instanceof Response) {
+                m = p;
                 break;
               } else
                 throw new Error("onRequest: must return new Request() or Response() when modifying the request");
@@ -150,104 +152,104 @@ function Re(e) {
       }
       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,
+          m = yield x(T, c);
+        } catch (w) {
+          let p = w;
+          if (D.length)
+            for (let q = D.length - 1; q >= 0; q--) {
+              const M = D[q];
+              if (M && typeof M == "object" && typeof M.onError == "function") {
+                const O = yield M.onError({
+                  request: T,
+                  error: p,
                   schemaPath: l,
-                  params: A,
-                  options: z,
-                  id: O
+                  params: v,
+                  options: N,
+                  id: L
                 });
-                if (H) {
-                  if (H instanceof Response) {
-                    b = void 0, m = H;
+                if (O) {
+                  if (O instanceof Response) {
+                    p = void 0, m = O;
                     break;
                   }
-                  if (H instanceof Error) {
-                    b = H;
+                  if (O instanceof Error) {
+                    p = O;
                     continue;
                   }
                   throw new Error("onError: must return new Response() or instance of Error");
                 }
               }
             }
-          if (b)
-            throw b;
+          if (p)
+            throw p;
         }
-        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,
+        if (D.length)
+          for (let w = D.length - 1; w >= 0; w--) {
+            const p = D[w];
+            if (p && typeof p == "object" && typeof p.onResponse == "function") {
+              const q = yield p.onResponse({
+                request: T,
                 response: m,
                 schemaPath: l,
-                params: A,
-                options: z,
-                id: O
+                params: v,
+                options: N,
+                id: L
               });
-              if (T) {
-                if (!(T instanceof Response))
+              if (q) {
+                if (!(q instanceof Response))
                   throw new Error("onResponse: must return new Response() when modifying the response");
-                m = T;
+                m = q;
               }
             }
           }
       }
-      if (m.status === 204 || I.method === "HEAD" || m.headers.get("Content-Length") === "0")
+      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 q === "stream" ? { data: m.body, response: m } : { data: yield m[q](), response: m };
-      let _ = yield m.text();
+        return A === "stream" ? { data: m.body, response: m } : { data: yield m[A](), response: m };
+      let B = yield m.text();
       try {
-        _ = JSON.parse(_);
-      } catch (p) {
+        B = JSON.parse(B);
+      } catch (w) {
       }
-      return { error: _, response: m };
+      return { error: B, response: m };
     });
   }
   return {
-    request(l, a, E) {
-      return g(a, R(y({}, E), { method: l.toUpperCase() }));
+    request(l, a, R) {
+      return g(a, E(b({}, R), { method: l.toUpperCase() }));
     },
     /** Call a GET endpoint */
     GET(l, a) {
-      return g(l, R(y({}, a), { method: "GET" }));
+      return g(l, E(b({}, a), { method: "GET" }));
     },
     /** Call a PUT endpoint */
     PUT(l, a) {
-      return g(l, R(y({}, a), { method: "PUT" }));
+      return g(l, E(b({}, a), { method: "PUT" }));
     },
     /** Call a POST endpoint */
     POST(l, a) {
-      return g(l, R(y({}, a), { method: "POST" }));
+      return g(l, E(b({}, a), { method: "POST" }));
     },
     /** Call a DELETE endpoint */
     DELETE(l, a) {
-      return g(l, R(y({}, a), { method: "DELETE" }));
+      return g(l, E(b({}, a), { method: "DELETE" }));
     },
     /** Call a OPTIONS endpoint */
     OPTIONS(l, a) {
-      return g(l, R(y({}, a), { method: "OPTIONS" }));
+      return g(l, E(b({}, a), { method: "OPTIONS" }));
     },
     /** Call a HEAD endpoint */
     HEAD(l, a) {
-      return g(l, R(y({}, a), { method: "HEAD" }));
+      return g(l, E(b({}, a), { method: "HEAD" }));
     },
     /** Call a PATCH endpoint */
     PATCH(l, a) {
-      return g(l, R(y({}, a), { method: "PATCH" }));
+      return g(l, E(b({}, a), { method: "PATCH" }));
     },
     /** Call a TRACE endpoint */
     TRACE(l, a) {
-      return g(l, R(y({}, a), { method: "TRACE" }));
+      return g(l, E(b({}, a), { method: "TRACE" }));
     },
     /** Register middleware */
     use(...l) {
@@ -255,19 +257,19 @@ function Re(e) {
         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()`");
-          h.push(a);
+          d.push(a);
         }
     },
     /** Unregister middleware */
     eject(...l) {
       for (const a of l) {
-        const E = h.indexOf(a);
-        E !== -1 && h.splice(E, 1);
+        const R = d.indexOf(a);
+        R !== -1 && d.splice(R, 1);
       }
     }
   };
 }
-function N(e, r, t) {
+function _(e, r, t) {
   if (r == null)
     return "";
   if (typeof r == "object")
@@ -276,69 +278,71 @@ function N(e, r, t) {
     );
   return `${e}=${(t == null ? void 0 : t.allowReserved) === !0 ? r : encodeURIComponent(r)}`;
 }
-function ae(e, r, t) {
+function ce(e, r, t) {
   if (!r || typeof r != "object")
     return "";
-  const n = [], i = {
+  const n = [], o = {
     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 o = n.join(",");
+    for (const c in r)
+      n.push(c, t.allowReserved === !0 ? r[c] : encodeURIComponent(r[c]));
+    const i = n.join(",");
     switch (t.style) {
       case "form":
-        return `${e}=${o}`;
+        return `${e}=${i}`;
       case "label":
-        return `.${o}`;
+        return `.${i}`;
       case "matrix":
-        return `;${e}=${o}`;
+        return `;${e}=${i}`;
       default:
-        return o;
+        return i;
     }
   }
-  for (const o in r) {
-    const u = t.style === "deepObject" ? `${e}[${o}]` : o;
-    n.push(N(u, r[o], t));
+  for (const i in r) {
+    const c = t.style === "deepObject" ? `${e}[${i}]` : i;
+    n.push(_(c, r[i], t));
   }
-  const s = n.join(i);
-  return t.style === "label" || t.style === "matrix" ? `${i}${s}` : s;
+  const s = n.join(o);
+  return t.style === "label" || t.style === "matrix" ? `${o}${s}` : s;
 }
-function ce(e, r, t) {
+function le(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((u) => encodeURIComponent(u))).join(s);
+    const s = { form: ",", spaceDelimited: "%20", pipeDelimited: "|" }[t.style] || ",", i = (t.allowReserved === !0 ? r : r.map((c) => encodeURIComponent(c))).join(s);
     switch (t.style) {
       case "simple":
-        return o;
+        return i;
       case "label":
-        return `.${o}`;
+        return `.${i}`;
       case "matrix":
-        return `;${e}=${o}`;
+        return `;${e}=${i}`;
+      // case "spaceDelimited":
+      // case "pipeDelimited":
       default:
-        return `${e}=${o}`;
+        return `${e}=${i}`;
     }
   }
-  const n = { simple: ",", label: ".", matrix: ";" }[t.style] || "&", i = [];
+  const n = { simple: ",", label: ".", matrix: ";" }[t.style] || "&", o = [];
   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);
+    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);
 }
-function ee(e) {
+function ne(e) {
   return function(t) {
     const n = [];
     if (t && typeof t == "object")
-      for (const i in t) {
-        const s = t[i];
+      for (const o in t) {
+        const s = t[o];
         if (s != null) {
           if (Array.isArray(s)) {
             if (s.length === 0)
               continue;
             n.push(
-              ce(i, s, R(y({
+              le(o, s, E(b({
                 style: "form",
                 explode: !0
               }, e == null ? void 0 : e.array), {
@@ -349,7 +353,7 @@ function ee(e) {
           }
           if (typeof s == "object") {
             n.push(
-              ae(i, s, R(y({
+              ce(o, s, E(b({
                 style: "deepObject",
                 explode: !0
               }, e == null ? void 0 : e.object), {
@@ -358,279 +362,310 @@ function ee(e) {
             );
             continue;
           }
-          n.push(N(i, s, e));
+          n.push(_(o, s, e));
         }
       }
     return n.join("&");
   };
 }
-function ve(e, r) {
+function Ce(e, r) {
   var n;
   let t = e;
-  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)
+  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)
       continue;
-    const c = r[s];
-    if (Array.isArray(c)) {
-      t = t.replace(i, ce(s, c, { style: u, explode: o }));
+    const f = r[s];
+    if (Array.isArray(f)) {
+      t = t.replace(o, le(s, f, { style: c, explode: i }));
       continue;
     }
-    if (typeof c == "object") {
-      t = t.replace(i, ae(s, c, { style: u, explode: o }));
+    if (typeof f == "object") {
+      t = t.replace(o, ce(s, f, { style: c, explode: i }));
       continue;
     }
-    if (u === "matrix") {
-      t = t.replace(i, `;${N(s, c)}`);
+    if (c === "matrix") {
+      t = t.replace(o, `;${_(s, f)}`);
       continue;
     }
-    t = t.replace(i, u === "label" ? `.${encodeURIComponent(c)}` : encodeURIComponent(c));
+    t = t.replace(o, c === "label" ? `.${encodeURIComponent(f)}` : encodeURIComponent(f));
   }
   return t;
 }
-function Ee(e, r) {
+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 Ce(e, r) {
-  var i, s;
+function Se(e, r) {
+  var o, s;
   let t = `${r.baseUrl}${e}`;
-  (i = r.params) != null && i.path && (t = ve(t, r.params.path));
+  (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 te(...e) {
+function se(...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)
+    for (const [o, s] of n)
       if (s === null)
-        r.delete(i);
+        r.delete(o);
       else if (Array.isArray(s))
-        for (const o of s)
-          r.append(i, o);
-      else s !== void 0 && r.set(i, s);
+        for (const i of s)
+          r.append(o, i);
+      else s !== void 0 && r.set(o, s);
   }
   return r;
 }
-function re(e) {
+function oe(e) {
   return e.endsWith("/") ? e.substring(0, e.length - 1) : e;
 }
-const Ae = {
-  baseUrl: "http://localhost:3200"
-}, je = {
-  development: {
-    baseUrl: "http://localhost:3200"
-  },
-  staging: {
-    baseUrl: "https://api.staging.dismissible.io"
-  },
-  production: {
-    // Use Vite's import.meta.env instead of process.env
-    // baseUrl: import.meta.env.VITE_API_BASE_URL || "https://api.dismissible.io",
-    baseUrl: "https://api.dismissible.io"
-  }
-}, Ie = () => je["production"] || Ae, ne = (e, r, t) => {
+const ie = (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;
+    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;
   }
-}, se = (e, r, t) => {
+}, V = (e, r, t) => {
   try {
-    const n = `${t}_${e}`, i = {
+    const n = `${t}_${e}`, o = {
       data: r,
       timestamp: Date.now()
     };
-    localStorage.setItem(n, JSON.stringify(i));
+    localStorage.setItem(n, JSON.stringify(o));
   } catch (n) {
     console.warn("Failed to cache dismissible item:", n);
   }
-}, ie = (e, r) => {
+}, ae = (e, r) => {
   try {
     const t = `${r}_${e}`;
     localStorage.removeItem(t);
   } catch (t) {
     console.warn("Failed to remove cached dismissible item:", t);
   }
-}, le = ye(
+}, ue = pe(
   null
-), Se = () => be(le), $e = "dismissible", De = (e, r = {}) => {
-  var U;
+), 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: i = $e,
+    cachePrefix: o = $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: {}
-    });
-  }, [o]), c = B(() => !!(o != null && o.jwt) ? `${e}-auth` : e, [e, o == null ? void 0 : o.jwt]), h = M({
+  } = r, i = Ae(), { userId: c } = i, f = X(() => Re({
+    baseUrl: i.baseUrl,
+    headers: {}
+  }), [i.baseUrl]), d = X(() => `${c}-${e}`, [c, e]), g = W({
     enableCache: n,
-    cachePrefix: i,
+    cachePrefix: o,
     cacheExpiration: s
-  }), g = M(e), j = M(c), [l, a] = F(!1), [E, C] = F(null), [$, D] = F(() => {
+  }), 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 f = ne(
-        c,
-        i,
+      const u = ie(
+        d,
+        o,
         s
       );
-      if (f) return f;
+      if (u) return u;
     }
-  }), A = Z(() => S(void 0, null, function* () {
-    var f;
+  }), S = K(() => $(null, null, function* () {
+    var y;
     if (n) {
-      const d = ne(
-        c,
-        i,
+      const h = ie(
+        d,
+        o,
         s
       );
-      if (d != null && d.dismissedAt) {
-        D(d), a(!1);
+      if (h != null && h.dismissedAt) {
+        A(h), x(!1);
         return;
       }
     }
-    a(!0), C(null);
+    (y = a.current) == null || y.abort();
+    const u = new AbortController();
+    a.current = u, x(!0), C(void 0);
     try {
-      const d = o != null && o.getAuthHeaders ? yield o.getAuthHeaders() : {}, { data: v, error: w } = yield u.GET(
-        "/v1/dismissible/{itemId}",
+      const h = yield i.getAuthHeaders(), { data: H, error: P } = yield f.GET(
+        "/v1/users/{userId}/items/{itemId}",
         {
           params: {
             path: {
+              userId: c,
               itemId: e
             }
           },
-          headers: d
+          headers: h,
+          signal: u.signal
         }
       );
-      if (w)
-        throw new Error(
-          ((f = w == null ? void 0 : w.error) == null ? void 0 : f.message) || "Failed to fetch dismissible item"
-        );
-      D(v.data), n && v.data && se(c, v.data, i);
-    } catch (d) {
+      if (P || !H)
+        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(
-        d instanceof Error ? d : new Error("Unknown error occurred")
+        h instanceof Error ? h : new Error("Unknown error occurred")
       );
     } finally {
-      a(!1);
+      x(!1);
     }
   }), [
     e,
     c,
+    d,
     n,
-    i,
+    o,
     s,
-    u,
-    o
+    f,
+    i
   ]);
-  G(() => {
-    const f = g.current !== e, d = j.current !== c;
-    f || d ? (g.current = e, j.current = c, A()) : t || A();
-  }, [e, c, t]), G(() => {
-    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 = {
+  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: i,
+      cachePrefix: o,
       cacheExpiration: s
-    }, A());
-  }, [n, i, s, c]);
-  const q = Z(() => S(void 0, null, function* () {
-    var f;
-    C(null);
+    }, S());
+  }, [n, o, s, d, S]);
+  const k = K(() => $(null, null, function* () {
+    C(void 0);
     try {
-      const d = o != null && o.getAuthHeaders ? yield o.getAuthHeaders() : {}, { data: v, error: w } = yield u.DELETE(
-        "/v1/dismissible/{itemId}",
+      const u = yield i.getAuthHeaders(), { data: y, error: h } = yield f.DELETE(
+        "/v1/users/{userId}/items/{itemId}",
         {
           params: {
             path: {
+              userId: c,
               itemId: e
             }
           },
-          headers: d
+          headers: u
         }
       );
-      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) {
+      if (h || !y)
+        throw new Error("Failed to dismiss item");
+      A(y.data), n && V(d, y.data, o);
+    } catch (u) {
       throw C(
-        d instanceof Error ? d : new Error("Failed to dismiss item")
-      ), d;
+        u instanceof Error ? u : new Error("Failed to dismiss item")
+      ), u;
     }
-  }), [c, n, i, u, o]);
+  }), [
+    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(
+        "/v1/users/{userId}/items/{itemId}",
+        {
+          params: {
+            path: {
+              userId: c,
+              itemId: e
+            }
+          },
+          headers: u
+        }
+      );
+      if (h || !y)
+        throw new Error("Failed to restore item");
+      A(y.data), n && V(d, y.data, o);
+    } catch (u) {
+      throw C(
+        u instanceof Error ? u : new Error("Failed to restore item")
+      ), u;
+    }
+  }), [
+    e,
+    c,
+    d,
+    n,
+    o,
+    f,
+    i
+  ]);
   return {
-    dismissedOn: (U = $ == null ? void 0 : $.dismissedAt) != null ? U : null,
-    dismiss: q,
-    isLoading: l,
-    error: E,
-    item: $
+    dismissedAt: v == null ? void 0 : v.dismissedAt,
+    dismiss: k,
+    restore: F,
+    isLoading: R,
+    error: I,
+    item: v
   };
-}, Ue = () => /* @__PURE__ */ x("div", { className: "dismissible-loading", "aria-live": "polite", children: "Loading..." }), Te = ({
-  error: e
-}) => /* @__PURE__ */ oe("div", { className: "dismissible-error", role: "alert", children: [
-  "Error loading dismissible item: ",
-  e.message
-] }), xe = ({ id: e, onDismiss: r, ariaLabel: t }) => /* @__PURE__ */ x(
+}, 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",
   {
-    id: e,
     className: "dismissible-button",
-    onClick: r,
-    "aria-label": t,
+    onClick: e,
+    "aria-label": r,
     type: "button",
     children: "×"
   }
 ), ke = ({
-  id: e,
+  itemId: e,
   children: r,
   onDismiss: t,
-  LoadingComponent: n = Ue,
-  ErrorComponent: i = Te,
-  DismissButtonComponent: s = xe,
-  enableCache: o,
-  cachePrefix: u,
-  cacheExpiration: c,
-  ignoreErrors: h = !1
+  LoadingComponent: n = De,
+  ErrorComponent: o = Te,
+  DismissButtonComponent: s = Ue,
+  enableCache: i,
+  cachePrefix: c,
+  cacheExpiration: f,
+  ignoreErrors: d = !1
 }) => {
-  const { dismissedOn: g, isLoading: j, error: l, dismiss: a } = De(e, {
-    enableCache: o,
-    cachePrefix: u,
-    cacheExpiration: c
-  }), [E, C] = F(!1);
-  G(() => {
-    C(!1);
-  }, [e]);
-  const $ = () => S(void 0, null, function* () {
-    C(!0);
+  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 (D) {
-      C(!1);
+    } catch (A) {
+      x(!1);
     }
   });
-  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(
+  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,
       {
-        id: e,
-        onDismiss: $,
+        onDismiss: v,
         ariaLabel: `Dismiss ${e}`
       }
     ) : null
   ] });
-}, qe = (e) => S(void 0, null, function* () {
+}, He = (e) => $(null, null, function* () {
   if (typeof e == "function")
     try {
       const r = e();
@@ -640,37 +675,45 @@ const Ae = {
       return;
     }
   return e;
-}), He = (e) => S(void 0, null, function* () {
-  const r = yield qe(e);
+}), qe = (e) => $(null, null, function* () {
+  const r = yield He(e);
   return r ? { Authorization: `Bearer ${r}` } : {};
-}), Fe = (e) => {
-  const r = e.split(".");
-  return r.length === 3 && r.every((t) => t.length > 0);
-}, Ne = ({
-  jwt: e,
-  baseUrl: r,
-  children: t
+}), Ie = (e) => {
+  try {
+    const r = new URL(e), t = r.hostname === "localhost" || r.hostname === "127.0.0.1" || r.hostname === "[::1]", n = r.protocol === "https:";
+    return { isSecure: n || t, isLocalhost: t, isHttps: n };
+  } catch (r) {
+    return { isSecure: !1, isLocalhost: !1, isHttps: !1 };
+  }
+}, Fe = ({
+  userId: e,
+  jwt: r,
+  baseUrl: t,
+  children: n
 }) => {
-  const n = B(
+  const { isSecure: o } = Ie(t);
+  o || console.warn(
+    `[dismissible] Insecure baseUrl "${t}". Use https:// in production (or localhost for development). JWT tokens may be exposed over insecure connections.`
+  );
+  const s = X(
     () => ({
-      jwt: e,
-      baseUrl: r,
-      getAuthHeaders: () => S(void 0, null, function* () {
-        return yield He(e);
+      userId: e,
+      jwt: r,
+      baseUrl: t,
+      getAuthHeaders: () => $(null, null, function* () {
+        return yield qe(r);
       })
     }),
-    [e, r]
+    [e, r, t]
   );
-  return /* @__PURE__ */ x(le.Provider, { value: n, children: t });
-}, Le = "0.3.1";
+  return /* @__PURE__ */ U(ue.Provider, { value: s, children: n });
+};
 export {
   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
+  ue as DismissibleContext,
+  Fe as DismissibleProvider,
+  qe as getAuthHeaders,
+  He as resolveJwt,
+  Ae as useDismissibleContext,
+  je as useDismissibleItem
 };