prometeo-design-system 4.2.5 → 4.3.0

package/dist/NotificationCard.es.js

@@ -1,25 +1,25 @@
 import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { useCallback as h } from "react";
-import { c as n } from "./cn-B6yFEsav.js";
+import { c as o } from "./cn-B6yFEsav.js";
 import b from "./Avatar.es.js";
 import j from "./Button.es.js";
-const z = ({ user: o, body: s, date: a, actions: r, read: m, className: f, metadata: t, onClick: i }) => {
+const z = ({ user: m, body: s, date: a, actions: r, read: d, className: f, metadata: t, onClick: i }) => {
   const c = typeof s == "function" ? s(t) : s, u = a instanceof Date ? `${a.toLocaleDateString("es-AR", { day: "2-digit", month: "2-digit", year: "numeric" })} a las ${a.toLocaleTimeString("es-AR", { hour: "2-digit", minute: "2-digit", hour12: !1 })}` : a, x = h(
     () => {
       i?.(t);
     },
     [i, t]
   );
-  return /* @__PURE__ */ e.jsxs("article", { className: n("flex flex-col gap-3 p-3 rounded-md bg-neutral-default-default ", f), onClick: x, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: n("flex flex-col gap-2", i && "cursor-pointer"), children: [
+  return /* @__PURE__ */ e.jsxs("article", { className: o("flex flex-col gap-3 p-3 rounded-md bg-neutral-default-default ", f), onClick: x, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: o("flex flex-col gap-2", i && "cursor-pointer"), children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-start w-full", children: [
         /* @__PURE__ */ e.jsxs("div", { className: " relative min-w-max", children: [
-          !m && /* @__PURE__ */ e.jsx("div", { className: "size-3 border border-neutral-default bg-(--pyrion-orange-500) rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 z-10" }),
+          !d && /* @__PURE__ */ e.jsx("div", { className: "size-3 border border-neutral-default bg-(--pyrion-orange-500) rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 z-10" }),
           /* @__PURE__ */ e.jsx(
             b,
             {
-              imageUrl: o.profile_picture,
-              fallbackText: o.name,
+              imageUrl: m.profile_picture,
+              fallbackText: m.name,
               sizeFallback: "xs",
               sizeImage: "xs"
             }
@@ -29,7 +29,7 @@ const z = ({ user: o, body: s, date: a, actions: r, read: m, className: f, metad
       ] }),
       /* @__PURE__ */ e.jsx("p", { className: "text-neutral-medium-default prometeo-fonts-body-xsmall text-right", children: u })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 w-full", children: r?.map((l, d) => {
+    /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 w-full", children: r?.map((l, n) => {
       if (l.hidden)
         return null;
       const p = (g) => {
@@ -38,15 +38,16 @@ const z = ({ user: o, body: s, date: a, actions: r, read: m, className: f, metad
       return /* @__PURE__ */ e.jsx(
         j,
         {
-          className: n("flex-1 h-8", d === 0 && r.length > 1 && "order-2"),
+          className: o("flex-1 h-8", n === 0 && r.length > 1 && "order-2"),
           animate: !1,
           animateIcon: !1,
           label: l.label,
           onClick: p,
-          variant: l.variant || r.length > 1 ? d === 0 ? "fill" : "text" : "fill",
+          variant: l.variant || r.length > 1 ? n === 0 ? "fill" : "text" : "fill",
           disabled: l.disabled,
           size: "small"
-        }
+        },
+        l.label + n
       );
     }) })
   ] });