@cnc-ti/layout-basic 8.6.0 → 8.8.0

package/dist/index.mjs

@@ -153,6 +153,20 @@ var Bell = createLucideIcon("Bell", [
   ["path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0", key: "qgo35s" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/calendar-days.js
+var CalendarDays = createLucideIcon("CalendarDays", [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M16 14h.01", key: "1gbofw" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M16 18h.01", key: "kzsmim" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/check.js
 var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 
@@ -267,6 +281,18 @@ var Paperclip = createLucideIcon("Paperclip", [
   ]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/pencil.js
+var Pencil = createLucideIcon("Pencil", [
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ],
+  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/plus.js
 var Plus = createLucideIcon("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
@@ -6780,7 +6806,769 @@ function HeaderNotifications(props) {
     ] })
   ] });
 }
+
+// src/alertas/alertas.tsx
+import * as React32 from "react";
+
+// src/alertas/formulario-alerta.tsx
+import * as React30 from "react";
+
+// src/alertas/date-utils.ts
+function obterHojeDataHoraIsoLocal() {
+  const hoje = /* @__PURE__ */ new Date();
+  const ano = hoje.getFullYear();
+  const mes = String(hoje.getMonth() + 1).padStart(2, "0");
+  const dia = String(hoje.getDate()).padStart(2, "0");
+  const horas = String(hoje.getHours()).padStart(2, "0");
+  const minutos = String(hoje.getMinutes()).padStart(2, "0");
+  return `${ano}-${mes}-${dia}T${horas}:${minutos}`;
+}
+function datetimeLocalParaIsoComOffset(valorInput) {
+  if (!valorInput) return valorInput;
+  const data = new Date(valorInput);
+  if (isNaN(data.getTime())) return valorInput;
+  const offsetMinutos = data.getTimezoneOffset();
+  const sinal = offsetMinutos <= 0 ? "+" : "-";
+  const absOffset = Math.abs(offsetMinutos);
+  const offsetHoras = String(Math.floor(absOffset / 60)).padStart(2, "0");
+  const offsetMins = String(absOffset % 60).padStart(2, "0");
+  const ano = data.getFullYear();
+  const mes = String(data.getMonth() + 1).padStart(2, "0");
+  const dia = String(data.getDate()).padStart(2, "0");
+  const horas = String(data.getHours()).padStart(2, "0");
+  const minutos = String(data.getMinutes()).padStart(2, "0");
+  return `${ano}-${mes}-${dia}T${horas}:${minutos}:00${sinal}${offsetHoras}:${offsetMins}`;
+}
+function formatarDataParaExibicao(iso) {
+  if (!iso) return "";
+  const dataObj = new Date(iso);
+  if (isNaN(dataObj.getTime())) return "";
+  const dia = String(dataObj.getDate()).padStart(2, "0");
+  const mes = String(dataObj.getMonth() + 1).padStart(2, "0");
+  const ano = dataObj.getFullYear();
+  const horas = String(dataObj.getHours()).padStart(2, "0");
+  const minutos = String(dataObj.getMinutes()).padStart(2, "0");
+  return `${dia}/${mes}/${ano} \xE0s ${horas}:${minutos}`;
+}
+
+// src/alertas/formulario-alerta.tsx
+import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
+var FORM_VAZIO = {
+  titulo: "",
+  dataReferencia: "",
+  lembrarNoDia: true,
+  diasAntes: "",
+  alertasDiasAntes: [],
+  novoAlertaDiasAntes: "",
+  mensagem: "",
+  enviarEmail: false
+};
+function normalizarAlertasDiasAntes(values) {
+  const alertas = [...values.alertasDiasAntes];
+  if (values.novoAlertaDiasAntes.trim()) {
+    alertas.push(values.novoAlertaDiasAntes.trim());
+  }
+  return Array.from(new Set(alertas.map(Number))).sort((a, b) => a - b);
+}
+function construirPayload(values) {
+  const alertasNumericos = normalizarAlertasDiasAntes(values);
+  const diasAntes = alertasNumericos.length ? Math.max(...alertasNumericos) : values.diasAntes.trim() ? Number(values.diasAntes) : 0;
+  return {
+    titulo: values.titulo.trim(),
+    dataReferencia: datetimeLocalParaIsoComOffset(values.dataReferencia),
+    lembrarNoDia: values.lembrarNoDia,
+    diasAntes,
+    alertasDiasAntes: alertasNumericos,
+    mensagem: values.mensagem.trim() || void 0,
+    enviarEmail: values.enviarEmail
+  };
+}
+function preencherFormDoAlerta(alerta) {
+  const alertasDiasAntes = alerta.alertasDiasAntes && alerta.alertasDiasAntes.length > 0 ? alerta.alertasDiasAntes.map(String) : alerta.diasAntes > 0 ? [String(alerta.diasAntes)] : [];
+  const dataObj = new Date(alerta.dataReferencia);
+  const formatada = isNaN(dataObj.getTime()) ? "" : (() => {
+    const ano = dataObj.getFullYear();
+    const mes = String(dataObj.getMonth() + 1).padStart(2, "0");
+    const dia = String(dataObj.getDate()).padStart(2, "0");
+    const horas = String(dataObj.getHours()).padStart(2, "0");
+    const minutos = String(dataObj.getMinutes()).padStart(2, "0");
+    return `${ano}-${mes}-${dia}T${horas}:${minutos}`;
+  })();
+  return {
+    titulo: alerta.titulo,
+    dataReferencia: formatada,
+    lembrarNoDia: alerta.lembrarNoDia ?? alerta.diasAntes === 0,
+    diasAntes: alerta.diasAntes ? String(alerta.diasAntes) : "",
+    alertasDiasAntes,
+    novoAlertaDiasAntes: "",
+    mensagem: alerta.mensagem ?? "",
+    enviarEmail: alerta.enviarEmail ?? false
+  };
+}
+function validarForm(values) {
+  if (!values.titulo.trim()) return "Informe o titulo do alerta";
+  if (!values.dataReferencia) return "Informe a data do alerta";
+  if (new Date(values.dataReferencia) < /* @__PURE__ */ new Date()) {
+    return "Informe uma data e hora igual ou posterior ao momento atual";
+  }
+  if (values.diasAntes.trim() && values.diasAntes !== "0") {
+    const diasAntes = Number(values.diasAntes);
+    if (!Number.isInteger(diasAntes) || diasAntes < 0) {
+      return "Informe uma quantidade de dias maior ou igual a zero";
+    }
+  }
+  if (values.novoAlertaDiasAntes.trim()) {
+    const novoAlerta = Number(values.novoAlertaDiasAntes);
+    if (!Number.isInteger(novoAlerta) || novoAlerta <= 0) {
+      return "Informe uma quantidade de dias maior que zero";
+    }
+  }
+  return "";
+}
+function OpcaoAlerta({ checked, label, onChange }) {
+  return /* @__PURE__ */ jsxs34("label", { className: "alerta-opcao", children: [
+    /* @__PURE__ */ jsx43(
+      "input",
+      {
+        type: "checkbox",
+        checked,
+        onChange: (e) => onChange(e.target.checked),
+        className: "alerta-checkbox"
+      }
+    ),
+    label
+  ] });
+}
+function FormularioAlerta({
+  alertaEmEdicao,
+  isSaving = false,
+  onSalvar,
+  onCancelar
+}) {
+  const [values, setValues] = React30.useState(
+    () => alertaEmEdicao ? preencherFormDoAlerta(alertaEmEdicao) : FORM_VAZIO
+  );
+  const [erro, setErro] = React30.useState("");
+  const [hojeDataHoraIso, setHojeDataHoraIso] = React30.useState("");
+  React30.useEffect(() => {
+    setHojeDataHoraIso(obterHojeDataHoraIsoLocal());
+  }, []);
+  React30.useEffect(() => {
+    setValues(alertaEmEdicao ? preencherFormDoAlerta(alertaEmEdicao) : FORM_VAZIO);
+    setErro("");
+  }, [alertaEmEdicao]);
+  const setField = (campo, valor) => {
+    setErro("");
+    setValues((prev) => ({ ...prev, [campo]: valor }));
+  };
+  const toggleLembrarNoDia = (checked) => {
+    setErro("");
+    setValues((prev) => ({ ...prev, lembrarNoDia: checked }));
+  };
+  const toggleAlertaDiasAntes = (dias, checked) => {
+    setErro("");
+    setValues((prev) => {
+      const valor = String(dias);
+      const alertas = new Set(prev.alertasDiasAntes);
+      if (checked) alertas.add(valor);
+      else alertas.delete(valor);
+      const alertasDiasAntes = Array.from(alertas).sort(
+        (a, b) => Number(a) - Number(b)
+      );
+      return {
+        ...prev,
+        alertasDiasAntes,
+        diasAntes: alertasDiasAntes.length > 0 ? String(Math.max(...alertasDiasAntes.map(Number))) : ""
+      };
+    });
+  };
+  const adicionarAlertaDiasAntes = () => {
+    const valor = values.novoAlertaDiasAntes.trim();
+    const dias = Number(valor);
+    if (!Number.isInteger(dias) || dias <= 0) {
+      setErro("Informe uma quantidade de dias maior que zero");
+      return;
+    }
+    setErro("");
+    setValues((prev) => {
+      const alertas = new Set(prev.alertasDiasAntes);
+      alertas.add(String(dias));
+      const alertasDiasAntes = Array.from(alertas).sort(
+        (a, b) => Number(a) - Number(b)
+      );
+      return {
+        ...prev,
+        diasAntes: String(Math.max(...alertasDiasAntes.map(Number))),
+        novoAlertaDiasAntes: "",
+        alertasDiasAntes
+      };
+    });
+  };
+  const removerAlertaDiasAntes = (valor) => {
+    setValues((prev) => {
+      const alertasDiasAntes = prev.alertasDiasAntes.filter((item) => item !== valor);
+      return {
+        ...prev,
+        alertasDiasAntes,
+        diasAntes: alertasDiasAntes.length > 0 ? String(Math.max(...alertasDiasAntes.map(Number))) : ""
+      };
+    });
+  };
+  const handleSalvar = () => {
+    const mensagemErro = validarForm(values);
+    if (mensagemErro) {
+      setErro(mensagemErro);
+      return;
+    }
+    onSalvar(construirPayload(values));
+  };
+  const alertasPersonalizados = values.alertasDiasAntes.filter(
+    (d) => !["2", "7", "15", "30"].includes(d)
+  );
+  return /* @__PURE__ */ jsxs34("section", { className: "alerta-form-section", children: [
+    /* @__PURE__ */ jsx43("div", { className: "alerta-form-header", children: /* @__PURE__ */ jsx43("h2", { className: "alerta-form-titulo", children: alertaEmEdicao ? "Editar alerta" : "Novo alerta" }) }),
+    /* @__PURE__ */ jsxs34("div", { className: "alerta-form-grid", children: [
+      /* @__PURE__ */ jsxs34("div", { className: "alerta-campo", children: [
+        /* @__PURE__ */ jsxs34("label", { htmlFor: "alerta-titulo", className: "alerta-label", children: [
+          "Titulo ",
+          /* @__PURE__ */ jsx43("span", { className: "alerta-obrigatorio", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx43(
+          "input",
+          {
+            id: "alerta-titulo",
+            type: "text",
+            value: values.titulo,
+            onChange: (e) => setField("titulo", e.target.value),
+            placeholder: "Informe o titulo do alerta",
+            className: "alerta-input"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs34("div", { className: "alerta-campo alerta-campo--data", children: [
+        /* @__PURE__ */ jsxs34("label", { htmlFor: "alerta-data", className: "alerta-label", children: [
+          "Data e Hora ",
+          /* @__PURE__ */ jsx43("span", { className: "alerta-obrigatorio", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx43(
+          "input",
+          {
+            id: "alerta-data",
+            type: "datetime-local",
+            min: hojeDataHoraIso,
+            value: values.dataReferencia,
+            onChange: (e) => setField("dataReferencia", e.target.value),
+            className: "alerta-input alerta-input--sm"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs34("div", { className: "alerta-campo", children: [
+        /* @__PURE__ */ jsx43("span", { className: "alerta-label", children: "Notifica\xE7\xF5es" }),
+        /* @__PURE__ */ jsxs34("div", { className: "alerta-notif-container", children: [
+          /* @__PURE__ */ jsxs34("div", { className: "alerta-notif-col", children: [
+            /* @__PURE__ */ jsx43(
+              OpcaoAlerta,
+              {
+                checked: values.lembrarNoDia,
+                label: "Alertar no dia",
+                onChange: toggleLembrarNoDia
+              }
+            ),
+            /* @__PURE__ */ jsx43(
+              OpcaoAlerta,
+              {
+                checked: values.alertasDiasAntes.includes("2"),
+                label: "2 dias antes",
+                onChange: (c) => toggleAlertaDiasAntes(2, c)
+              }
+            ),
+            /* @__PURE__ */ jsx43(
+              OpcaoAlerta,
+              {
+                checked: values.alertasDiasAntes.includes("7"),
+                label: "1 semana antes",
+                onChange: (c) => toggleAlertaDiasAntes(7, c)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs34("div", { className: "alerta-notif-col", children: [
+            /* @__PURE__ */ jsx43(
+              OpcaoAlerta,
+              {
+                checked: values.alertasDiasAntes.includes("15"),
+                label: "15 dias antes",
+                onChange: (c) => toggleAlertaDiasAntes(15, c)
+              }
+            ),
+            /* @__PURE__ */ jsx43(
+              OpcaoAlerta,
+              {
+                checked: values.alertasDiasAntes.includes("30"),
+                label: "1 m\xEAs antes",
+                onChange: (c) => toggleAlertaDiasAntes(30, c)
+              }
+            ),
+            /* @__PURE__ */ jsxs34("div", { className: "alerta-notif-personalizado", children: [
+              /* @__PURE__ */ jsx43(
+                "input",
+                {
+                  id: "alerta-dias",
+                  type: "number",
+                  min: 1,
+                  step: 1,
+                  value: values.novoAlertaDiasAntes,
+                  onChange: (e) => setField("novoAlertaDiasAntes", e.target.value),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                      e.preventDefault();
+                      adicionarAlertaDiasAntes();
+                    }
+                  },
+                  placeholder: "Dias",
+                  className: "alerta-input alerta-input--dias"
+                }
+              ),
+              /* @__PURE__ */ jsxs34(
+                "button",
+                {
+                  type: "button",
+                  onClick: adicionarAlertaDiasAntes,
+                  className: "alerta-btn alerta-btn--outline",
+                  children: [
+                    /* @__PURE__ */ jsx43(Plus, { size: 16 }),
+                    "Adicionar"
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          alertasPersonalizados.length > 0 && /* @__PURE__ */ jsx43("div", { className: "alerta-tags", children: alertasPersonalizados.map((dias) => /* @__PURE__ */ jsxs34("span", { className: "alerta-tag", children: [
+            dias,
+            " dia",
+            Number(dias) > 1 ? "s" : "",
+            " antes",
+            /* @__PURE__ */ jsx43(
+              "button",
+              {
+                type: "button",
+                onClick: () => removerAlertaDiasAntes(dias),
+                "aria-label": `Remover alerta de ${dias} dias antes`,
+                className: "alerta-tag-remover",
+                children: /* @__PURE__ */ jsx43(X, { size: 14 })
+              }
+            )
+          ] }, dias)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs34("div", { className: "alerta-campo", children: [
+        /* @__PURE__ */ jsx43("label", { htmlFor: "alerta-mensagem", className: "alerta-label", children: "Mensagem" }),
+        /* @__PURE__ */ jsx43(
+          "textarea",
+          {
+            id: "alerta-mensagem",
+            value: values.mensagem,
+            onChange: (e) => setField("mensagem", e.target.value),
+            placeholder: "Informe a mensagem do alerta",
+            rows: 3,
+            className: "alerta-textarea"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx43("div", { className: "alerta-campo", children: /* @__PURE__ */ jsx43(
+        OpcaoAlerta,
+        {
+          checked: values.enviarEmail,
+          label: "Enviar tamb\xE9m por e-mail",
+          onChange: (checked) => setField("enviarEmail", checked)
+        }
+      ) }),
+      erro && /* @__PURE__ */ jsx43("div", { className: "alerta-erro", children: erro }),
+      /* @__PURE__ */ jsxs34("div", { className: "alerta-form-acoes", children: [
+        /* @__PURE__ */ jsx43(
+          "button",
+          {
+            type: "button",
+            onClick: onCancelar,
+            className: "alerta-btn alerta-btn--secundario",
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsxs34(
+          "button",
+          {
+            type: "button",
+            onClick: handleSalvar,
+            disabled: isSaving,
+            className: "alerta-btn alerta-btn--primario",
+            children: [
+              /* @__PURE__ */ jsx43(Plus, { size: 16 }),
+              isSaving ? "Salvando..." : alertaEmEdicao ? "Atualizar alerta" : "Adicionar alerta"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/alertas/alerta-item.tsx
+import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+function AlertaItem({
+  alerta,
+  disabled = false,
+  selecionado = false,
+  onEditar,
+  onConcluir,
+  onExcluir
+}) {
+  const concluido = alerta.status === "CONCLUIDO";
+  const cancelado = alerta.status === "CANCELADO";
+  const podeAlterar = !concluido && !cancelado;
+  const statusLabel = concluido ? "Concluido" : cancelado ? "Cancelado" : "Pendente";
+  const descricaoAlertas = [
+    alerta.lembrarNoDia ?? alerta.diasAntes === 0 ? "no dia" : null,
+    ...alerta.alertasDiasAntes && alerta.alertasDiasAntes.length > 0 ? alerta.alertasDiasAntes.map(
+      (dias) => `${dias} dia${dias > 1 ? "s" : ""} antes`
+    ) : alerta.diasAntes > 0 ? [`${alerta.diasAntes} dia${alerta.diasAntes > 1 ? "s" : ""} antes`] : []
+  ].filter(Boolean).join(", ");
+  return /* @__PURE__ */ jsx44(
+    "article",
+    {
+      className: [
+        "alerta-item",
+        selecionado ? "alerta-item--selecionado" : "",
+        concluido ? "alerta-item--concluido" : "",
+        cancelado ? "alerta-item--cancelado" : ""
+      ].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsxs35("div", { className: "alerta-item-corpo", children: [
+        /* @__PURE__ */ jsxs35("div", { className: "alerta-item-info", children: [
+          /* @__PURE__ */ jsxs35("div", { className: "alerta-item-topo", children: [
+            /* @__PURE__ */ jsx44("h3", { className: "alerta-item-titulo", children: alerta.titulo }),
+            /* @__PURE__ */ jsx44("span", { className: `alerta-status alerta-status--${statusLabel.toLowerCase()}`, children: statusLabel })
+          ] }),
+          alerta.mensagem && /* @__PURE__ */ jsx44("p", { className: "alerta-item-mensagem", children: alerta.mensagem }),
+          /* @__PURE__ */ jsxs35("div", { className: "alerta-item-meta", children: [
+            /* @__PURE__ */ jsxs35("span", { className: "alerta-item-meta-linha", children: [
+              /* @__PURE__ */ jsx44(CalendarDays, { size: 14 }),
+              "Data ",
+              formatarDataParaExibicao(alerta.dataReferencia)
+            ] }),
+            /* @__PURE__ */ jsxs35("span", { className: "alerta-item-meta-linha", children: [
+              /* @__PURE__ */ jsx44(Bell, { size: 14 }),
+              "Notifica\xE7\xF5es: ",
+              descricaoAlertas || "\u2014"
+            ] }),
+            alerta.enviarEmail && /* @__PURE__ */ jsxs35("span", { className: "alerta-item-meta-linha alerta-item-email-ativo", children: [
+              /* @__PURE__ */ jsx44("span", { className: "alerta-dot" }),
+              "Notifica\xE7\xE3o por e-mail ativa"
+            ] }),
+            cancelado && alerta.motivoCancelamento && /* @__PURE__ */ jsxs35("span", { className: "alerta-item-meta-linha", children: [
+              /* @__PURE__ */ jsx44(X, { size: 14 }),
+              "Cancelado automaticamente: ",
+              alerta.motivoCancelamento
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs35("div", { className: "alerta-item-acoes", children: [
+          /* @__PURE__ */ jsx44(
+            "button",
+            {
+              type: "button",
+              onClick: onEditar,
+              disabled: disabled || !podeAlterar,
+              title: "Editar alerta",
+              className: "alerta-btn-icone",
+              children: /* @__PURE__ */ jsx44(Pencil, { size: 16 })
+            }
+          ),
+          podeAlterar && /* @__PURE__ */ jsx44(
+            "button",
+            {
+              type: "button",
+              onClick: onConcluir,
+              disabled,
+              title: "Concluir alerta",
+              className: "alerta-btn-icone alerta-btn-icone--sucesso",
+              children: /* @__PURE__ */ jsx44(Check, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx44(
+            "button",
+            {
+              type: "button",
+              onClick: onExcluir,
+              disabled,
+              title: "Excluir alerta",
+              className: "alerta-btn-icone alerta-btn-icone--perigo",
+              children: /* @__PURE__ */ jsx44(Trash2, { size: 16 })
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/alertas/usar-alertas.ts
+import * as React31 from "react";
+
+// src/alertas/cliente.ts
+var ErroAlertas = class _ErroAlertas extends Error {
+  status;
+  constructor(mensagem, status) {
+    super(mensagem);
+    this.name = "ErroAlertas";
+    this.status = status;
+    Object.setPrototypeOf(this, _ErroAlertas.prototype);
+  }
+};
+async function buscarAlertas({
+  baseUrl,
+  sistema,
+  email,
+  fetchFn = fetch,
+  signal,
+  eventoId,
+  filtros
+}) {
+  const params = new URLSearchParams({ sistema, email });
+  if (eventoId !== void 0) params.set("eventoId", String(eventoId));
+  for (const [chave, valor] of Object.entries(filtros ?? {})) {
+    if (valor !== void 0 && valor !== null && valor !== "") params.set(chave, String(valor));
+  }
+  const url = `${normalizarBaseUrl(baseUrl)}/notificacoes?${params.toString()}`;
+  const resposta = await fetchFn(url, {
+    method: "GET",
+    headers: { Accept: "application/json" },
+    signal
+  });
+  if (!resposta.ok) {
+    throw new ErroAlertas(`Falha ao buscar alertas`, resposta.status);
+  }
+  return await resposta.json();
+}
+
+// src/alertas/usar-alertas.ts
+function foiAbortado2(erro) {
+  return erro?.name === "AbortError";
+}
+function usarAlertas({
+  baseUrl,
+  sistema,
+  email,
+  fetchFn,
+  eventoId,
+  filtros,
+  habilitado = true,
+  onErro
+}) {
+  const [alertas, setAlertas] = React31.useState([]);
+  const [carregando, setCarregando] = React31.useState(habilitado);
+  const controladorRef = React31.useRef(null);
+  const jaCarregouRef = React31.useRef(false);
+  const onErroRef = React31.useRef(onErro);
+  const fetchFnRef = React31.useRef(fetchFn);
+  const filtrosRef = React31.useRef(filtros);
+  React31.useEffect(() => {
+    onErroRef.current = onErro;
+  }, [onErro]);
+  React31.useEffect(() => {
+    fetchFnRef.current = fetchFn;
+  }, [fetchFn]);
+  React31.useEffect(() => {
+    filtrosRef.current = filtros;
+  }, [filtros]);
+  const pronto = baseUrl !== void 0 && sistema !== void 0 && email !== void 0;
+  const filtrosChave = filtros ? JSON.stringify(filtros) : "";
+  const atualizar = React31.useCallback(() => {
+    if (!habilitado || !pronto) return;
+    controladorRef.current?.abort();
+    const controlador = new AbortController();
+    controladorRef.current = controlador;
+    void (async () => {
+      try {
+        const lista = await buscarAlertas({
+          baseUrl,
+          sistema,
+          email,
+          fetchFn: fetchFnRef.current,
+          eventoId,
+          filtros: filtrosRef.current,
+          signal: controlador.signal
+        });
+        if (controlador.signal.aborted) return;
+        setAlertas(lista);
+      } catch (erro) {
+        if (controlador.signal.aborted || foiAbortado2(erro)) return;
+        onErroRef.current?.(erro);
+      } finally {
+        if (!controlador.signal.aborted) {
+          jaCarregouRef.current = true;
+          setCarregando(false);
+        }
+      }
+    })();
+  }, [baseUrl, sistema, email, eventoId, filtrosChave, habilitado, pronto]);
+  React31.useEffect(() => {
+    if (!habilitado || !pronto) {
+      setCarregando(false);
+      return;
+    }
+    if (!jaCarregouRef.current) setCarregando(true);
+    atualizar();
+    return () => controladorRef.current?.abort();
+  }, [atualizar, habilitado, pronto]);
+  return {
+    alertas,
+    carregando,
+    atualizar
+  };
+}
+
+// src/alertas/alertas.tsx
+import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+function Alertas({
+  alertas: alertasProps = [],
+  isLoading = false,
+  isSaving = false,
+  isRemovendo = false,
+  podeCriar = true,
+  onCriar,
+  onAtualizar,
+  onConcluir,
+  onExcluir,
+  baseUrl = URL_PADRAO_NOTIFICACOES,
+  sistema,
+  email,
+  fetchFn,
+  eventoId,
+  filtros,
+  onErro
+}) {
+  const [formAberto, setFormAberto] = React32.useState(false);
+  const [alertaEmEdicao, setAlertaEmEdicao] = React32.useState(null);
+  const [salvandoLocal, setSalvandoLocal] = React32.useState(false);
+  const [removendoLocal, setRemovendoLocal] = React32.useState(false);
+  const conectado = Boolean(sistema && email);
+  const remoto = usarAlertas({
+    baseUrl,
+    sistema,
+    email,
+    fetchFn,
+    eventoId,
+    filtros,
+    habilitado: conectado,
+    onErro
+  });
+  const alertas = conectado ? remoto.alertas : alertasProps;
+  const carregando = conectado ? remoto.carregando : isLoading;
+  const salvando = salvandoLocal || isSaving;
+  const removendo = removendoLocal || isRemovendo;
+  const resetForm = () => {
+    setFormAberto(false);
+    setAlertaEmEdicao(null);
+  };
+  const abrirNovoAlerta = () => {
+    setAlertaEmEdicao(null);
+    setFormAberto(true);
+  };
+  const abrirEdicao = (alerta) => {
+    setAlertaEmEdicao(alerta);
+    setFormAberto(true);
+  };
+  const handleSalvar = async (payload) => {
+    setSalvandoLocal(true);
+    try {
+      if (alertaEmEdicao) {
+        await onAtualizar?.(alertaEmEdicao.id, payload);
+      } else {
+        await onCriar?.(payload);
+      }
+      if (conectado) remoto.atualizar();
+      resetForm();
+    } catch (err) {
+      console.error("Erro ao salvar alerta:", err);
+      onErro?.(err);
+    } finally {
+      setSalvandoLocal(false);
+    }
+  };
+  const handleConcluir = async (alertaId) => {
+    setRemovendoLocal(true);
+    try {
+      await onConcluir?.(alertaId);
+      if (conectado) remoto.atualizar();
+    } catch (err) {
+      console.error("Erro ao concluir alerta:", err);
+      onErro?.(err);
+    } finally {
+      setRemovendoLocal(false);
+    }
+  };
+  const handleExcluir = (alerta) => {
+    if (!window.confirm(`Tem certeza que deseja excluir o alerta "${alerta.titulo}"?`)) return;
+    void (async () => {
+      setRemovendoLocal(true);
+      try {
+        await onExcluir?.(alerta);
+        if (conectado) remoto.atualizar();
+      } catch (err) {
+        console.error("Erro ao excluir alerta:", err);
+        onErro?.(err);
+      } finally {
+        setRemovendoLocal(false);
+      }
+    })();
+  };
+  return /* @__PURE__ */ jsxs36("div", { className: "alertas-container", children: [
+    !formAberto && podeCriar && /* @__PURE__ */ jsx45("div", { className: "alertas-nova-acao", children: /* @__PURE__ */ jsxs36(
+      "button",
+      {
+        type: "button",
+        onClick: abrirNovoAlerta,
+        className: "alerta-btn alerta-btn--primario",
+        children: [
+          /* @__PURE__ */ jsx45(Plus, { size: 16 }),
+          "Novo alerta"
+        ]
+      }
+    ) }),
+    formAberto && /* @__PURE__ */ jsx45(
+      FormularioAlerta,
+      {
+        alertaEmEdicao,
+        isSaving: salvando,
+        onSalvar: handleSalvar,
+        onCancelar: resetForm
+      }
+    ),
+    /* @__PURE__ */ jsxs36("section", { className: "alertas-lista-section", children: [
+      /* @__PURE__ */ jsx45("div", { className: "alertas-lista-header", children: /* @__PURE__ */ jsxs36("h2", { className: "alertas-lista-titulo", children: [
+        "Alertas cadastrados (",
+        alertas.length,
+        ")"
+      ] }) }),
+      carregando ? /* @__PURE__ */ jsx45("div", { className: "alertas-estado", children: "Carregando alertas..." }) : alertas.length === 0 ? /* @__PURE__ */ jsxs36("div", { className: "alertas-vazio", children: [
+        /* @__PURE__ */ jsx45(Bell, { size: 32, className: "alertas-vazio-icone" }),
+        /* @__PURE__ */ jsx45("p", { className: "alertas-vazio-texto", children: "Nenhum alerta cadastrado." })
+      ] }) : /* @__PURE__ */ jsx45("div", { className: "alertas-lista", children: alertas.map((alerta) => /* @__PURE__ */ jsx45(
+        AlertaItem,
+        {
+          alerta,
+          disabled: removendo,
+          selecionado: alertaEmEdicao?.id === alerta.id,
+          onEditar: () => abrirEdicao(alerta),
+          onConcluir: () => handleConcluir(alerta.id),
+          onExcluir: () => handleExcluir(alerta)
+        },
+        alerta.id
+      )) })
+    ] })
+  ] });
+}
 export {
+  AlertaItem,
+  Alertas,
   AplicationsHeader,
   AppsMenu,
   Avatar,
@@ -6848,10 +7636,12 @@ export {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
   EmptyState,
+  ErroAlertas,
   ErroNotificacoes,
   FileList,
   FileUpload,
   Filter,
+  FormularioAlerta,
   Header,
   HeaderContainer,
   HeaderNotifications,
@@ -6904,14 +7694,17 @@ export {
   URL_PADRAO_NOTIFICACOES,
   availableApps,
   buildMonthDays,
+  buscarAlertas,
   buttonVariants,
   formatDayAriaLabel,
   formatFileSize,
   formatMonthYear,
   isSameDay,
   isToday,
+  normalizarBaseUrl,
   toDateKey,
   toLocalNoon,
+  usarAlertas,
   useDrawer,
   validateFiles
 };
@@ -6973,6 +7766,14 @@ lucide-react/dist/esm/icons/bell.js:
    * See the LICENSE file in the root directory of this source tree.
    *)
 
+lucide-react/dist/esm/icons/calendar-days.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
 lucide-react/dist/esm/icons/check.js:
   (**
    * @license lucide-react v0.453.0 - ISC
@@ -7109,6 +7910,14 @@ lucide-react/dist/esm/icons/paperclip.js:
    * See the LICENSE file in the root directory of this source tree.
    *)
 
+lucide-react/dist/esm/icons/pencil.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
 lucide-react/dist/esm/icons/plus.js:
   (**
    * @license lucide-react v0.453.0 - ISC