analytica-frontend-lib 1.2.13 → 1.2.15

package/dist/AlertManagerView/index.js

@@ -411,35 +411,175 @@ var Divider_default = Divider;
 // src/components/Table/Table.tsx
 var import_react2 = require("react");
 var import_phosphor_react2 = require("phosphor-react");
+
+// src/components/NoSearchResult/NoSearchResult.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var NoSearchResult = ({ image, title, description }) => {
+  const displayTitle = title || "Nenhum resultado encontrado";
+  const displayDescription = description || "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row justify-center items-center gap-8 w-full max-w-4xl min-h-96", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "w-72 h-72 flex-shrink-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "img",
+      {
+        src: image,
+        alt: "No search results",
+        className: "w-full h-full object-contain"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col items-start w-full max-w-md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex flex-row justify-between items-end px-6 pt-6 pb-4 w-full rounded-t-xl", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        Text_default,
+        {
+          as: "h2",
+          className: "text-text-950 font-semibold text-3xl leading-tight w-full flex items-center",
+          children: displayTitle
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex flex-row justify-center items-center px-6 gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { className: "text-text-600 font-normal text-lg leading-relaxed w-full text-justify", children: displayDescription }) })
+    ] })
+  ] });
+};
+var NoSearchResult_default = NoSearchResult;
+
+// src/components/Table/Table.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var Table = (0, import_react2.forwardRef)(
-  ({ variant = "default", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    "div",
-    {
-      className: cn(
-        "relative w-full overflow-x-auto",
-        variant === "default" && "border border-border-200 rounded-xl"
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-        "table",
+  ({
+    variant = "default",
+    className,
+    children,
+    searchTerm,
+    noSearchResultImage,
+    noSearchResultTitle = "Nenhum resultado encontrado",
+    noSearchResultDescription = "N\xE3o encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.",
+    emptyStateMessage = "Nenhum dado dispon\xEDvel no momento.",
+    emptyStateButtonText = "Adicionar item",
+    onEmptyStateButtonClick,
+    ...props
+  }, ref) => {
+    const isTableBodyEmpty = (0, import_react2.useMemo)(() => {
+      let foundBody = false;
+      let empty = true;
+      import_react2.Children.forEach(children, (child) => {
+        if ((0, import_react2.isValidElement)(child) && child.type === TableBody) {
+          foundBody = true;
+          const bodyProps = child.props;
+          if (import_react2.Children.count(bodyProps?.children) > 0) {
+            empty = false;
+          }
+        }
+      });
+      return foundBody ? empty : false;
+    }, [children]);
+    const columnCount = (0, import_react2.useMemo)(() => {
+      let count = 0;
+      import_react2.Children.forEach(children, (child) => {
+        if ((0, import_react2.isValidElement)(child) && child.type === TableHeader) {
+          const headerProps = child.props;
+          import_react2.Children.forEach(headerProps.children, (row) => {
+            if ((0, import_react2.isValidElement)(row) && row.type === TableRow) {
+              const rowProps = row.props;
+              count = import_react2.Children.count(rowProps.children);
+            }
+          });
+        }
+      });
+      return count || 1;
+    }, [children]);
+    const hasSearchTerm = searchTerm && searchTerm.trim() !== "";
+    const showNoSearchResult = hasSearchTerm && isTableBodyEmpty;
+    const showEmptyState = !hasSearchTerm && isTableBodyEmpty;
+    if (showNoSearchResult) {
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        "div",
         {
-          ref,
           className: cn(
-            "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
-            className
+            "relative w-full overflow-x-auto",
+            variant === "default" && "border border-border-200 rounded-xl"
           ),
-          ...props,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("caption", { className: "sr-only", children: "My Table" }),
-            children
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "table",
+              {
+                ref,
+                className: cn(
+                  "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
+                  className
+                ),
+                ...props,
+                children: import_react2.Children.map(children, (child) => {
+                  if ((0, import_react2.isValidElement)(child) && (child.type === TableCaption || child.type === TableHeader)) {
+                    return child;
+                  }
+                  return null;
+                })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "py-8 flex justify-center", children: noSearchResultImage ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              NoSearchResult_default,
+              {
+                image: noSearchResultImage,
+                title: noSearchResultTitle,
+                description: noSearchResultDescription
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-600 text-lg font-semibold mb-2", children: noSearchResultTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-500 text-sm", children: noSearchResultDescription })
+            ] }) })
           ]
         }
-      )
+      );
     }
-  )
+    const modifiedChildren = import_react2.Children.map(children, (child) => {
+      if ((0, import_react2.isValidElement)(child) && child.type === TableBody && showEmptyState) {
+        return (0, import_react2.cloneElement)(child, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TableRow, { variant, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TableCell, { colSpan: columnCount, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-600 text-base font-normal", children: emptyStateMessage }),
+            onEmptyStateButtonClick && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              Button_default,
+              {
+                variant: "solid",
+                action: "primary",
+                size: "medium",
+                onClick: onEmptyStateButtonClick,
+                children: emptyStateButtonText
+              }
+            )
+          ] }) }) })
+        });
+      }
+      return child;
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "div",
+      {
+        className: cn(
+          "relative w-full overflow-x-auto",
+          variant === "default" && "border border-border-200 rounded-xl"
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "table",
+          {
+            ref,
+            className: cn(
+              "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
+              className
+            ),
+            ...props,
+            children: [
+              !import_react2.Children.toArray(children).some(
+                (child) => (0, import_react2.isValidElement)(child) && child.type === TableCaption
+              ) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("caption", { className: "sr-only", children: "My Table" }),
+              modifiedChildren
+            ]
+          }
+        )
+      }
+    );
+  }
 );
 Table.displayName = "Table";
-var TableHeader = (0, import_react2.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var TableHeader = (0, import_react2.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   "thead",
   {
     ref,
@@ -449,7 +589,7 @@ var TableHeader = (0, import_react2.forwardRef)(({ className, ...props }, ref) =
 ));
 TableHeader.displayName = "TableHeader";
 var TableBody = (0, import_react2.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "tbody",
     {
       ref,
@@ -460,7 +600,7 @@ var TableBody = (0, import_react2.forwardRef)(
 );
 TableBody.displayName = "TableBody";
 var TableFooter = (0, import_react2.forwardRef)(
-  ({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  ({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "tfoot",
     {
       ref,
@@ -500,14 +640,14 @@ var TableRow = (0, import_react2.forwardRef)(
     className,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "tr",
       {
         ref,
         className: cn(
           "transition-colors",
-          state !== "disabled" ? "hover:bg-muted/50" : "",
-          clickable && state !== "disabled" ? "cursor-pointer" : "",
+          state === "disabled" ? "" : "hover:bg-muted/50",
+          state === "disabled" || !clickable ? "" : "cursor-pointer",
           VARIANT_STATES_ROW[state][variant],
           className
         ),
@@ -532,7 +672,7 @@ var TableHead = (0, import_react2.forwardRef)(
         onSort();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "th",
       {
         ref,
@@ -543,11 +683,11 @@ var TableHead = (0, import_react2.forwardRef)(
         ),
         onClick: handleClick,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
           children,
-          sortable && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col", children: [
-            sortDirection === "asc" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
-            sortDirection === "desc" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CaretDown, { size: 16, weight: "fill", className: "text-text-800" })
+          sortable && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col", children: [
+            sortDirection === "asc" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
+            sortDirection === "desc" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react2.CaretDown, { size: 16, weight: "fill", className: "text-text-800" })
           ] })
         ] })
       }
@@ -555,7 +695,7 @@ var TableHead = (0, import_react2.forwardRef)(
   }
 );
 TableHead.displayName = "TableHead";
-var TableCell = (0, import_react2.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var TableCell = (0, import_react2.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   "td",
   {
     ref,
@@ -567,7 +707,7 @@ var TableCell = (0, import_react2.forwardRef)(({ className, ...props }, ref) =>
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = (0, import_react2.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var TableCaption = (0, import_react2.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   "caption",
   {
     ref,
@@ -583,7 +723,7 @@ var Table_default = Table;
 
 // src/components/Badge/Badge.tsx
 var import_phosphor_react3 = require("phosphor-react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var VARIANT_ACTION_CLASSES2 = {
   solid: {
     error: "bg-error-background text-error-700 focus-visible:outline-none",
@@ -645,14 +785,14 @@ var Badge = ({
   const baseClasses = "inline-flex items-center justify-center rounded-xs font-normal gap-1 relative";
   const baseClassesIcon = "flex items-center";
   if (variant === "notification") {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "div",
       {
         className: cn(baseClasses, variantClasses, sizeClasses, className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_phosphor_react3.Bell, { size: 24, className: "text-current", "aria-hidden": "true" }),
-          notificationActive && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_phosphor_react3.Bell, { size: 24, className: "text-current", "aria-hidden": "true" }),
+          notificationActive && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "span",
             {
               "data-testid": "notification-dot",
@@ -663,15 +803,15 @@ var Badge = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "div",
     {
       className: cn(baseClasses, variantClasses, sizeClasses, className),
       ...props,
       children: [
-        iconLeft && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: cn(baseClassesIcon, sizeClassesIcon), children: iconLeft }),
+        iconLeft && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: cn(baseClassesIcon, sizeClassesIcon), children: iconLeft }),
         children,
-        iconRight && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: cn(baseClassesIcon, sizeClassesIcon), children: iconRight })
+        iconRight && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: cn(baseClassesIcon, sizeClassesIcon), children: iconRight })
       ]
     }
   );
@@ -685,7 +825,7 @@ var import_phosphor_react4 = require("phosphor-react");
 var notification_default = "../notification-TD7ZFRLL.png";
 
 // src/components/AlertManagerView/AlertsManagerView.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var AlertsManagerView = ({
   alertData,
   isOpen = false,
@@ -728,7 +868,7 @@ var AlertsManagerView = ({
       year: "numeric"
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     Modal_default,
     {
       isOpen,
@@ -736,59 +876,59 @@ var AlertsManagerView = ({
       title: alertData.title,
       size: "md",
       contentClassName: "p-0",
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex flex-col h-[calc(100vh-8rem)] max-h-[700px]", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "bg-background-50 px-5 py-6 flex flex-col items-center gap-4 rounded-xl mb-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex flex-col h-[calc(100vh-8rem)] max-h-[700px]", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "bg-background-50 px-5 py-6 flex flex-col items-center gap-4 rounded-xl mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             "img",
             {
               src: imageUrl || notification_default,
               alt: alertData.title || "Imagem do alerta"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col items-center text-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text_default, { size: "lg", weight: "semibold", children: alertData.title || "Sem T\xEDtulo" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text_default, { size: "sm", weight: "normal", className: "text-text-500", children: alertData.message || "Sem mensagem" })
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col items-center text-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text_default, { size: "lg", weight: "semibold", children: alertData.title || "Sem T\xEDtulo" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text_default, { size: "sm", weight: "normal", className: "text-text-500", children: alertData.message || "Sem mensagem" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Divider_default, { className: "my-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex justify-between items-center mb-4 px-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-700", children: "Enviado em" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: formatDate(alertData.sentAt) })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Divider_default, { className: "my-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex justify-between items-center mb-4 px-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-700", children: "Enviado em" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: formatDate(alertData.sentAt) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Divider_default, { className: "my-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Table_default, { variant: "borderless", className: "table-fixed", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(TableRow, { variant: "borderless", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableHead, { className: "py-2 px-3.5 text-start", children: "Destinat\xE1rio" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableHead, { className: "py-2 px-3.5 w-[120px] text-start", children: "Status" })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Divider_default, { className: "my-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Table_default, { variant: "borderless", className: "table-fixed", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(TableRow, { variant: "borderless", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableHead, { className: "py-2 px-3.5 text-start", children: "Destinat\xE1rio" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableHead, { className: "py-2 px-3.5 w-[120px] text-start", children: "Status" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableBody, { variant: "borderless", children: paginatedRecipients.map((recipient) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(TableRow, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(TableCell, { className: "py-2 px-3.5 flex flex-row gap-2 text-start truncate", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rounded-full size-6 bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_phosphor_react4.User, { className: "text-primary-950", size: 18 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableBody, { variant: "borderless", children: paginatedRecipients.map((recipient) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(TableRow, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(TableCell, { className: "py-2 px-3.5 flex flex-row gap-2 text-start truncate", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rounded-full size-6 bg-primary-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_phosphor_react4.User, { className: "text-primary-950", size: 18 }) }),
               recipient.name
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableCell, { className: "py-2 px-3.5 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex justify-center items-center gap-1", children: recipient.status === "viewed" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge_default, { variant: "solid", action: "success", children: "Visualizado" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge_default, { variant: "solid", action: "error", children: "Pendente" }) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableCell, { className: "py-2 px-3.5 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex justify-center items-center gap-1", children: recipient.status === "viewed" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge_default, { variant: "solid", action: "success", children: "Visualizado" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge_default, { variant: "solid", action: "error", children: "Pendente" }) }) })
           ] }, recipient.id)) })
         ] }) }),
-        totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex justify-end items-center gap-2 bg-background-50 border border-border-200 py-3.5 px-2 rounded-b-2xl", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Text_default, { size: "sm", className: "text-text-600", children: [
+        totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex justify-end items-center gap-2 bg-background-50 border border-border-200 py-3.5 px-2 rounded-b-2xl", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Text_default, { size: "sm", className: "text-text-600", children: [
             "P\xE1gina ",
             effectiveCurrentPage,
             " de ",
             totalPages
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex gap-2", children: onPageChange ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex gap-2", children: onPageChange ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               Button_default,
               {
                 variant: "link",
                 size: "extra-small",
                 onClick: () => onPageChange(Math.max(1, effectiveCurrentPage - 1)),
                 disabled: effectiveCurrentPage === 1,
-                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_phosphor_react4.CaretLeft, {}),
+                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_phosphor_react4.CaretLeft, {}),
                 children: "Anterior"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               Button_default,
               {
                 variant: "link",
@@ -797,28 +937,28 @@ var AlertsManagerView = ({
                   Math.min(totalPages, effectiveCurrentPage + 1)
                 ),
                 disabled: effectiveCurrentPage === totalPages,
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_phosphor_react4.CaretRight, {}),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_phosphor_react4.CaretRight, {}),
                 children: "Pr\xF3ximo"
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               Button_default,
               {
                 variant: "link",
                 size: "extra-small",
                 disabled: effectiveCurrentPage === 1,
-                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_phosphor_react4.CaretLeft, {}),
+                iconLeft: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_phosphor_react4.CaretLeft, {}),
                 children: "Anterior"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               Button_default,
               {
                 variant: "link",
                 size: "extra-small",
                 disabled: effectiveCurrentPage === totalPages,
-                iconRight: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_phosphor_react4.CaretRight, {}),
+                iconRight: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_phosphor_react4.CaretRight, {}),
                 children: "Pr\xF3ximo"
               }
             )