@rpcbase/ui 0.202.0 → 0.204.0

package/dist/index24.js

@@ -1,269 +1,3 @@
-import { j as t } from "./index30.js";
-import { c as H } from "./index28.js";
-import { useContext as Q, createContext as W, useState as T, useMemo as $, useCallback as Z, useEffect as J } from "react";
-import * as F from "@radix-ui/react-dialog";
-import { Trigger as _, Item as K, Root as ee, Portal as te, Content as ne } from "./index60.js";
-import { X as se, Loader2 as oe, MoreVertical as re } from "lucide-react";
-import { cn as P } from "./index2.js";
-const q = (i) => {
-  const e = Date.parse(i);
-  return Number.isFinite(e) ? e : 0;
-}, ie = (i) => {
-  const e = new Date(q(i));
-  if (!Number.isFinite(e.getTime())) return "unknown";
-  const n = e.getFullYear(), r = String(e.getMonth() + 1).padStart(2, "0"), a = String(e.getDate()).padStart(2, "0");
-  return `${n}-${r}-${a}`;
-}, ae = (i) => {
-  if (i === "unknown") return "Unknown date";
-  const [e, n, r] = i.split("-"), a = Number(e), f = Number(n), s = Number(r);
-  if (!Number.isFinite(a) || !Number.isFinite(f) || !Number.isFinite(s)) return "Unknown date";
-  const y = new Date(a, f - 1, s);
-  if (!Number.isFinite(y.getTime())) return "Unknown date";
-  const x = (/* @__PURE__ */ new Date()).getFullYear() !== a;
-  return y.toLocaleDateString(void 0, x ? {
-    weekday: "short",
-    month: "short",
-    day: "numeric",
-    year: "numeric"
-  } : {
-    weekday: "short",
-    month: "short",
-    day: "numeric"
-  });
-}, V = (i) => {
-  const e = [];
-  let n = null;
-  for (const r of i) {
-    const a = ie(r.createdAt);
-    a !== n && (n = a, e.push({
-      key: a,
-      label: ae(a),
-      items: []
-    })), e[e.length - 1].items.push(r);
-  }
-  return e;
-}, le = W(null);
-function he({
-  open: i,
-  onOpenChange: e,
-  className: n,
-  limit: r = 50,
-  defaultUnreadOnly: a = !1,
-  realtimeContext: f
-}) {
-  const s = Q(f ?? le), [y, C] = T([]), [x, h] = T(0), [A, p] = T(0), [S, j] = T(!1), [M, b] = T(null), [c, U] = T(a), v = s?.notifications ?? y, D = s?.unreadCount ?? x, N = s?.unseenCount ?? A, R = s?.loading ?? S, w = s?.error ? s.error instanceof Error ? s.error.message : String(s.error) : M, g = $(() => v.slice(0, r), [r, v]), I = $(() => g.filter((o) => !o.readAt), [g]), E = $(() => g.filter((o) => !!o.readAt), [g]), L = $(() => V(I), [I]), Y = $(() => V(E), [E]), z = Z(async ({
-    unreadOnly: o,
-    markSeen: d
-  }) => {
-    j(!0), b(null);
-    try {
-      const O = await fetch("/api/rb/notifications", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        credentials: "include",
-        body: JSON.stringify({
-          limit: r,
-          unreadOnly: o,
-          markSeen: d
-        })
-      }), l = await O.json().catch(() => null);
-      if (!O.ok || !l?.ok) {
-        b(l?.error || "Unable to load notifications.");
-        return;
-      }
-      const k = Array.isArray(l.notifications) ? l.notifications : [];
-      C(k), h(Number.isFinite(l.unreadCount) ? Math.max(0, Math.floor(l.unreadCount ?? 0)) : 0), p(Number.isFinite(l.unseenCount) ? Math.max(0, Math.floor(l.unseenCount ?? 0)) : 0);
-    } catch {
-      b("Unable to load notifications.");
-    } finally {
-      j(!1);
-    }
-  }, [r]);
-  J(() => {
-    if (i) {
-      if (s) {
-        (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;
-      }
-      z({
-        unreadOnly: c,
-        markSeen: !0
-      });
-    }
-  }, [i, s, z, c]), J(() => {
-    i && (s || z({
-      unreadOnly: c,
-      markSeen: !1
-    }));
-  }, [i, s, z, c]);
-  const B = async (o) => {
-    try {
-      const d = await fetch(`/api/rb/notifications/${encodeURIComponent(o)}/read`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        credentials: "include",
-        keepalive: !0,
-        body: "{}"
-      }), O = await d.json().catch(() => null);
-      if (!d.ok || !O?.ok) return;
-      const l = (/* @__PURE__ */ new Date()).toISOString();
-      if (s) return;
-      C((k) => {
-        const m = k.find((u) => u.id === o);
-        return m && !m.readAt && h((u) => Math.max(0, u - 1)), m && !m.seenAt && p((u) => Math.max(0, u - 1)), k.map((u) => u.id === o && !u.readAt ? {
-          ...u,
-          readAt: l,
-          ...u.seenAt ? {} : {
-            seenAt: l
-          }
-        } : u);
-      });
-    } catch {
-      return;
-    }
-  }, G = async (o) => {
-    try {
-      const d = await fetch(`/api/rb/notifications/${encodeURIComponent(o)}/archive`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        credentials: "include",
-        body: "{}"
-      }), O = await d.json().catch(() => null);
-      if (!d.ok || !O?.ok || s) return;
-      C((l) => {
-        const k = l.find((m) => m.id === o);
-        return k && !k.readAt && h((m) => Math.max(0, m - 1)), k && !k.seenAt && p((m) => Math.max(0, m - 1)), l.filter((m) => m.id !== o);
-      });
-    } catch {
-      return;
-    }
-  };
-  return /* @__PURE__ */ t.jsx(F.Root, { open: i, onOpenChange: e, children: /* @__PURE__ */ t.jsxs(F.Portal, { children: [
-    /* @__PURE__ */ t.jsx(F.Overlay, { className: "fixed inset-0 z-50 bg-black/50" }),
-    /* @__PURE__ */ t.jsxs(F.Content, { className: P("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(F.Title, { className: "text-sm font-semibold", children: "Notifications" }),
-          /* @__PURE__ */ t.jsx("span", { className: "text-xs text-muted-foreground", children: D > 0 ? `${D} unread` : N > 0 ? `${N} new` : "All caught up" })
-        ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => U((o) => !o), className: P("rounded-md border px-2 py-1 text-xs", c ? "bg-accent text-foreground" : "bg-background text-muted-foreground hover:bg-accent"), children: c ? "Unread" : "All" }),
-          /* @__PURE__ */ t.jsx(F.Close, { asChild: !0, children: /* @__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(se, { className: "h-4 w-4" }) }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-y-auto px-4 pb-3", children: R ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center py-10 text-muted-foreground", children: /* @__PURE__ */ t.jsx(oe, { className: "h-4 w-4 animate-spin" }) }) : w ? /* @__PURE__ */ t.jsx("div", { className: "py-10 text-center text-sm text-muted-foreground", children: w }) : g.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" }),
-          L.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No unread notifications." }) : L.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((d) => /* @__PURE__ */ t.jsx(X, { notification: d, onMarkRead: B, onArchive: G }, d.id)) })
-          ] }, `unread:${o.key}`))
-        ] }),
-        c ? 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" }),
-          Y.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No previous notifications." }) : Y.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((d) => /* @__PURE__ */ t.jsx(X, { notification: d, onMarkRead: B, onArchive: G }, d.id)) })
-          ] }, `previous:${o.key}`))
-        ] })
-      ] }) })
-    ] })
-  ] }) });
-}
-function X(i) {
-  const e = H.c(43), {
-    notification: n,
-    onMarkRead: r,
-    onArchive: a
-  } = i, f = !n.readAt;
-  let s;
-  if (e[0] !== n.createdAt) {
-    e: {
-      const I = new Date(q(n.createdAt));
-      if (!Number.isFinite(I.getTime())) {
-        s = "";
-        break e;
-      }
-      s = I.toLocaleString();
-    }
-    e[0] = n.createdAt, e[1] = s;
-  } else
-    s = e[1];
-  const y = s, C = f ? "bg-primary/5" : "bg-background";
-  let x;
-  e[2] !== C ? (x = P("group flex w-full gap-3 px-4 py-3 hover:bg-accent/40", C), e[2] = C, e[3] = x) : x = e[3];
-  let h;
-  e[4] !== f || e[5] !== n.id || e[6] !== n.url || e[7] !== r ? (h = () => {
-    f && r(n.id), n.url && (window.location.href = n.url);
-  }, e[4] = f, e[5] = n.id, e[6] = n.url, e[7] = r, e[8] = h) : h = e[8];
-  let A;
-  e[9] !== n.title ? (A = /* @__PURE__ */ t.jsx("div", { className: "truncate text-sm font-semibold", children: n.title }), e[9] = n.title, e[10] = A) : A = e[10];
-  let p;
-  e[11] !== n.body ? (p = n.body ? /* @__PURE__ */ t.jsx("div", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: n.body }) : null, e[11] = n.body, e[12] = p) : p = e[12];
-  let S;
-  e[13] !== A || e[14] !== p ? (S = /* @__PURE__ */ t.jsxs("div", { className: "min-w-0", children: [
-    A,
-    p
-  ] }), e[13] = A, e[14] = p, e[15] = S) : S = e[15];
-  let j;
-  e[16] !== n.url ? (j = n.url ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 truncate text-xs text-primary", children: n.url }) : null, e[16] = n.url, e[17] = j) : j = e[17];
-  let M;
-  e[18] !== y ? (M = y ? /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-[11px] text-muted-foreground", children: y }) : null, e[18] = y, e[19] = M) : M = e[19];
-  let b;
-  e[20] !== h || e[21] !== S || e[22] !== j || e[23] !== M ? (b = /* @__PURE__ */ t.jsxs("button", { type: "button", className: "min-w-0 flex-1 text-left", onClick: h, children: [
-    S,
-    j,
-    M
-  ] }), e[20] = h, e[21] = S, e[22] = j, e[23] = M, e[24] = b) : b = e[24];
-  let c;
-  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ t.jsx(_, { asChild: !0, children: /* @__PURE__ */ t.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__ */ t.jsx(re, { className: "h-4 w-4" }) }) }), e[25] = c) : c = e[25];
-  let U;
-  e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = P("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"), e[26] = U) : U = e[26];
-  let v;
-  e[27] !== n.id || e[28] !== a ? (v = /* @__PURE__ */ t.jsx(K, { 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: () => a(n.id), children: "Archive" }), e[27] = n.id, e[28] = a, e[29] = v) : v = e[29];
-  const D = !f;
-  let N;
-  e[30] !== n.id || e[31] !== r ? (N = () => r(n.id), e[30] = n.id, e[31] = r, e[32] = N) : N = e[32];
-  let R;
-  e[33] !== D || e[34] !== N ? (R = /* @__PURE__ */ t.jsx(K, { 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: D, onSelect: N, children: "Mark as read" }), e[33] = D, e[34] = N, e[35] = R) : R = e[35];
-  let w;
-  e[36] !== v || e[37] !== R ? (w = /* @__PURE__ */ t.jsx("div", { className: "flex items-start", children: /* @__PURE__ */ t.jsxs(ee, { children: [
-    c,
-    /* @__PURE__ */ t.jsx(te, { children: /* @__PURE__ */ t.jsxs(ne, { align: "end", sideOffset: 6, className: U, children: [
-      v,
-      R
-    ] }) })
-  ] }) }), e[36] = v, e[37] = R, e[38] = w) : w = e[38];
-  let g;
-  return e[39] !== b || e[40] !== w || e[41] !== x ? (g = /* @__PURE__ */ t.jsxs("div", { className: x, children: [
-    b,
-    w
-  ] }), e[39] = b, e[40] = w, e[41] = x, e[42] = g) : g = e[42], g;
-}
-export {
-  he as NotificationsDrawer
-};
-//# sourceMappingURL=index24.js.map
+//#endregion
+
+//# sourceMappingURL=index24.js.map

package/dist/index24.js.map

@@ -1 +1 @@
-{"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","Date","parse","Number","isFinite","getDayKey","date","getTime","year","getFullYear","month","String","getMonth","padStart","day","getDate","formatDayLabel","key","yearRaw","monthRaw","dayRaw","split","includeYear","toLocaleDateString","undefined","weekday","groupByDay","items","groups","currentKey","item","createdAt","push","label","length","EmptyRealtimeContext","createContext","NotificationsDrawer","open","onOpenChange","className","limit","defaultUnreadOnly","realtimeContext","realtime","useContext","setItems","useState","unreadCount","setUnreadCount","unseenCount","setUnseenCount","loading","setLoading","error","setError","unreadOnly","setUnreadOnly","mergedItems","notifications","mergedUnreadCount","mergedUnseenCount","mergedLoading","mergedError","Error","message","visibleItems","useMemo","slice","unread","filter","n","readAt","read","Boolean","unreadGroups","readGroups","refresh","useCallback","markSeen","res","fetch","method","headers","credentials","body","JSON","stringify","json","catch","ok","nextItems","Array","isArray","Math","max","floor","useEffect","keepalive","markAsRead","id","encodeURIComponent","nowIso","toISOString","current","target","find","count","seenAt","map","archive","jsx","DialogPrimitive","jsxs","cn","v","X","Loader2","group","NotificationRow","t0","$","_c","notification","onMarkRead","onArchive","isUnread","t1","bb0","toLocaleString","createdAtLabel","t2","t3","t4","url","window","location","href","t5","title","t6","t7","t8","t9","t10","t11","Symbol","for","DropdownMenuPrimitive.Trigger","MoreVertical","t12","t13","t14","t15","t16","t17","DropdownMenuPrimitive.Root","DropdownMenuPrimitive.Content","t18"],"mappings":";;;;;;;AAwBA,MAAMA,IAAOA,CAACC,MAAwB;AACpC,QAAMC,IAAKC,KAAKC,MAAMH,CAAG;AACzB,SAAOI,OAAOC,SAASJ,CAAE,IAAIA,IAAK;AACpC,GAEMK,KAAYA,CAACN,MAAwB;AACzC,QAAMO,IAAO,IAAIL,KAAKH,EAAKC,CAAG,CAAC;AAC/B,MAAI,CAACI,OAAOC,SAASE,EAAKC,QAAAA,CAAS,EAAG,QAAO;AAE7C,QAAMC,IAAOF,EAAKG,YAAAA,GACZC,IAAQC,OAAOL,EAAKM,SAAAA,IAAa,CAAC,EAAEC,SAAS,GAAG,GAAG,GACnDC,IAAMH,OAAOL,EAAKS,QAAAA,CAAS,EAAEF,SAAS,GAAG,GAAG;AAElD,SAAO,GAAGL,CAAI,IAAIE,CAAK,IAAII,CAAG;AAChC,GAEME,KAAiBA,CAACC,MAAwB;AAC9C,MAAIA,MAAQ,UAAW,QAAO;AAC9B,QAAM,CAACC,GAASC,GAAUC,CAAM,IAAIH,EAAII,MAAM,GAAG,GAC3Cb,IAAOL,OAAOe,CAAO,GACrBR,IAAQP,OAAOgB,CAAQ,GACvBL,IAAMX,OAAOiB,CAAM;AAEzB,MAAI,CAACjB,OAAOC,SAASI,CAAI,KAAK,CAACL,OAAOC,SAASM,CAAK,KAAK,CAACP,OAAOC,SAASU,CAAG,EAAG,QAAO;AAEvF,QAAMR,IAAO,IAAIL,KAAKO,GAAME,IAAQ,GAAGI,CAAG;AAC1C,MAAI,CAACX,OAAOC,SAASE,EAAKC,QAAAA,CAAS,EAAG,QAAO;AAG7C,QAAMe,yBADUrB,KAAAA,GACQQ,YAAAA,MAAkBD;AAC1C,SAAOF,EAAKiB,mBAAmBC,QAAWF,IACtC;AAAA,IAAEG,SAAS;AAAA,IAASf,OAAO;AAAA,IAASI,KAAK;AAAA,IAAWN,MAAM;AAAA,EAAA,IAC1D;AAAA,IAAEiB,SAAS;AAAA,IAASf,OAAO;AAAA,IAASI,KAAK;AAAA,EAAA,CAAW;AAC1D,GAEMY,IAAaA,CAACC,MAA0C;AAC5D,QAAMC,IAAqB,CAAA;AAC3B,MAAIC,IAA4B;AAEhC,aAAWC,KAAQH,GAAO;AACxB,UAAMV,IAAMZ,GAAUyB,EAAKC,SAAS;AACpC,IAAId,MAAQY,MACVA,IAAaZ,GACbW,EAAOI,KAAK;AAAA,MAAEf,KAAAA;AAAAA,MAAKgB,OAAOjB,GAAeC,CAAG;AAAA,MAAGU,OAAO,CAAA;AAAA,IAAA,CAAI,IAE5DC,EAAOA,EAAOM,SAAS,CAAC,EAAGP,MAAMK,KAAKF,CAAI;AAAA,EAC5C;AAEA,SAAOF;AACT,GAEMO,KAAuBC,EAAiD,IAAI;AAE3E,SAASC,GAAoB;AAAA,EAClCC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA,IAAQ;AAAA,EACRC,mBAAAA,IAAoB;AAAA,EACpBC,iBAAAA;AAQF,GAAG;AACD,QAAMC,IAAWC,EAAWF,KAAmBR,EAAoB,GAE7D,CAACR,GAAOmB,CAAQ,IAAIC,EAA6B,CAAA,CAAE,GACnD,CAACC,GAAaC,CAAc,IAAIF,EAAiB,CAAC,GAClD,CAACG,GAAaC,CAAc,IAAIJ,EAAiB,CAAC,GAClD,CAACK,GAASC,CAAU,IAAIN,EAAS,EAAK,GACtC,CAACO,GAAOC,CAAQ,IAAIR,EAAwB,IAAI,GAChD,CAACS,GAAYC,CAAa,IAAIV,EAAkBL,CAAiB,GAEjEgB,IAAcd,GAAUe,iBAAiBhC,GACzCiC,IAAoBhB,GAAUI,eAAeA,GAC7Ca,IAAoBjB,GAAUM,eAAeA,GAC7CY,IAAgBlB,GAAUQ,WAAWA,GACrCW,IAAcnB,GAAUU,QACzBV,EAASU,iBAAiBU,QAAQpB,EAASU,MAAMW,UAAUtD,OAAOiC,EAASU,KAAK,IACjFA,GAEEY,IAAeC,EAAQ,MAAMT,EAAYU,MAAM,GAAG3B,CAAK,GAAG,CAACA,GAAOiB,CAAW,CAAC,GAE9EW,IAASF,EAAQ,MAAMD,EAAaI,OAAQC,CAAAA,MAAM,CAACA,EAAEC,MAAM,GAAG,CAACN,CAAY,CAAC,GAC5EO,IAAON,EAAQ,MAAMD,EAAaI,OAAQC,CAAAA,MAAMG,EAAQH,EAAEC,MAAO,GAAG,CAACN,CAAY,CAAC,GAClFS,IAAeR,EAAQ,MAAMzC,EAAW2C,CAAM,GAAG,CAACA,CAAM,CAAC,GACzDO,IAAaT,EAAQ,MAAMzC,EAAW+C,CAAI,GAAG,CAACA,CAAI,CAAC,GAEnDI,IAAUC,EAAY,OAAO;AAAA,IAAEtB,YAAAA;AAAAA,IAAYuB,UAAAA;AAAAA,EAAAA,MAA2D;AAC1G1B,IAAAA,EAAW,EAAI,GACfE,EAAS,IAAI;AAEb,QAAI;AACF,YAAMyB,IAAM,MAAMC,MAAM,yBAAyB;AAAA,QAC/CC,QAAQ;AAAA,QACRC,SAAS;AAAA,UAAE,gBAAgB;AAAA,QAAA;AAAA,QAC3BC,aAAa;AAAA,QACbC,MAAMC,KAAKC,UAAU;AAAA,UAAE9C,OAAAA;AAAAA,UAAOe,YAAAA;AAAAA,UAAYuB,UAAAA;AAAAA,QAAAA,CAAU;AAAA,MAAA,CACrD,GAEKS,IAAQ,MAAMR,EAAIQ,OAAOC,MAAM,MAAM,IAAI;AAC/C,UAAI,CAACT,EAAIU,MAAM,CAACF,GAAME,IAAI;AACxBnC,QAAAA,EAASiC,GAAMlC,SAAS,+BAA+B;AACvD;AAAA,MACF;AAEA,YAAMqC,IAAYC,MAAMC,QAAQL,EAAK7B,aAAa,IAAI6B,EAAK7B,gBAAgB,CAAA;AAC3Eb,MAAAA,EAAS6C,CAAS,GAClB1C,EAAe9C,OAAOC,SAASoF,EAAKxC,WAAW,IAAI8C,KAAKC,IAAI,GAAGD,KAAKE,MAAMR,EAAKxC,eAAe,CAAC,CAAC,IAAI,CAAC,GACrGG,EAAehD,OAAOC,SAASoF,EAAKtC,WAAW,IAAI4C,KAAKC,IAAI,GAAGD,KAAKE,MAAMR,EAAKtC,eAAe,CAAC,CAAC,IAAI,CAAC;AAAA,IACvG,QAAQ;AACNK,MAAAA,EAAS,+BAA+B;AAAA,IAC1C,UAAA;AACEF,MAAAA,EAAW,EAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAACZ,CAAK,CAAC;AAEVwD,EAAAA,EAAU,MAAM;AACd,QAAK3D,GACL;AAAA,UAAIM,GAAU;AACZ,SAAM,YAAY;AAChB,cAAI;AACF,kBAAMqC,MAAM,yBAAyB;AAAA,cACnCC,QAAQ;AAAA,cACRC,SAAS;AAAA,gBAAE,gBAAgB;AAAA,cAAA;AAAA,cAC3BC,aAAa;AAAA,cACbc,WAAW;AAAA,cACXb,MAAMC,KAAKC,UAAU;AAAA,gBAAE9C,OAAO;AAAA,gBAAGsC,UAAU;AAAA,cAAA,CAAM;AAAA,YAAA,CAClD;AAAA,UACH,QAAQ;AACN;AAAA,UACF;AAAA,QACF,GAAA;AACA;AAAA,MACF;AACA,MAAKF,EAAQ;AAAA,QAAErB,YAAAA;AAAAA,QAAYuB,UAAU;AAAA,MAAA,CAAM;AAAA;AAAA,EAC7C,GAAG,CAACzC,GAAMM,GAAUiC,GAASrB,CAAU,CAAC,GAExCyC,EAAU,MAAM;AACd,IAAK3D,MACDM,KACCiC,EAAQ;AAAA,MAAErB,YAAAA;AAAAA,MAAYuB,UAAU;AAAA,IAAA,CAAO;AAAA,EAC9C,GAAG,CAACzC,GAAMM,GAAUiC,GAASrB,CAAU,CAAC;AAExC,QAAM2C,IAAa,OAAOC,MAAe;AACvC,QAAI;AACF,YAAMpB,IAAM,MAAMC,MAAM,yBAAyBoB,mBAAmBD,CAAE,CAAC,SAAS;AAAA,QAC9ElB,QAAQ;AAAA,QACRC,SAAS;AAAA,UAAE,gBAAgB;AAAA,QAAA;AAAA,QAC3BC,aAAa;AAAA,QACbc,WAAW;AAAA,QACXb,MAAM;AAAA,MAAA,CACP,GAEKG,IAAQ,MAAMR,EAAIQ,OAAOC,MAAM,MAAM,IAAI;AAC/C,UAAI,CAACT,EAAIU,MAAM,CAACF,GAAME,GAAI;AAE1B,YAAMY,KAAS,oBAAIrG,KAAAA,GAAOsG,YAAAA;AAC1B,UAAI3D,EAAU;AACdE,MAAAA,EAAU0D,CAAAA,MAAY;AACpB,cAAMC,IAASD,EAAQE,KAAMnC,CAAAA,MAAMA,EAAE6B,OAAOA,CAAE;AAC9C,eAAIK,KAAU,CAACA,EAAOjC,UACpBvB,EAAgB0D,OAAUb,KAAKC,IAAI,GAAGY,IAAQ,CAAC,CAAC,GAE9CF,KAAU,CAACA,EAAOG,UACpBzD,EAAgBwD,OAAUb,KAAKC,IAAI,GAAGY,IAAQ,CAAC,CAAC,GAE3CH,EAAQK,IAAKtC,CAAAA,MAAOA,EAAE6B,OAAOA,KAAM,CAAC7B,EAAEC,SAAS;AAAA,UAAE,GAAGD;AAAAA,UAAGC,QAAQ8B;AAAAA,UAAQ,GAAI/B,EAAEqC,SAAS,KAAK;AAAA,YAAEA,QAAQN;AAAAA,UAAAA;AAAAA,QAAO,IAAO/B,CAAE;AAAA,MAC9H,CAAC;AAAA,IACH,QAAQ;AACN;AAAA,IACF;AAAA,EACF,GAEMuC,IAAU,OAAOV,MAAe;AACpC,QAAI;AACF,YAAMpB,IAAM,MAAMC,MAAM,yBAAyBoB,mBAAmBD,CAAE,CAAC,YAAY;AAAA,QACjFlB,QAAQ;AAAA,QACRC,SAAS;AAAA,UAAE,gBAAgB;AAAA,QAAA;AAAA,QAC3BC,aAAa;AAAA,QACbC,MAAM;AAAA,MAAA,CACP,GAEKG,IAAQ,MAAMR,EAAIQ,OAAOC,MAAM,MAAM,IAAI;AAG/C,UAFI,CAACT,EAAIU,MAAM,CAACF,GAAME,MAElB9C,EAAU;AACdE,MAAAA,EAAU0D,CAAAA,MAAY;AACpB,cAAMC,IAASD,EAAQE,KAAMnC,CAAAA,MAAMA,EAAE6B,OAAOA,CAAE;AAC9C,eAAIK,KAAU,CAACA,EAAOjC,UACpBvB,EAAgB0D,OAAUb,KAAKC,IAAI,GAAGY,IAAQ,CAAC,CAAC,GAE9CF,KAAU,CAACA,EAAOG,UACpBzD,EAAgBwD,OAAUb,KAAKC,IAAI,GAAGY,IAAQ,CAAC,CAAC,GAE3CH,EAAQlC,OAAQC,CAAAA,MAAMA,EAAE6B,OAAOA,CAAE;AAAA,MAC1C,CAAC;AAAA,IACH,QAAQ;AACN;AAAA,IACF;AAAA,EACF;AAEA,SACEW,gBAAAA,MAACC,EAAgB,MAAhB,EAAqB,MAAA1E,GAAY,cAAAC,GAChC,UAAA0E,gBAAAA,OAACD,EAAgB,QAAhB,EACC,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,IAACC,EAAgB,SAAhB,EAAwB,WAAU,iCAAA,CAAgC;AAAA,IACnEC,gBAAAA,OAACD,EAAgB,SAAhB,EACC,WAAWE,EACT,+GACA1E,CACF,GAEA,UAAA;AAAA,MAAAyE,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,8DAChB,UAAA;AAAA,QAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAAF,gBAAAA,EAAAA,IAACC,EAAgB,OAAhB,EAAsB,WAAU,yBAAwB,UAAA,iBAAa;AAAA,UACtED,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iCACbnD,cAAoB,IAAI,GAAGA,CAAiB,YAAYC,IAAoB,IAAI,GAAGA,CAAiB,SAAS,gBAAA,CAChH;AAAA,QAAA,GACF;AAAA,QACAoD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAAF,gBAAAA,MAAC,YACC,MAAK,UACL,SAAS,MAAMtD,EAAe0D,OAAM,CAACA,CAAC,GACtC,WAAWD,EACT,uCACA1D,IAAa,8BAA8B,qDAC7C,GAECA,UAAAA,IAAa,WAAW,OAC3B;AAAA,gCACCwD,EAAgB,OAAhB,EAAsB,SAAO,IAC5B,UAAAD,gBAAAA,EAAAA,IAAC,UAAA,EAAO,MAAK,UAAS,WAAU,8EAC9B,UAAAA,gBAAAA,MAACK,MAAE,WAAU,WAAS,GACxB,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MAEAL,gBAAAA,MAAC,OAAA,EAAI,WAAU,oCACZjD,cACCiD,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gEACb,gCAACM,IAAA,EAAQ,WAAU,uBAAA,CAAsB,EAAA,CAC3C,IACEtD,IACFgD,gBAAAA,MAAC,OAAA,EAAI,WAAU,mDAAmDhD,UAAAA,EAAAA,CAAY,IAC5EG,EAAahC,WAAW,IAC1B6E,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mDAAkD,UAAA,qBAAiB,IAElFE,gBAAAA,OAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,QAAAA,gBAAAA,OAAC,OAAA,EACC,UAAA;AAAA,UAAAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yHAAuH,UAAA,wBAEtI;AAAA,UACCpC,EAAazC,WAAW,IACvB6E,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kDAAiD,UAAA,2BAAA,CAAwB,IAExFpC,EAAakC,IAAKS,CAAAA,6BACf,OAAA,EACC,UAAA;AAAA,YAAAP,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oHACZO,UAAAA,EAAMrF,OACT;AAAA,kCACC,OAAA,EAAI,WAAU,8CACZqF,UAAAA,EAAM3F,MAAMkF,IAAKtC,CAAAA,MAChBwC,gBAAAA,EAAAA,IAACQ,KAEC,cAAchD,GACd,YAAY4B,GACZ,WAAWW,KAHNvC,EAAE6B,GAKV,EAAA,CACH;AAAA,UAAA,EAAA,GAbQ,UAAUkB,EAAMrG,GAAG,EAc7B,CACD;AAAA,QAAA,GAEL;AAAA,QAECuC,IAAa,OACZyD,gBAAAA,EAAAA,KAAC,OAAA,EACC,UAAA;AAAA,UAAAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,yHAAuH,UAAA,0BAEtI;AAAA,UACCnC,EAAW1C,WAAW,IACrB6E,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kDAAiD,UAAA,6BAAA,CAA0B,IAE1FnC,EAAWiC,IAAKS,CAAAA,6BACb,OAAA,EACC,UAAA;AAAA,YAAAP,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oHACZO,UAAAA,EAAMrF,OACT;AAAA,kCACC,OAAA,EAAI,WAAU,8CACZqF,UAAAA,EAAM3F,MAAMkF,IAAKtC,CAAAA,MAChBwC,gBAAAA,EAAAA,IAACQ,KAEC,cAAchD,GACd,YAAY4B,GACZ,WAAWW,KAHNvC,EAAE6B,GAKV,EAAA,CACH;AAAA,UAAA,EAAA,GAbQ,YAAYkB,EAAMrG,GAAG,EAc/B,CACD;AAAA,QAAA,EAAA,CAEL;AAAA,MAAA,EAAA,CAEJ,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,SAAAsG,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAyB;AAAA,IAAAC,cAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,WAAAA;AAAAA,EAAAA,IAAAL,GASvBM,IAAiB,CAACH,EAAYnD;AAAO,MAAAuD;AAAA,MAAAN,EAAA,CAAA,MAAAE,EAAA5F,WAAA;AAAAiG,IAAAA,GAAA;AAEnC,YAAA1H,IAAa,IAAIL,KAAKH,EAAK6H,EAAY5F,SAAU,CAAC;AAClD,UAAI,CAAC5B,OAAMC,SAAUE,EAAIC,QAAAA,CAAU,GAAC;AAAEwH,QAAAA,IAAO;AAAP,cAAAC;AAAAA,MAAS;AAC/CD,MAAAA,IAAOzH,EAAI2H,eAAAA;AAAAA,IAAiB;AAAAR,IAAAA,EAAA,CAAA,IAAAE,EAAA5F,WAAA0F,OAAAM;AAAAA,EAAA;AAAAA,IAAAA,IAAAN,EAAA,CAAA;AAH9B,QAAAS,IAAuBH,GAUjBI,IAAAL,IAAA,iBAAA;AAA2C,MAAAM;AAAA,EAAAX,SAAAU,KAFlCC,IAAAlB,EACT,wDACAiB,CACF,GAACV,OAAAU,GAAAV,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAY;AAAA,EAAAZ,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAE,EAAAvB,MAAAqB,SAAAE,EAAAW,OAAAb,SAAAG,KAKUS,IAAAA,MAAA;AACP,IAAIP,KACGF,EAAWD,EAAYvB,EAAG,GAE7BuB,EAAYW,QACdC,OAAMC,SAASC,OAAQd,EAAYW;AAAAA,EACpC,GACFb,OAAAK,GAAAL,EAAA,CAAA,IAAAE,EAAAvB,IAAAqB,EAAA,CAAA,IAAAE,EAAAW,KAAAb,OAAAG,GAAAH,OAAAY,KAAAA,IAAAZ,EAAA,CAAA;AAAA,MAAAiB;AAAA,EAAAjB,EAAA,CAAA,MAAAE,EAAAgB,SAGCD,IAAA3B,gBAAAA,EAAAA,IAAA,OAAA,EAAe,WAAA,kCAAkCY,YAAYgB,OAAO,GAAMlB,EAAA,CAAA,IAAAE,EAAAgB,OAAAlB,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA;AAAA,MAAAmB;AAAA,EAAAnB,EAAA,EAAA,MAAAE,EAAAtC,QACzEuD,IAAAjB,EAAYtC,OACX0B,gBAAAA,EAAAA,IAAA,OAAA,EAAe,WAAA,qDAAqDY,UAAAA,EAAYtC,MAAM,IADvF,MAEOoC,EAAA,EAAA,IAAAE,EAAAtC,MAAAoC,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA;AAAA,MAAAoB;AAAA,EAAApB,EAAA,EAAA,MAAAiB,KAAAjB,UAAAmB,KAJVC,IAAA5B,gBAAAA,EAAAA,KAAA,OAAA,EAAe,WAAA,WACbyB,UAAAA;AAAAA,IAAAA;AAAAA,IACCE;AAAAA,EAAAA,GAGH,GAAMnB,QAAAiB,GAAAjB,QAAAmB,GAAAnB,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AAAA,MAAAqB;AAAA,EAAArB,EAAA,EAAA,MAAAE,EAAAW,OACLQ,IAAAnB,EAAYW,MAAOvB,gBAAAA,EAAAA,IAAA,OAAA,EAAe,WAAA,sCAAsCY,UAAAA,EAAYW,KAAK,IAAzF,MAAsGb,EAAA,EAAA,IAAAE,EAAAW,KAAAb,QAAAqB,KAAAA,IAAArB,EAAA,EAAA;AAAA,MAAAsB;AAAA,EAAAtB,UAAAS,KACtGa,IAAAb,IACCnB,gBAAAA,EAAAA,IAAA,OAAA,EAAe,WAAA,uDAAyD,IADzE,MAEOU,QAAAS,GAAAT,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA;AAAA,MAAAuB;AAAA,EAAAvB,EAAA,EAAA,MAAAY,KAAAZ,EAAA,EAAA,MAAAoB,KAAApB,EAAA,EAAA,MAAAqB,KAAArB,UAAAsB,KArBVC,2BAAA,UAAA,EACO,MAAA,UACK,WAAA,4BACD,SAAAX,GASTQ,UAAAA;AAAAA,IAAAA;AAAAA,IAMCC;AAAAA,IACAC;AAAAA,EAAAA,GAGH,GAAStB,QAAAY,GAAAZ,QAAAoB,GAAApB,QAAAqB,GAAArB,QAAAsB,GAAAtB,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA;AAAA,MAAAwB;AAAA,EAAAxB,EAAA,EAAA,MAAAyB,uBAAAC,IAAA,2BAAA,KAGLF,0BAAAG,GAAA,EAA+B,SAAA,IAC7B,gCAAA,UAAA,EACO,MAAA,UACK,WAAA,8EACC,cAAA,wBAEX,UAAArC,gBAAAA,EAAAA,IAACsC,MAAuB,WAAA,WAAS,GACnC,EAAA,CACF,GAAgC5B,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA;AAAA,MAAA6B;AAAA,EAAA7B,EAAA,EAAA,MAAAyB,uBAAAC,IAAA,2BAAA,KAKjBG,IAAApC,EACT,yGACA,wLACA,6JACF,GAACO,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA;AAAA,MAAA8B;AAAA,EAAA9B,UAAAE,EAAAvB,MAAAqB,UAAAI,KAED0B,+BACY,WAAA,yOACA,UAAA,MAAM1B,EAAUF,EAAYvB,EAAG,GAC1C,UAAA,UAAA,CAED,GAA6BqB,EAAA,EAAA,IAAAE,EAAAvB,IAAAqB,QAAAI,GAAAJ,QAAA8B,KAAAA,IAAA9B,EAAA,EAAA;AAGjB,QAAA+B,KAAC1B;AAAQ,MAAA2B;AAAA,EAAAhC,UAAAE,EAAAvB,MAAAqB,UAAAG,KACT6B,IAAAA,MAAM7B,EAAWD,EAAYvB,EAAG,GAACqB,EAAA,EAAA,IAAAE,EAAAvB,IAAAqB,QAAAG,GAAAH,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA;AAAA,MAAAiC;AAAA,EAAAjC,EAAA,EAAA,MAAA+B,KAAA/B,UAAAgC,KAH7CC,+BACY,WAAA,yOACA,UAAAF,GACA,UAAAC,GACX,UAAA,eAAA,CAED,GAA6BhC,QAAA+B,GAAA/B,QAAAgC,GAAAhC,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA;AAAA,MAAAkC;AAAA,EAAAlC,EAAA,EAAA,MAAA8B,KAAA9B,UAAAiC,KAjCrCC,mCAAe,WAAA,oBACb,UAAA1C,gBAAAA,EAAAA,KAAA2C,IAAA,EACEX,UAAAA;AAAAA,IAAAA;AAAAA,IASAlC,gBAAAA,EAAAA,UACE,UAAAE,gBAAAA,EAAAA,KAAA4C,IAAA,EACQ,OAAA,OACM,YAAA,GACD,WAAAP,GAMXC,UAAAA;AAAAA,MAAAA;AAAAA,MAMAG;AAAAA,IAAAA,EAAAA,CAOF,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,GAAMjC,QAAA8B,GAAA9B,QAAAiC,GAAAjC,QAAAkC,KAAAA,IAAAlC,EAAA,EAAA;AAAA,MAAAqC;AAAA,SAAArC,EAAA,EAAA,MAAAuB,KAAAvB,UAAAkC,KAAAlC,EAAA,EAAA,MAAAW,KAlER0B,IAAA7C,gBAAAA,EAAAA,KAAA,OAAA,EACa,WAAAmB,GAKXY,UAAAA;AAAAA,IAAAA;AAAAA,IAuBAW;AAAAA,EAAAA,GAsCF,GAAMlC,QAAAuB,GAAAvB,QAAAkC,GAAAlC,QAAAW,GAAAX,QAAAqC,KAAAA,IAAArC,EAAA,EAAA,GAnENqC;AAmEM;"}
+{"version":3,"file":"index24.js","names":[],"sources":["../../../node_modules/@date-fns/tz/constants/index.js"],"sourcesContent":["/**\n * The symbol to access the `TZDate`'s function to construct a new instance from\n * the provided value. It helps date-fns to inherit the time zone.\n */\nexport const constructFromSymbol = Symbol.for(\"constructDateFrom\");"],"x_google_ignoreList":[0],"mappings":""}

package/dist/index240.js

@@ -1,32 +1,16 @@
-import { __rest as E, __assign as r } from "./index239.js";
-import * as a from "react";
-import { zeroRightClassName as I, fullWidthClassName as Z } from "./index273.js";
-import { effectCar as W } from "./index274.js";
-import { useMergeRefs as z } from "./index275.js";
-var l = function() {
-}, m = a.forwardRef(function(e, d) {
-  var o = a.useRef(null), n = a.useState({
-    onScrollCapture: l,
-    onWheelCapture: l,
-    onTouchMoveCapture: l
-  }), f = n[0], v = n[1], h = e.forwardProps, t = e.children, u = e.className, C = e.removeScrollBar, R = e.enabled, g = e.shards, P = e.sideCar, S = e.noRelative, b = e.noIsolation, w = e.inert, N = e.allowPinchZoom, i = e.as, M = i === void 0 ? "div" : i, _ = e.gapMode, B = E(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), k = P, s = z([o, d]), c = r(r({}, B), f);
-  return a.createElement(
-    a.Fragment,
-    null,
-    R && a.createElement(k, { sideCar: W, removeScrollBar: C, shards: g, noRelative: S, noIsolation: b, inert: w, setCallbacks: v, allowPinchZoom: !!N, lockRef: o, gapMode: _ }),
-    h ? a.cloneElement(a.Children.only(t), r(r({}, c), { ref: s })) : a.createElement(M, r({}, c, { className: u, ref: s }), t)
-  );
+import { __assign as e } from "./index219.js";
+import { RemoveScroll as t } from "./index227.js";
+import n from "./index239.js";
+import * as r from "react";
+//#region ../../node_modules/react-remove-scroll/dist/es2015/Combination.js
+var i = r.forwardRef(function(i, a) {
+	return r.createElement(t, e({}, i, {
+		ref: a,
+		sideCar: n
+	}));
 });
-m.defaultProps = {
-  enabled: !0,
-  removeScrollBar: !0,
-  inert: !1
-};
-m.classNames = {
-  fullWidth: Z,
-  zeroRight: I
-};
-export {
-  m as RemoveScroll
-};
-//# sourceMappingURL=index240.js.map
+i.classNames = t.classNames;
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=index240.js.map

package/dist/index240.js.map

@@ -1 +1 @@
-{"version":3,"file":"index240.js","sources":["../../../node_modules/react-remove-scroll/dist/es2015/UI.js"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport * as React from 'react';\nimport { fullWidthClassName, zeroRightClassName } from 'react-remove-scroll-bar/constants';\nimport { useMergeRefs } from 'use-callback-ref';\nimport { effectCar } from './medium';\nvar nothing = function () {\n    return;\n};\n/**\n * Removes scrollbar from the page and contain the scroll within the Lock\n */\nvar RemoveScroll = React.forwardRef(function (props, parentRef) {\n    var ref = React.useRef(null);\n    var _a = React.useState({\n        onScrollCapture: nothing,\n        onWheelCapture: nothing,\n        onTouchMoveCapture: nothing,\n    }), callbacks = _a[0], setCallbacks = _a[1];\n    var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noRelative = props.noRelative, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, gapMode = props.gapMode, rest = __rest(props, [\"forwardProps\", \"children\", \"className\", \"removeScrollBar\", \"enabled\", \"shards\", \"sideCar\", \"noRelative\", \"noIsolation\", \"inert\", \"allowPinchZoom\", \"as\", \"gapMode\"]);\n    var SideCar = sideCar;\n    var containerRef = useMergeRefs([ref, parentRef]);\n    var containerProps = __assign(__assign({}, rest), callbacks);\n    return (React.createElement(React.Fragment, null,\n        enabled && (React.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noRelative: noRelative, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode: gapMode })),\n        forwardProps ? (React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));\n});\nRemoveScroll.defaultProps = {\n    enabled: true,\n    removeScrollBar: true,\n    inert: false,\n};\nRemoveScroll.classNames = {\n    fullWidth: fullWidthClassName,\n    zeroRight: zeroRightClassName,\n};\nexport { RemoveScroll };\n"],"names":["nothing","RemoveScroll","React","props","parentRef","ref","_a","callbacks","setCallbacks","forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","_b","Container","gapMode","rest","__rest","SideCar","containerRef","useMergeRefs","containerProps","__assign","effectCar","fullWidthClassName","zeroRightClassName"],"mappings":";;;;;AAKA,IAAIA,IAAU,WAAY;AAE1B,GAIIC,IAAeC,EAAM,WAAW,SAAUC,GAAOC,GAAW;AAC5D,MAAIC,IAAMH,EAAM,OAAO,IAAI,GACvBI,IAAKJ,EAAM,SAAS;AAAA,IACpB,iBAAiBF;AAAA,IACjB,gBAAgBA;AAAA,IAChB,oBAAoBA;AAAA,EAC5B,CAAK,GAAGO,IAAYD,EAAG,CAAC,GAAGE,IAAeF,EAAG,CAAC,GACtCG,IAAeN,EAAM,cAAcO,IAAWP,EAAM,UAAUQ,IAAYR,EAAM,WAAWS,IAAkBT,EAAM,iBAAiBU,IAAUV,EAAM,SAASW,IAASX,EAAM,QAAQY,IAAUZ,EAAM,SAASa,IAAab,EAAM,YAAYc,IAAcd,EAAM,aAAae,IAAQf,EAAM,OAAOgB,IAAiBhB,EAAM,gBAAgBiB,IAAKjB,EAAM,IAAIkB,IAAYD,MAAO,SAAS,QAAQA,GAAIE,IAAUnB,EAAM,SAASoB,IAAOC,EAAOrB,GAAO,CAAC,gBAAgB,YAAY,aAAa,mBAAmB,WAAW,UAAU,WAAW,cAAc,eAAe,SAAS,kBAAkB,MAAM,SAAS,CAAC,GACnlBsB,IAAUV,GACVW,IAAeC,EAAa,CAACtB,GAAKD,CAAS,CAAC,GAC5CwB,IAAiBC,EAASA,EAAS,CAAA,GAAIN,CAAI,GAAGhB,CAAS;AAC3D,SAAQL,EAAM;AAAA,IAAcA,EAAM;AAAA,IAAU;AAAA,IACxCW,KAAYX,EAAM,cAAcuB,GAAS,EAAE,SAASK,GAAW,iBAAiBlB,GAAiB,QAAQE,GAAQ,YAAYE,GAAY,aAAaC,GAAa,OAAOC,GAAO,cAAcV,GAAc,gBAAgB,CAAC,CAACW,GAAgB,SAASd,GAAK,SAASiB,EAAO,CAAE;AAAA,IAC/Qb,IAAgBP,EAAM,aAAaA,EAAM,SAAS,KAAKQ,CAAQ,GAAGmB,EAASA,EAAS,CAAA,GAAID,CAAc,GAAG,EAAE,KAAKF,EAAY,CAAE,CAAC,IAAMxB,EAAM,cAAcmB,GAAWQ,EAAS,CAAA,GAAID,GAAgB,EAAE,WAAWjB,GAAW,KAAKe,EAAY,CAAE,GAAGhB,CAAQ;AAAA,EAAE;AACjQ,CAAC;AACDT,EAAa,eAAe;AAAA,EACxB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,OAAO;AACX;AACAA,EAAa,aAAa;AAAA,EACtB,WAAW8B;AAAA,EACX,WAAWC;AACf;","x_google_ignoreList":[0]}
+{"version":3,"file":"index240.js","names":["React","SideCar"],"sources":["../../../node_modules/react-remove-scroll/dist/es2015/Combination.js"],"sourcesContent":["import { __assign } from \"tslib\";\nimport * as React from 'react';\nimport { RemoveScroll } from './UI';\nimport SideCar from './sidecar';\nvar ReactRemoveScroll = React.forwardRef(function (props, ref) { return (React.createElement(RemoveScroll, __assign({}, props, { ref: ref, sideCar: SideCar }))); });\nReactRemoveScroll.classNames = RemoveScroll.classNames;\nexport default ReactRemoveScroll;\n"],"x_google_ignoreList":[0],"mappings":";;;;;AAIA,IAAI,IAAoBA,EAAM,WAAW,SAAU,GAAO,GAAK;AAAE,QAAQA,EAAM,cAAc,GAAc,EAAS,EAAE,EAAE,GAAO;EAAO;EAAK,SAASC;EAAS,CAAC,CAAC;EAAK;AACpK,EAAkB,aAAa,EAAa"}