@rpcbase/ui 0.242.0 → 0.243.0

package/dist/components/Notifications/NotificationsDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationsDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgF,KAAK,OAAO,EAAE,MAAM,OAAO,CAAA;AAMlH,OAAO,KAAK,EAAoB,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAqI3E,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAU,EACV,iBAAyB,EACzB,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC,0BAA0B,GAAG,IAAI,CAAC,CAAA;CAC7D,2CAmUA"}
+{"version":3,"file":"NotificationsDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/NotificationsDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgF,KAAK,OAAO,EAAE,MAAM,OAAO,CAAA;AAMlH,OAAO,KAAK,EAAoB,0BAA0B,EAAE,MAAM,SAAS,CAAA;AA0I3E,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAU,EACV,iBAAyB,EACzB,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC,0BAA0B,GAAG,IAAI,CAAC,CAAA;CAC7D,2CAmUA"}

package/dist/index105.js

@@ -1,40 +1,40 @@
-import { TZDate as a } from "./index255.js";
-import "./index257.js";
-import { endOfBroadcastWeek as f } from "./index262.js";
-import { startOfBroadcastWeek as d } from "./index263.js";
+import { TZDate as a } from "./index194.js";
+import "./index196.js";
+import { endOfBroadcastWeek as f } from "./index201.js";
+import { startOfBroadcastWeek as d } from "./index202.js";
 import { enUS as m } from "./index128.js";
-import { addDays as v } from "./index264.js";
-import { addMonths as p } from "./index265.js";
-import { addWeeks as O } from "./index266.js";
-import { addYears as c } from "./index267.js";
-import { differenceInCalendarDays as u } from "./index268.js";
-import { differenceInCalendarMonths as l } from "./index269.js";
-import { eachMonthOfInterval as M } from "./index270.js";
-import { eachYearOfInterval as k } from "./index271.js";
-import { endOfISOWeek as W } from "./index272.js";
-import { endOfMonth as D } from "./index273.js";
-import { endOfWeek as Y } from "./index274.js";
-import { endOfYear as S } from "./index275.js";
-import { format as y } from "./index276.js";
-import { getISOWeek as g } from "./index277.js";
-import { getMonth as I } from "./index278.js";
-import { getYear as w } from "./index279.js";
-import { getWeek as B } from "./index280.js";
-import { isAfter as L } from "./index281.js";
-import { isBefore as C } from "./index282.js";
-import { isDate as z } from "./index283.js";
-import { isSameDay as Z } from "./index284.js";
-import { isSameMonth as b } from "./index285.js";
-import { isSameYear as A } from "./index286.js";
-import { max as F } from "./index287.js";
-import { min as N } from "./index288.js";
-import { setMonth as _ } from "./index289.js";
-import { setYear as j } from "./index290.js";
-import { startOfDay as x } from "./index291.js";
-import { startOfISOWeek as H } from "./index292.js";
-import { startOfMonth as K } from "./index293.js";
-import { startOfWeek as T } from "./index294.js";
-import { startOfYear as U } from "./index295.js";
+import { addDays as v } from "./index203.js";
+import { addMonths as p } from "./index204.js";
+import { addWeeks as O } from "./index205.js";
+import { addYears as c } from "./index206.js";
+import { differenceInCalendarDays as u } from "./index207.js";
+import { differenceInCalendarMonths as l } from "./index208.js";
+import { eachMonthOfInterval as M } from "./index209.js";
+import { eachYearOfInterval as k } from "./index210.js";
+import { endOfISOWeek as W } from "./index211.js";
+import { endOfMonth as D } from "./index212.js";
+import { endOfWeek as Y } from "./index213.js";
+import { endOfYear as S } from "./index214.js";
+import { format as y } from "./index215.js";
+import { getISOWeek as g } from "./index216.js";
+import { getMonth as I } from "./index217.js";
+import { getYear as w } from "./index218.js";
+import { getWeek as B } from "./index219.js";
+import { isAfter as L } from "./index220.js";
+import { isBefore as C } from "./index221.js";
+import { isDate as z } from "./index222.js";
+import { isSameDay as Z } from "./index223.js";
+import { isSameMonth as b } from "./index224.js";
+import { isSameYear as A } from "./index225.js";
+import { max as F } from "./index226.js";
+import { min as N } from "./index227.js";
+import { setMonth as _ } from "./index228.js";
+import { setYear as j } from "./index229.js";
+import { startOfDay as x } from "./index230.js";
+import { startOfISOWeek as H } from "./index231.js";
+import { startOfMonth as K } from "./index232.js";
+import { startOfWeek as T } from "./index233.js";
+import { startOfYear as U } from "./index234.js";
 class n {
   /**
    * Creates an instance of `DateLib`.

package/dist/index117.js

@@ -1,9 +1,9 @@
-import { TZDate as c } from "./index255.js";
-import "./index257.js";
-import { differenceInCalendarMonths as h } from "./index269.js";
-import { differenceInCalendarDays as O } from "./index268.js";
-import { getISOWeek as k } from "./index277.js";
-import { getWeek as w } from "./index280.js";
+import { TZDate as c } from "./index194.js";
+import "./index196.js";
+import { differenceInCalendarMonths as h } from "./index208.js";
+import { differenceInCalendarDays as O } from "./index207.js";
+import { getISOWeek as k } from "./index216.js";
+import { getWeek as w } from "./index219.js";
 function W(o, D = {}) {
   const { weekStartsOn: d, locale: g } = D, l = d ?? g?.options?.weekStartsOn ?? 0, r = (t) => {
     const e = typeof t == "number" || typeof t == "string" ? new Date(t) : t;

package/dist/index120.js

@@ -1,14 +1,14 @@
 import { useEffect as D, useMemo as S } from "react";
-import { getDates as N } from "./index296.js";
-import { getDays as w } from "./index297.js";
-import { getDisplayMonths as E } from "./index298.js";
-import { getInitialMonth as c } from "./index299.js";
-import { getMonths as b } from "./index300.js";
-import { getNavMonths as q } from "./index301.js";
-import { getNextMonth as F } from "./index302.js";
-import { getPreviousMonth as P } from "./index303.js";
-import { getWeeks as V } from "./index304.js";
-import { useControlledValue as Z } from "./index305.js";
+import { getDates as N } from "./index235.js";
+import { getDays as w } from "./index236.js";
+import { getDisplayMonths as E } from "./index237.js";
+import { getInitialMonth as c } from "./index238.js";
+import { getMonths as b } from "./index239.js";
+import { getNavMonths as q } from "./index240.js";
+import { getNextMonth as F } from "./index241.js";
+import { getPreviousMonth as P } from "./index242.js";
+import { getWeeks as V } from "./index243.js";
+import { useControlledValue as Z } from "./index244.js";
 function _(e, n) {
   const [s, a] = q(e, n), { startOfMonth: i, endOfMonth: g } = n, h = c(e, s, a, n), [m, f] = Z(
     h,

package/dist/index122.js

@@ -1,6 +1,6 @@
 import { useState as a } from "react";
-import { calculateFocusTarget as T } from "./index306.js";
-import { getNextFocus as v } from "./index307.js";
+import { calculateFocusTarget as T } from "./index245.js";
+import { getNextFocus as v } from "./index246.js";
 function I(e, o, r, i, f) {
   const { autoFocus: F } = e, [d, m] = a(), c = T(o.days, r, i || (() => !1), d), [s, u] = a(F ? c : void 0);
   return {

package/dist/index123.js

@@ -1,6 +1,6 @@
-import { useMulti as i } from "./index308.js";
-import { useRange as o } from "./index309.js";
-import { useSingle as s } from "./index310.js";
+import { useMulti as i } from "./index247.js";
+import { useRange as o } from "./index248.js";
+import { useSingle as s } from "./index249.js";
 function f(e, n) {
   const t = s(e, n), r = i(e, n), u = o(e, n);
   switch (e.mode) {

package/dist/index124.js

@@ -1,4 +1,4 @@
-import "./index257.js";
+import "./index196.js";
 import { toTimeZone as i } from "./index126.js";
 import { isDateRange as e, isDateInterval as p, isDateAfterType as y, isDateBeforeType as D } from "./index127.js";
 function n(o, f, u) {

package/dist/index126.js

@@ -1,5 +1,5 @@
-import { TZDate as r } from "./index255.js";
-import "./index257.js";
+import { TZDate as r } from "./index194.js";
+import "./index196.js";
 function e(n, o) {
   return n instanceof r && n.timeZone === o ? n : new r(n, o);
 }

package/dist/index128.js

@@ -1,5 +1,5 @@
-import { enUS as f } from "./index374.js";
-import { format as n } from "./index276.js";
+import { enUS as f } from "./index363.js";
+import { format as n } from "./index215.js";
 const s = {
   ...f,
   labels: {

package/dist/index150.js

@@ -1,6 +1,6 @@
-import p from "./index324.js";
-import y from "./index325.js";
-import b from "./index323.js";
+import p from "./index263.js";
+import y from "./index264.js";
+import b from "./index262.js";
 import l from "./index163.js";
 import s from "./index165.js";
 function i(r) {

package/dist/index156.js

@@ -1,4 +1,4 @@
-import w from "./index315.js";
+import w from "./index254.js";
 function p(r, e) {
   var t = typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"];
   if (t) return (t = t.call(r)).next.bind(t);

package/dist/index16.js

@@ -23,8 +23,8 @@ const ne = (o) => {
   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 ? {
+  const f = (/* @__PURE__ */ new Date()).getFullYear() !== a;
+  return c.toLocaleDateString(void 0, f ? {
     weekday: "short",
     month: "short",
     day: "numeric",
@@ -49,16 +49,16 @@ const ne = (o) => {
     link: e,
     mode: ye(o)
   } : null;
-}, ve = (o) => {
+}, ve = (o) => o ? o.mode === "merge_current_search" ? "Open" : o.link : "", Ne = (o) => {
   window.history.pushState(window.history.state, "", o), window.dispatchEvent(new PopStateEvent("popstate", {
     state: window.history.state
   }));
-}, Ne = (o) => {
+}, je = (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}`);
+    }), n.hash && (e.hash = n.hash), Ne(`${e.pathname}${e.search}${e.hash}`);
     return;
   }
   window.location.href = o.link;
@@ -74,8 +74,8 @@ const ne = (o) => {
     })), e[e.length - 1].items.push(r);
   }
   return e;
-}, J = () => typeof window > "u" || !("Notification" in window) ? "unsupported" : window.Notification.permission, je = se(null);
-function Be({
+}, J = () => typeof window > "u" || !("Notification" in window) ? "unsupported" : window.Notification.permission, ke = se(null);
+function Te({
   open: o,
   onOpenChange: e,
   className: n,
@@ -83,11 +83,11 @@ function Be({
   defaultUnreadOnly: a = !1,
   realtimeContext: y
 }) {
-  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 ({
+  const i = ie(y ?? ke), [c, w] = U([]), [f, m] = U(0), [l, x] = U(0), [v, L] = U(!1), [q, M] = U(null), [h, K] = U(a), [O, p] = U(() => J()), [$, k] = U(!1), A = H(null), C = i?.notifications ?? c, R = i?.unreadCount ?? f, S = i?.unseenCount ?? l, 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
+    markSeen: u
   }) => {
-    M(!0), L(null);
+    L(!0), M(null);
     try {
       const j = await fetch("/api/rb/notifications", {
         method: "POST",
@@ -98,19 +98,19 @@ function Be({
         body: JSON.stringify({
           limit: r,
           unreadOnly: s,
-          markSeen: d
+          markSeen: u
         })
-      }), l = await j.json().catch(() => null);
-      if (!j.ok || !l?.ok) {
-        L(l?.error || "Unable to load notifications.");
+      }), d = await j.json().catch(() => null);
+      if (!j.ok || !d?.ok) {
+        M(d?.error || "Unable to load notifications.");
         return;
       }
-      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);
+      const P = Array.isArray(d.notifications) ? d.notifications : [];
+      w(P), m(Number.isFinite(d.unreadCount) ? Math.max(0, Math.floor(d.unreadCount ?? 0)) : 0), x(Number.isFinite(d.unseenCount) ? Math.max(0, Math.floor(d.unseenCount ?? 0)) : 0);
     } catch {
-      L("Unable to load notifications.");
+      M("Unable to load notifications.");
     } finally {
-      M(!1);
+      L(!1);
     }
   }, [r]);
   W(() => {
@@ -148,22 +148,22 @@ function Be({
     }));
   }, [o, i, I, h]), W(() => {
     if (!o || (p(J()), typeof navigator > "u" || !navigator.permissions?.query)) return;
-    let s = null, d = !1;
+    let s = null, u = !1;
     const j = () => {
       p(J());
     };
     try {
       navigator.permissions.query({
         name: "notifications"
-      }).then((l) => {
-        d || (s = l, j(), l.addEventListener("change", j));
+      }).then((d) => {
+        u || (s = d, j(), d.addEventListener("change", j));
       }).catch(() => {
       });
     } catch {
       return;
     }
     return () => {
-      d = !0, s?.removeEventListener("change", j);
+      u = !0, s?.removeEventListener("change", j);
     };
   }, [o]);
   const Y = async () => {
@@ -182,7 +182,7 @@ function Be({
     }
   }, _ = async (s) => {
     try {
-      const d = await fetch(`/api/rb/notifications/${encodeURIComponent(s)}/read`, {
+      const u = await fetch(`/api/rb/notifications/${encodeURIComponent(s)}/read`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -190,17 +190,17 @@ function Be({
         credentials: "include",
         keepalive: !0,
         body: "{}"
-      }), j = await d.json().catch(() => null);
-      if (!d.ok || !j?.ok) return;
-      const l = (/* @__PURE__ */ new Date()).toISOString();
+      }), j = await u.json().catch(() => null);
+      if (!u.ok || !j?.ok) return;
+      const d = (/* @__PURE__ */ new Date()).toISOString();
       if (i) return;
       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 ? {
+        return g && !g.readAt && m((N) => Math.max(0, N - 1)), g && !g.seenAt && x((N) => Math.max(0, N - 1)), P.map((N) => N.id === s && !N.readAt ? {
           ...N,
-          readAt: l,
+          readAt: d,
           ...N.seenAt ? {} : {
-            seenAt: l
+            seenAt: d
           }
         } : N);
       });
@@ -209,18 +209,18 @@ function Be({
     }
   }, Q = async (s) => {
     try {
-      const d = await fetch(`/api/rb/notifications/${encodeURIComponent(s)}/archive`, {
+      const u = await fetch(`/api/rb/notifications/${encodeURIComponent(s)}/archive`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
         credentials: "include",
         body: "{}"
-      }), 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);
+      }), j = await u.json().catch(() => null);
+      if (!u.ok || !j?.ok || i) return;
+      w((d) => {
+        const P = d.find((g) => g.id === s);
+        return P && !P.readAt && m((g) => Math.max(0, g - 1)), P && !P.seenAt && x((g) => Math.max(0, g - 1)), d.filter((g) => g.id !== s);
       });
     } catch {
       return;
@@ -248,20 +248,20 @@ function Be({
         ] })
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: "flex-1 overflow-y-auto px-4 pb-3", children: [
-        /* @__PURE__ */ t.jsx(ke, { permission: O, requesting: $, onEnable: Y }),
+        /* @__PURE__ */ t.jsx(Ae, { 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" }),
             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)) })
+              /* @__PURE__ */ t.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: s.items.map((u) => /* @__PURE__ */ t.jsx(ee, { notification: u, onMarkRead: _, onArchive: Q, onAction: X }, u.id)) })
             ] }, `unread:${s.key}`))
           ] }),
           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" }),
             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)) })
+              /* @__PURE__ */ t.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: s.items.map((u) => /* @__PURE__ */ t.jsx(ee, { notification: u, onMarkRead: _, onArchive: Q, onAction: X }, u.id)) })
             ] }, `previous:${s.key}`))
           ] })
         ] })
@@ -269,7 +269,7 @@ function Be({
     ] })
   ] }) });
 }
-function ke(o) {
+function Ae(o) {
   const e = te.c(13), {
     permission: n,
     requesting: r,
@@ -285,112 +285,112 @@ function ke(o) {
   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;
-  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: [
+  e[3] !== w ? (f = /* @__PURE__ */ t.jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: w }), e[3] = w, e[4] = f) : f = e[4];
+  const m = r ? "Enabling..." : "Enable browser notifications";
+  let l;
+  e[5] !== a || e[6] !== r || e[7] !== m ? (l = /* @__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: m }), e[5] = a, e[6] = r, e[7] = m, e[8] = l) : l = e[8];
+  let x;
+  return e[9] !== c || e[10] !== f || e[11] !== l ? (x = /* @__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;
+    f,
+    l
+  ] }), e[9] = c, e[10] = f, e[11] = l, e[12] = x) : x = e[12], x;
 }
 function ee(o) {
-  const e = te.c(48), {
+  const e = te.c(49), {
     notification: n,
     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) {
+  } = o, [i, c] = U(!1), w = H(null), f = H(null), m = !n.readAt;
+  let l, x;
+  e[0] !== n ? (l = we(n), x = ve(l), e[0] = n, e[1] = l, e[2] = x) : (l = e[1], x = e[2]);
+  const v = x;
+  let L;
+  if (e[3] !== n.createdAt) {
     e: {
       const B = new Date(ne(n.createdAt));
       if (!Number.isFinite(B.getTime())) {
-        M = "";
+        L = "";
         break e;
       }
-      M = B.toLocaleString();
+      L = B.toLocaleString();
     }
-    e[2] = n.createdAt, e[3] = M;
+    e[3] = n.createdAt, e[4] = L;
   } else
-    M = e[3];
-  const q = M;
-  let L, h;
-  e[4] !== i ? (L = () => {
+    L = e[4];
+  const q = L;
+  let M, h;
+  e[5] !== i ? (M = () => {
     if (!i)
       return;
     const B = (Y) => {
       const _ = Y.target;
-      _ instanceof Node && (w.current?.contains(_) || m.current?.contains(_) || c(!1));
+      _ instanceof Node && (w.current?.contains(_) || f.current?.contains(_) || c(!1));
     }, I = (Y) => {
-      Y.key === "Escape" && (c(!1), m.current?.focus());
+      Y.key === "Escape" && (c(!1), f.current?.focus());
     };
     return document.addEventListener("pointerdown", B), document.addEventListener("keydown", I), () => {
       document.removeEventListener("pointerdown", B), document.removeEventListener("keydown", I);
     };
-  }, 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";
+  }, h = [i], e[5] = i, e[6] = M, e[7] = h) : (M = e[6], h = e[7]), W(M, h);
+  const K = m ? "bg-primary/5" : "bg-background";
   let O;
-  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];
+  e[8] !== K ? (O = V("group flex w-full gap-3 px-4 py-3 hover:bg-accent/40", K), e[8] = K, e[9] = O) : O = e[9];
   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];
+  e[10] !== l || e[11] !== m || e[12] !== n.id || e[13] !== y || e[14] !== r ? (p = () => {
+    m && r(n.id), l && (y(), je(l));
+  }, e[10] = l, e[11] = m, e[12] = n.id, e[13] = y, e[14] = r, e[15] = p) : p = e[15];
   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];
+  e[16] !== n.title ? ($ = /* @__PURE__ */ t.jsx("div", { className: "truncate text-sm font-semibold", children: n.title }), e[16] = n.title, e[17] = $) : $ = e[17];
   let k;
-  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];
+  e[18] !== 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[18] = n.body, e[19] = k) : k = e[19];
   let A;
-  e[19] !== $ || e[20] !== k ? (A = /* @__PURE__ */ t.jsxs("div", { className: "min-w-0", children: [
+  e[20] !== $ || e[21] !== k ? (A = /* @__PURE__ */ t.jsxs("div", { className: "min-w-0", children: [
     $,
     k
-  ] }), e[19] = $, e[20] = k, e[21] = A) : A = e[21];
+  ] }), e[20] = $, e[21] = k, e[22] = A) : A = e[22];
   let C;
-  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];
+  e[23] !== v ? (C = v ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 truncate text-xs text-primary", children: v }) : null, e[23] = v, e[24] = C) : C = e[24];
   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];
+  e[25] !== q ? (R = q ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-[11px] text-muted-foreground", children: q }) : null, e[25] = q, e[26] = R) : R = e[26];
   let S;
-  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: [
+  e[27] !== A || e[28] !== C || e[29] !== R || e[30] !== 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];
+  ] }), e[27] = A, e[28] = C, e[29] = R, e[30] = p, e[31] = S) : S = e[31];
   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]);
+  e[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = () => {
+    c(Ce);
+  }, T = /* @__PURE__ */ t.jsx(le, { className: "h-4 w-4" }), e[32] = z, e[33] = T) : (z = e[32], T = e[33]);
   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];
+  e[34] !== i ? (b = /* @__PURE__ */ t.jsx("button", { ref: f, 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[34] = i, e[35] = b) : b = e[35];
   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: [
+  e[36] !== m || e[37] !== i || e[38] !== n.id || e[39] !== a || e[40] !== 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: () => {
       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: !u, onClick: () => {
+    /* @__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: !m, onClick: () => {
       c(!1), r(n.id);
     }, children: "Mark as read" })
-  ] }) : null, e[35] = u, e[36] = i, e[37] = n.id, e[38] = a, e[39] = r, e[40] = E) : E = e[40];
+  ] }) : null, e[36] = m, e[37] = i, e[38] = n.id, e[39] = a, e[40] = r, e[41] = E) : E = e[41];
   let D;
-  e[41] !== b || e[42] !== E ? (D = /* @__PURE__ */ t.jsxs("div", { className: "relative flex items-start", children: [
+  e[42] !== b || e[43] !== 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];
+  ] }), e[42] = b, e[43] = E, e[44] = D) : D = e[44];
   let F;
-  return e[44] !== S || e[45] !== D || e[46] !== O ? (F = /* @__PURE__ */ t.jsxs("div", { className: O, children: [
+  return e[45] !== S || e[46] !== D || e[47] !== O ? (F = /* @__PURE__ */ t.jsxs("div", { className: O, children: [
     S,
     D
-  ] }), e[44] = S, e[45] = D, e[46] = O, e[47] = F) : F = e[47], F;
+  ] }), e[45] = S, e[46] = D, e[47] = O, e[48] = F) : F = e[48], F;
 }
-function Ae(o) {
+function Ce(o) {
   return !o;
 }
 export {
-  Be as NotificationsDrawer
+  Te as NotificationsDrawer
 };
 //# sourceMappingURL=index16.js.map