@adatechnology/notification-ui 0.1.0-rc.1

package/dist/index.js

@@ -0,0 +1,537 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/NotificationProvider.tsx
+import { createContext, useContext, useMemo } from "react";
+
+// src/locales/pt-BR.json
+var pt_BR_default = {
+  "bell.label": "Notifica\xE7\xF5es",
+  "bell.unreadSuffix": "n\xE3o lidas",
+  "list.title": "Notifica\xE7\xF5es",
+  "list.empty": "Nenhuma notifica\xE7\xE3o por aqui.",
+  "list.loading": "Carregando\u2026",
+  "list.error": "N\xE3o foi poss\xEDvel carregar suas notifica\xE7\xF5es.",
+  "list.retry": "Tentar de novo",
+  "list.loadMore": "Carregar mais",
+  "list.markAllAsRead": "Marcar todas como lidas",
+  "item.markAsRead": "Marcar como lida",
+  "item.delete": "Excluir",
+  "item.unread": "N\xE3o lida",
+  "preferences.title": "Prefer\xEAncias de notifica\xE7\xE3o",
+  "preferences.description": "Escolha por onde voc\xEA quer ser avisado em cada assunto.",
+  "preferences.save": "Salvar prefer\xEAncias",
+  "preferences.saved": "Prefer\xEAncias salvas.",
+  "preferences.error": "N\xE3o foi poss\xEDvel salvar. Tente de novo.",
+  "preferences.empty": "Nenhuma prefer\xEAncia configurada ainda.",
+  "preferences.quietHours": "Sil\xEAncio entre",
+  "preferences.quietHoursTo": "e",
+  "channel.inbox": "No app",
+  "channel.push": "Push",
+  "channel.email": "E-mail",
+  "channel.whatsapp": "WhatsApp",
+  "channel.sms": "SMS"
+};
+
+// src/locales/en.json
+var en_default = {
+  "bell.label": "Notifications",
+  "bell.unreadSuffix": "unread",
+  "list.title": "Notifications",
+  "list.empty": "Nothing here yet.",
+  "list.loading": "Loading\u2026",
+  "list.error": "We couldn't load your notifications.",
+  "list.retry": "Try again",
+  "list.loadMore": "Load more",
+  "list.markAllAsRead": "Mark all as read",
+  "item.markAsRead": "Mark as read",
+  "item.delete": "Delete",
+  "item.unread": "Unread",
+  "preferences.title": "Notification preferences",
+  "preferences.description": "Choose how you want to be notified about each topic.",
+  "preferences.save": "Save preferences",
+  "preferences.saved": "Preferences saved.",
+  "preferences.error": "Couldn't save. Try again.",
+  "preferences.empty": "No preferences configured yet.",
+  "preferences.quietHours": "Quiet between",
+  "preferences.quietHoursTo": "and",
+  "channel.inbox": "In app",
+  "channel.push": "Push",
+  "channel.email": "Email",
+  "channel.whatsapp": "WhatsApp",
+  "channel.sms": "SMS"
+};
+
+// src/locales/index.ts
+var DEFAULT_LOCALE = "pt-BR";
+var MESSAGES_BY_LOCALE = {
+  "pt-BR": pt_BR_default,
+  en: en_default
+};
+function resolveMessages(locale) {
+  return MESSAGES_BY_LOCALE[locale] ?? MESSAGES_BY_LOCALE[DEFAULT_LOCALE];
+}
+__name(resolveMessages, "resolveMessages");
+
+// src/NotificationProvider.tsx
+var NotificationContext = /* @__PURE__ */ createContext(null);
+function NotificationProvider({ client, locale = DEFAULT_LOCALE, messageOverrides, theme = {}, pollIntervalSeconds = 60, children }) {
+  const value = useMemo(() => ({
+    client,
+    messages: {
+      ...resolveMessages(locale),
+      ...messageOverrides
+    },
+    theme,
+    pollIntervalSeconds
+  }), [
+    client,
+    locale,
+    messageOverrides,
+    theme,
+    pollIntervalSeconds
+  ]);
+  return /* @__PURE__ */ React.createElement(NotificationContext.Provider, {
+    value
+  }, children);
+}
+__name(NotificationProvider, "NotificationProvider");
+function useNotificationContext() {
+  const context = useContext(NotificationContext);
+  if (!context) throw new Error("notification-ui: componente usado fora de <NotificationProvider>");
+  return context;
+}
+__name(useNotificationContext, "useNotificationContext");
+
+// src/hooks/useNotifications.ts
+import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+
+// src/hooks/queryKeys.ts
+var NOTIFICATION_QUERY_KEYS = {
+  all: [
+    "notifications"
+  ],
+  list: /* @__PURE__ */ __name((filters) => [
+    "notifications",
+    "list",
+    filters
+  ], "list"),
+  unreadCount: /* @__PURE__ */ __name(() => [
+    "notifications",
+    "unread-count"
+  ], "unreadCount"),
+  preferences: /* @__PURE__ */ __name(() => [
+    "notifications",
+    "preferences"
+  ], "preferences"),
+  templates: /* @__PURE__ */ __name(() => [
+    "notifications",
+    "templates"
+  ], "templates")
+};
+
+// src/hooks/useNotifications.ts
+function useNotifications(options = {}) {
+  const { client } = useNotificationContext();
+  return useInfiniteQuery({
+    queryKey: NOTIFICATION_QUERY_KEYS.list({
+      category: options.category,
+      read: options.read
+    }),
+    initialPageParam: void 0,
+    queryFn: /* @__PURE__ */ __name(({ pageParam }) => client.listNotifications({
+      category: options.category,
+      read: options.read,
+      cursor: pageParam,
+      perPage: options.perPage
+    }), "queryFn"),
+    getNextPageParam: /* @__PURE__ */ __name((lastPage) => lastPage.nextCursor, "getNextPageParam")
+  });
+}
+__name(useNotifications, "useNotifications");
+function useUnreadCount() {
+  const { client, pollIntervalSeconds } = useNotificationContext();
+  return useQuery({
+    queryKey: NOTIFICATION_QUERY_KEYS.unreadCount(),
+    queryFn: /* @__PURE__ */ __name(() => client.countUnread(), "queryFn"),
+    // Polling é o fallback de quem não ligou o SSE. Com o stream ativo,
+    // `useNotificationStream` invalida esta chave e o refetch acontece na hora.
+    refetchInterval: pollIntervalSeconds > 0 ? pollIntervalSeconds * 1e3 : false
+  });
+}
+__name(useUnreadCount, "useUnreadCount");
+function useMarkAsRead() {
+  const { client } = useNotificationContext();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: /* @__PURE__ */ __name((id) => client.markAsRead(id), "mutationFn"),
+    async onMutate(id) {
+      await queryClient.cancelQueries({
+        queryKey: NOTIFICATION_QUERY_KEYS.all
+      });
+      const previousCount = queryClient.getQueryData(NOTIFICATION_QUERY_KEYS.unreadCount());
+      queryClient.setQueryData(NOTIFICATION_QUERY_KEYS.unreadCount(), (current) => current === void 0 ? current : Math.max(0, current - 1));
+      return {
+        previousCount,
+        id
+      };
+    },
+    onError(_error, _id, context) {
+      if (context?.previousCount !== void 0) {
+        queryClient.setQueryData(NOTIFICATION_QUERY_KEYS.unreadCount(), context.previousCount);
+      }
+    },
+    onSettled() {
+      void queryClient.invalidateQueries({
+        queryKey: NOTIFICATION_QUERY_KEYS.all
+      });
+    }
+  });
+}
+__name(useMarkAsRead, "useMarkAsRead");
+function useMarkAllAsRead() {
+  const { client } = useNotificationContext();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: /* @__PURE__ */ __name(() => client.markAllAsRead(), "mutationFn"),
+    onSettled() {
+      void queryClient.invalidateQueries({
+        queryKey: NOTIFICATION_QUERY_KEYS.all
+      });
+    }
+  });
+}
+__name(useMarkAllAsRead, "useMarkAllAsRead");
+function useDeleteNotification() {
+  const { client } = useNotificationContext();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: /* @__PURE__ */ __name((id) => client.deleteNotification(id), "mutationFn"),
+    onSettled() {
+      void queryClient.invalidateQueries({
+        queryKey: NOTIFICATION_QUERY_KEYS.all
+      });
+    }
+  });
+}
+__name(useDeleteNotification, "useDeleteNotification");
+function flattenNotificationPages(pages) {
+  return pages?.flatMap((page) => page.data) ?? [];
+}
+__name(flattenNotificationPages, "flattenNotificationPages");
+
+// src/hooks/useNotificationStream.ts
+import { useEffect } from "react";
+import { useQueryClient as useQueryClient2 } from "@tanstack/react-query";
+import { subscribeToNotificationStream } from "@adatechnology/notification-client";
+function useNotificationStream(options = {}) {
+  const { client } = useNotificationContext();
+  const queryClient = useQueryClient2();
+  const enabled = options.enabled ?? false;
+  const onEvent = options.onEvent;
+  useEffect(() => {
+    if (!enabled) return;
+    let subscription;
+    let cancelled = false;
+    void client.resolveStreamRequest().then(({ url, headers }) => {
+      if (cancelled) return;
+      subscription = subscribeToNotificationStream({
+        url,
+        headers,
+        onEvent: /* @__PURE__ */ __name((event) => {
+          onEvent?.(event);
+          void queryClient.invalidateQueries({
+            queryKey: NOTIFICATION_QUERY_KEYS.all
+          });
+        }, "onEvent")
+      });
+    });
+    return () => {
+      cancelled = true;
+      subscription?.close();
+    };
+  }, [
+    client,
+    queryClient,
+    enabled,
+    onEvent
+  ]);
+}
+__name(useNotificationStream, "useNotificationStream");
+
+// src/hooks/usePreferences.ts
+import { useMutation as useMutation2, useQuery as useQuery2, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
+function usePreferences() {
+  const { client } = useNotificationContext();
+  return useQuery2({
+    queryKey: NOTIFICATION_QUERY_KEYS.preferences(),
+    queryFn: /* @__PURE__ */ __name(() => client.getPreferences(), "queryFn")
+  });
+}
+__name(usePreferences, "usePreferences");
+function useUpdatePreferences() {
+  const { client } = useNotificationContext();
+  const queryClient = useQueryClient3();
+  return useMutation2({
+    mutationFn: /* @__PURE__ */ __name((preferences) => client.updatePreferences(preferences), "mutationFn"),
+    onSuccess(saved) {
+      queryClient.setQueryData(NOTIFICATION_QUERY_KEYS.preferences(), saved);
+    }
+  });
+}
+__name(useUpdatePreferences, "useUpdatePreferences");
+function useTemplates() {
+  const { client } = useNotificationContext();
+  return useQuery2({
+    queryKey: NOTIFICATION_QUERY_KEYS.templates(),
+    queryFn: /* @__PURE__ */ __name(() => client.listTemplates(), "queryFn")
+  });
+}
+__name(useTemplates, "useTemplates");
+
+// src/components/NotificationBell.tsx
+import { Bell } from "lucide-react";
+import clsx from "clsx";
+var DEFAULT_MAX_BADGE_COUNT = 99;
+function NotificationBell({ onClick, className, maxBadgeCount = DEFAULT_MAX_BADGE_COUNT }) {
+  const { messages, theme } = useNotificationContext();
+  const { data: unreadCount = 0 } = useUnreadCount();
+  const hasUnread = unreadCount > 0;
+  const badgeLabel = unreadCount > maxBadgeCount ? `${maxBadgeCount}+` : String(unreadCount);
+  const accessibleLabel = hasUnread ? `${messages["bell.label"]}: ${unreadCount} ${messages["bell.unreadSuffix"]}` : messages["bell.label"];
+  return /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    onClick,
+    className: clsx("adn-bell", theme.rootClassName, className),
+    // Botão só-ícone exige rótulo acessível (regra de ícones, `web.md` §9).
+    "aria-label": accessibleLabel
+  }, /* @__PURE__ */ React.createElement(Bell, {
+    className: "adn-bell__icon",
+    "aria-hidden": "true"
+  }), hasUnread ? (
+    // `aria-live` para leitor de tela anunciar a mudança do contador sem o usuário reabrir
+    // o menu; `polite` porque notificação nova não deve interromper o que ele está lendo.
+    /* @__PURE__ */ React.createElement("span", {
+      className: "adn-bell__badge",
+      "aria-live": "polite"
+    }, badgeLabel)
+  ) : null);
+}
+__name(NotificationBell, "NotificationBell");
+
+// src/components/NotificationList.tsx
+import { CheckCheck, Inbox, RotateCw } from "lucide-react";
+import clsx3 from "clsx";
+
+// src/components/NotificationItem.tsx
+import { Check, Trash2 } from "lucide-react";
+import clsx2 from "clsx";
+function NotificationItem({ notification, onSelect, className }) {
+  const { messages } = useNotificationContext();
+  const markAsRead = useMarkAsRead();
+  const deleteNotification = useDeleteNotification();
+  const isUnread = notification.readAt === void 0;
+  function handleSelect() {
+    if (isUnread) markAsRead.mutate(notification.id);
+    onSelect?.(notification);
+  }
+  __name(handleSelect, "handleSelect");
+  return /* @__PURE__ */ React.createElement("li", {
+    className: clsx2("adn-item", isUnread && "adn-item--unread", className)
+  }, /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    className: "adn-item__main",
+    onClick: handleSelect
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "adn-item__title"
+  }, notification.title), /* @__PURE__ */ React.createElement("span", {
+    className: "adn-item__body"
+  }, notification.body), isUnread ? /* @__PURE__ */ React.createElement("span", {
+    className: "adn-item__unread-dot",
+    "aria-label": messages["item.unread"]
+  }) : null), /* @__PURE__ */ React.createElement("div", {
+    className: "adn-item__actions"
+  }, isUnread ? /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    className: "adn-item__action",
+    onClick: /* @__PURE__ */ __name(() => markAsRead.mutate(notification.id), "onClick"),
+    disabled: markAsRead.isPending,
+    "aria-label": messages["item.markAsRead"],
+    title: messages["item.markAsRead"]
+  }, /* @__PURE__ */ React.createElement(Check, {
+    className: "adn-item__action-icon",
+    "aria-hidden": "true"
+  })) : null, /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    className: "adn-item__action adn-item__action--danger",
+    onClick: /* @__PURE__ */ __name(() => deleteNotification.mutate(notification.id), "onClick"),
+    disabled: deleteNotification.isPending,
+    "aria-label": messages["item.delete"],
+    title: messages["item.delete"]
+  }, /* @__PURE__ */ React.createElement(Trash2, {
+    className: "adn-item__action-icon",
+    "aria-hidden": "true"
+  }))));
+}
+__name(NotificationItem, "NotificationItem");
+
+// src/components/NotificationList.tsx
+function NotificationList({ category, onSelect, className, components }) {
+  const { messages, theme } = useNotificationContext();
+  const query = useNotifications({
+    category
+  });
+  const { data: unreadCount = 0 } = useUnreadCount();
+  const markAllAsRead = useMarkAllAsRead();
+  const Item = components?.Item ?? NotificationItem;
+  const notifications = flattenNotificationPages(query.data?.pages);
+  return /* @__PURE__ */ React.createElement("section", {
+    className: clsx3("adn-list", theme.rootClassName, className),
+    "aria-label": messages["list.title"]
+  }, /* @__PURE__ */ React.createElement("header", {
+    className: "adn-list__header"
+  }, /* @__PURE__ */ React.createElement("h2", {
+    className: "adn-list__title"
+  }, messages["list.title"]), unreadCount > 0 ? /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    className: "adn-list__bulk-action",
+    onClick: /* @__PURE__ */ __name(() => markAllAsRead.mutate(), "onClick"),
+    disabled: markAllAsRead.isPending
+  }, /* @__PURE__ */ React.createElement(CheckCheck, {
+    className: "adn-list__bulk-icon",
+    "aria-hidden": "true"
+  }), messages["list.markAllAsRead"]) : null), query.isPending ? /* @__PURE__ */ React.createElement("p", {
+    className: "adn-list__state"
+  }, messages["list.loading"]) : null, query.isError ? /* @__PURE__ */ React.createElement("div", {
+    className: "adn-list__state adn-list__state--error"
+  }, /* @__PURE__ */ React.createElement("p", null, messages["list.error"]), /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    className: "adn-list__retry",
+    onClick: /* @__PURE__ */ __name(() => void query.refetch(), "onClick")
+  }, /* @__PURE__ */ React.createElement(RotateCw, {
+    className: "adn-list__retry-icon",
+    "aria-hidden": "true"
+  }), messages["list.retry"])) : null, !query.isPending && !query.isError && notifications.length === 0 ? /* @__PURE__ */ React.createElement("div", {
+    className: "adn-list__state adn-list__state--empty"
+  }, /* @__PURE__ */ React.createElement(Inbox, {
+    className: "adn-list__empty-icon",
+    "aria-hidden": "true"
+  }), /* @__PURE__ */ React.createElement("p", null, messages["list.empty"])) : null, notifications.length > 0 ? /* @__PURE__ */ React.createElement("ul", {
+    className: "adn-list__items"
+  }, notifications.map((notification) => /* @__PURE__ */ React.createElement(Item, {
+    key: notification.id,
+    notification,
+    onSelect
+  }))) : null, query.hasNextPage ? /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    className: "adn-list__load-more",
+    onClick: /* @__PURE__ */ __name(() => void query.fetchNextPage(), "onClick"),
+    disabled: query.isFetchingNextPage
+  }, messages["list.loadMore"]) : null);
+}
+__name(NotificationList, "NotificationList");
+
+// src/components/PreferencesPanel.tsx
+import { useState } from "react";
+import { Save } from "lucide-react";
+import clsx4 from "clsx";
+function channelLabelKey(channel) {
+  return `channel.${channel}`;
+}
+__name(channelLabelKey, "channelLabelKey");
+function PreferencesPanel({ className }) {
+  const { messages, theme } = useNotificationContext();
+  const { data: saved = [], isPending } = usePreferences();
+  const updatePreferences = useUpdatePreferences();
+  const [draft, setDraft] = useState(void 0);
+  const preferences = draft ?? saved;
+  function toggleChannel(target) {
+    setDraft(preferences.map((preference) => preference.category === target.category && preference.channel === target.channel ? {
+      ...preference,
+      enabled: !preference.enabled
+    } : preference));
+  }
+  __name(toggleChannel, "toggleChannel");
+  function handleSave() {
+    updatePreferences.mutate(preferences, {
+      onSuccess: /* @__PURE__ */ __name(() => setDraft(void 0), "onSuccess")
+    });
+  }
+  __name(handleSave, "handleSave");
+  if (isPending) return /* @__PURE__ */ React.createElement("p", {
+    className: "adn-preferences__state"
+  }, messages["list.loading"]);
+  return /* @__PURE__ */ React.createElement("section", {
+    className: clsx4("adn-preferences", theme.rootClassName, className)
+  }, /* @__PURE__ */ React.createElement("header", {
+    className: "adn-preferences__header"
+  }, /* @__PURE__ */ React.createElement("h2", {
+    className: "adn-preferences__title"
+  }, messages["preferences.title"]), /* @__PURE__ */ React.createElement("p", {
+    className: "adn-preferences__description"
+  }, messages["preferences.description"])), preferences.length === 0 ? /* @__PURE__ */ React.createElement("p", {
+    className: "adn-preferences__state"
+  }, messages["preferences.empty"]) : /* @__PURE__ */ React.createElement("ul", {
+    className: "adn-preferences__items"
+  }, preferences.map((preference) => {
+    const inputId = `adn-pref-${preference.category}-${preference.channel}`;
+    return /* @__PURE__ */ React.createElement("li", {
+      key: inputId,
+      className: "adn-preferences__item"
+    }, /* @__PURE__ */ React.createElement("label", {
+      className: "adn-preferences__label",
+      htmlFor: inputId
+    }, /* @__PURE__ */ React.createElement("input", {
+      id: inputId,
+      type: "checkbox",
+      className: "adn-preferences__checkbox",
+      checked: preference.enabled,
+      onChange: /* @__PURE__ */ __name(() => toggleChannel(preference), "onChange")
+    }), /* @__PURE__ */ React.createElement("span", {
+      className: "adn-preferences__category"
+    }, preference.category), /* @__PURE__ */ React.createElement("span", {
+      className: "adn-preferences__channel"
+    }, messages[channelLabelKey(preference.channel)] ?? preference.channel)), preference.quietHoursStart && preference.quietHoursEnd ? /* @__PURE__ */ React.createElement("span", {
+      className: "adn-preferences__quiet-hours"
+    }, messages["preferences.quietHours"], " ", preference.quietHoursStart, " ", messages["preferences.quietHoursTo"], " ", preference.quietHoursEnd) : null);
+  })), /* @__PURE__ */ React.createElement("footer", {
+    className: "adn-preferences__footer"
+  }, /* @__PURE__ */ React.createElement("button", {
+    type: "button",
+    className: "adn-preferences__save",
+    onClick: handleSave,
+    disabled: updatePreferences.isPending || draft === void 0
+  }, /* @__PURE__ */ React.createElement(Save, {
+    className: "adn-preferences__save-icon",
+    "aria-hidden": "true"
+  }), messages["preferences.save"]), updatePreferences.isSuccess && draft === void 0 ? /* @__PURE__ */ React.createElement("span", {
+    className: "adn-preferences__feedback",
+    role: "status"
+  }, messages["preferences.saved"]) : null, updatePreferences.isError ? /* @__PURE__ */ React.createElement("span", {
+    className: "adn-preferences__feedback adn-preferences__feedback--error",
+    role: "alert"
+  }, messages["preferences.error"]) : null));
+}
+__name(PreferencesPanel, "PreferencesPanel");
+export {
+  DEFAULT_LOCALE,
+  NOTIFICATION_QUERY_KEYS,
+  NotificationBell,
+  NotificationItem,
+  NotificationList,
+  NotificationProvider,
+  PreferencesPanel,
+  flattenNotificationPages,
+  resolveMessages,
+  useDeleteNotification,
+  useMarkAllAsRead,
+  useMarkAsRead,
+  useNotificationContext,
+  useNotificationStream,
+  useNotifications,
+  usePreferences,
+  useTemplates,
+  useUnreadCount,
+  useUpdatePreferences
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/NotificationProvider.tsx","../src/locales/pt-BR.json","../src/locales/en.json","../src/locales/index.ts","../src/hooks/useNotifications.ts","../src/hooks/queryKeys.ts","../src/hooks/useNotificationStream.ts","../src/hooks/usePreferences.ts","../src/components/NotificationBell.tsx","../src/components/NotificationList.tsx","../src/components/NotificationItem.tsx","../src/components/PreferencesPanel.tsx"],"sourcesContent":["/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n *\n * Provider do pacote. **Não instancia `QueryClient`** — usa o do host (regra de módulos\n * plugáveis §4.2). Instanciar o próprio criaria dois caches na mesma página: a inbox invalidaria\n * um, e a tela do produto continuaria lendo o outro.\n */\n\nimport { createContext, useContext, useMemo, type ReactNode } from 'react'\nimport type { NotificationClient } from '@adatechnology/notification-client'\n\nimport { DEFAULT_LOCALE, resolveMessages, type NotificationLocale, type NotificationMessages } from './locales'\n\nexport type NotificationTheme = {\n  /** Classe aplicada na raiz de cada componente — é por onde o host injeta os tokens dele. */\n  readonly rootClassName?: string\n  readonly components?: Partial<Record<string, string>>\n}\n\nexport type NotificationContextValue = {\n  readonly client: NotificationClient\n  readonly messages: NotificationMessages\n  readonly theme: NotificationTheme\n  /** Polling de fallback quando o SSE não está disponível (segundos); `0` desliga. */\n  readonly pollIntervalSeconds: number\n}\n\nconst NotificationContext = createContext<NotificationContextValue | null>(null)\n\nexport type NotificationProviderProps = {\n  readonly client: NotificationClient\n  readonly locale?: NotificationLocale\n  /** Sobrescreve textos pontuais sem trocar o locale inteiro. */\n  readonly messageOverrides?: Partial<NotificationMessages>\n  readonly theme?: NotificationTheme\n  readonly pollIntervalSeconds?: number\n  readonly children: ReactNode\n}\n\nexport function NotificationProvider({\n  client,\n  locale = DEFAULT_LOCALE,\n  messageOverrides,\n  theme = {},\n  pollIntervalSeconds = 60,\n  children,\n}: NotificationProviderProps) {\n  const value = useMemo<NotificationContextValue>(\n    () => ({\n      client,\n      messages: { ...resolveMessages(locale), ...messageOverrides },\n      theme,\n      pollIntervalSeconds,\n    }),\n    [client, locale, messageOverrides, theme, pollIntervalSeconds],\n  )\n\n  return <NotificationContext.Provider value={value}>{children}</NotificationContext.Provider>\n}\n\nexport function useNotificationContext(): NotificationContextValue {\n  const context = useContext(NotificationContext)\n  if (!context) throw new Error('notification-ui: componente usado fora de <NotificationProvider>')\n  return context\n}\n","{\n  \"bell.label\": \"Notificações\",\n  \"bell.unreadSuffix\": \"não lidas\",\n  \"list.title\": \"Notificações\",\n  \"list.empty\": \"Nenhuma notificação por aqui.\",\n  \"list.loading\": \"Carregando…\",\n  \"list.error\": \"Não foi possível carregar suas notificações.\",\n  \"list.retry\": \"Tentar de novo\",\n  \"list.loadMore\": \"Carregar mais\",\n  \"list.markAllAsRead\": \"Marcar todas como lidas\",\n  \"item.markAsRead\": \"Marcar como lida\",\n  \"item.delete\": \"Excluir\",\n  \"item.unread\": \"Não lida\",\n  \"preferences.title\": \"Preferências de notificação\",\n  \"preferences.description\": \"Escolha por onde você quer ser avisado em cada assunto.\",\n  \"preferences.save\": \"Salvar preferências\",\n  \"preferences.saved\": \"Preferências salvas.\",\n  \"preferences.error\": \"Não foi possível salvar. Tente de novo.\",\n  \"preferences.empty\": \"Nenhuma preferência configurada ainda.\",\n  \"preferences.quietHours\": \"Silêncio entre\",\n  \"preferences.quietHoursTo\": \"e\",\n  \"channel.inbox\": \"No app\",\n  \"channel.push\": \"Push\",\n  \"channel.email\": \"E-mail\",\n  \"channel.whatsapp\": \"WhatsApp\",\n  \"channel.sms\": \"SMS\"\n}\n","{\n  \"bell.label\": \"Notifications\",\n  \"bell.unreadSuffix\": \"unread\",\n  \"list.title\": \"Notifications\",\n  \"list.empty\": \"Nothing here yet.\",\n  \"list.loading\": \"Loading…\",\n  \"list.error\": \"We couldn't load your notifications.\",\n  \"list.retry\": \"Try again\",\n  \"list.loadMore\": \"Load more\",\n  \"list.markAllAsRead\": \"Mark all as read\",\n  \"item.markAsRead\": \"Mark as read\",\n  \"item.delete\": \"Delete\",\n  \"item.unread\": \"Unread\",\n  \"preferences.title\": \"Notification preferences\",\n  \"preferences.description\": \"Choose how you want to be notified about each topic.\",\n  \"preferences.save\": \"Save preferences\",\n  \"preferences.saved\": \"Preferences saved.\",\n  \"preferences.error\": \"Couldn't save. Try again.\",\n  \"preferences.empty\": \"No preferences configured yet.\",\n  \"preferences.quietHours\": \"Quiet between\",\n  \"preferences.quietHoursTo\": \"and\",\n  \"channel.inbox\": \"In app\",\n  \"channel.push\": \"Push\",\n  \"channel.email\": \"Email\",\n  \"channel.whatsapp\": \"WhatsApp\",\n  \"channel.sms\": \"SMS\"\n}\n","/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n *\n * Nenhum texto visível vive em tag ou prop (`web.md` §6). O host sobrescreve chaves pontuais via\n * `messageOverrides` sem precisar fornecer um locale inteiro.\n */\n\nimport ptBR from './pt-BR.json'\nimport en from './en.json'\n\nexport type NotificationMessages = typeof ptBR\nexport type NotificationLocale = 'pt-BR' | 'en'\n\nexport const DEFAULT_LOCALE: NotificationLocale = 'pt-BR'\n\nconst MESSAGES_BY_LOCALE: Record<NotificationLocale, NotificationMessages> = {\n  'pt-BR': ptBR,\n  en: en as NotificationMessages,\n}\n\nexport function resolveMessages(locale: NotificationLocale): NotificationMessages {\n  return MESSAGES_BY_LOCALE[locale] ?? MESSAGES_BY_LOCALE[DEFAULT_LOCALE]\n}\n","/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n *\n * Camada headless — a válvula de escape do item 4 da §4 da regra de módulos plugáveis: quando a\n * tela default não serve, o produto monta a própria sobre estes mesmos hooks e continua herdando\n * upgrades de lógica.\n */\n\nimport { useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query'\nimport type { NotificationSummary } from '@adatechnology/notification-contracts'\n\nimport { useNotificationContext } from '../NotificationProvider'\nimport { NOTIFICATION_QUERY_KEYS } from './queryKeys'\n\nexport type UseNotificationsOptions = {\n  readonly category?: string\n  readonly read?: boolean\n  readonly perPage?: number\n}\n\nexport function useNotifications(options: UseNotificationsOptions = {}) {\n  const { client } = useNotificationContext()\n\n  return useInfiniteQuery({\n    queryKey: NOTIFICATION_QUERY_KEYS.list({ category: options.category, read: options.read }),\n    initialPageParam: undefined as string | undefined,\n    queryFn: ({ pageParam }) =>\n      client.listNotifications({\n        category: options.category,\n        read: options.read,\n        cursor: pageParam,\n        perPage: options.perPage,\n      }),\n    getNextPageParam: (lastPage) => lastPage.nextCursor,\n  })\n}\n\nexport function useUnreadCount() {\n  const { client, pollIntervalSeconds } = useNotificationContext()\n\n  return useQuery({\n    queryKey: NOTIFICATION_QUERY_KEYS.unreadCount(),\n    queryFn: () => client.countUnread(),\n    // Polling é o fallback de quem não ligou o SSE. Com o stream ativo,\n    // `useNotificationStream` invalida esta chave e o refetch acontece na hora.\n    refetchInterval: pollIntervalSeconds > 0 ? pollIntervalSeconds * 1000 : false,\n  })\n}\n\nexport function useMarkAsRead() {\n  const { client } = useNotificationContext()\n  const queryClient = useQueryClient()\n\n  return useMutation({\n    mutationFn: (id: string) => client.markAsRead(id),\n    async onMutate(id: string) {\n      // Atualização otimista: marcar como lida é ação de um clique, e esperar o round-trip para\n      // o badge cair faz a interface parecer travada.\n      await queryClient.cancelQueries({ queryKey: NOTIFICATION_QUERY_KEYS.all })\n      const previousCount = queryClient.getQueryData<number>(NOTIFICATION_QUERY_KEYS.unreadCount())\n\n      queryClient.setQueryData<number>(NOTIFICATION_QUERY_KEYS.unreadCount(), (current) =>\n        current === undefined ? current : Math.max(0, current - 1),\n      )\n      return { previousCount, id }\n    },\n    onError(_error, _id, context) {\n      // Rollback: sem isto o badge ficaria mentindo até o próximo refetch.\n      if (context?.previousCount !== undefined) {\n        queryClient.setQueryData(NOTIFICATION_QUERY_KEYS.unreadCount(), context.previousCount)\n      }\n    },\n    onSettled() {\n      void queryClient.invalidateQueries({ queryKey: NOTIFICATION_QUERY_KEYS.all })\n    },\n  })\n}\n\nexport function useMarkAllAsRead() {\n  const { client } = useNotificationContext()\n  const queryClient = useQueryClient()\n\n  return useMutation({\n    mutationFn: () => client.markAllAsRead(),\n    onSettled() {\n      void queryClient.invalidateQueries({ queryKey: NOTIFICATION_QUERY_KEYS.all })\n    },\n  })\n}\n\nexport function useDeleteNotification() {\n  const { client } = useNotificationContext()\n  const queryClient = useQueryClient()\n\n  return useMutation({\n    mutationFn: (id: string) => client.deleteNotification(id),\n    onSettled() {\n      void queryClient.invalidateQueries({ queryKey: NOTIFICATION_QUERY_KEYS.all })\n    },\n  })\n}\n\n/** Achata as páginas do infinite query — a lista quase sempre quer o array direto. */\nexport function flattenNotificationPages(\n  pages: readonly { data: readonly NotificationSummary[] }[] | undefined,\n): readonly NotificationSummary[] {\n  return pages?.flatMap((page) => page.data) ?? []\n}\n","/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n *\n * Chaves centralizadas: o sino e a lista leem o mesmo `unreadCount`, e uma invalidação precisa\n * atingir os dois. Chave montada inline em cada hook é como badge e lista passam a mostrar\n * números diferentes.\n */\n\nexport const NOTIFICATION_QUERY_KEYS = {\n  all: ['notifications'] as const,\n  list: (filters: { category?: string; read?: boolean }) => ['notifications', 'list', filters] as const,\n  unreadCount: () => ['notifications', 'unread-count'] as const,\n  preferences: () => ['notifications', 'preferences'] as const,\n  templates: () => ['notifications', 'templates'] as const,\n} as const\n","/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n */\n\nimport { useEffect } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { subscribeToNotificationStream } from '@adatechnology/notification-client'\n\nimport { useNotificationContext } from '../NotificationProvider'\nimport { NOTIFICATION_QUERY_KEYS } from './queryKeys'\n\nexport type UseNotificationStreamOptions = {\n  /** Desligado por omissão: abrir SSE é decisão do host, que sabe se o backend expõe a rota. */\n  readonly enabled?: boolean\n  readonly onEvent?: (event: { event: string; data: unknown }) => void\n}\n\n/**\n * Liga o SSE do inbox ao cache do TanStack: cada evento invalida as chaves, e o badge e a lista\n * atualizam juntos. `useEffect` aqui é o uso correto do hook — sincronizar com um sistema externo\n * (`react.md`, \"useEffect só para sincronizar com sistemas externos\"), não transformar dado.\n */\nexport function useNotificationStream(options: UseNotificationStreamOptions = {}): void {\n  const { client } = useNotificationContext()\n  const queryClient = useQueryClient()\n  const enabled = options.enabled ?? false\n  const onEvent = options.onEvent\n\n  useEffect(() => {\n    if (!enabled) return\n\n    let subscription: { close(): void } | undefined\n    let cancelled = false\n\n    void client.resolveStreamRequest().then(({ url, headers }) => {\n      // A resolução do token é assíncrona; se o componente desmontou nesse meio-tempo, não abre\n      // conexão nenhuma — senão sobraria um stream órfão a cada navegação rápida.\n      if (cancelled) return\n\n      subscription = subscribeToNotificationStream({\n        url,\n        headers,\n        onEvent: (event) => {\n          onEvent?.(event)\n          void queryClient.invalidateQueries({ queryKey: NOTIFICATION_QUERY_KEYS.all })\n        },\n      })\n    })\n\n    return () => {\n      cancelled = true\n      subscription?.close()\n    }\n  }, [client, queryClient, enabled, onEvent])\n}\n","/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n */\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'\nimport type { NotificationPreference } from '@adatechnology/notification-contracts'\n\nimport { useNotificationContext } from '../NotificationProvider'\nimport { NOTIFICATION_QUERY_KEYS } from './queryKeys'\n\nexport function usePreferences() {\n  const { client } = useNotificationContext()\n\n  return useQuery({\n    queryKey: NOTIFICATION_QUERY_KEYS.preferences(),\n    queryFn: () => client.getPreferences(),\n  })\n}\n\nexport function useUpdatePreferences() {\n  const { client } = useNotificationContext()\n  const queryClient = useQueryClient()\n\n  return useMutation({\n    mutationFn: (preferences: readonly NotificationPreference[]) => client.updatePreferences(preferences),\n    onSuccess(saved) {\n      // A resposta já é o estado persistido — usar direto evita um refetch e o piscar do painel\n      // entre o valor otimista e o confirmado.\n      queryClient.setQueryData(NOTIFICATION_QUERY_KEYS.preferences(), saved)\n    },\n  })\n}\n\nexport function useTemplates() {\n  const { client } = useNotificationContext()\n\n  return useQuery({\n    queryKey: NOTIFICATION_QUERY_KEYS.templates(),\n    queryFn: () => client.listTemplates(),\n  })\n}\n","/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n */\n\nimport { Bell } from 'lucide-react'\nimport clsx from 'clsx'\n\nimport { useNotificationContext } from '../NotificationProvider'\nimport { useUnreadCount } from '../hooks/useNotifications'\n\nexport type NotificationBellProps = {\n  readonly onClick?: () => void\n  readonly className?: string\n  /** Acima disso o badge mostra `99+`; um número de 4 dígitos estoura o desenho do badge. */\n  readonly maxBadgeCount?: number\n}\n\nconst DEFAULT_MAX_BADGE_COUNT = 99\n\nexport function NotificationBell({ onClick, className, maxBadgeCount = DEFAULT_MAX_BADGE_COUNT }: NotificationBellProps) {\n  const { messages, theme } = useNotificationContext()\n  const { data: unreadCount = 0 } = useUnreadCount()\n\n  const hasUnread = unreadCount > 0\n  const badgeLabel = unreadCount > maxBadgeCount ? `${maxBadgeCount}+` : String(unreadCount)\n  const accessibleLabel = hasUnread\n    ? `${messages['bell.label']}: ${unreadCount} ${messages['bell.unreadSuffix']}`\n    : messages['bell.label']\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      className={clsx('adn-bell', theme.rootClassName, className)}\n      // Botão só-ícone exige rótulo acessível (regra de ícones, `web.md` §9).\n      aria-label={accessibleLabel}\n    >\n      {/* Decorativo: o rótulo acessível já está no botão, e anunciar o ícone repetiria a ação. */}\n      <Bell className=\"adn-bell__icon\" aria-hidden=\"true\" />\n      {hasUnread ? (\n        // `aria-live` para leitor de tela anunciar a mudança do contador sem o usuário reabrir\n        // o menu; `polite` porque notificação nova não deve interromper o que ele está lendo.\n        <span className=\"adn-bell__badge\" aria-live=\"polite\">\n          {badgeLabel}\n        </span>\n      ) : null}\n    </button>\n  )\n}\n","/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n */\n\nimport { CheckCheck, Inbox, RotateCw } from 'lucide-react'\nimport clsx from 'clsx'\nimport type { NotificationSummary } from '@adatechnology/notification-contracts'\n\nimport { useNotificationContext } from '../NotificationProvider'\nimport { flattenNotificationPages, useMarkAllAsRead, useNotifications, useUnreadCount } from '../hooks/useNotifications'\nimport { NotificationItem } from './NotificationItem'\n\nexport type NotificationListProps = {\n  readonly category?: string\n  readonly onSelect?: (notification: NotificationSummary) => void\n  readonly className?: string\n  /** Slot: o host troca a linha sem reimplementar a lista (regra §4.3, slots e overrides). */\n  readonly components?: { readonly Item?: typeof NotificationItem }\n}\n\nexport function NotificationList({ category, onSelect, className, components }: NotificationListProps) {\n  const { messages, theme } = useNotificationContext()\n  const query = useNotifications({ category })\n  const { data: unreadCount = 0 } = useUnreadCount()\n  const markAllAsRead = useMarkAllAsRead()\n\n  const Item = components?.Item ?? NotificationItem\n  const notifications = flattenNotificationPages(query.data?.pages)\n\n  return (\n    <section className={clsx('adn-list', theme.rootClassName, className)} aria-label={messages['list.title']}>\n      <header className=\"adn-list__header\">\n        <h2 className=\"adn-list__title\">{messages['list.title']}</h2>\n        {unreadCount > 0 ? (\n          <button\n            type=\"button\"\n            className=\"adn-list__bulk-action\"\n            onClick={() => markAllAsRead.mutate()}\n            disabled={markAllAsRead.isPending}\n          >\n            <CheckCheck className=\"adn-list__bulk-icon\" aria-hidden=\"true\" />\n            {messages['list.markAllAsRead']}\n          </button>\n        ) : null}\n      </header>\n\n      {query.isPending ? <p className=\"adn-list__state\">{messages['list.loading']}</p> : null}\n\n      {query.isError ? (\n        <div className=\"adn-list__state adn-list__state--error\">\n          <p>{messages['list.error']}</p>\n          <button type=\"button\" className=\"adn-list__retry\" onClick={() => void query.refetch()}>\n            <RotateCw className=\"adn-list__retry-icon\" aria-hidden=\"true\" />\n            {messages['list.retry']}\n          </button>\n        </div>\n      ) : null}\n\n      {!query.isPending && !query.isError && notifications.length === 0 ? (\n        <div className=\"adn-list__state adn-list__state--empty\">\n          <Inbox className=\"adn-list__empty-icon\" aria-hidden=\"true\" />\n          <p>{messages['list.empty']}</p>\n        </div>\n      ) : null}\n\n      {notifications.length > 0 ? (\n        <ul className=\"adn-list__items\">\n          {notifications.map((notification) => (\n            <Item key={notification.id} notification={notification} onSelect={onSelect} />\n          ))}\n        </ul>\n      ) : null}\n\n      {query.hasNextPage ? (\n        <button\n          type=\"button\"\n          className=\"adn-list__load-more\"\n          onClick={() => void query.fetchNextPage()}\n          disabled={query.isFetchingNextPage}\n        >\n          {messages['list.loadMore']}\n        </button>\n      ) : null}\n    </section>\n  )\n}\n","/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n */\n\nimport { Check, Trash2 } from 'lucide-react'\nimport clsx from 'clsx'\nimport type { NotificationSummary } from '@adatechnology/notification-contracts'\n\nimport { useNotificationContext } from '../NotificationProvider'\nimport { useDeleteNotification, useMarkAsRead } from '../hooks/useNotifications'\n\nexport type NotificationItemProps = {\n  readonly notification: NotificationSummary\n  readonly onSelect?: (notification: NotificationSummary) => void\n  readonly className?: string\n}\n\nexport function NotificationItem({ notification, onSelect, className }: NotificationItemProps) {\n  const { messages } = useNotificationContext()\n  const markAsRead = useMarkAsRead()\n  const deleteNotification = useDeleteNotification()\n\n  const isUnread = notification.readAt === undefined\n\n  function handleSelect(): void {\n    if (isUnread) markAsRead.mutate(notification.id)\n    onSelect?.(notification)\n  }\n\n  return (\n    <li className={clsx('adn-item', isUnread && 'adn-item--unread', className)}>\n      {/* Semântico: a linha inteira é clicável e precisa ser alcançável por teclado — `button`\n          entrega Enter, Espaço e foco de graça, e um `div` com onClick não (web.md §Acessibilidade). */}\n      <button type=\"button\" className=\"adn-item__main\" onClick={handleSelect}>\n        <span className=\"adn-item__title\">{notification.title}</span>\n        <span className=\"adn-item__body\">{notification.body}</span>\n        {isUnread ? <span className=\"adn-item__unread-dot\" aria-label={messages['item.unread']} /> : null}\n      </button>\n\n      <div className=\"adn-item__actions\">\n        {isUnread ? (\n          <button\n            type=\"button\"\n            className=\"adn-item__action\"\n            onClick={() => markAsRead.mutate(notification.id)}\n            disabled={markAsRead.isPending}\n            aria-label={messages['item.markAsRead']}\n            title={messages['item.markAsRead']}\n          >\n            <Check className=\"adn-item__action-icon\" aria-hidden=\"true\" />\n          </button>\n        ) : null}\n\n        <button\n          type=\"button\"\n          className=\"adn-item__action adn-item__action--danger\"\n          onClick={() => deleteNotification.mutate(notification.id)}\n          disabled={deleteNotification.isPending}\n          aria-label={messages['item.delete']}\n          title={messages['item.delete']}\n        >\n          {/* Ação destrutiva: ícone reforça o peso antes do clique (regra de ícones). */}\n          <Trash2 className=\"adn-item__action-icon\" aria-hidden=\"true\" />\n        </button>\n      </div>\n    </li>\n  )\n}\n","/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n */\n\nimport { useState } from 'react'\nimport { Save } from 'lucide-react'\nimport clsx from 'clsx'\nimport type { NotificationPreference } from '@adatechnology/notification-contracts'\n\nimport { useNotificationContext } from '../NotificationProvider'\nimport { usePreferences, useUpdatePreferences } from '../hooks/usePreferences'\n\nexport type PreferencesPanelProps = {\n  readonly className?: string\n}\n\nfunction channelLabelKey(channel: string): string {\n  return `channel.${channel}`\n}\n\nexport function PreferencesPanel({ className }: PreferencesPanelProps) {\n  const { messages, theme } = useNotificationContext()\n  const { data: saved = [], isPending } = usePreferences()\n  const updatePreferences = useUpdatePreferences()\n\n  // Rascunho local só existe entre abrir e salvar: `undefined` significa \"ainda não mexeu\", e é o\n  // que faz o painel refletir o servidor sem sobrescrever edição em andamento a cada refetch.\n  const [draft, setDraft] = useState<NotificationPreference[] | undefined>(undefined)\n  const preferences = draft ?? saved\n\n  function toggleChannel(target: NotificationPreference): void {\n    setDraft(\n      preferences.map((preference) =>\n        preference.category === target.category && preference.channel === target.channel\n          ? { ...preference, enabled: !preference.enabled }\n          : preference,\n      ),\n    )\n  }\n\n  function handleSave(): void {\n    updatePreferences.mutate(preferences, { onSuccess: () => setDraft(undefined) })\n  }\n\n  if (isPending) return <p className=\"adn-preferences__state\">{messages['list.loading']}</p>\n\n  return (\n    <section className={clsx('adn-preferences', theme.rootClassName, className)}>\n      <header className=\"adn-preferences__header\">\n        <h2 className=\"adn-preferences__title\">{messages['preferences.title']}</h2>\n        <p className=\"adn-preferences__description\">{messages['preferences.description']}</p>\n      </header>\n\n      {preferences.length === 0 ? (\n        <p className=\"adn-preferences__state\">{messages['preferences.empty']}</p>\n      ) : (\n        <ul className=\"adn-preferences__items\">\n          {preferences.map((preference) => {\n            const inputId = `adn-pref-${preference.category}-${preference.channel}`\n            return (\n              <li key={inputId} className=\"adn-preferences__item\">\n                {/* `label` associado por `htmlFor`: aumenta a área de toque e é o que faz o\n                    leitor de tela anunciar canal e estado juntos. */}\n                <label className=\"adn-preferences__label\" htmlFor={inputId}>\n                  <input\n                    id={inputId}\n                    type=\"checkbox\"\n                    className=\"adn-preferences__checkbox\"\n                    checked={preference.enabled}\n                    onChange={() => toggleChannel(preference)}\n                  />\n                  <span className=\"adn-preferences__category\">{preference.category}</span>\n                  <span className=\"adn-preferences__channel\">\n                    {messages[channelLabelKey(preference.channel) as keyof typeof messages] ?? preference.channel}\n                  </span>\n                </label>\n\n                {preference.quietHoursStart && preference.quietHoursEnd ? (\n                  <span className=\"adn-preferences__quiet-hours\">\n                    {messages['preferences.quietHours']} {preference.quietHoursStart}{' '}\n                    {messages['preferences.quietHoursTo']} {preference.quietHoursEnd}\n                  </span>\n                ) : null}\n              </li>\n            )\n          })}\n        </ul>\n      )}\n\n      <footer className=\"adn-preferences__footer\">\n        {/* Ação primária de formulário com convenção clara → ícone (regra de ícones, web.md §9). */}\n        <button\n          type=\"button\"\n          className=\"adn-preferences__save\"\n          onClick={handleSave}\n          disabled={updatePreferences.isPending || draft === undefined}\n        >\n          <Save className=\"adn-preferences__save-icon\" aria-hidden=\"true\" />\n          {messages['preferences.save']}\n        </button>\n\n        {updatePreferences.isSuccess && draft === undefined ? (\n          <span className=\"adn-preferences__feedback\" role=\"status\">\n            {messages['preferences.saved']}\n          </span>\n        ) : null}\n        {updatePreferences.isError ? (\n          <span className=\"adn-preferences__feedback adn-preferences__feedback--error\" role=\"alert\">\n            {messages['preferences.error']}\n          </span>\n        ) : null}\n      </footer>\n    </section>\n  )\n}\n"],"mappings":"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","names":["createContext","useContext","useMemo","DEFAULT_LOCALE","MESSAGES_BY_LOCALE","ptBR","en","resolveMessages","locale","NotificationContext","createContext","NotificationProvider","client","locale","DEFAULT_LOCALE","messageOverrides","theme","pollIntervalSeconds","children","value","useMemo","messages","resolveMessages","Provider","useNotificationContext","context","useContext","Error","useInfiniteQuery","useMutation","useQuery","useQueryClient","NOTIFICATION_QUERY_KEYS","all","list","filters","unreadCount","preferences","templates","useNotifications","options","client","useNotificationContext","useInfiniteQuery","queryKey","NOTIFICATION_QUERY_KEYS","list","category","read","initialPageParam","undefined","queryFn","pageParam","listNotifications","cursor","perPage","getNextPageParam","lastPage","nextCursor","useUnreadCount","pollIntervalSeconds","useQuery","unreadCount","countUnread","refetchInterval","useMarkAsRead","queryClient","useQueryClient","useMutation","mutationFn","id","markAsRead","onMutate","cancelQueries","all","previousCount","getQueryData","setQueryData","current","Math","max","onError","_error","_id","context","onSettled","invalidateQueries","useMarkAllAsRead","markAllAsRead","useDeleteNotification","deleteNotification","flattenNotificationPages","pages","flatMap","page","data","useEffect","useQueryClient","subscribeToNotificationStream","useNotificationStream","options","client","useNotificationContext","queryClient","useQueryClient","enabled","onEvent","useEffect","subscription","cancelled","resolveStreamRequest","then","url","headers","subscribeToNotificationStream","event","invalidateQueries","queryKey","NOTIFICATION_QUERY_KEYS","all","close","useMutation","useQuery","useQueryClient","usePreferences","client","useNotificationContext","useQuery","queryKey","NOTIFICATION_QUERY_KEYS","preferences","queryFn","getPreferences","useUpdatePreferences","queryClient","useQueryClient","useMutation","mutationFn","updatePreferences","onSuccess","saved","setQueryData","useTemplates","templates","listTemplates","Bell","clsx","DEFAULT_MAX_BADGE_COUNT","NotificationBell","onClick","className","maxBadgeCount","messages","theme","useNotificationContext","data","unreadCount","useUnreadCount","hasUnread","badgeLabel","String","accessibleLabel","button","type","clsx","rootClassName","aria-label","Bell","aria-hidden","span","aria-live","CheckCheck","Inbox","RotateCw","clsx","Check","Trash2","clsx","NotificationItem","notification","onSelect","className","messages","useNotificationContext","markAsRead","useMarkAsRead","deleteNotification","useDeleteNotification","isUnread","readAt","undefined","handleSelect","mutate","id","li","clsx","button","type","onClick","span","title","body","aria-label","div","disabled","isPending","Check","aria-hidden","Trash2","NotificationList","category","onSelect","className","components","messages","theme","useNotificationContext","query","useNotifications","data","unreadCount","useUnreadCount","markAllAsRead","useMarkAllAsRead","Item","NotificationItem","notifications","flattenNotificationPages","pages","section","clsx","rootClassName","aria-label","header","h2","button","type","onClick","mutate","disabled","isPending","CheckCheck","aria-hidden","p","isError","div","refetch","RotateCw","length","Inbox","ul","map","notification","key","id","hasNextPage","fetchNextPage","isFetchingNextPage","useState","Save","clsx","channelLabelKey","channel","PreferencesPanel","className","messages","theme","useNotificationContext","data","saved","isPending","usePreferences","updatePreferences","useUpdatePreferences","draft","setDraft","useState","undefined","preferences","toggleChannel","target","map","preference","category","enabled","handleSave","mutate","onSuccess","p","section","clsx","rootClassName","header","h2","length","ul","inputId","li","key","label","htmlFor","input","id","type","checked","onChange","span","quietHoursStart","quietHoursEnd","footer","button","onClick","disabled","Save","aria-hidden","isSuccess","role","isError"]}