@12-apps/notifications 4.7.0 → 4.7.1

package/dist/chunk-BW723CX2.js

@@ -0,0 +1,214 @@
+import {
+  __name
+} from "./chunk-7QVYU63E.js";
+
+// src/react/bell-icon.tsx
+import { Box } from "@12-apps/ui/mui/Box";
+import { jsx, jsxs } from "react/jsx-runtime";
+function BellIcon({
+  size = 28,
+  dim = false
+}) {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "svg",
+      viewBox: "0 0 24 24",
+      "aria-hidden": true,
+      sx: {
+        width: size,
+        height: size,
+        fill: "none",
+        stroke: "currentColor",
+        opacity: dim ? 0.4 : 1
+      },
+      strokeWidth: 1.8,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M6 9a6 6 0 0 1 12 0c0 5 2 6 2 6H4s2-1 2-6" }),
+        /* @__PURE__ */ jsx("path", { d: "M10 20a2 2 0 0 0 4 0" })
+      ]
+    }
+  );
+}
+__name(BellIcon, "BellIcon");
+
+// src/react/inbox-state.ts
+var PAGE_SIZE = 20;
+var BADGE_POLL_MS = 6e4;
+var BADGE_RECONCILE_MS = 3e5;
+var EMPTY = {
+  unread: 0,
+  items: [],
+  status: "idle",
+  nextCursor: null,
+  loadingMore: false
+};
+function patch(cell, next) {
+  cell.state = { ...cell.state, ...next };
+  for (const listener of cell.listeners) listener();
+}
+__name(patch, "patch");
+function refreshBadge(cell, api) {
+  void api.unreadCount().then((unread) => patch(cell, { unread })).catch(() => void 0);
+}
+__name(refreshBadge, "refreshBadge");
+function reloadList(cell, api) {
+  const token = cell.request += 1;
+  patch(cell, { status: cell.state.items.length > 0 ? cell.state.status : "pending" });
+  void api.listNotifications({ limit: PAGE_SIZE }).then((page) => {
+    if (token !== cell.request) return;
+    patch(cell, { items: page.items, nextCursor: page.nextCursor, status: "ready" });
+  }).catch(() => {
+    if (token !== cell.request) return;
+    patch(cell, { status: "error" });
+  });
+}
+__name(reloadList, "reloadList");
+function invalidate(cell, api) {
+  refreshBadge(cell, api);
+  if (cell.state.status !== "idle") reloadList(cell, api);
+}
+__name(invalidate, "invalidate");
+function write(cell, api, apply, send) {
+  apply();
+  void send().then((result) => {
+    if (!result.ok) invalidate(cell, api);
+  }).catch(() => invalidate(cell, api));
+}
+__name(write, "write");
+function bumpUnread(cell, delta) {
+  patch(cell, { unread: Math.max(0, cell.state.unread + delta) });
+}
+__name(bumpUnread, "bumpUnread");
+function loadMore(cell, api) {
+  const cursor = cell.state.nextCursor;
+  if (!cursor || cell.state.loadingMore) return;
+  patch(cell, { loadingMore: true });
+  void api.listNotifications({ cursor, limit: PAGE_SIZE }).then((page) => {
+    patch(cell, {
+      items: [...cell.state.items, ...page.items],
+      nextCursor: page.nextCursor,
+      loadingMore: false
+    });
+  }).catch(() => patch(cell, { loadingMore: false }));
+}
+__name(loadMore, "loadMore");
+function markRead(cell, api, ids) {
+  const readAt = (/* @__PURE__ */ new Date()).toISOString();
+  let flipped = 0;
+  const items = cell.state.items.map((item) => {
+    if (!ids.includes(item.id) || item.readAt !== null) return item;
+    flipped += 1;
+    return { ...item, readAt };
+  });
+  if (flipped === 0) return;
+  write(
+    cell,
+    api,
+    () => {
+      patch(cell, { items });
+      bumpUnread(cell, -flipped);
+    },
+    () => api.markRead(ids)
+  );
+}
+__name(markRead, "markRead");
+function remove(cell, api, id) {
+  const target = cell.state.items.find((item) => item.id === id);
+  if (!target) return;
+  const items = cell.state.items.filter((item) => item.id !== id);
+  write(
+    cell,
+    api,
+    () => {
+      patch(cell, { items });
+      if (target.readAt === null) bumpUnread(cell, -1);
+    },
+    () => api.remove([id])
+  );
+}
+__name(remove, "remove");
+function createInboxStore(api) {
+  const cell = { state: EMPTY, listeners: /* @__PURE__ */ new Set(), request: 0 };
+  return {
+    getState: /* @__PURE__ */ __name(() => cell.state, "getState"),
+    subscribe(listener) {
+      cell.listeners.add(listener);
+      return () => cell.listeners.delete(listener);
+    },
+    open() {
+      if (cell.state.status === "idle") reloadList(cell, api);
+    },
+    refreshBadge: /* @__PURE__ */ __name(() => refreshBadge(cell, api), "refreshBadge"),
+    invalidate: /* @__PURE__ */ __name(() => invalidate(cell, api), "invalidate"),
+    loadMore: /* @__PURE__ */ __name(() => loadMore(cell, api), "loadMore"),
+    markRead: /* @__PURE__ */ __name((ids) => markRead(cell, api, ids), "markRead"),
+    markAllRead() {
+      const readAt = (/* @__PURE__ */ new Date()).toISOString();
+      const items = cell.state.items.map((item) => ({ ...item, readAt: item.readAt ?? readAt }));
+      write(
+        cell,
+        api,
+        () => patch(cell, { items, unread: 0 }),
+        () => api.markAllRead()
+      );
+    },
+    remove: /* @__PURE__ */ __name((id) => remove(cell, api, id), "remove")
+  };
+}
+__name(createInboxStore, "createInboxStore");
+
+// src/react/hooks.ts
+import { useEffect, useSyncExternalStore } from "react";
+function useInboxState(store) {
+  return useSyncExternalStore(store.subscribe, store.getState, store.getState);
+}
+__name(useInboxState, "useInboxState");
+function useUnreadCount(store, options = {}) {
+  const enabled = options.enabled ?? true;
+  const subscribe = options.subscribe;
+  const { unread } = useInboxState(store);
+  options.useSignal?.(() => {
+    if (enabled) store.invalidate();
+  });
+  useEffect(() => {
+    if (!enabled) return;
+    store.refreshBadge();
+    const unsubscribe = subscribe?.(() => store.invalidate());
+    const interval = setInterval(
+      () => store.refreshBadge(),
+      subscribe ? BADGE_RECONCILE_MS : BADGE_POLL_MS
+    );
+    const onFocus = /* @__PURE__ */ __name(() => store.refreshBadge(), "onFocus");
+    globalThis.addEventListener?.("focus", onFocus);
+    return () => {
+      clearInterval(interval);
+      globalThis.removeEventListener?.("focus", onFocus);
+      unsubscribe?.();
+    };
+  }, [store, enabled, subscribe]);
+  return enabled ? unread : 0;
+}
+__name(useUnreadCount, "useUnreadCount");
+function useInboxList(store, open) {
+  const state = useInboxState(store);
+  useEffect(() => {
+    if (open) store.open();
+  }, [store, open]);
+  return state;
+}
+__name(useInboxList, "useInboxList");
+
+export {
+  BellIcon,
+  PAGE_SIZE,
+  BADGE_POLL_MS,
+  BADGE_RECONCILE_MS,
+  createInboxStore,
+  useInboxState,
+  useUnreadCount,
+  useInboxList
+};
+//# sourceMappingURL=chunk-BW723CX2.js.map

package/dist/chunk-BW723CX2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/bell-icon.tsx","../src/react/inbox-state.ts","../src/react/hooks.ts"],"sourcesContent":["/** Inline SVG bell (no icon-library dependency in this package). */\nimport type { JSX } from 'react';\n\nimport { Box } from '@12-apps/ui/mui/Box';\n\nexport function BellIcon({\n  size = 28,\n  dim = false,\n}: {\n  size?: number;\n  dim?: boolean;\n}): JSX.Element {\n  return (\n    <Box\n      component=\"svg\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden\n      sx={{\n        width: size,\n        height: size,\n        fill: 'none',\n        stroke: 'currentColor',\n        opacity: dim ? 0.4 : 1,\n      }}\n      strokeWidth={1.8}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M6 9a6 6 0 0 1 12 0c0 5 2 6 2 6H4s2-1 2-6\" />\n      <path d=\"M10 20a2 2 0 0 0 4 0\" />\n    </Box>\n  );\n}\n","import type { InboxNotification } from '../wire';\n\nimport type { NotificationsApiClient } from './api';\n\n/**\n * The inbox's client state, as ONE store shared by the bell and the panel.\n *\n * They have to share it: marking a row read in the panel must move the badge in\n * the same tick, and an arrival must add a row to the list AND to the count.\n * the origin got that for free from a react-query cache the host had already\n * mounted; a published package cannot assume one — a query client is a host\n * decision, and requiring a particular one (or a particular version of one) is\n * the kind of dependency that keeps a package out of a host that made the other\n * choice. So the sharing is explicit and dependency-free: one subscribable\n * store, read through `useSyncExternalStore`.\n *\n * Optimistic on every write, with invalidate-on-error: the badge and the list\n * update instantly, and a failed write refetches the server truth rather than\n * leaving the screen asserting something the database does not say.\n */\n\nexport const PAGE_SIZE = 20;\n\n/** The badge's poll while nothing is pushing to us. */\nexport const BADGE_POLL_MS = 60_000;\n\n/**\n * The badge's interval while a realtime connection is live.\n *\n * Five minutes, not \"never\": this is the reconcile that catches an event the bus\n * dropped, and it costs one COUNT per open tab per five minutes. Deliberately\n * far slower than an operational screen's — a bell badge is ambient, and the\n * arrival that matters is pushed within milliseconds anyway. The poll does NOT\n * stop, which is the standing contract: a dropped event must cost latency and\n * never correctness.\n */\nexport const BADGE_RECONCILE_MS = 300_000;\n\nexport type InboxListStatus = 'idle' | 'pending' | 'ready' | 'error';\n\nexport interface InboxState {\n  unread: number;\n  items: InboxNotification[];\n  status: InboxListStatus;\n  /** A cursor means there is another page. */\n  nextCursor: string | null;\n  loadingMore: boolean;\n}\n\nexport interface InboxStore {\n  getState(): InboxState;\n  subscribe(listener: () => void): () => void;\n  /** Load the first page (idempotent while one is in flight). */\n  open(): void;\n  /** Refetch the badge count. */\n  refreshBadge(): void;\n  /** Refetch both — what a realtime hint or a failed write triggers. */\n  invalidate(): void;\n  loadMore(): void;\n  markRead(ids: readonly string[]): void;\n  markAllRead(): void;\n  remove(id: string): void;\n}\n\nconst EMPTY: InboxState = {\n  unread: 0,\n  items: [],\n  status: 'idle',\n  nextCursor: null,\n  loadingMore: false,\n};\n\n/** The mutable cell the functions below share, so each one stays small. */\ninterface Cell {\n  state: InboxState;\n  listeners: Set<() => void>;\n  /** Fences a stale reload: a newer one must always win. */\n  request: number;\n}\n\nfunction patch(cell: Cell, next: Partial<InboxState>): void {\n  cell.state = { ...cell.state, ...next };\n  for (const listener of cell.listeners) listener();\n}\n\n/** Refetch the badge count. The number is always one the server just gave us. */\nfunction refreshBadge(cell: Cell, api: NotificationsApiClient): void {\n  void api\n    .unreadCount()\n    .then((unread) => patch(cell, { unread }))\n    .catch(() => undefined);\n}\n\n/**\n * Reload page one, discarding whatever the optimistic path had produced.\n * `request` fences it: a reload that started before a newer one must not land\n * after it and reinstate stale rows.\n */\nfunction reloadList(cell: Cell, api: NotificationsApiClient): void {\n  const token = (cell.request += 1);\n  patch(cell, { status: cell.state.items.length > 0 ? cell.state.status : 'pending' });\n  void api\n    .listNotifications({ limit: PAGE_SIZE })\n    .then((page) => {\n      if (token !== cell.request) return;\n      patch(cell, { items: page.items, nextCursor: page.nextCursor, status: 'ready' });\n    })\n    .catch(() => {\n      if (token !== cell.request) return;\n      patch(cell, { status: 'error' });\n    });\n}\n\nfunction invalidate(cell: Cell, api: NotificationsApiClient): void {\n  refreshBadge(cell, api);\n  if (cell.state.status !== 'idle') reloadList(cell, api);\n}\n\n/** Apply an optimistic edit; on failure, take the server's word instead. */\nfunction write(\n  cell: Cell,\n  api: NotificationsApiClient,\n  apply: () => void,\n  send: () => Promise<{ ok: boolean }>,\n): void {\n  apply();\n  void send()\n    .then((result) => {\n      if (!result.ok) invalidate(cell, api);\n    })\n    .catch(() => invalidate(cell, api));\n}\n\nfunction bumpUnread(cell: Cell, delta: number): void {\n  patch(cell, { unread: Math.max(0, cell.state.unread + delta) });\n}\n\nfunction loadMore(cell: Cell, api: NotificationsApiClient): void {\n  const cursor = cell.state.nextCursor;\n  if (!cursor || cell.state.loadingMore) return;\n  patch(cell, { loadingMore: true });\n  void api\n    .listNotifications({ cursor, limit: PAGE_SIZE })\n    .then((page) => {\n      patch(cell, {\n        items: [...cell.state.items, ...page.items],\n        nextCursor: page.nextCursor,\n        loadingMore: false,\n      });\n    })\n    .catch(() => patch(cell, { loadingMore: false }));\n}\n\nfunction markRead(cell: Cell, api: NotificationsApiClient, ids: readonly string[]): void {\n  const readAt = new Date().toISOString();\n  let flipped = 0;\n  const items = cell.state.items.map((item) => {\n    if (!ids.includes(item.id) || item.readAt !== null) return item;\n    flipped += 1;\n    return { ...item, readAt };\n  });\n  if (flipped === 0) return;\n  write(\n    cell,\n    api,\n    () => {\n      patch(cell, { items });\n      bumpUnread(cell, -flipped);\n    },\n    () => api.markRead(ids),\n  );\n}\n\nfunction remove(cell: Cell, api: NotificationsApiClient, id: string): void {\n  const target = cell.state.items.find((item) => item.id === id);\n  if (!target) return;\n  const items = cell.state.items.filter((item) => item.id !== id);\n  write(\n    cell,\n    api,\n    () => {\n      patch(cell, { items });\n      if (target.readAt === null) bumpUnread(cell, -1);\n    },\n    () => api.remove([id]),\n  );\n}\n\nexport function createInboxStore(api: NotificationsApiClient): InboxStore {\n  const cell: Cell = { state: EMPTY, listeners: new Set(), request: 0 };\n  return {\n    getState: () => cell.state,\n    subscribe(listener) {\n      cell.listeners.add(listener);\n      return () => cell.listeners.delete(listener);\n    },\n    open() {\n      if (cell.state.status === 'idle') reloadList(cell, api);\n    },\n    refreshBadge: () => refreshBadge(cell, api),\n    invalidate: () => invalidate(cell, api),\n    loadMore: () => loadMore(cell, api),\n    markRead: (ids) => markRead(cell, api, ids),\n    markAllRead() {\n      const readAt = new Date().toISOString();\n      const items = cell.state.items.map((item) => ({ ...item, readAt: item.readAt ?? readAt }));\n      write(\n        cell,\n        api,\n        () => patch(cell, { items, unread: 0 }),\n        () => api.markAllRead(),\n      );\n    },\n    remove: (id) => remove(cell, api, id),\n  };\n}\n","import { useEffect, useSyncExternalStore } from 'react';\n\nimport {\n  BADGE_POLL_MS,\n  BADGE_RECONCILE_MS,\n  type InboxState,\n  type InboxStore,\n} from './inbox-state';\n\n/**\n * The two hooks the bell and the panel use, and the realtime seam between them.\n *\n * A host that has a message bus passes `subscribe`; one that has not passes\n * nothing and keeps the 60 s poll. The bell ships in this package and mounts in\n * whatever embeds it, so it must not require the host to have adopted anything.\n */\n\n/**\n * How the surface learns an inbox changed without asking.\n *\n * Called once per mounted bell with a callback that means only \"ask again\" — no\n * payload, so the number on screen is always one the server just gave us.\n * Returns its own teardown. A host wires this to whatever it already has.\n */\nexport type NotificationsSubscribe = (onHint: () => void) => () => void;\n\n/**\n * The same wiring, as a HOOK — for a host whose realtime connection lives in\n * React context rather than in a module.\n *\n * `subscribe` above is supplied at FACTORY time, which is module scope, and a\n * context-bound connection cannot be reached from there: the provider holding\n * it is inside the tree. A host in that shape (a `<UserRealtimeProvider>` and a\n * `useUserTopics` hook, which is the common one) had no way to pass anything at\n * all, and the badge simply never heard an event.\n *\n * So this is the second door, and it is the one `@12-apps/app-shell` already\n * uses for the same problem — its consent dialog takes a `useSignal` hook for\n * exactly this reason. Two packages solving one problem two ways is how an\n * adopter ends up believing the feature is unavailable to it.\n *\n * Called during render, so it may use context and hooks freely. Pass one or\n * the other; passing both runs both, which is a host's business.\n */\nexport type NotificationsSignalHook = (onHint: () => void) => void;\n\nexport function useInboxState(store: InboxStore): InboxState {\n  return useSyncExternalStore(store.subscribe, store.getState, store.getState);\n}\n\n/**\n * The bell badge number: pushed while a subscription is live, polled otherwise.\n *\n * `enabled` gates the poll AND the subscription. A signed-out header still\n * mounts the bell, and there is nothing for it to hear.\n */\nexport function useUnreadCount(\n  store: InboxStore,\n  options: {\n    enabled?: boolean;\n    subscribe?: NotificationsSubscribe;\n    useSignal?: NotificationsSignalHook;\n  } = {},\n): number {\n  const enabled = options.enabled ?? true;\n  const subscribe = options.subscribe;\n  const { unread } = useInboxState(store);\n\n  // Called unconditionally — it is a hook, so it cannot sit behind `enabled`.\n  // The host's own hook decides what to do when there is nothing to hear.\n  options.useSignal?.(() => {\n    if (enabled) store.invalidate();\n  });\n\n  useEffect(() => {\n    if (!enabled) return;\n    store.refreshBadge();\n    const unsubscribe = subscribe?.(() => store.invalidate());\n    // A live subscription relaxes the poll to the reconcile interval; without\n    // one it stays the 60 s poll.\n    const interval = setInterval(\n      () => store.refreshBadge(),\n      subscribe ? BADGE_RECONCILE_MS : BADGE_POLL_MS,\n    );\n    const onFocus = (): void => store.refreshBadge();\n    globalThis.addEventListener?.('focus', onFocus);\n    return () => {\n      clearInterval(interval);\n      globalThis.removeEventListener?.('focus', onFocus);\n      unsubscribe?.();\n    };\n  }, [store, enabled, subscribe]);\n\n  return enabled ? unread : 0;\n}\n\n/** The panel's list — only fetches while the panel is open. */\nexport function useInboxList(store: InboxStore, open: boolean): InboxState {\n  const state = useInboxState(store);\n  useEffect(() => {\n    if (open) store.open();\n  }, [store, open]);\n  return state;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-CQZMTFPY.js

@@ -0,0 +1,76 @@
+import {
+  __name
+} from "./chunk-7QVYU63E.js";
+
+// src/react/web-push-client.ts
+function base64UrlToUint8Array(base64Url) {
+  const padding = "=".repeat((4 - base64Url.length % 4) % 4);
+  const base64 = (base64Url + padding).replaceAll("-", "+").replaceAll("_", "/");
+  const raw = atob(base64);
+  return Uint8Array.from(raw, (char) => char.charCodeAt(0));
+}
+__name(base64UrlToUint8Array, "base64UrlToUint8Array");
+function pushSupported() {
+  return typeof navigator !== "undefined" && "serviceWorker" in navigator && typeof window !== "undefined" && "PushManager" in window && "Notification" in window;
+}
+__name(pushSupported, "pushSupported");
+async function getExistingPushSubscription() {
+  if (!pushSupported()) return null;
+  const registration = await navigator.serviceWorker.getRegistration();
+  if (!registration) return null;
+  return registration.pushManager.getSubscription();
+}
+__name(getExistingPushSubscription, "getExistingPushSubscription");
+async function obtainSubscription(swPath, vapidPublicKey) {
+  const registration = await navigator.serviceWorker.register(swPath);
+  await navigator.serviceWorker.ready;
+  return await registration.pushManager.getSubscription() ?? registration.pushManager.subscribe({
+    userVisibleOnly: true,
+    applicationServerKey: base64UrlToUint8Array(vapidPublicKey)
+  });
+}
+__name(obtainSubscription, "obtainSubscription");
+async function persist(api, subscription) {
+  const json = subscription.toJSON();
+  if (!json.endpoint || !json.keys?.p256dh || !json.keys.auth) {
+    return { ok: false, reason: "error" };
+  }
+  const saved = await api.savePushSubscription({
+    endpoint: json.endpoint,
+    keys: { p256dh: json.keys.p256dh, auth: json.keys.auth }
+  });
+  return saved.ok ? { ok: true } : { ok: false, reason: "error" };
+}
+__name(persist, "persist");
+async function enableWebPush(api, swPath = "/sw.js") {
+  if (!pushSupported()) return { ok: false, reason: "unsupported" };
+  const registration = await api.getPushRegistration().catch(() => null);
+  if (!registration?.vapidPublicKey) return { ok: false, reason: "unconfigured" };
+  const permission = await Notification.requestPermission();
+  if (permission !== "granted") return { ok: false, reason: "permission-denied" };
+  try {
+    return await persist(
+      api,
+      await obtainSubscription(swPath, registration.vapidPublicKey)
+    );
+  } catch {
+    return { ok: false, reason: "error" };
+  }
+}
+__name(enableWebPush, "enableWebPush");
+async function disableWebPush(api) {
+  const subscription = await getExistingPushSubscription();
+  if (!subscription) return;
+  const endpoint = subscription.endpoint;
+  await subscription.unsubscribe().catch(() => false);
+  await api.removePushSubscription(endpoint).catch(() => void 0);
+}
+__name(disableWebPush, "disableWebPush");
+
+export {
+  pushSupported,
+  getExistingPushSubscription,
+  enableWebPush,
+  disableWebPush
+};
+//# sourceMappingURL=chunk-CQZMTFPY.js.map

package/dist/chunk-CQZMTFPY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/web-push-client.ts"],"sourcesContent":["import type { NotificationsApiClient } from './api';\n\n/**\n * The browser half of Web Push: register the service worker, ask permission,\n * subscribe with the deployment's VAPID public key (read from the packaged\n * `GET <mount>/push-subscriptions`) and persist the subscription so the\n * WEB_PUSH transport can reach this browser.\n *\n * A preference alone cannot reach a device that never subscribed, which is why\n * this ships with the preferences screen rather than being left to the host.\n * The one thing that IS the host's is the service-worker path — path-routed SPAs\n * each control their own scope, and the file itself lives in the host's public\n * directory.\n */\n\n/** Why enabling push failed, mapped to a user-facing hint by the caller. */\nexport type PushSetupResult =\n  | { ok: true }\n  | { ok: false; reason: 'unsupported' | 'unconfigured' | 'permission-denied' | 'error' };\n\n/** `PushManager.subscribe` needs the VAPID key as a Uint8Array. */\nfunction base64UrlToUint8Array(base64Url: string): Uint8Array {\n  const padding = '='.repeat((4 - (base64Url.length % 4)) % 4);\n  const base64 = (base64Url + padding).replaceAll('-', '+').replaceAll('_', '/');\n  const raw = atob(base64);\n  return Uint8Array.from(raw, (char) => char.charCodeAt(0));\n}\n\nexport function pushSupported(): boolean {\n  return (\n    typeof navigator !== 'undefined' &&\n    'serviceWorker' in navigator &&\n    typeof window !== 'undefined' &&\n    'PushManager' in window &&\n    'Notification' in window\n  );\n}\n\n/** Whether this browser currently holds an active push subscription. */\nexport async function getExistingPushSubscription(): Promise<PushSubscription | null> {\n  if (!pushSupported()) return null;\n  const registration = await navigator.serviceWorker.getRegistration();\n  if (!registration) return null;\n  return registration.pushManager.getSubscription();\n}\n\n/** Register the SW and return this browser's (possibly new) subscription. */\nasync function obtainSubscription(\n  swPath: string,\n  vapidPublicKey: string,\n): Promise<PushSubscription> {\n  const registration = await navigator.serviceWorker.register(swPath);\n  await navigator.serviceWorker.ready;\n  return (\n    (await registration.pushManager.getSubscription()) ??\n    registration.pushManager.subscribe({\n      userVisibleOnly: true,\n      applicationServerKey: base64UrlToUint8Array(vapidPublicKey) as BufferSource,\n    })\n  );\n}\n\n/**\n * Full enable flow: configured? → permission → SW registration → subscribe →\n * persist. Idempotent — an existing subscription is simply re-persisted (the\n * server upserts on the endpoint).\n */\n/** Persist the browser's subscription server-side (upsert on the endpoint). */\nasync function persist(\n  api: NotificationsApiClient,\n  subscription: PushSubscription,\n): Promise<PushSetupResult> {\n  const json = subscription.toJSON();\n  if (!json.endpoint || !json.keys?.p256dh || !json.keys.auth) {\n    return { ok: false, reason: 'error' };\n  }\n  const saved = await api.savePushSubscription({\n    endpoint: json.endpoint,\n    keys: { p256dh: json.keys.p256dh, auth: json.keys.auth },\n  });\n  return saved.ok ? { ok: true } : { ok: false, reason: 'error' };\n}\n\nexport async function enableWebPush(\n  api: NotificationsApiClient,\n  swPath = '/sw.js',\n): Promise<PushSetupResult> {\n  if (!pushSupported()) return { ok: false, reason: 'unsupported' };\n\n  const registration = await api.getPushRegistration().catch(() => null);\n  if (!registration?.vapidPublicKey) return { ok: false, reason: 'unconfigured' };\n\n  const permission = await Notification.requestPermission();\n  if (permission !== 'granted') return { ok: false, reason: 'permission-denied' };\n\n  try {\n    return await persist(\n      api,\n      await obtainSubscription(swPath, registration.vapidPublicKey),\n    );\n  } catch {\n    return { ok: false, reason: 'error' };\n  }\n}\n\n/** Disable flow: unsubscribe the browser and drop the server-side row. */\nexport async function disableWebPush(api: NotificationsApiClient): Promise<void> {\n  const subscription = await getExistingPushSubscription();\n  if (!subscription) return;\n  const endpoint = subscription.endpoint;\n  await subscription.unsubscribe().catch(() => false);\n  await api.removePushSubscription(endpoint).catch(() => undefined);\n}\n"],"mappings":";;;;;AAqBA,SAAS,sBAAsB,WAA+B;AAC5D,QAAM,UAAU,IAAI,QAAQ,IAAK,UAAU,SAAS,KAAM,CAAC;AAC3D,QAAM,UAAU,YAAY,SAAS,WAAW,KAAK,GAAG,EAAE,WAAW,KAAK,GAAG;AAC7E,QAAM,MAAM,KAAK,MAAM;AACvB,SAAO,WAAW,KAAK,KAAK,CAAC,SAAS,KAAK,WAAW,CAAC,CAAC;AAC1D;AALS;AAOF,SAAS,gBAAyB;AACvC,SACE,OAAO,cAAc,eACrB,mBAAmB,aACnB,OAAO,WAAW,eAClB,iBAAiB,UACjB,kBAAkB;AAEtB;AARgB;AAWhB,eAAsB,8BAAgE;AACpF,MAAI,CAAC,cAAc,EAAG,QAAO;AAC7B,QAAM,eAAe,MAAM,UAAU,cAAc,gBAAgB;AACnE,MAAI,CAAC,aAAc,QAAO;AAC1B,SAAO,aAAa,YAAY,gBAAgB;AAClD;AALsB;AAQtB,eAAe,mBACb,QACA,gBAC2B;AAC3B,QAAM,eAAe,MAAM,UAAU,cAAc,SAAS,MAAM;AAClE,QAAM,UAAU,cAAc;AAC9B,SACG,MAAM,aAAa,YAAY,gBAAgB,KAChD,aAAa,YAAY,UAAU;AAAA,IACjC,iBAAiB;AAAA,IACjB,sBAAsB,sBAAsB,cAAc;AAAA,EAC5D,CAAC;AAEL;AAbe;AAqBf,eAAe,QACb,KACA,cAC0B;AAC1B,QAAM,OAAO,aAAa,OAAO;AACjC,MAAI,CAAC,KAAK,YAAY,CAAC,KAAK,MAAM,UAAU,CAAC,KAAK,KAAK,MAAM;AAC3D,WAAO,EAAE,IAAI,OAAO,QAAQ,QAAQ;AAAA,EACtC;AACA,QAAM,QAAQ,MAAM,IAAI,qBAAqB;AAAA,IAC3C,UAAU,KAAK;AAAA,IACf,MAAM,EAAE,QAAQ,KAAK,KAAK,QAAQ,MAAM,KAAK,KAAK,KAAK;AAAA,EACzD,CAAC;AACD,SAAO,MAAM,KAAK,EAAE,IAAI,KAAK,IAAI,EAAE,IAAI,OAAO,QAAQ,QAAQ;AAChE;AAbe;AAef,eAAsB,cACpB,KACA,SAAS,UACiB;AAC1B,MAAI,CAAC,cAAc,EAAG,QAAO,EAAE,IAAI,OAAO,QAAQ,cAAc;AAEhE,QAAM,eAAe,MAAM,IAAI,oBAAoB,EAAE,MAAM,MAAM,IAAI;AACrE,MAAI,CAAC,cAAc,eAAgB,QAAO,EAAE,IAAI,OAAO,QAAQ,eAAe;AAE9E,QAAM,aAAa,MAAM,aAAa,kBAAkB;AACxD,MAAI,eAAe,UAAW,QAAO,EAAE,IAAI,OAAO,QAAQ,oBAAoB;AAE9E,MAAI;AACF,WAAO,MAAM;AAAA,MACX;AAAA,MACA,MAAM,mBAAmB,QAAQ,aAAa,cAAc;AAAA,IAC9D;AAAA,EACF,QAAQ;AACN,WAAO,EAAE,IAAI,OAAO,QAAQ,QAAQ;AAAA,EACtC;AACF;AApBsB;AAuBtB,eAAsB,eAAe,KAA4C;AAC/E,QAAM,eAAe,MAAM,4BAA4B;AACvD,MAAI,CAAC,aAAc;AACnB,QAAM,WAAW,aAAa;AAC9B,QAAM,aAAa,YAAY,EAAE,MAAM,MAAM,KAAK;AAClD,QAAM,IAAI,uBAAuB,QAAQ,EAAE,MAAM,MAAM,MAAS;AAClE;AANsB;","names":[]}

package/dist/{chunk-QRAXX3GR.js → chunk-CUZW62JS.js}

@@ -1,7 +1,7 @@
 import {
   UnknownNotificationRecipientError,
   UnknownNotificationTypeError
-} from "./chunk-HQU4R4SG.js";
+} from "./chunk-HHMRCMQU.js";
 import {
   __name
 } from "./chunk-7QVYU63E.js";
@@ -91,4 +91,4 @@ export {
   NOTIFICATIONS_DRAIN_LEASE_MS,
   NOTIFICATIONS_JOBS
 };
-//# sourceMappingURL=chunk-QRAXX3GR.js.map
+//# sourceMappingURL=chunk-CUZW62JS.js.map

package/dist/{chunk-HQU4R4SG.js → chunk-HHMRCMQU.js}

@@ -1,6 +1,6 @@
 import {
   NOTIFICATION_CHANNELS
-} from "./chunk-Y34FX24X.js";
+} from "./chunk-XE7HZVMH.js";
 import {
   __name
 } from "./chunk-7QVYU63E.js";
@@ -131,4 +131,4 @@ export {
   normalizePhoneE164,
   inboxWire
 };
-//# sourceMappingURL=chunk-HQU4R4SG.js.map
+//# sourceMappingURL=chunk-HHMRCMQU.js.map

package/dist/chunk-M2TVBVH2.js

@@ -0,0 +1,15 @@
+import {
+  __name
+} from "./chunk-7QVYU63E.js";
+
+// src/messages.ts
+function messagesOf(config, locale) {
+  const source = config.messages;
+  return typeof source === "function" ? source({ locale }) : source;
+}
+__name(messagesOf, "messagesOf");
+
+export {
+  messagesOf
+};
+//# sourceMappingURL=chunk-M2TVBVH2.js.map

package/dist/chunk-M2TVBVH2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/messages.ts"],"sourcesContent":["/**\n * Every sentence this package can say to a USER, stated by the HOST.\n *\n * The copy lives in ONE table rather than in each screen so the api half and\n * the react half can never disagree about a sentence — the 401 body the wire\n * returns and the error the panel renders come from the same key.\n *\n * THE pt-BR TABLE THAT USED TO BE THE DEFAULT IS GONE. Its own docstring said\n * what it was: \"the product copy the surface shipped with\", labelled in the\n * source as one named application's \"exact copy\". A description of one adopter,\n * shipped inside the package every other adopter installs, and reached by\n * saying nothing.\n *\n * `categoryLabels` is the sharpest of the forty. The categories themselves\n * became required config in the release before this one, precisely because\n * WHICH categories exist is product vocabulary — and their LABELS kept\n * defaulting, so a host that declared `['loans', 'fines']` got a labels map\n * describing somebody else's four. Required categories with defaulted labels\n * for a different host's categories is not a smaller version of the bug; it is\n * the same bug with a compile-time gesture in front of it.\n *\n * So `messages` is REQUIRED and whole. The interface is the checklist, and the\n * compiler names the sentences a host has not written yet.\n */\n/**\n * The sentences the SERVER half renders — and the whole of what a backend mount\n * has to state.\n *\n * Split out when `messages` became required. Requiring the full forty on a\n * server config would have made a backend-only adopter write three dozen\n * sentences for screens it does not serve, which is the kind of tax that gets a\n * required-config migration reverted rather than adopted. These four are the\n * ones the router and the route descriptors actually put on a wire.\n */\nexport interface NotificationWireMessages {\n  unauthenticated: string;\n  invalidBody: string;\n  operationFailed: string;\n  /** `POST /notifications/mark-read` with neither `ids` nor `all`. */\n  markReadTargetRequired: string;\n}\n\n/** Every sentence, wire and screen — what the REACT half needs. */\nexport interface NotificationMessages extends NotificationWireMessages {\n  // --- the inbox panel -----------------------------------------------------\n  panelTitle: string;\n  markAllRead: string;\n  loading: string;\n  loadMore: string;\n  loadingMore: string;\n  loadFailedTitle: string;\n  loadFailedBody: string;\n  retry: string;\n  emptyTitle: string;\n  emptyBody: string;\n  openBell: string;\n  /** `(count) => 'Abrir notificações (3 não lidas)'`. */\n  openBellWithUnread: (count: number) => string;\n  unreadSuffix: string;\n  deleteOne: (title: string) => string;\n\n  // --- relative timestamps -------------------------------------------------\n  justNow: string;\n  minutesAgo: (minutes: number) => string;\n  hoursAgo: (hours: number) => string;\n  daysAgo: (days: number) => string;\n  /** Locale for the fallback absolute date on rows older than a week. */\n  dateLocale: string;\n\n  // --- the preferences screen ---------------------------------------------\n  preferencesTitle: string;\n  preferencesLead: string;\n  channelLabels: Record<string, string>;\n  channelUnavailableHints: Record<string, string>;\n  categoryLabels: Record<string, { title: string; description: string }>;\n  /** Fallback title for a category the host added but did not label. */\n  categoryFallbackTitle: (category: string) => string;\n  devicePushTitle: string;\n  devicePushIdle: string;\n  devicePushOn: string;\n  devicePushDenied: string;\n  devicePushFailed: string;\n  devicePushEnable: string;\n  devicePushEnabling: string;\n}\n\n/**\n * What a copy field takes once its words can follow a reader.\n *\n * Declared here rather than imported from `@12-apps/i18n`: this package must\n * stay liftable into a repo that has never heard of it, so the two agree\n * STRUCTURALLY and nothing forces the dependency. The context is deliberately\n * loose — a raw tag off the wire, unnarrowed — because matching it is the host\n * resolver's job, not this package's.\n */\nexport type NotificationsCopyResolver<T> = (context: {\n  readonly locale?: string | null;\n}) => T;\nexport type NotificationsCopySource<T> = T | NotificationsCopyResolver<T>;\n\n/**\n * The messages in force, for ONE reader.\n *\n * A pass-through rather than a merge: there is nothing left to merge WITH, and\n * that is the point of the change. The old version spread the host's table over\n * the origin's, including PER KEY inside `channelLabels`,\n * `channelUnavailableHints` and `categoryLabels` — so a host that relabelled one\n * channel kept the origin's wording for the other three, and a host that\n * labelled its own two categories kept the origin's four sitting beside them in\n * the same screen.\n *\n * Kept as a function because all three mounts read it off a config object, and\n * because a later rule (a blank-string refusal, say) belongs in one place —\n * which is exactly what made it the right place to put the RESOLUTION when the\n * field learned to take a resolver.\n *\n * **Call it where the sentence is used.** `createApiNotifications` runs once\n * per process, and at least one host memoises its call behind an `if\n * (assembled) return assembled;`, so a value read there answers every later\n * request in the language the process started with — and a single-locale host\n * cannot tell the difference. The route handlers call it per request; the\n * parsers below them keep taking a plain pack, so one request resolves exactly\n * once and no helper can disagree with another about the language.\n *\n * The generic survives the widening: a host whose pack carries extra keys of\n * its own still gets them back, resolver or not.\n */\nexport function messagesOf<T extends NotificationWireMessages>(\n  config: { messages: NotificationsCopySource<T> },\n  locale?: string,\n): T {\n  const source = config.messages;\n  return typeof source === 'function'\n    ? (source as NotificationsCopyResolver<T>)({ locale })\n    : source;\n}\n"],"mappings":";;;;;AA+HO,SAAS,WACd,QACA,QACG;AACH,QAAM,SAAS,OAAO;AACtB,SAAO,OAAO,WAAW,aACpB,OAAwC,EAAE,OAAO,CAAC,IACnD;AACN;AARgB;","names":[]}

package/dist/chunk-MMLV4EZT.js

@@ -0,0 +1,263 @@
+import {
+  BellIcon,
+  createInboxStore,
+  useUnreadCount
+} from "./chunk-BW723CX2.js";
+import {
+  messagesOf
+} from "./chunk-M2TVBVH2.js";
+import {
+  __name
+} from "./chunk-7QVYU63E.js";
+
+// src/react/api.ts
+function createNotificationsApiClient(apiBase, transport) {
+  const base = apiBase.replace(/\/$/, "");
+  const url = /* @__PURE__ */ __name((path) => `${base}${path}`, "url");
+  return {
+    listNotifications({ cursor, limit, filter }) {
+      const params = new URLSearchParams();
+      if (limit !== void 0) params.set("limit", String(limit));
+      if (cursor) params.set("cursor", cursor);
+      if (filter) params.set("filter", filter);
+      const query = params.toString();
+      return transport.get(
+        url(`/notifications${query ? `?${query}` : ""}`)
+      );
+    },
+    async unreadCount() {
+      const { count } = await transport.get(
+        url("/notifications/unread-count")
+      );
+      return count;
+    },
+    markRead: /* @__PURE__ */ __name((ids) => transport.send(url("/notifications/mark-read"), "POST", { ids: [...ids] }), "markRead"),
+    markAllRead: /* @__PURE__ */ __name(() => transport.send(url("/notifications/mark-read"), "POST", { all: true }), "markAllRead"),
+    remove: /* @__PURE__ */ __name((ids) => transport.send(url("/notifications/delete"), "POST", { ids: [...ids] }), "remove"),
+    getPreferences: /* @__PURE__ */ __name(() => transport.get(url("/notification-preferences")), "getPreferences"),
+    savePreference: /* @__PURE__ */ __name((category, channel, enabled) => transport.send(url("/notification-preferences"), "PUT", {
+      [category]: { [channel]: enabled }
+    }), "savePreference"),
+    getPushRegistration: /* @__PURE__ */ __name(({ endpoint } = {}) => transport.get(
+      url(
+        endpoint ? `/push-subscriptions?endpoint=${encodeURIComponent(endpoint)}` : "/push-subscriptions"
+      )
+    ), "getPushRegistration"),
+    savePushSubscription: /* @__PURE__ */ __name((input) => transport.send(url("/push-subscriptions"), "POST", input), "savePushSubscription"),
+    removePushSubscription: /* @__PURE__ */ __name((endpoint) => transport.send(url("/push-subscriptions"), "DELETE", { endpoint }), "removePushSubscription")
+  };
+}
+__name(createNotificationsApiClient, "createNotificationsApiClient");
+
+// src/react/transport.ts
+var NotificationsHttpError = class _NotificationsHttpError extends Error {
+  static {
+    __name(this, "NotificationsHttpError");
+  }
+  status;
+  constructor(status, message) {
+    super(message);
+    this.name = "NotificationsHttpError";
+    this.status = status;
+    Object.setPrototypeOf(this, _NotificationsHttpError.prototype);
+  }
+};
+function httpNotificationsTransport(fallbackError) {
+  return {
+    async get(path) {
+      const response = await fetch(path, {
+        credentials: "same-origin",
+        headers: { Accept: "application/json" }
+      });
+      const payload = await response.json().catch(() => null);
+      if (!response.ok) {
+        throw new NotificationsHttpError(
+          response.status,
+          payload?.error ?? `HTTP ${response.status} for ${path}`
+        );
+      }
+      return payload?.data ?? payload;
+    },
+    async send(path, method, body) {
+      try {
+        const response = await fetch(path, {
+          method,
+          credentials: "same-origin",
+          headers: {
+            Accept: "application/json",
+            ...body === void 0 ? {} : { "Content-Type": "application/json" }
+          },
+          ...body === void 0 ? {} : { body: JSON.stringify(body) }
+        });
+        if (response.status === 204) return { ok: true, data: void 0 };
+        const payload = await response.json().catch(() => null);
+        if (!response.ok) return { ok: false, error: payload?.error ?? fallbackError };
+        return { ok: true, data: payload?.data ?? payload };
+      } catch {
+        return { ok: false, error: fallbackError };
+      }
+    }
+  };
+}
+__name(httpNotificationsTransport, "httpNotificationsTransport");
+
+// src/react/create-web-notifications.tsx
+import { useState as useState2 } from "react";
+
+// src/react/bell-button.tsx
+import { Badge } from "@12-apps/ui/data-display/Badge";
+import { Box } from "@12-apps/ui/mui/Box";
+import { jsx } from "react/jsx-runtime";
+var triggerSx = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  p: 0.5,
+  border: "none",
+  background: "none",
+  cursor: "pointer",
+  color: "text.primary",
+  lineHeight: 0,
+  "& *": { cursor: "pointer" },
+  "&:hover": { color: "primary.main" },
+  "&:focus-visible": {
+    outline: "2px solid",
+    outlineColor: "primary.main",
+    outlineOffset: "2px",
+    borderRadius: "50%"
+  }
+};
+function BellButton({
+  onClick,
+  enabled = true,
+  store,
+  messages,
+  subscribe,
+  useSignal
+}) {
+  const count = useUnreadCount(store, {
+    enabled,
+    ...subscribe ? { subscribe } : {},
+    ...useSignal ? { useSignal } : {}
+  });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "button",
+      type: "button",
+      onClick,
+      "aria-label": count > 0 ? messages.openBellWithUnread(count) : messages.openBell,
+      "data-testid": "notifications-bell",
+      sx: triggerSx,
+      children: /* @__PURE__ */ jsx(
+        Badge,
+        {
+          content: count > 0 ? count : void 0,
+          color: "primary",
+          variant: "count",
+          max: 99,
+          "data-testid": "notifications-badge",
+          children: /* @__PURE__ */ jsx(BellIcon, { size: 28 })
+        }
+      )
+    }
+  );
+}
+__name(BellButton, "BellButton");
+
+// src/react/panel-lazy.tsx
+import { Suspense, lazy, useEffect, useState } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function lazyNotificationsPanel(parts) {
+  const Bound = lazy(async () => {
+    const { NotificationsPanel } = await import("./panel-UFXNO4AF.js");
+    return {
+      default: /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx2(NotificationsPanel, { ...props, ...parts }), "default")
+    };
+  });
+  return /* @__PURE__ */ __name(function NotificationsPanelSlot(props) {
+    const [everOpened, setEverOpened] = useState(props.open);
+    useEffect(() => {
+      if (props.open) setEverOpened(true);
+    }, [props.open]);
+    if (!everOpened) return null;
+    return /* @__PURE__ */ jsx2(Suspense, { fallback: null, children: /* @__PURE__ */ jsx2(Bound, { ...props }) });
+  }, "NotificationsPanelSlot");
+}
+__name(lazyNotificationsPanel, "lazyNotificationsPanel");
+
+// src/react/page-lazy.tsx
+import { Suspense as Suspense2, lazy as lazy2 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function lazyPreferencesPage(parts) {
+  const Bound = lazy2(async () => {
+    const { PreferencesScreen } = await import("./preferences-screen-IOW6Y2H2.js");
+    return {
+      default: /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx3(PreferencesScreen, { ...props, ...parts }), "default")
+    };
+  });
+  return /* @__PURE__ */ __name(function NotificationsPreferencesPage(props) {
+    return /* @__PURE__ */ jsx3(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx3(Bound, { ...props }) });
+  }, "NotificationsPreferencesPage");
+}
+__name(lazyPreferencesPage, "lazyPreferencesPage");
+
+// src/react/create-web-notifications.tsx
+import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+function createWebNotifications(config) {
+  const messages = messagesOf(config);
+  const api = createNotificationsApiClient(
+    config.apiBase,
+    config.transport ?? httpNotificationsTransport(messages.operationFailed)
+  );
+  const store = createInboxStore(api);
+  const webPush = config.webPush ?? {};
+  const subscribe = config.subscribe;
+  const subscribeOption = {
+    ...subscribe ? { subscribe } : {},
+    ...config.useSignal ? { useSignal: config.useSignal } : {}
+  };
+  const Bell = /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx4(BellButton, { ...props, store, messages, ...subscribeOption }), "Bell");
+  const Panel = lazyNotificationsPanel({ store, messages });
+  function useBoundUnreadCount(options = {}) {
+    return useUnreadCount(store, { ...options, ...subscribeOption });
+  }
+  __name(useBoundUnreadCount, "useBoundUnreadCount");
+  function BellWithPanel({
+    enabled = true,
+    onNavigate
+  }) {
+    const [open, setOpen] = useState2(false);
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx4(Bell, { enabled, onClick: () => setOpen(true) }),
+      /* @__PURE__ */ jsx4(
+        Panel,
+        {
+          open,
+          onClose: () => setOpen(false),
+          ...onNavigate ? { onNavigate } : {}
+        }
+      )
+    ] });
+  }
+  __name(BellWithPanel, "BellWithPanel");
+  return {
+    page: lazyPreferencesPage({ api, messages, webPush }),
+    BellButton: Bell,
+    Panel,
+    BellWithPanel,
+    useUnreadCount: useBoundUnreadCount,
+    store,
+    api,
+    messages
+  };
+}
+__name(createWebNotifications, "createWebNotifications");
+
+export {
+  createNotificationsApiClient,
+  NotificationsHttpError,
+  httpNotificationsTransport,
+  createWebNotifications
+};
+//# sourceMappingURL=chunk-MMLV4EZT.js.map