@rpcbase/ui 0.181.0 → 0.183.0

package/dist/index24.js

@@ -1,184 +1,272 @@
-import { j as e } from "./index28.js";
-import { useState as g, useMemo as A, useEffect as k } from "react";
-import { Loader2 as S } from "lucide-react";
+import { j as e } from "./index29.js";
+import { useContext as H, createContext as Q, useState as p, useMemo as y, useCallback as W, useEffect as L } from "react";
+import * as b from "@radix-ui/react-dialog";
+import { Root as Z, Trigger as _, Portal as ee, Content as te, Item as E } from "./index49.js";
+import { X as ne, Loader2 as se, MoreVertical as re } from "lucide-react";
 import { cn as w } from "./index2.js";
-const D = [
-  { value: "off", label: "Off" },
-  { value: "daily", label: "Daily" },
-  { value: "weekly", label: "Weekly" }
-], f = (r) => {
-  const o = r?.digestFrequency, s = o === "off" || o === "daily" || o === "weekly" ? o : "weekly", p = Array.isArray(r?.topicPreferences) ? r.topicPreferences.map((i) => ({
-    topic: typeof i.topic == "string" ? i.topic.trim() : "",
-    inApp: i.inApp === !0,
-    emailDigest: i.emailDigest === !0,
-    push: i.push === !0
-  })).filter((i) => i.topic.length > 0) : [];
-  return {
-    digestFrequency: s,
-    topicPreferences: p,
-    ...typeof r?.lastDigestSentAt == "string" ? { lastDigestSentAt: r.lastDigestSentAt } : {}
-  };
-}, T = (r) => {
-  if (!Array.isArray(r)) return [];
-  const o = /* @__PURE__ */ new Set();
-  return r.map((s) => ({
-    topic: typeof s.topic == "string" ? s.topic.trim() : "",
-    title: typeof s.title == "string" ? s.title.trim() : "",
-    description: typeof s.description == "string" ? s.description.trim() : void 0
-  })).filter((s) => s.topic.length > 0).filter((s) => o.has(s.topic) ? !1 : (o.add(s.topic), !0));
-}, y = (r, o) => {
-  const s = {
-    topic: "",
-    inApp: !0,
-    emailDigest: !0,
-    push: !1
-  }, p = new Map(r.topicPreferences.map((i) => [i.topic, i]));
-  return {
-    ...r,
-    topicPreferences: o.map((i) => {
-      const d = p.get(i.topic);
-      return d ? {
-        topic: i.topic,
-        inApp: d.inApp === !0,
-        emailDigest: d.emailDigest === !0,
-        push: d.push === !0
-      } : {
-        ...s,
-        topic: i.topic
-      };
-    })
-  };
-};
-function z({
-  className: r,
-  topics: o
+const G = (t) => {
+  const s = Date.parse(t);
+  return Number.isFinite(s) ? s : 0;
+}, oe = (t) => {
+  const s = new Date(G(t));
+  if (!Number.isFinite(s.getTime())) return "unknown";
+  const m = s.getFullYear(), o = String(s.getMonth() + 1).padStart(2, "0"), a = String(s.getDate()).padStart(2, "0");
+  return `${m}-${o}-${a}`;
+}, ae = (t) => {
+  if (t === "unknown") return "Unknown date";
+  const [s, m, o] = t.split("-"), a = Number(s), x = Number(m), r = Number(o);
+  if (!Number.isFinite(a) || !Number.isFinite(x) || !Number.isFinite(r)) return "Unknown date";
+  const j = new Date(a, x - 1, r);
+  if (!Number.isFinite(j.getTime())) return "Unknown date";
+  const k = (/* @__PURE__ */ new Date()).getFullYear() !== a;
+  return j.toLocaleDateString(void 0, k ? { weekday: "short", month: "short", day: "numeric", year: "numeric" } : { weekday: "short", month: "short", day: "numeric" });
+}, Y = (t) => {
+  const s = [];
+  let m = null;
+  for (const o of t) {
+    const a = oe(o.createdAt);
+    a !== m && (m = a, s.push({ key: a, label: ae(a), items: [] })), s[s.length - 1].items.push(o);
+  }
+  return s;
+}, ie = Q(null);
+function xe({
+  open: t,
+  onOpenChange: s,
+  className: m,
+  limit: o = 50,
+  defaultUnreadOnly: a = !1,
+  realtimeContext: x
 }) {
-  const [s, p] = g(!0), [i, d] = g(!1), [j, u] = g(null), [m, h] = g(
-    () => f({ digestFrequency: "weekly", topicPreferences: [] })
-  ), a = A(() => T(o), [o]), P = async () => {
-    p(!0), u(null);
+  const r = H(x ?? ie), [j, v] = p([]), [k, C] = p(0), [J, A] = p(0), [K, U] = p(!1), [V, S] = p(null), [f, X] = p(a), M = r?.notifications ?? j, D = r?.unreadCount ?? k, O = r?.unseenCount ?? J, q = r?.loading ?? K, R = r?.error ? r.error instanceof Error ? r.error.message : String(r.error) : V, g = y(() => M.slice(0, o), [o, M]), T = y(() => g.filter((n) => !n.readAt), [g]), F = y(() => g.filter((n) => !!n.readAt), [g]), I = y(() => Y(T), [T]), z = y(() => Y(F), [F]), N = W(async ({ unreadOnly: n, markSeen: d }) => {
+    U(!0), S(null);
     try {
-      const t = await fetch("/api/rb/notifications/settings", {
-        method: "GET",
-        credentials: "include"
-      }), c = await t.json().catch(() => null);
-      if (!t.ok || !c?.ok) {
-        u(c?.error || "Unable to load notification settings.");
+      const h = await fetch("/api/rb/notifications", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ limit: o, unreadOnly: n, markSeen: d })
+      }), i = await h.json().catch(() => null);
+      if (!h.ok || !i?.ok) {
+        S(i?.error || "Unable to load notifications.");
         return;
       }
-      const n = f(c.settings);
-      h(a.length > 0 ? y(n, a) : n);
+      const u = Array.isArray(i.notifications) ? i.notifications : [];
+      v(u), C(Number.isFinite(i.unreadCount) ? Math.max(0, Math.floor(i.unreadCount ?? 0)) : 0), A(Number.isFinite(i.unseenCount) ? Math.max(0, Math.floor(i.unseenCount ?? 0)) : 0);
     } catch {
-      u("Unable to load notification settings.");
+      S("Unable to load notifications.");
     } finally {
-      p(!1);
+      U(!1);
     }
-  }, v = async (t) => {
-    d(!0), u(null);
+  }, [o]);
+  L(() => {
+    if (t) {
+      if (r) {
+        (async () => {
+          try {
+            await fetch("/api/rb/notifications", {
+              method: "POST",
+              headers: { "Content-Type": "application/json" },
+              credentials: "include",
+              keepalive: !0,
+              body: JSON.stringify({ limit: 1, markSeen: !0 })
+            });
+          } catch {
+            return;
+          }
+        })();
+        return;
+      }
+      N({ unreadOnly: f, markSeen: !0 });
+    }
+  }, [t, r, N, f]), L(() => {
+    t && (r || N({ unreadOnly: f, markSeen: !1 }));
+  }, [t, r, N, f]);
+  const P = async (n) => {
     try {
-      const c = await fetch("/api/rb/notifications/settings", {
-        method: "PUT",
+      const d = await fetch(`/api/rb/notifications/${encodeURIComponent(n)}/read`, {
+        method: "POST",
         headers: { "Content-Type": "application/json" },
         credentials: "include",
-        body: JSON.stringify({
-          digestFrequency: t.digestFrequency,
-          topicPreferences: t.topicPreferences
-        })
-      }), n = await c.json().catch(() => null);
-      if (!c.ok || !n?.ok) {
-        u(n?.error || "Unable to save notification settings.");
-        return;
-      }
-      const l = f(n.settings);
-      h(a.length > 0 ? y(l, a) : l);
+        keepalive: !0,
+        body: "{}"
+      }), h = await d.json().catch(() => null);
+      if (!d.ok || !h?.ok) return;
+      const i = (/* @__PURE__ */ new Date()).toISOString();
+      if (r) return;
+      v((u) => {
+        const c = u.find((l) => l.id === n);
+        return c && !c.readAt && C((l) => Math.max(0, l - 1)), c && !c.seenAt && A((l) => Math.max(0, l - 1)), u.map((l) => l.id === n && !l.readAt ? { ...l, readAt: i, ...l.seenAt ? {} : { seenAt: i } } : l);
+      });
     } catch {
-      u("Unable to save notification settings.");
-    } finally {
-      d(!1);
+      return;
+    }
+  }, $ = async (n) => {
+    try {
+      const d = await fetch(`/api/rb/notifications/${encodeURIComponent(n)}/archive`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: "{}"
+      }), h = await d.json().catch(() => null);
+      if (!d.ok || !h?.ok || r) return;
+      v((i) => {
+        const u = i.find((c) => c.id === n);
+        return u && !u.readAt && C((c) => Math.max(0, c - 1)), u && !u.seenAt && A((c) => Math.max(0, c - 1)), i.filter((c) => c.id !== n);
+      });
+    } catch {
+      return;
     }
   };
-  k(() => {
-    P();
-  }, []), k(() => {
-    a.length !== 0 && h((t) => y(t, a));
-  }, [a]);
-  const N = (t, c) => {
-    const l = m.topicPreferences.some((x) => x.topic === t) ? m.topicPreferences.map((x) => x.topic === t ? c(x) : x) : [...m.topicPreferences, c({ topic: t, inApp: !0, emailDigest: !0, push: !1 })], b = f({ ...m, topicPreferences: l });
-    h(b), v(b);
-  };
-  return s ? /* @__PURE__ */ e.jsx("div", { className: w("flex items-center justify-center py-10 text-muted-foreground", r), children: /* @__PURE__ */ e.jsx(S, { className: "h-4 w-4 animate-spin" }) }) : /* @__PURE__ */ e.jsxs("div", { className: w("space-y-4", r), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "rounded-md border bg-background p-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx("div", { className: "text-sm font-semibold", children: "Email digest" }),
-        /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: "Choose how often we email you a summary." })
-      ] }),
-      /* @__PURE__ */ e.jsx(
-        "select",
-        {
-          value: m.digestFrequency,
-          onChange: (t) => {
-            const c = t.target.value, n = f({ ...m, digestFrequency: c });
-            h(n), v(n);
-          },
-          className: "h-9 rounded-md border bg-background px-2 text-sm",
-          children: D.map((t) => /* @__PURE__ */ e.jsx("option", { value: t.value, children: t.label }, t.value))
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e.jsxs("div", { className: "rounded-md border bg-background p-4", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "flex items-start justify-between gap-3", children: /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx("div", { className: "text-sm font-semibold", children: "Topics" }),
-        /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: "Choose where you receive each topic." })
-      ] }) }),
-      a.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "mt-4 text-sm text-muted-foreground", children: "No topics configured." }) : /* @__PURE__ */ e.jsx("div", { className: "mt-4 overflow-x-auto", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full text-sm", children: [
-        /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { className: "text-left text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ e.jsx("th", { className: "py-2 pr-4 font-medium", children: "Topic" }),
-          /* @__PURE__ */ e.jsx("th", { className: "py-2 pr-4 font-medium", children: "In-app" }),
-          /* @__PURE__ */ e.jsx("th", { className: "py-2 pr-4 font-medium", children: "Email digest" }),
-          /* @__PURE__ */ e.jsx("th", { className: "py-2 pr-4 font-medium", children: "Push" })
-        ] }) }),
-        /* @__PURE__ */ e.jsx("tbody", { children: m.topicPreferences.map((t) => {
-          const c = a.find((n) => n.topic === t.topic);
-          return /* @__PURE__ */ e.jsxs("tr", { className: "border-t align-top", children: [
-            /* @__PURE__ */ e.jsx("td", { className: "py-3 pr-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: c?.title || t.topic }),
-              c?.description ? /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: c.description }) : null,
-              /* @__PURE__ */ e.jsx("span", { className: "text-[11px] text-muted-foreground", children: t.topic })
-            ] }) }),
-            /* @__PURE__ */ e.jsx("td", { className: "py-3 pr-4", children: /* @__PURE__ */ e.jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: t.inApp,
-                onChange: (n) => N(t.topic, (l) => ({ ...l, inApp: n.target.checked }))
-              }
-            ) }),
-            /* @__PURE__ */ e.jsx("td", { className: "py-3 pr-4", children: /* @__PURE__ */ e.jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: t.emailDigest,
-                onChange: (n) => N(t.topic, (l) => ({ ...l, emailDigest: n.target.checked }))
-              }
-            ) }),
-            /* @__PURE__ */ e.jsx("td", { className: "py-3 pr-4", children: /* @__PURE__ */ e.jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: t.push,
-                disabled: !0,
-                className: "opacity-50",
-                "aria-label": "Push notifications (coming soon)"
-              }
-            ) })
-          ] }, t.topic);
-        }) })
-      ] }) }),
-      j ? /* @__PURE__ */ e.jsx("div", { className: "mt-3 text-sm text-destructive", children: j }) : i ? /* @__PURE__ */ e.jsx("div", { className: "mt-3 text-xs text-muted-foreground", children: "Saving…" }) : null
-    ] })
-  ] });
+  return /* @__PURE__ */ e.jsx(b.Root, { open: t, onOpenChange: s, children: /* @__PURE__ */ e.jsxs(b.Portal, { children: [
+    /* @__PURE__ */ e.jsx(b.Overlay, { className: "fixed inset-0 z-50 bg-black/50" }),
+    /* @__PURE__ */ e.jsxs(
+      b.Content,
+      {
+        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",
+          m
+        ),
+        children: [
+          /* @__PURE__ */ e.jsxs("header", { className: "flex items-center justify-between gap-2 border-b px-4 py-3", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-col", children: [
+              /* @__PURE__ */ e.jsx(b.Title, { className: "text-sm font-semibold", children: "Notifications" }),
+              /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: D > 0 ? `${D} unread` : O > 0 ? `${O} new` : "All caught up" })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => X((n) => !n),
+                  className: w(
+                    "rounded-md border px-2 py-1 text-xs",
+                    f ? "bg-accent text-foreground" : "bg-background text-muted-foreground hover:bg-accent"
+                  ),
+                  children: f ? "Unread" : "All"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(b.Close, { asChild: !0, children: /* @__PURE__ */ e.jsx("button", { type: "button", className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent", children: /* @__PURE__ */ e.jsx(ne, { className: "h-4 w-4" }) }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto px-4 pb-3", children: q ? /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center py-10 text-muted-foreground", children: /* @__PURE__ */ e.jsx(se, { className: "h-4 w-4 animate-spin" }) }) : R ? /* @__PURE__ */ e.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: R }) : g.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: "No notifications." }) : /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ e.jsxs("div", { children: [
+              /* @__PURE__ */ e.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" }),
+              I.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No unread notifications." }) : I.map((n) => /* @__PURE__ */ e.jsxs("div", { children: [
+                /* @__PURE__ */ e.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: n.label }),
+                /* @__PURE__ */ e.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: n.items.map((d) => /* @__PURE__ */ e.jsx(
+                  B,
+                  {
+                    notification: d,
+                    onMarkRead: P,
+                    onArchive: $
+                  },
+                  d.id
+                )) })
+              ] }, `unread:${n.key}`))
+            ] }),
+            f ? null : /* @__PURE__ */ e.jsxs("div", { children: [
+              /* @__PURE__ */ e.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" }),
+              z.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No previous notifications." }) : z.map((n) => /* @__PURE__ */ e.jsxs("div", { children: [
+                /* @__PURE__ */ e.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: n.label }),
+                /* @__PURE__ */ e.jsx("div", { className: "-mx-4 flex flex-col divide-y divide-border", children: n.items.map((d) => /* @__PURE__ */ e.jsx(
+                  B,
+                  {
+                    notification: d,
+                    onMarkRead: P,
+                    onArchive: $
+                  },
+                  d.id
+                )) })
+              ] }, `previous:${n.key}`))
+            ] })
+          ] }) })
+        ]
+      }
+    )
+  ] }) });
+}
+function B({
+  notification: t,
+  onMarkRead: s,
+  onArchive: m
+}) {
+  const o = !t.readAt, a = (() => {
+    const x = new Date(G(t.createdAt));
+    return Number.isFinite(x.getTime()) ? x.toLocaleString() : "";
+  })();
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: w(
+        "group flex w-full gap-3 px-4 py-3 hover:bg-accent/40",
+        o ? "bg-primary/5" : "bg-background"
+      ),
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "min-w-0 flex-1 text-left",
+            onClick: () => {
+              o && s(t.id), t.url && (window.location.href = t.url);
+            },
+            children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ e.jsx("div", { className: "truncate text-sm font-semibold", children: t.title }),
+                t.body ? /* @__PURE__ */ e.jsx("div", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: t.body }) : null
+              ] }),
+              t.url ? /* @__PURE__ */ e.jsx("div", { className: "mt-2 truncate text-xs text-primary", children: t.url }) : null,
+              a ? /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-[11px] text-muted-foreground", children: a }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx("div", { className: "flex items-start", children: /* @__PURE__ */ e.jsxs(Z, { children: [
+          /* @__PURE__ */ e.jsx(_, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent",
+              "aria-label": "Notification options",
+              children: /* @__PURE__ */ e.jsx(re, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ e.jsx(ee, { children: /* @__PURE__ */ e.jsxs(
+            te,
+            {
+              align: "end",
+              sideOffset: 6,
+              className: w(
+                "z-50 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+                "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+                "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+              ),
+              children: [
+                /* @__PURE__ */ e.jsx(
+                  E,
+                  {
+                    className: "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+                    onSelect: () => m(t.id),
+                    children: "Archive"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  E,
+                  {
+                    className: "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+                    disabled: !o,
+                    onSelect: () => s(t.id),
+                    children: "Mark as read"
+                  }
+                )
+              ]
+            }
+          ) })
+        ] }) })
+      ]
+    }
+  );
 }
 export {
-  z as NotificationsSettings
+  xe as NotificationsDrawer
 };
 //# sourceMappingURL=index24.js.map

package/dist/index24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index24.js","sources":["../src/components/Notifications/NotificationsSettings.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\"\nimport { Loader2 } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport type { NotificationDigestFrequency, NotificationSettings, NotificationTopicCatalogItem, NotificationTopicPreference } from \"./types\"\n\n\ntype SettingsResponse = {\n  ok?: boolean\n  error?: string\n  settings?: NotificationSettings\n}\n\nconst digestValues: Array<{ value: NotificationDigestFrequency; label: string }> = [\n  { value: \"off\", label: \"Off\" },\n  { value: \"daily\", label: \"Daily\" },\n  { value: \"weekly\", label: \"Weekly\" },\n]\n\nconst normalizeSettings = (settings: NotificationSettings | undefined): NotificationSettings => {\n  const digestFrequency = settings?.digestFrequency\n  const frequency: NotificationDigestFrequency =\n    digestFrequency === \"off\" || digestFrequency === \"daily\" || digestFrequency === \"weekly\"\n      ? digestFrequency\n      : \"weekly\"\n\n  const topicPreferences = Array.isArray(settings?.topicPreferences)\n    ? settings!.topicPreferences\n      .map((pref) => ({\n        topic: typeof pref.topic === \"string\" ? pref.topic.trim() : \"\",\n        inApp: pref.inApp === true,\n        emailDigest: pref.emailDigest === true,\n        push: pref.push === true,\n      }))\n      .filter((pref) => pref.topic.length > 0)\n    : []\n\n  return {\n    digestFrequency: frequency,\n    topicPreferences,\n    ...(typeof settings?.lastDigestSentAt === \"string\" ? { lastDigestSentAt: settings.lastDigestSentAt } : {}),\n  }\n}\n\nconst normalizeTopics = (topics: NotificationTopicCatalogItem[] | undefined): NotificationTopicCatalogItem[] => {\n  if (!Array.isArray(topics)) return []\n\n  const seen = new Set<string>()\n  return topics\n    .map((topic) => ({\n      topic: typeof topic.topic === \"string\" ? topic.topic.trim() : \"\",\n      title: typeof topic.title === \"string\" ? topic.title.trim() : \"\",\n      description: typeof topic.description === \"string\" ? topic.description.trim() : undefined,\n    }))\n    .filter((topic) => topic.topic.length > 0)\n    .filter((topic) => {\n      if (seen.has(topic.topic)) return false\n      seen.add(topic.topic)\n      return true\n    })\n}\n\nconst applyTopicsToSettings = (\n  settings: NotificationSettings,\n  topics: NotificationTopicCatalogItem[],\n): NotificationSettings => {\n  const defaults: NotificationTopicPreference = {\n    topic: \"\",\n    inApp: true,\n    emailDigest: true,\n    push: false,\n  }\n\n  const byTopic = new Map(settings.topicPreferences.map((pref) => [pref.topic, pref]))\n  return {\n    ...settings,\n    topicPreferences: topics.map((topic) => {\n      const existing = byTopic.get(topic.topic)\n      return existing\n        ? {\n          topic: topic.topic,\n          inApp: existing.inApp === true,\n          emailDigest: existing.emailDigest === true,\n          push: existing.push === true,\n        }\n        : {\n          ...defaults,\n          topic: topic.topic,\n        }\n    }),\n  }\n}\n\nexport function NotificationsSettings({\n  className,\n  topics,\n}: {\n  className?: string\n  topics?: NotificationTopicCatalogItem[]\n}) {\n  const [loading, setLoading] = useState(true)\n  const [saving, setSaving] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [settings, setSettings] = useState<NotificationSettings>(() =>\n    normalizeSettings({ digestFrequency: \"weekly\", topicPreferences: [] }),\n  )\n\n  const normalizedTopics = useMemo(() => normalizeTopics(topics), [topics])\n\n  const loadSettings = async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      const res = await fetch(\"/api/rb/notifications/settings\", {\n        method: \"GET\",\n        credentials: \"include\",\n      })\n      const json = (await res.json().catch(() => null)) as SettingsResponse | null\n      if (!res.ok || !json?.ok) {\n        setError(json?.error || \"Unable to load notification settings.\")\n        return\n      }\n      const normalized = normalizeSettings(json.settings)\n      setSettings(normalizedTopics.length > 0 ? applyTopicsToSettings(normalized, normalizedTopics) : normalized)\n    } catch {\n      setError(\"Unable to load notification settings.\")\n    } finally {\n      setLoading(false)\n    }\n  }\n\n  const saveSettings = async (next: NotificationSettings) => {\n    setSaving(true)\n    setError(null)\n    try {\n      const res = await fetch(\"/api/rb/notifications/settings\", {\n        method: \"PUT\",\n        headers: { \"Content-Type\": \"application/json\" },\n        credentials: \"include\",\n        body: JSON.stringify({\n          digestFrequency: next.digestFrequency,\n          topicPreferences: next.topicPreferences,\n        }),\n      })\n      const json = (await res.json().catch(() => null)) as SettingsResponse | null\n      if (!res.ok || !json?.ok) {\n        setError(json?.error || \"Unable to save notification settings.\")\n        return\n      }\n      const normalized = normalizeSettings(json.settings)\n      setSettings(normalizedTopics.length > 0 ? applyTopicsToSettings(normalized, normalizedTopics) : normalized)\n    } catch {\n      setError(\"Unable to save notification settings.\")\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  useEffect(() => {\n    void loadSettings()\n  }, [])\n\n  useEffect(() => {\n    if (normalizedTopics.length === 0) return\n    setSettings((current) => applyTopicsToSettings(current, normalizedTopics))\n  }, [normalizedTopics])\n\n  const updatePreference = (topic: string, update: (p: NotificationTopicPreference) => NotificationTopicPreference) => {\n    const hasExisting = settings.topicPreferences.some((p) => p.topic === topic)\n    const nextPrefs = hasExisting\n      ? settings.topicPreferences.map((p) => (p.topic === topic ? update(p) : p))\n      : [...settings.topicPreferences, update({ topic, inApp: true, emailDigest: true, push: false })]\n    const next = normalizeSettings({ ...settings, topicPreferences: nextPrefs })\n    setSettings(next)\n    void saveSettings(next)\n  }\n\n  if (loading) {\n    return (\n      <div className={cn(\"flex items-center justify-center py-10 text-muted-foreground\", className)}>\n        <Loader2 className=\"h-4 w-4 animate-spin\" />\n      </div>\n    )\n  }\n\n  return (\n    <div className={cn(\"space-y-4\", className)}>\n      <div className=\"rounded-md border bg-background p-4\">\n        <div className=\"flex items-start justify-between gap-3\">\n          <div>\n            <div className=\"text-sm font-semibold\">Email digest</div>\n            <div className=\"mt-1 text-xs text-muted-foreground\">Choose how often we email you a summary.</div>\n          </div>\n          <select\n            value={settings.digestFrequency}\n            onChange={(e) => {\n              const value = e.target.value as NotificationDigestFrequency\n              const next = normalizeSettings({ ...settings, digestFrequency: value })\n              setSettings(next)\n              void saveSettings(next)\n            }}\n            className=\"h-9 rounded-md border bg-background px-2 text-sm\"\n          >\n            {digestValues.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))}\n          </select>\n        </div>\n      </div>\n\n      <div className=\"rounded-md border bg-background p-4\">\n        <div className=\"flex items-start justify-between gap-3\">\n          <div>\n            <div className=\"text-sm font-semibold\">Topics</div>\n            <div className=\"mt-1 text-xs text-muted-foreground\">Choose where you receive each topic.</div>\n          </div>\n        </div>\n\n        {normalizedTopics.length === 0 ? (\n          <div className=\"mt-4 text-sm text-muted-foreground\">No topics configured.</div>\n        ) : (\n          <div className=\"mt-4 overflow-x-auto\">\n            <table className=\"w-full text-sm\">\n              <thead>\n                <tr className=\"text-left text-xs text-muted-foreground\">\n                  <th className=\"py-2 pr-4 font-medium\">Topic</th>\n                  <th className=\"py-2 pr-4 font-medium\">In-app</th>\n                  <th className=\"py-2 pr-4 font-medium\">Email digest</th>\n                  <th className=\"py-2 pr-4 font-medium\">Push</th>\n                </tr>\n              </thead>\n              <tbody>\n                {settings.topicPreferences.map((pref) => {\n                  const meta = normalizedTopics.find((topic) => topic.topic === pref.topic)\n                  return (\n                    <tr key={pref.topic} className=\"border-t align-top\">\n                      <td className=\"py-3 pr-4\">\n                        <div className=\"flex flex-col gap-1\">\n                          <span className=\"font-medium\">{meta?.title || pref.topic}</span>\n                          {meta?.description ? (\n                            <span className=\"text-xs text-muted-foreground\">{meta.description}</span>\n                          ) : null}\n                          <span className=\"text-[11px] text-muted-foreground\">{pref.topic}</span>\n                        </div>\n                      </td>\n                      <td className=\"py-3 pr-4\">\n                        <input\n                          type=\"checkbox\"\n                          checked={pref.inApp}\n                          onChange={(e) =>\n                            updatePreference(pref.topic, (p) => ({ ...p, inApp: e.target.checked }))\n                          }\n                        />\n                      </td>\n                      <td className=\"py-3 pr-4\">\n                        <input\n                          type=\"checkbox\"\n                          checked={pref.emailDigest}\n                          onChange={(e) =>\n                            updatePreference(pref.topic, (p) => ({ ...p, emailDigest: e.target.checked }))\n                          }\n                        />\n                      </td>\n                      <td className=\"py-3 pr-4\">\n                        <input\n                          type=\"checkbox\"\n                          checked={pref.push}\n                          disabled\n                          className=\"opacity-50\"\n                          aria-label=\"Push notifications (coming soon)\"\n                        />\n                      </td>\n                    </tr>\n                  )\n                })}\n              </tbody>\n            </table>\n          </div>\n        )}\n\n        {error ? (\n          <div className=\"mt-3 text-sm text-destructive\">{error}</div>\n        ) : saving ? (\n          <div className=\"mt-3 text-xs text-muted-foreground\">Saving…</div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"names":["digestValues","normalizeSettings","settings","digestFrequency","frequency","topicPreferences","pref","normalizeTopics","topics","seen","topic","applyTopicsToSettings","defaults","byTopic","existing","NotificationsSettings","className","loading","setLoading","useState","saving","setSaving","error","setError","setSettings","normalizedTopics","useMemo","loadSettings","res","json","normalized","saveSettings","next","useEffect","current","updatePreference","update","nextPrefs","p","jsx","cn","Loader2","jsxs","e","value","opt","meta"],"mappings":"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"}
+{"version":3,"file":"index24.js","sources":["../src/components/Notifications/NotificationsDrawer.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useMemo, useState, type Context } from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Loader2, MoreVertical, X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport type { NotificationItem, NotificationsRealtimeState } from \"./types\"\n\n\ntype ListResponse = {\n  ok?: boolean\n  error?: string\n  notifications?: NotificationItem[]\n  unreadCount?: number\n  unseenCount?: number\n}\n\ntype DayGroup = {\n  key: string\n  label: string\n  items: NotificationItem[]\n}\n\nconst toMs = (iso: string): number => {\n  const ms = Date.parse(iso)\n  return Number.isFinite(ms) ? ms : 0\n}\n\nconst getDayKey = (iso: string): string => {\n  const date = new Date(toMs(iso))\n  if (!Number.isFinite(date.getTime())) return \"unknown\"\n\n  const year = date.getFullYear()\n  const month = String(date.getMonth() + 1).padStart(2, \"0\")\n  const day = String(date.getDate()).padStart(2, \"0\")\n\n  return `${year}-${month}-${day}`\n}\n\nconst formatDayLabel = (key: string): string => {\n  if (key === \"unknown\") return \"Unknown date\"\n  const [yearRaw, monthRaw, dayRaw] = key.split(\"-\")\n  const year = Number(yearRaw)\n  const month = Number(monthRaw)\n  const day = Number(dayRaw)\n\n  if (!Number.isFinite(year) || !Number.isFinite(month) || !Number.isFinite(day)) return \"Unknown date\"\n\n  const date = new Date(year, month - 1, day)\n  if (!Number.isFinite(date.getTime())) return \"Unknown date\"\n\n  const now = new Date()\n  const includeYear = now.getFullYear() !== year\n  return date.toLocaleDateString(undefined, includeYear\n    ? { weekday: \"short\", month: \"short\", day: \"numeric\", year: \"numeric\" }\n    : { weekday: \"short\", month: \"short\", day: \"numeric\" })\n}\n\nconst groupByDay = (items: NotificationItem[]): DayGroup[] => {\n  const groups: DayGroup[] = []\n  let currentKey: string | null = null\n\n  for (const item of items) {\n    const key = getDayKey(item.createdAt)\n    if (key !== currentKey) {\n      currentKey = key\n      groups.push({ key, label: formatDayLabel(key), items: [] })\n    }\n    groups[groups.length - 1]!.items.push(item)\n  }\n\n  return groups\n}\n\nconst EmptyRealtimeContext = createContext<NotificationsRealtimeState | null>(null)\n\nexport function NotificationsDrawer({\n  open,\n  onOpenChange,\n  className,\n  limit = 50,\n  defaultUnreadOnly = false,\n  realtimeContext,\n}: {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  className?: string\n  limit?: number\n  defaultUnreadOnly?: boolean\n  realtimeContext?: Context<NotificationsRealtimeState | null>\n}) {\n  const realtime = useContext(realtimeContext ?? EmptyRealtimeContext)\n\n  const [items, setItems] = useState<NotificationItem[]>([])\n  const [unreadCount, setUnreadCount] = useState<number>(0)\n  const [unseenCount, setUnseenCount] = useState<number>(0)\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [unreadOnly, setUnreadOnly] = useState<boolean>(defaultUnreadOnly)\n\n  const mergedItems = realtime?.notifications ?? items\n  const mergedUnreadCount = realtime?.unreadCount ?? unreadCount\n  const mergedUnseenCount = realtime?.unseenCount ?? unseenCount\n  const mergedLoading = realtime?.loading ?? loading\n  const mergedError = realtime?.error\n    ? (realtime.error instanceof Error ? realtime.error.message : String(realtime.error))\n    : error\n\n  const visibleItems = useMemo(() => mergedItems.slice(0, limit), [limit, mergedItems])\n\n  const unread = useMemo(() => visibleItems.filter((n) => !n.readAt), [visibleItems])\n  const read = useMemo(() => visibleItems.filter((n) => Boolean(n.readAt)), [visibleItems])\n  const unreadGroups = useMemo(() => groupByDay(unread), [unread])\n  const readGroups = useMemo(() => groupByDay(read), [read])\n\n  const refresh = useCallback(async ({ unreadOnly, markSeen }: { unreadOnly: boolean; markSeen: boolean }) => {\n    setLoading(true)\n    setError(null)\n\n    try {\n      const res = await fetch(\"/api/rb/notifications\", {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        credentials: \"include\",\n        body: JSON.stringify({ limit, unreadOnly, markSeen }),\n      })\n\n      const json = (await res.json().catch(() => null)) as ListResponse | null\n      if (!res.ok || !json?.ok) {\n        setError(json?.error || \"Unable to load notifications.\")\n        return\n      }\n\n      const nextItems = Array.isArray(json.notifications) ? json.notifications : []\n      setItems(nextItems)\n      setUnreadCount(Number.isFinite(json.unreadCount) ? Math.max(0, Math.floor(json.unreadCount ?? 0)) : 0)\n      setUnseenCount(Number.isFinite(json.unseenCount) ? Math.max(0, Math.floor(json.unseenCount ?? 0)) : 0)\n    } catch {\n      setError(\"Unable to load notifications.\")\n    } finally {\n      setLoading(false)\n    }\n  }, [limit])\n\n  useEffect(() => {\n    if (!open) return\n    if (realtime) {\n      void (async () => {\n        try {\n          await fetch(\"/api/rb/notifications\", {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application/json\" },\n            credentials: \"include\",\n            keepalive: true,\n            body: JSON.stringify({ limit: 1, markSeen: true }),\n          })\n        } catch {\n          return\n        }\n      })()\n      return\n    }\n    void refresh({ unreadOnly, markSeen: true })\n  }, [open, realtime, refresh, unreadOnly])\n\n  useEffect(() => {\n    if (!open) return\n    if (realtime) return\n    void refresh({ unreadOnly, markSeen: false })\n  }, [open, realtime, refresh, unreadOnly])\n\n  const markAsRead = async (id: string) => {\n    try {\n      const res = await fetch(`/api/rb/notifications/${encodeURIComponent(id)}/read`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        credentials: \"include\",\n        keepalive: true,\n        body: \"{}\",\n      })\n\n      const json = (await res.json().catch(() => null)) as { ok?: boolean } | null\n      if (!res.ok || !json?.ok) return\n\n      const nowIso = new Date().toISOString()\n      if (realtime) return\n      setItems((current) => {\n        const target = current.find((n) => n.id === id)\n        if (target && !target.readAt) {\n          setUnreadCount((count) => Math.max(0, count - 1))\n        }\n        if (target && !target.seenAt) {\n          setUnseenCount((count) => Math.max(0, count - 1))\n        }\n        return current.map((n) => (n.id === id && !n.readAt ? { ...n, readAt: nowIso, ...(n.seenAt ? {} : { seenAt: nowIso }) } : n))\n      })\n    } catch {\n      return\n    }\n  }\n\n  const archive = async (id: string) => {\n    try {\n      const res = await fetch(`/api/rb/notifications/${encodeURIComponent(id)}/archive`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        credentials: \"include\",\n        body: \"{}\",\n      })\n\n      const json = (await res.json().catch(() => null)) as { ok?: boolean } | null\n      if (!res.ok || !json?.ok) return\n\n      if (realtime) return\n      setItems((current) => {\n        const target = current.find((n) => n.id === id)\n        if (target && !target.readAt) {\n          setUnreadCount((count) => Math.max(0, count - 1))\n        }\n        if (target && !target.seenAt) {\n          setUnseenCount((count) => Math.max(0, count - 1))\n        }\n        return current.filter((n) => n.id !== id)\n      })\n    } catch {\n      return\n    }\n  }\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay className=\"fixed inset-0 z-50 bg-black/50\" />\n        <DialogPrimitive.Content\n          className={cn(\n            \"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            className,\n          )}\n        >\n          <header className=\"flex items-center justify-between gap-2 border-b px-4 py-3\">\n            <div className=\"flex min-w-0 flex-col\">\n              <DialogPrimitive.Title className=\"text-sm font-semibold\">Notifications</DialogPrimitive.Title>\n              <span className=\"text-xs text-muted-foreground\">\n                {mergedUnreadCount > 0 ? `${mergedUnreadCount} unread` : mergedUnseenCount > 0 ? `${mergedUnseenCount} new` : \"All caught up\"}\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                onClick={() => setUnreadOnly((v) => !v)}\n                className={cn(\n                  \"rounded-md border px-2 py-1 text-xs\",\n                  unreadOnly ? \"bg-accent text-foreground\" : \"bg-background text-muted-foreground hover:bg-accent\",\n                )}\n              >\n                {unreadOnly ? \"Unread\" : \"All\"}\n              </button>\n              <DialogPrimitive.Close asChild>\n                <button type=\"button\" className=\"inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent\">\n                  <X className=\"h-4 w-4\" />\n                </button>\n              </DialogPrimitive.Close>\n            </div>\n          </header>\n\n          <div className=\"flex-1 overflow-y-auto px-4 pb-3\">\n            {mergedLoading ? (\n              <div className=\"flex items-center justify-center py-10 text-muted-foreground\">\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              </div>\n            ) : mergedError ? (\n              <div className=\"py-10 text-center text-sm text-muted-foreground\">{mergedError}</div>\n            ) : visibleItems.length === 0 ? (\n              <div className=\"py-10 text-center text-sm text-muted-foreground\">No notifications.</div>\n            ) : (\n              <div className=\"flex flex-col gap-4\">\n                <div>\n                  <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\">\n                    Unread notifications\n                  </div>\n                  {unreadGroups.length === 0 ? (\n                    <div className=\"py-6 text-center text-sm text-muted-foreground\">No unread notifications.</div>\n                  ) : (\n                    unreadGroups.map((group) => (\n                      <div key={`unread:${group.key}`}>\n                        <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\">\n                          {group.label}\n                        </div>\n                        <div className=\"-mx-4 flex flex-col divide-y divide-border\">\n                          {group.items.map((n) => (\n                            <NotificationRow\n                              key={n.id}\n                              notification={n}\n                              onMarkRead={markAsRead}\n                              onArchive={archive}\n                            />\n                          ))}\n                        </div>\n                      </div>\n                    ))\n                  )}\n                </div>\n\n                {unreadOnly ? null : (\n                  <div>\n                    <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\">\n                      Previous notifications\n                    </div>\n                    {readGroups.length === 0 ? (\n                      <div className=\"py-6 text-center text-sm text-muted-foreground\">No previous notifications.</div>\n                    ) : (\n                      readGroups.map((group) => (\n                        <div key={`previous:${group.key}`}>\n                          <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\">\n                            {group.label}\n                          </div>\n                          <div className=\"-mx-4 flex flex-col divide-y divide-border\">\n                            {group.items.map((n) => (\n                              <NotificationRow\n                                key={n.id}\n                                notification={n}\n                                onMarkRead={markAsRead}\n                                onArchive={archive}\n                              />\n                            ))}\n                          </div>\n                        </div>\n                      ))\n                    )}\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  )\n}\n\nfunction NotificationRow({\n  notification,\n  onMarkRead,\n  onArchive,\n}: {\n  notification: NotificationItem\n  onMarkRead: (id: string) => void\n  onArchive: (id: string) => void\n}) {\n  const isUnread = !notification.readAt\n  const createdAtLabel = (() => {\n    const date = new Date(toMs(notification.createdAt))\n    if (!Number.isFinite(date.getTime())) return \"\"\n    return date.toLocaleString()\n  })()\n\n  return (\n    <div\n      className={cn(\n        \"group flex w-full gap-3 px-4 py-3 hover:bg-accent/40\",\n        isUnread ? \"bg-primary/5\" : \"bg-background\",\n      )}\n    >\n      <button\n        type=\"button\"\n        className=\"min-w-0 flex-1 text-left\"\n        onClick={() => {\n          if (isUnread) {\n            void onMarkRead(notification.id)\n          }\n          if (notification.url) {\n            window.location.href = notification.url\n          }\n        }}\n      >\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-semibold\">{notification.title}</div>\n          {notification.body ? (\n            <div className=\"mt-0.5 line-clamp-2 text-xs text-muted-foreground\">{notification.body}</div>\n          ) : null}\n        </div>\n        {notification.url ? <div className=\"mt-2 truncate text-xs text-primary\">{notification.url}</div> : null}\n        {createdAtLabel ? (\n          <div className=\"mt-2 text-[11px] text-muted-foreground\">{createdAtLabel}</div>\n        ) : null}\n      </button>\n      <div className=\"flex items-start\">\n        <DropdownMenuPrimitive.Root>\n          <DropdownMenuPrimitive.Trigger asChild>\n            <button\n              type=\"button\"\n              className=\"inline-flex h-8 w-8 items-center justify-center rounded-md hover:bg-accent\"\n              aria-label=\"Notification options\"\n            >\n              <MoreVertical className=\"h-4 w-4\" />\n            </button>\n          </DropdownMenuPrimitive.Trigger>\n          <DropdownMenuPrimitive.Portal>\n            <DropdownMenuPrimitive.Content\n              align=\"end\"\n              sideOffset={6}\n              className={cn(\n                \"z-50 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\",\n                \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n                \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n              )}\n            >\n              <DropdownMenuPrimitive.Item\n                className=\"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\"\n                onSelect={() => onArchive(notification.id)}\n              >\n                Archive\n              </DropdownMenuPrimitive.Item>\n              <DropdownMenuPrimitive.Item\n                className=\"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\"\n                disabled={!isUnread}\n                onSelect={() => onMarkRead(notification.id)}\n              >\n                Mark as read\n              </DropdownMenuPrimitive.Item>\n            </DropdownMenuPrimitive.Content>\n          </DropdownMenuPrimitive.Portal>\n        </DropdownMenuPrimitive.Root>\n      </div>\n    </div>\n  )\n}\n"],"names":["toMs","iso","ms","getDayKey","date","year","month","day","formatDayLabel","key","yearRaw","monthRaw","dayRaw","includeYear","groupByDay","items","groups","currentKey","item","EmptyRealtimeContext","createContext","NotificationsDrawer","open","onOpenChange","className","limit","defaultUnreadOnly","realtimeContext","realtime","useContext","setItems","useState","unreadCount","setUnreadCount","unseenCount","setUnseenCount","loading","setLoading","error","setError","unreadOnly","setUnreadOnly","mergedItems","mergedUnreadCount","mergedUnseenCount","mergedLoading","mergedError","visibleItems","useMemo","unread","read","unreadGroups","readGroups","refresh","useCallback","markSeen","res","json","nextItems","useEffect","markAsRead","id","nowIso","current","target","n","count","archive","jsx","DialogPrimitive","jsxs","cn","v","X","Loader2","group","NotificationRow","notification","onMarkRead","onArchive","isUnread","createdAtLabel","DropdownMenuPrimitive.Root","DropdownMenuPrimitive.Trigger","MoreVertical","DropdownMenuPrimitive.Portal","DropdownMenuPrimitive.Content","DropdownMenuPrimitive.Item"],"mappings":"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"}