@rpcbase/ui 0.237.0 → 0.239.0

package/dist/index16.js

@@ -1,30 +1,30 @@
 import { j as t } from "./index30.js";
-import { c as _ } from "./index28.js";
-import { useContext as te, useState as R, useMemo as Y, useCallback as ne, useEffect as J, createContext as oe, useRef as H } from "react";
-import { X as ie, Loader2 as re, MoreVertical as se } from "lucide-react";
-import { cn as W } from "./index2.js";
-import { DialogRoot as ae } from "./index34.js";
-import { DialogPortal as ce } from "./index39.js";
-import { DialogBackdrop as le } from "./index38.js";
-import { DialogPopup as de } from "./index36.js";
-import { DialogTitle as ue } from "./index40.js";
-import { DialogClose as me } from "./index35.js";
-const ee = (r) => {
-  const e = Date.parse(r);
+import { c as te } from "./index28.js";
+import { useContext as ie, useState as U, useRef as H, useMemo as G, useCallback as re, useEffect as W, createContext as se } from "react";
+import { X as ae, Loader2 as ce, MoreVertical as le } from "lucide-react";
+import { cn as V } from "./index2.js";
+import { DialogRoot as de } from "./index34.js";
+import { DialogPortal as ue } from "./index39.js";
+import { DialogBackdrop as me } from "./index38.js";
+import { DialogPopup as fe } from "./index36.js";
+import { DialogTitle as xe } from "./index40.js";
+import { DialogClose as he } from "./index35.js";
+const ne = (o) => {
+  const e = Date.parse(o);
   return Number.isFinite(e) ? e : 0;
-}, fe = (r) => {
-  const e = new Date(ee(r));
+}, pe = (o) => {
+  const e = new Date(ne(o));
   if (!Number.isFinite(e.getTime())) return "unknown";
-  const n = e.getFullYear(), s = String(e.getMonth() + 1).padStart(2, "0"), a = String(e.getDate()).padStart(2, "0");
-  return `${n}-${s}-${a}`;
-}, xe = (r) => {
-  if (r === "unknown") return "Unknown date";
-  const [e, n, s] = r.split("-"), a = Number(e), c = Number(n), i = Number(s);
-  if (!Number.isFinite(a) || !Number.isFinite(c) || !Number.isFinite(i)) return "Unknown date";
-  const f = new Date(a, c - 1, i);
-  if (!Number.isFinite(f.getTime())) return "Unknown date";
-  const l = (/* @__PURE__ */ new Date()).getFullYear() !== a;
-  return f.toLocaleDateString(void 0, l ? {
+  const n = e.getFullYear(), r = String(e.getMonth() + 1).padStart(2, "0"), a = String(e.getDate()).padStart(2, "0");
+  return `${n}-${r}-${a}`;
+}, be = (o) => {
+  if (o === "unknown") return "Unknown date";
+  const [e, n, r] = o.split("-"), a = Number(e), y = Number(n), i = Number(r);
+  if (!Number.isFinite(a) || !Number.isFinite(y) || !Number.isFinite(i)) return "Unknown date";
+  const c = new Date(a, y - 1, i);
+  if (!Number.isFinite(c.getTime())) return "Unknown date";
+  const m = (/* @__PURE__ */ new Date()).getFullYear() !== a;
+  return c.toLocaleDateString(void 0, m ? {
     weekday: "short",
     month: "short",
     day: "numeric",
@@ -34,37 +34,60 @@ const ee = (r) => {
     month: "short",
     day: "numeric"
   });
-}, pe = (r) => {
-  const e = r.platform?.webpush;
-  if (!e || typeof e != "object" || Array.isArray(e)) return "";
-  const n = e.fcmOptions;
-  return !n || typeof n != "object" || Array.isArray(n) ? "" : typeof n.link == "string" ? n.link : "";
-}, Q = (r) => {
+}, ge = (o) => {
+  const e = o.data?.link?.trim();
+  if (e) return e;
+  const n = o.platform?.webpush;
+  if (!n || typeof n != "object" || Array.isArray(n)) return "";
+  const r = n.fcmOptions;
+  if (!r || typeof r != "object" || Array.isArray(r)) return "";
+  const a = r.link;
+  return typeof a == "string" ? a.trim() : "";
+}, ye = (o) => o.data?.linkMode === "merge_current_search" ? "merge_current_search" : "navigate", we = (o) => {
+  const e = ge(o);
+  return e ? {
+    link: e,
+    mode: ye(o)
+  } : null;
+}, ve = (o) => {
+  window.history.pushState(window.history.state, "", o), window.dispatchEvent(new PopStateEvent("popstate", {
+    state: window.history.state
+  }));
+}, Ne = (o) => {
+  if (o.mode === "merge_current_search") {
+    const e = new URL(window.location.href), n = new URL(o.link, e);
+    n.searchParams.forEach((r, a) => {
+      e.searchParams.set(a, r);
+    }), n.hash && (e.hash = n.hash), ve(`${e.pathname}${e.search}${e.hash}`);
+    return;
+  }
+  window.location.href = o.link;
+}, Z = (o) => {
   const e = [];
   let n = null;
-  for (const s of r) {
-    const a = fe(s.createdAt);
+  for (const r of o) {
+    const a = pe(r.createdAt);
     a !== n && (n = a, e.push({
       key: a,
-      label: xe(a),
+      label: be(a),
       items: []
-    })), e[e.length - 1].items.push(s);
+    })), e[e.length - 1].items.push(r);
   }
   return e;
-}, G = () => typeof window > "u" || !("Notification" in window) ? "unsupported" : window.Notification.permission, he = oe(null);
-function Re({
-  open: r,
+}, J = () => typeof window > "u" || !("Notification" in window) ? "unsupported" : window.Notification.permission, je = se(null);
+function Be({
+  open: o,
   onOpenChange: e,
   className: n,
-  limit: s = 50,
+  limit: r = 50,
   defaultUnreadOnly: a = !1,
-  realtimeContext: c
+  realtimeContext: y
 }) {
-  const i = te(c ?? he), [f, h] = R([]), [l, b] = R(0), [d, x] = R(0), [v, B] = R(!1), [q, T] = R(null), [p, P] = R(a), [M, g] = R(() => G()), [O, k] = R(!1), A = i?.notifications ?? f, C = i?.unreadCount ?? l, F = i?.unseenCount ?? d, z = i?.loading ?? v, S = i?.error ? i.error instanceof Error ? i.error.message : String(i.error) : q, y = Y(() => A.slice(0, s), [s, A]), D = Y(() => y.filter((o) => !o.readAt), [y]), $ = Y(() => y.filter((o) => !!o.readAt), [y]), U = Y(() => Q(D), [D]), I = Y(() => Q($), [$]), L = ne(async ({
-    unreadOnly: o,
-    markSeen: m
+  const i = ie(y ?? je), [c, w] = U([]), [m, u] = U(0), [x, f] = U(0), [v, M] = U(!1), [q, L] = U(null), [h, K] = U(a), [O, p] = U(() => J()), [$, k] = U(!1), A = H(null), C = i?.notifications ?? c, R = i?.unreadCount ?? m, S = i?.unseenCount ?? x, z = i?.loading ?? v, T = i?.error ? i.error instanceof Error ? i.error.message : String(i.error) : q, b = G(() => C.slice(0, r), [r, C]), E = G(() => b.filter((s) => !s.readAt), [b]), D = G(() => b.filter((s) => !!s.readAt), [b]), F = G(() => Z(E), [E]), B = G(() => Z(D), [D]), I = re(async ({
+    unreadOnly: s,
+    markSeen: d
   }) => {
-    B(!0), T(null);
+    M(!0), L(null);
     try {
       const j = await fetch("/api/rb/notifications", {
         method: "POST",
@@ -73,25 +96,25 @@ function Re({
         },
         credentials: "include",
         body: JSON.stringify({
-          limit: s,
-          unreadOnly: o,
-          markSeen: m
+          limit: r,
+          unreadOnly: s,
+          markSeen: d
         })
-      }), u = await j.json().catch(() => null);
-      if (!j.ok || !u?.ok) {
-        T(u?.error || "Unable to load notifications.");
+      }), l = await j.json().catch(() => null);
+      if (!j.ok || !l?.ok) {
+        L(l?.error || "Unable to load notifications.");
         return;
       }
-      const E = Array.isArray(u.notifications) ? u.notifications : [];
-      h(E), b(Number.isFinite(u.unreadCount) ? Math.max(0, Math.floor(u.unreadCount ?? 0)) : 0), x(Number.isFinite(u.unseenCount) ? Math.max(0, Math.floor(u.unseenCount ?? 0)) : 0);
+      const P = Array.isArray(l.notifications) ? l.notifications : [];
+      w(P), u(Number.isFinite(l.unreadCount) ? Math.max(0, Math.floor(l.unreadCount ?? 0)) : 0), f(Number.isFinite(l.unseenCount) ? Math.max(0, Math.floor(l.unseenCount ?? 0)) : 0);
     } catch {
-      T("Unable to load notifications.");
+      L("Unable to load notifications.");
     } finally {
-      B(!1);
+      M(!1);
     }
-  }, [s]);
-  J(() => {
-    if (r) {
+  }, [r]);
+  W(() => {
+    if (o) {
       if (i) {
         (async () => {
           try {
@@ -113,53 +136,53 @@ function Re({
         })();
         return;
       }
-      L({
-        unreadOnly: p,
+      I({
+        unreadOnly: h,
         markSeen: !0
       });
     }
-  }, [r, i, L, p]), J(() => {
-    r && (i || L({
-      unreadOnly: p,
+  }, [o, i, I, h]), W(() => {
+    o && (i || I({
+      unreadOnly: h,
       markSeen: !1
     }));
-  }, [r, i, L, p]), J(() => {
-    if (!r || (g(G()), typeof navigator > "u" || !navigator.permissions?.query)) return;
-    let o = null, m = !1;
+  }, [o, i, I, h]), W(() => {
+    if (!o || (p(J()), typeof navigator > "u" || !navigator.permissions?.query)) return;
+    let s = null, d = !1;
     const j = () => {
-      g(G());
+      p(J());
     };
     try {
       navigator.permissions.query({
         name: "notifications"
-      }).then((u) => {
-        m || (o = u, j(), u.addEventListener("change", j));
+      }).then((l) => {
+        d || (s = l, j(), l.addEventListener("change", j));
       }).catch(() => {
       });
     } catch {
       return;
     }
     return () => {
-      m = !0, o?.removeEventListener("change", j);
+      d = !0, s?.removeEventListener("change", j);
     };
-  }, [r]);
-  const K = async () => {
+  }, [o]);
+  const Y = async () => {
     if (typeof window > "u" || !("Notification" in window)) {
-      g("unsupported");
+      p("unsupported");
       return;
     }
     k(!0);
     try {
-      const o = await window.Notification.requestPermission();
-      g(o);
+      const s = await window.Notification.requestPermission();
+      p(s);
     } catch {
-      g(G());
+      p(J());
     } finally {
       k(!1);
     }
-  }, V = async (o) => {
+  }, _ = async (s) => {
     try {
-      const m = await fetch(`/api/rb/notifications/${encodeURIComponent(o)}/read`, {
+      const d = await fetch(`/api/rb/notifications/${encodeURIComponent(s)}/read`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -167,198 +190,207 @@ function Re({
         credentials: "include",
         keepalive: !0,
         body: "{}"
-      }), j = await m.json().catch(() => null);
-      if (!m.ok || !j?.ok) return;
-      const u = (/* @__PURE__ */ new Date()).toISOString();
+      }), j = await d.json().catch(() => null);
+      if (!d.ok || !j?.ok) return;
+      const l = (/* @__PURE__ */ new Date()).toISOString();
       if (i) return;
-      h((E) => {
-        const w = E.find((N) => N.id === o);
-        return w && !w.readAt && b((N) => Math.max(0, N - 1)), w && !w.seenAt && x((N) => Math.max(0, N - 1)), E.map((N) => N.id === o && !N.readAt ? {
+      w((P) => {
+        const g = P.find((N) => N.id === s);
+        return g && !g.readAt && u((N) => Math.max(0, N - 1)), g && !g.seenAt && f((N) => Math.max(0, N - 1)), P.map((N) => N.id === s && !N.readAt ? {
           ...N,
-          readAt: u,
+          readAt: l,
           ...N.seenAt ? {} : {
-            seenAt: u
+            seenAt: l
           }
         } : N);
       });
     } catch {
       return;
     }
-  }, X = async (o) => {
+  }, Q = async (s) => {
     try {
-      const m = await fetch(`/api/rb/notifications/${encodeURIComponent(o)}/archive`, {
+      const d = await fetch(`/api/rb/notifications/${encodeURIComponent(s)}/archive`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
         credentials: "include",
         body: "{}"
-      }), j = await m.json().catch(() => null);
-      if (!m.ok || !j?.ok || i) return;
-      h((u) => {
-        const E = u.find((w) => w.id === o);
-        return E && !E.readAt && b((w) => Math.max(0, w - 1)), E && !E.seenAt && x((w) => Math.max(0, w - 1)), u.filter((w) => w.id !== o);
+      }), j = await d.json().catch(() => null);
+      if (!d.ok || !j?.ok || i) return;
+      w((l) => {
+        const P = l.find((g) => g.id === s);
+        return P && !P.readAt && u((g) => Math.max(0, g - 1)), P && !P.seenAt && f((g) => Math.max(0, g - 1)), l.filter((g) => g.id !== s);
       });
     } catch {
       return;
     }
+  }, X = () => {
+    e(!1), A.current?.unmount();
+  }, oe = (s) => {
+    if (s) {
+      e(!0);
+      return;
+    }
+    X();
   };
-  return /* @__PURE__ */ t.jsx(ae, { open: r, onOpenChange: e, children: /* @__PURE__ */ t.jsxs(ce, { children: [
-    /* @__PURE__ */ t.jsx(le, { className: "fixed inset-0 z-50 bg-black/50" }),
-    /* @__PURE__ */ t.jsxs(de, { className: W("fixed right-0 top-0 z-50 flex h-full w-full max-w-md flex-col border-l bg-background shadow-xl outline-none", n), children: [
+  return /* @__PURE__ */ t.jsx(de, { open: o, onOpenChange: oe, actionsRef: A, children: /* @__PURE__ */ t.jsxs(ue, { children: [
+    /* @__PURE__ */ t.jsx(me, { className: "fixed inset-0 z-50 bg-black/50" }),
+    /* @__PURE__ */ t.jsxs(fe, { className: V("fixed right-0 top-0 z-50 flex h-full w-full max-w-md flex-col border-l bg-background shadow-xl outline-none", n), children: [
       /* @__PURE__ */ t.jsxs("header", { className: "flex items-center justify-between gap-2 border-b px-4 py-3", children: [
         /* @__PURE__ */ t.jsxs("div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ t.jsx(ue, { className: "text-sm font-semibold", children: "Notifications" }),
-          /* @__PURE__ */ t.jsx("span", { className: "text-xs text-muted-foreground", children: C > 0 ? `${C} unread` : F > 0 ? `${F} new` : "All caught up" })
+          /* @__PURE__ */ t.jsx(xe, { className: "text-sm font-semibold", children: "Notifications" }),
+          /* @__PURE__ */ t.jsx("span", { className: "text-xs text-muted-foreground", children: R > 0 ? `${R} unread` : S > 0 ? `${S} new` : "All caught up" })
         ] }),
         /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => P((o) => !o), className: W("rounded-md border px-2 py-1 text-xs", p ? "bg-accent text-foreground" : "bg-background text-muted-foreground hover:bg-accent"), children: p ? "Unread" : "All" }),
-          /* @__PURE__ */ t.jsx(me, { render: /* @__PURE__ */ t.jsx("button", { type: "button", className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent" }), children: /* @__PURE__ */ t.jsx(ie, { className: "h-4 w-4" }) })
+          /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => K((s) => !s), className: V("rounded-md border px-2 py-1 text-xs", h ? "bg-accent text-foreground" : "bg-background text-muted-foreground hover:bg-accent"), children: h ? "Unread" : "All" }),
+          /* @__PURE__ */ t.jsx(he, { render: /* @__PURE__ */ t.jsx("button", { type: "button", className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent" }), children: /* @__PURE__ */ t.jsx(ae, { className: "h-4 w-4" }) })
         ] })
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: "flex-1 overflow-y-auto px-4 pb-3", children: [
-        /* @__PURE__ */ t.jsx(be, { permission: M, requesting: O, onEnable: K }),
-        z ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center py-10 text-muted-foreground", children: /* @__PURE__ */ t.jsx(re, { className: "h-4 w-4 animate-spin" }) }) : S ? /* @__PURE__ */ t.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: S }) : y.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: "No notifications." }) : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ t.jsx(ke, { permission: O, requesting: $, onEnable: Y }),
+        z ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center py-10 text-muted-foreground", children: /* @__PURE__ */ t.jsx(ce, { className: "h-4 w-4 animate-spin" }) }) : T ? /* @__PURE__ */ t.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: T }) : b.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: "No notifications." }) : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
           /* @__PURE__ */ t.jsxs("div", { children: [
             /* @__PURE__ */ t.jsx("div", { className: "sticky top-0 z-20 -mx-4 flex h-8 items-center border-b bg-background px-4 text-xs font-semibold text-muted-foreground", children: "Unread notifications" }),
-            U.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No unread notifications." }) : U.map((o) => /* @__PURE__ */ t.jsxs("div", { children: [
-              /* @__PURE__ */ t.jsx("div", { className: "sticky top-8 z-10 -mx-4 flex h-7 items-center bg-background px-4 text-[11px] font-semibold text-muted-foreground", children: o.label }),
-              /* @__PURE__ */ t.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: o.items.map((m) => /* @__PURE__ */ t.jsx(Z, { notification: m, onMarkRead: V, onArchive: X }, m.id)) })
-            ] }, `unread:${o.key}`))
+            F.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No unread notifications." }) : F.map((s) => /* @__PURE__ */ t.jsxs("div", { children: [
+              /* @__PURE__ */ t.jsx("div", { className: "sticky top-8 z-10 -mx-4 flex h-7 items-center bg-background px-4 text-[11px] font-semibold text-muted-foreground", children: s.label }),
+              /* @__PURE__ */ t.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: s.items.map((d) => /* @__PURE__ */ t.jsx(ee, { notification: d, onMarkRead: _, onArchive: Q, onAction: X }, d.id)) })
+            ] }, `unread:${s.key}`))
           ] }),
-          p ? null : /* @__PURE__ */ t.jsxs("div", { children: [
+          h ? null : /* @__PURE__ */ t.jsxs("div", { children: [
             /* @__PURE__ */ t.jsx("div", { className: "sticky top-0 z-20 -mx-4 flex h-8 items-center border-b bg-background px-4 text-xs font-semibold text-muted-foreground", children: "Previous notifications" }),
-            I.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No previous notifications." }) : I.map((o) => /* @__PURE__ */ t.jsxs("div", { children: [
-              /* @__PURE__ */ t.jsx("div", { className: "sticky top-8 z-10 -mx-4 flex h-7 items-center bg-background px-4 text-[11px] font-semibold text-muted-foreground", children: o.label }),
-              /* @__PURE__ */ t.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: o.items.map((m) => /* @__PURE__ */ t.jsx(Z, { notification: m, onMarkRead: V, onArchive: X }, m.id)) })
-            ] }, `previous:${o.key}`))
+            B.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No previous notifications." }) : B.map((s) => /* @__PURE__ */ t.jsxs("div", { children: [
+              /* @__PURE__ */ t.jsx("div", { className: "sticky top-8 z-10 -mx-4 flex h-7 items-center bg-background px-4 text-[11px] font-semibold text-muted-foreground", children: s.label }),
+              /* @__PURE__ */ t.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: s.items.map((d) => /* @__PURE__ */ t.jsx(ee, { notification: d, onMarkRead: _, onArchive: Q, onAction: X }, d.id)) })
+            ] }, `previous:${s.key}`))
           ] })
         ] })
       ] })
     ] })
   ] }) });
 }
-function be(r) {
-  const e = _.c(13), {
+function ke(o) {
+  const e = te.c(13), {
     permission: n,
-    requesting: s,
+    requesting: r,
     onEnable: a
-  } = r;
+  } = o;
   if (n === "granted")
     return null;
   if (n === "unsupported") {
     let v;
     return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ t.jsx("div", { className: "mt-3 rounded-md border bg-muted/40 p-3 text-sm text-muted-foreground", children: "Browser notifications are not supported by this browser." }), e[0] = v) : v = e[0], v;
   }
-  const c = n === "denied", i = c ? "Browser notifications are blocked." : "Browser notifications are not enabled.";
-  let f;
-  e[1] !== i ? (f = /* @__PURE__ */ t.jsx("div", { className: "text-sm font-medium", children: i }), e[1] = i, e[2] = f) : f = e[2];
-  const h = c ? "Enable notifications for this site in your browser settings, then click again." : "Enable browser notifications to receive important alerts.";
-  let l;
-  e[3] !== h ? (l = /* @__PURE__ */ t.jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: h }), e[3] = h, e[4] = l) : l = e[4];
-  const b = s ? "Enabling..." : "Enable browser notifications";
-  let d;
-  e[5] !== a || e[6] !== s || e[7] !== b ? (d = /* @__PURE__ */ t.jsx("button", { type: "button", className: "mt-3 inline-flex h-8 items-center rounded-md border bg-background px-2.5 text-xs font-medium hover:bg-accent disabled:pointer-events-none disabled:opacity-50", disabled: s, onClick: a, children: b }), e[5] = a, e[6] = s, e[7] = b, e[8] = d) : d = e[8];
+  const y = n === "denied", i = y ? "Browser notifications are blocked." : "Browser notifications are not enabled.";
+  let c;
+  e[1] !== i ? (c = /* @__PURE__ */ t.jsx("div", { className: "text-sm font-medium", children: i }), e[1] = i, e[2] = c) : c = e[2];
+  const w = y ? "Enable notifications for this site in your browser settings, then click again." : "Enable browser notifications to receive important alerts.";
+  let m;
+  e[3] !== w ? (m = /* @__PURE__ */ t.jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: w }), e[3] = w, e[4] = m) : m = e[4];
+  const u = r ? "Enabling..." : "Enable browser notifications";
   let x;
-  return e[9] !== f || e[10] !== l || e[11] !== d ? (x = /* @__PURE__ */ t.jsxs("div", { className: "mt-3 rounded-md border bg-muted/40 p-3", children: [
-    f,
-    l,
-    d
-  ] }), e[9] = f, e[10] = l, e[11] = d, e[12] = x) : x = e[12], x;
+  e[5] !== a || e[6] !== r || e[7] !== u ? (x = /* @__PURE__ */ t.jsx("button", { type: "button", className: "mt-3 inline-flex h-8 items-center rounded-md border bg-background px-2.5 text-xs font-medium hover:bg-accent disabled:pointer-events-none disabled:opacity-50", disabled: r, onClick: a, children: u }), e[5] = a, e[6] = r, e[7] = u, e[8] = x) : x = e[8];
+  let f;
+  return e[9] !== c || e[10] !== m || e[11] !== x ? (f = /* @__PURE__ */ t.jsxs("div", { className: "mt-3 rounded-md border bg-muted/40 p-3", children: [
+    c,
+    m,
+    x
+  ] }), e[9] = c, e[10] = m, e[11] = x, e[12] = f) : f = e[12], f;
 }
-function Z(r) {
-  const e = _.c(47), {
+function ee(o) {
+  const e = te.c(48), {
     notification: n,
-    onMarkRead: s,
-    onArchive: a
-  } = r, [c, i] = R(!1), f = H(null), h = H(null), l = !n.readAt;
-  let b;
-  e[0] !== n ? (b = pe(n), e[0] = n, e[1] = b) : b = e[1];
-  const d = b;
+    onMarkRead: r,
+    onArchive: a,
+    onAction: y
+  } = o, [i, c] = U(!1), w = H(null), m = H(null), u = !n.readAt;
   let x;
+  e[0] !== n ? (x = we(n), e[0] = n, e[1] = x) : x = e[1];
+  const f = x, v = f?.link ?? "";
+  let M;
   if (e[2] !== n.createdAt) {
     e: {
-      const U = new Date(ee(n.createdAt));
-      if (!Number.isFinite(U.getTime())) {
-        x = "";
+      const B = new Date(ne(n.createdAt));
+      if (!Number.isFinite(B.getTime())) {
+        M = "";
         break e;
       }
-      x = U.toLocaleString();
+      M = B.toLocaleString();
     }
-    e[2] = n.createdAt, e[3] = x;
+    e[2] = n.createdAt, e[3] = M;
   } else
-    x = e[3];
-  const v = x;
-  let B, q;
-  e[4] !== c ? (B = () => {
-    if (!c)
+    M = e[3];
+  const q = M;
+  let L, h;
+  e[4] !== i ? (L = () => {
+    if (!i)
       return;
-    const U = (L) => {
-      const K = L.target;
-      K instanceof Node && (f.current?.contains(K) || h.current?.contains(K) || i(!1));
-    }, I = (L) => {
-      L.key === "Escape" && (i(!1), h.current?.focus());
+    const B = (Y) => {
+      const _ = Y.target;
+      _ instanceof Node && (w.current?.contains(_) || m.current?.contains(_) || c(!1));
+    }, I = (Y) => {
+      Y.key === "Escape" && (c(!1), m.current?.focus());
     };
-    return document.addEventListener("pointerdown", U), document.addEventListener("keydown", I), () => {
-      document.removeEventListener("pointerdown", U), document.removeEventListener("keydown", I);
+    return document.addEventListener("pointerdown", B), document.addEventListener("keydown", I), () => {
+      document.removeEventListener("pointerdown", B), document.removeEventListener("keydown", I);
     };
-  }, q = [c], e[4] = c, e[5] = B, e[6] = q) : (B = e[5], q = e[6]), J(B, q);
-  const T = l ? "bg-primary/5" : "bg-background";
-  let p;
-  e[7] !== T ? (p = W("group flex w-full gap-3 px-4 py-3 hover:bg-accent/40", T), e[7] = T, e[8] = p) : p = e[8];
-  let P;
-  e[9] !== l || e[10] !== d || e[11] !== n.id || e[12] !== s ? (P = () => {
-    l && s(n.id), d && (window.location.href = d);
-  }, e[9] = l, e[10] = d, e[11] = n.id, e[12] = s, e[13] = P) : P = e[13];
-  let M;
-  e[14] !== n.title ? (M = /* @__PURE__ */ t.jsx("div", { className: "truncate text-sm font-semibold", children: n.title }), e[14] = n.title, e[15] = M) : M = e[15];
-  let g;
-  e[16] !== n.body ? (g = n.body ? /* @__PURE__ */ t.jsx("div", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: n.body }) : null, e[16] = n.body, e[17] = g) : g = e[17];
+  }, h = [i], e[4] = i, e[5] = L, e[6] = h) : (L = e[5], h = e[6]), W(L, h);
+  const K = u ? "bg-primary/5" : "bg-background";
   let O;
-  e[18] !== M || e[19] !== g ? (O = /* @__PURE__ */ t.jsxs("div", { className: "min-w-0", children: [
-    M,
-    g
-  ] }), e[18] = M, e[19] = g, e[20] = O) : O = e[20];
+  e[7] !== K ? (O = V("group flex w-full gap-3 px-4 py-3 hover:bg-accent/40", K), e[7] = K, e[8] = O) : O = e[8];
+  let p;
+  e[9] !== f || e[10] !== u || e[11] !== n.id || e[12] !== y || e[13] !== r ? (p = () => {
+    u && r(n.id), f && (y(), Ne(f));
+  }, e[9] = f, e[10] = u, e[11] = n.id, e[12] = y, e[13] = r, e[14] = p) : p = e[14];
+  let $;
+  e[15] !== n.title ? ($ = /* @__PURE__ */ t.jsx("div", { className: "truncate text-sm font-semibold", children: n.title }), e[15] = n.title, e[16] = $) : $ = e[16];
   let k;
-  e[21] !== d ? (k = d ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 truncate text-xs text-primary", children: d }) : null, e[21] = d, e[22] = k) : k = e[22];
+  e[17] !== n.body ? (k = n.body ? /* @__PURE__ */ t.jsx("div", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: n.body }) : null, e[17] = n.body, e[18] = k) : k = e[18];
   let A;
-  e[23] !== v ? (A = v ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-[11px] text-muted-foreground", children: v }) : null, e[23] = v, e[24] = A) : A = e[24];
+  e[19] !== $ || e[20] !== k ? (A = /* @__PURE__ */ t.jsxs("div", { className: "min-w-0", children: [
+    $,
+    k
+  ] }), e[19] = $, e[20] = k, e[21] = A) : A = e[21];
   let C;
-  e[25] !== O || e[26] !== k || e[27] !== A || e[28] !== P ? (C = /* @__PURE__ */ t.jsxs("button", { type: "button", className: "min-w-0 flex-1 text-left", onClick: P, children: [
-    O,
-    k,
-    A
-  ] }), e[25] = O, e[26] = k, e[27] = A, e[28] = P, e[29] = C) : C = e[29];
-  let F, z;
-  e[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F = () => {
-    i(ge);
-  }, z = /* @__PURE__ */ t.jsx(se, { className: "h-4 w-4" }), e[30] = F, e[31] = z) : (F = e[30], z = e[31]);
+  e[22] !== v ? (C = v ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 truncate text-xs text-primary", children: v }) : null, e[22] = v, e[23] = C) : C = e[23];
+  let R;
+  e[24] !== q ? (R = q ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-[11px] text-muted-foreground", children: q }) : null, e[24] = q, e[25] = R) : R = e[25];
   let S;
-  e[32] !== c ? (S = /* @__PURE__ */ t.jsx("button", { ref: h, type: "button", className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent", "aria-label": "Notification options", "aria-haspopup": "menu", "aria-expanded": c, onClick: F, children: z }), e[32] = c, e[33] = S) : S = e[33];
-  let y;
-  e[34] !== l || e[35] !== c || e[36] !== n.id || e[37] !== a || e[38] !== s ? (y = c ? /* @__PURE__ */ t.jsxs("div", { ref: f, role: "menu", className: W("absolute right-0 top-full z-50 mt-1 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "animate-in fade-in-0 zoom-in-95"), children: [
+  e[26] !== A || e[27] !== C || e[28] !== R || e[29] !== p ? (S = /* @__PURE__ */ t.jsxs("button", { type: "button", className: "min-w-0 flex-1 text-left", onClick: p, children: [
+    A,
+    C,
+    R
+  ] }), e[26] = A, e[27] = C, e[28] = R, e[29] = p, e[30] = S) : S = e[30];
+  let z, T;
+  e[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = () => {
+    c(Ae);
+  }, T = /* @__PURE__ */ t.jsx(le, { className: "h-4 w-4" }), e[31] = z, e[32] = T) : (z = e[31], T = e[32]);
+  let b;
+  e[33] !== i ? (b = /* @__PURE__ */ t.jsx("button", { ref: m, type: "button", className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent", "aria-label": "Notification options", "aria-haspopup": "menu", "aria-expanded": i, onClick: z, children: T }), e[33] = i, e[34] = b) : b = e[34];
+  let E;
+  e[35] !== u || e[36] !== i || e[37] !== n.id || e[38] !== a || e[39] !== r ? (E = i ? /* @__PURE__ */ t.jsxs("div", { ref: w, role: "menu", className: V("absolute right-0 top-full z-50 mt-1 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "animate-in fade-in-0 zoom-in-95"), children: [
     /* @__PURE__ */ t.jsx("button", { type: "button", role: "menuitem", className: "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground", onClick: () => {
-      i(!1), a(n.id);
+      c(!1), a(n.id);
     }, children: "Archive" }),
-    /* @__PURE__ */ t.jsx("button", { type: "button", role: "menuitem", className: "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50", disabled: !l, onClick: () => {
-      i(!1), s(n.id);
+    /* @__PURE__ */ t.jsx("button", { type: "button", role: "menuitem", className: "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors hover:bg-accent focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50", disabled: !u, onClick: () => {
+      c(!1), r(n.id);
     }, children: "Mark as read" })
-  ] }) : null, e[34] = l, e[35] = c, e[36] = n.id, e[37] = a, e[38] = s, e[39] = y) : y = e[39];
+  ] }) : null, e[35] = u, e[36] = i, e[37] = n.id, e[38] = a, e[39] = r, e[40] = E) : E = e[40];
   let D;
-  e[40] !== S || e[41] !== y ? (D = /* @__PURE__ */ t.jsxs("div", { className: "relative flex items-start", children: [
+  e[41] !== b || e[42] !== E ? (D = /* @__PURE__ */ t.jsxs("div", { className: "relative flex items-start", children: [
+    b,
+    E
+  ] }), e[41] = b, e[42] = E, e[43] = D) : D = e[43];
+  let F;
+  return e[44] !== S || e[45] !== D || e[46] !== O ? (F = /* @__PURE__ */ t.jsxs("div", { className: O, children: [
     S,
-    y
-  ] }), e[40] = S, e[41] = y, e[42] = D) : D = e[42];
-  let $;
-  return e[43] !== C || e[44] !== D || e[45] !== p ? ($ = /* @__PURE__ */ t.jsxs("div", { className: p, children: [
-    C,
     D
-  ] }), e[43] = C, e[44] = D, e[45] = p, e[46] = $) : $ = e[46], $;
+  ] }), e[44] = S, e[45] = D, e[46] = O, e[47] = F) : F = e[47], F;
 }
-function ge(r) {
-  return !r;
+function Ae(o) {
+  return !o;
 }
 export {
-  Re as NotificationsDrawer
+  Be as NotificationsDrawer
 };
 //# sourceMappingURL=index16.js.map