@adatechnology/notification-ui 0.1.0-rc.3 → 0.1.0-rc.5

package/dist/chunk-I6WQKOCP.js.map

@@ -1 +0,0 @@
-{"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/format/notificationTime.ts","../src/hooks/useTemplateEditor.ts"],"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  /**\n   * O idioma resolvido, e não só os textos dele: data e número não vivem no arquivo de locale —\n   * quem os formata é `Intl`, e `Intl` precisa da tag do idioma. Sem isto o item da lista teria de\n   * chutar um locale fixo, e a inbox mostraria \"5 minutes ago\" numa tela em português.\n   */\n  readonly locale: NotificationLocale\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      locale,\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\": \"Caixa de entrada\",\n  \"list.unread\": \"não lidas\",\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  \"workspace.title\": \"Notificações\",\n  \"workspace.description\": \"O que foi avisado, e por quais canais.\",\n  \"workspace.settingsLink\": \"Configurações\",\n  \"settings.title\": \"Configurações de notificação\",\n  \"settings.description\": \"Por onde avisar, e o texto exato que chega.\",\n  \"settings.channelsTitle\": \"Canais\",\n  \"settings.channelsHint\": \"Desligar um canal não apaga o histórico — o aviso deixa de sair por ali daqui em diante.\",\n  \"settings.templatesTitle\": \"Mensagens\",\n  \"settings.templatesHint\": \"Uma versão nova é criada a cada gravação; a anterior fica no histórico.\",\n  \"settings.templatesEmpty\": \"Nenhuma mensagem cadastrada.\",\n  \"settings.pickTemplate\": \"Escolha uma mensagem para editar.\",\n  \"settings.subject\": \"Título\",\n  \"settings.subjectHint\": \"O que aparece na lista. Vazio, o título é derivado da primeira linha do texto.\",\n  \"settings.body\": \"Texto\",\n  \"settings.previewTitle\": \"Como o destinatário vê\",\n  \"settings.save\": \"Salvar nova versão\",\n  \"settings.saving\": \"Salvando…\",\n  \"settings.unchanged\": \"Nada mudou ainda.\",\n  \"settings.close\": \"Fechar\",\n  \"settings.version\": \"v\"\n}\n","{\n  \"bell.label\": \"Notifications\",\n  \"bell.unreadSuffix\": \"unread\",\n  \"list.title\": \"Inbox\",\n  \"list.unread\": \"unread\",\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  \"workspace.title\": \"Notifications\",\n  \"workspace.description\": \"What was sent, and through which channels.\",\n  \"workspace.settingsLink\": \"Settings\",\n  \"settings.title\": \"Notification settings\",\n  \"settings.description\": \"Where to notify, and the exact text that arrives.\",\n  \"settings.channelsTitle\": \"Channels\",\n  \"settings.channelsHint\": \"Turning a channel off does not erase history — notices stop going out through it from now on.\",\n  \"settings.templatesTitle\": \"Messages\",\n  \"settings.templatesHint\": \"Each save creates a new version; the previous one stays in history.\",\n  \"settings.templatesEmpty\": \"No messages registered.\",\n  \"settings.pickTemplate\": \"Pick a message to edit.\",\n  \"settings.subject\": \"Title\",\n  \"settings.subjectHint\": \"Shown in the list. Empty, the title is derived from the first line of the body.\",\n  \"settings.body\": \"Body\",\n  \"settings.previewTitle\": \"How the recipient sees it\",\n  \"settings.save\": \"Save new version\",\n  \"settings.saving\": \"Saving…\",\n  \"settings.unchanged\": \"Nothing changed yet.\",\n  \"settings.close\": \"Close\",\n  \"settings.version\": \"v\"\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, UpsertTemplateBody } 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/**\n * Salva uma VERSÃO nova do template. É o que a tela de configuração usa para o lojista mudar a copy\n * sem deploy.\n *\n * Invalida em vez de escrever no cache: o servidor decide o número da versão, então o objeto salvo\n * traz um campo que o otimista não teria como prever — e mostrar \"versão 3\" quando o banco gravou 4\n * confunde exatamente quem está tentando conferir o que salvou.\n */\nexport function useUpsertTemplate() {\n  const { client } = useNotificationContext()\n  const queryClient = useQueryClient()\n\n  return useMutation({\n    mutationFn: (input: UpsertTemplateBody) => client.upsertTemplate(input),\n    onSuccess() {\n      void queryClient.invalidateQueries({ queryKey: NOTIFICATION_QUERY_KEYS.templates() })\n    },\n  })\n}\n","/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n *\n * Quando o aviso chegou, dito do jeito que se diz em voz alta.\n *\n * `Intl` faz o trabalho de idioma — o pacote não guarda \"há\", \"ago\" nem nome de mês em lugar nenhum,\n * o que manteria `web.md` §6 de pé e ainda assim quebraria no primeiro locale novo. O que é decisão\n * nossa são as faixas: segundo, minuto, hora, dia, e a virada para data absoluta.\n */\n\nconst SECOND = 1_000\nconst MINUTE = 60 * SECOND\nconst HOUR = 60 * MINUTE\nconst DAY = 24 * HOUR\n\n/**\n * Passada uma semana, o relativo para de informar e passa a exigir conta: \"há 43 dias\" é um convite\n * a abrir o calendário. A data, o leitor lê.\n */\nconst RELATIVE_HORIZON = 7 * DAY\n\nfunction parseInstant(isoTimestamp: string): Date | undefined {\n  const instant = new Date(isoTimestamp)\n  return Number.isNaN(instant.getTime()) ? undefined : instant\n}\n\nexport function formatNotificationTime(isoTimestamp: string, locale: string, now: Date): string {\n  const instant = parseInstant(isoTimestamp)\n  if (!instant) return ''\n\n  // Relógio do navegador adiantado é rotina; anunciar \"daqui a 2 minutos\" para algo que já chegou\n  // não é. O piso em zero transforma o desvio em \"agora\", que é o que de fato aconteceu.\n  const elapsed = Math.max(0, now.getTime() - instant.getTime())\n\n  if (elapsed >= RELATIVE_HORIZON) {\n    return new Intl.DateTimeFormat(locale, { day: '2-digit', month: '2-digit', year: 'numeric' }).format(instant)\n  }\n\n  // `numeric: 'auto'` é o que troca \"há 1 dia\" por \"ontem\" e \"há 0 segundos\" por \"agora\".\n  const relative = new Intl.RelativeTimeFormat(locale, { numeric: 'auto' })\n\n  if (elapsed < MINUTE) return relative.format(0, 'second')\n  if (elapsed < HOUR) return relative.format(-Math.floor(elapsed / MINUTE), 'minute')\n  if (elapsed < DAY) return relative.format(-Math.floor(elapsed / HOUR), 'hour')\n  return relative.format(-Math.floor(elapsed / DAY), 'day')\n}\n\n/** O instante inteiro, para o `title` — é a hora que o texto relativo esconde. */\nexport function formatNotificationTimestamp(isoTimestamp: string, locale: string): string {\n  const instant = parseInstant(isoTimestamp)\n  if (!instant) return ''\n\n  return new Intl.DateTimeFormat(locale, { dateStyle: 'short', timeStyle: 'short' }).format(instant)\n}\n","/**\n * Copyright (c) 2026 Ada Technology. MIT License.\n *\n * A lógica do editor de template, que estava reimplementada no host.\n *\n * Ela veio de `quickcart/modules/notifications/hooks/useNotificationSettings.hook.ts` — 207 linhas\n * que o segundo produto reescreveria, com as mesmas quatro decisões sutis para redescobrir. Elas\n * são o motivo de isto ser pacote e não exemplo:\n *\n * 1. **Versão ativa mais alta.** A rota devolve o histórico inteiro, correto para auditoria; na tela\n *    isso faz a mesma mensagem aparecer três vezes e ninguém sabe qual está no ar.\n * 2. **Seleção pelo id, não pelo objeto.** Salvar cria versão nova no servidor; segurando o objeto,\n *    o editor mostra a versão que já não é a ativa e a gravação seguinte parte de um texto velho.\n * 3. **Campo vazio é ausência.** Gravar `subject: ''` faz o renderer tratar como subject existente e\n *    derivar título vazio, em vez de cair no fallback que usa o corpo.\n * 4. **Preview pelo `renderTemplate` do contracts**, o mesmo do envio. Reimplementar a interpolação\n *    dá um preview que confere hoje e mente quando o renderer mudar.\n */\n\nimport { useMemo, useState } from 'react'\nimport { renderTemplate } from '@adatechnology/notification-contracts'\nimport type {\n  NotificationTemplate,\n  RenderedTemplatePreview,\n  UpsertTemplateBody,\n} from '@adatechnology/notification-contracts'\n\nimport { useTemplates, useUpsertTemplate } from './usePreferences'\n\nexport type TemplateDraft = {\n  readonly key: string\n  readonly channel: string\n  readonly locale: string\n  readonly subject: string\n  readonly body: string\n  readonly whatsappTemplateName: string\n}\n\nfunction toDraft(template: NotificationTemplate): TemplateDraft {\n  return {\n    key: template.key,\n    channel: template.channel,\n    locale: template.locale,\n    subject: template.subject ?? '',\n    body: template.body,\n    whatsappTemplateName: template.whatsappTemplateName ?? '',\n  }\n}\n\nexport type UseTemplateEditorParams = {\n  /**\n   * Valores de exemplo do preview. É do produto: só ele sabe que `{{shortCode}}` é \"QC-1042\".\n   * Ausente, o preview mostra os campos vazios — que é o que o destinatário veria mesmo.\n   */\n  readonly previewPayload?: Readonly<Record<string, unknown>>\n}\n\nexport type UseTemplateEditorResult = {\n  readonly templates: readonly NotificationTemplate[]\n  readonly isLoading: boolean\n  readonly isSaving: boolean\n  readonly error: string | undefined\n  readonly selected: NotificationTemplate | undefined\n  readonly draft: TemplateDraft | undefined\n  readonly preview: RenderedTemplatePreview | undefined\n  readonly isDirty: boolean\n  select: (template: NotificationTemplate) => void\n  update: (patch: Partial<TemplateDraft>) => void\n  save: () => void\n  clear: () => void\n}\n\nexport function useTemplateEditor(params: UseTemplateEditorParams = {}): UseTemplateEditorResult {\n  const templatesQuery = useTemplates()\n  const upsert = useUpsertTemplate()\n\n  const [selectedId, setSelectedId] = useState<string | undefined>(undefined)\n  const [draft, setDraft] = useState<TemplateDraft | undefined>(undefined)\n\n  /** Decisão 1: só a ativa mais alta por `key`+`channel`+`locale` — a mesma que o envio faz. */\n  const templates = useMemo(() => {\n    const activeByIdentity = new Map<string, NotificationTemplate>()\n    for (const template of templatesQuery.data ?? []) {\n      if (!template.active) continue\n      const identity = `${template.key}:${template.channel}:${template.locale}`\n      const current = activeByIdentity.get(identity)\n      if (!current || template.version > current.version) activeByIdentity.set(identity, template)\n    }\n    return [...activeByIdentity.values()].sort(\n      (left, right) => left.key.localeCompare(right.key) || left.channel.localeCompare(right.channel),\n    )\n  }, [templatesQuery.data])\n\n  /** Decisão 2: derivado do id. */\n  const selected = useMemo(() => templates.find((template) => template.id === selectedId), [templates, selectedId])\n\n  /** Decisão 4: o mesmo render do envio. */\n  const preview = useMemo(() => {\n    if (!draft) return undefined\n    return renderTemplate({\n      channel: draft.channel,\n      subject: draft.subject || undefined,\n      body: draft.body,\n      payload: params.previewPayload ?? {},\n    })\n  }, [draft, params.previewPayload])\n\n  const isDirty = useMemo(() => {\n    if (!draft || !selected) return false\n    const original = toDraft(selected)\n    return (Object.keys(original) as (keyof TemplateDraft)[]).some((field) => original[field] !== draft[field])\n  }, [draft, selected])\n\n  return {\n    templates,\n    isLoading: templatesQuery.isLoading,\n    isSaving: upsert.isPending,\n    error: upsert.error?.message,\n    selected,\n    draft,\n    preview,\n    isDirty,\n\n    select(template) {\n      setSelectedId(template.id)\n      setDraft(toDraft(template))\n    },\n\n    update(patch) {\n      setDraft((current) => (current ? { ...current, ...patch } : current))\n    },\n\n    save() {\n      if (!draft) return\n      const body: UpsertTemplateBody = {\n        key: draft.key,\n        channel: draft.channel as UpsertTemplateBody['channel'],\n        locale: draft.locale,\n        active: true,\n        body: draft.body,\n        // Decisão 3: chave omitida quando vazia.\n        ...(draft.subject ? { subject: draft.subject } : {}),\n        ...(draft.whatsappTemplateName ? { whatsappTemplateName: draft.whatsappTemplateName } : {}),\n      }\n      // A versão nova tem outro id: soltar a seleção evita o editor ficar preso na anterior.\n      upsert.mutate(body, { onSuccess: () => setSelectedId(undefined) })\n    },\n\n    clear() {\n      setSelectedId(undefined)\n      setDraft(undefined)\n    },\n  }\n}\n"],"mappings":"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","names":["useQueryClient","useQueryClient","useMutation","useQuery","useQueryClient","useQuery","useQueryClient","useMutation","useMemo","useMemo"]}