@canaia/ui-kit 0.0.10-alpha.47 → 0.0.10-alpha.48

package/dist/canaia-ui-kit.es.js

@@ -26897,62 +26897,89 @@ function LR(e) {
 }
 const dD = ({ items: e, colorIcon: t, onClickPinned: n, onClickConversation: r }) => {
   const [o, i] = Re(
-    () => e.map((s) => Array.isArray(s.content) ? s.content.map(() => !1) : [])
-  ), a = (s, c, u, l) => {
-    i((f) => {
-      const p = [...f], h = [...p[s]];
-      return h[c] = !h[c], p[s] = h, p;
-    }), n && n(u, l);
+    () => e.map((s) => Array.isArray(s.content) ? s.content.map((c) => c.is_pinned) : [])
+  ), a = (s, c, u) => {
+    if (i((l) => {
+      const f = [...l], p = [...f[s]], h = !p[c];
+      return p[c] = h, f[s] = p, f;
+    }), n) {
+      const l = !o[s][c];
+      n(u, l);
+    }
   };
-  return /* @__PURE__ */ d.jsx(yr, { borderRadius: "1px", width: "100%", padding: ".5rem", children: /* @__PURE__ */ d.jsx(N2, { defaultIndex: [0], allowMultiple: !0, width: "100%", children: e.map((s, c) => /* @__PURE__ */ d.jsxs(H2, { border: "none", onClick: () => r && r(s.id), cursor: "pointer", children: [
-    /* @__PURE__ */ d.jsx("h2", { children: /* @__PURE__ */ d.jsxs(V2, { children: [
-      /* @__PURE__ */ d.jsx(nt, { as: "span", flex: "1", textAlign: "left", fontSize: "1rem", lineHeight: "1.5rem", fontWeight: 700, children: s.title }),
-      /* @__PURE__ */ d.jsx(W2, { boxSize: 4 })
-    ] }) }),
-    /* @__PURE__ */ d.jsx(q2, { pb: 4, textAlign: "left", children: Array.isArray(s.content) ? /* @__PURE__ */ d.jsx($c, { children: s.content.map((u, l) => /* @__PURE__ */ d.jsxs(
-      U3,
-      {
-        display: "flex",
-        alignItems: "center",
-        fontFamily: "Lato",
-        fontSize: "16px",
-        fontWeight: 400,
-        margin: ".5rem",
-        justifyContent: "space-between",
-        width: "95%",
-        position: "relative",
-        _hover: {
-          ".pin-icon": o[c][l] ? {} : {
-            visibility: "visible",
-            opacity: 1
-          }
-        },
-        children: [
-          u,
-          t && /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ d.jsx(yr, { borderRadius: "1px", width: "100%", padding: ".5rem", children: /* @__PURE__ */ d.jsx(N2, { defaultIndex: [0], allowMultiple: !0, width: "100%", children: e.map((s, c) => /* @__PURE__ */ d.jsxs(
+    H2,
+    {
+      border: "none",
+      onClick: () => {
+        r && r(c);
+      },
+      cursor: "pointer",
+      children: [
+        /* @__PURE__ */ d.jsx("h2", { children: /* @__PURE__ */ d.jsxs(V2, { children: [
+          /* @__PURE__ */ d.jsx(
             nt,
             {
-              className: "pin-icon",
-              cursor: "pointer",
-              onClick: () => a(c, l, s.id, s.is_pinned ?? !1),
-              visibility: o[c][l] ? "visible" : "hidden",
-              opacity: o[c][l] ? 1 : 0,
-              transition: "opacity 0.2s ease, visibility 0.2s ease",
-              children: /* @__PURE__ */ d.jsx(
-                q3,
+              as: "span",
+              flex: "1",
+              textAlign: "left",
+              fontSize: "1rem",
+              lineHeight: "1.5rem",
+              fontWeight: 700,
+              children: s.title
+            }
+          ),
+          /* @__PURE__ */ d.jsx(W2, { boxSize: 4 })
+        ] }) }),
+        /* @__PURE__ */ d.jsx(q2, { pb: 4, textAlign: "left", children: Array.isArray(s.content) ? /* @__PURE__ */ d.jsx($c, { children: s.content.map((u, l) => /* @__PURE__ */ d.jsxs(
+          U3,
+          {
+            display: "flex",
+            alignItems: "center",
+            fontFamily: "Lato",
+            fontSize: "16px",
+            fontWeight: 400,
+            margin: ".5rem",
+            justifyContent: "space-between",
+            width: "95%",
+            position: "relative",
+            _hover: {
+              ".pin-icon": o[c][l] ? {} : { visibility: "visible", opacity: 1 }
+            },
+            children: [
+              u.title,
+              t && /* @__PURE__ */ d.jsx(
+                nt,
                 {
-                  as: o[c][l] ? LR : zR,
-                  color: t,
-                  boxSize: 4
+                  className: "pin-icon",
+                  cursor: "pointer",
+                  visibility: o[c][l] ? "visible" : "hidden",
+                  opacity: o[c][l] ? 1 : 0,
+                  transition: "opacity 0.2s ease, visibility 0.2s ease",
+                  onClick: (f) => {
+                    f.stopPropagation(), a(c, l, u.id);
+                  },
+                  children: /* @__PURE__ */ d.jsx(
+                    q3,
+                    {
+                      as: o[c][l] ? LR : zR,
+                      color: t,
+                      boxSize: 4
+                    }
+                  )
                 }
               )
-            }
-          )
-        ]
-      },
-      l
-    )) }) : s.content })
-  ] }, c)) }) });
+            ]
+          },
+          u.id
+        )) }) : (
+          // Caso en que no sea un array
+          s.content
+        ) })
+      ]
+    },
+    c
+  )) }) });
 }, fD = ({ items: e, navigation: t }) => {
   const n = (r, o) => {
     o.startsWith("/") ? (r.preventDefault(), t(o)) : window.open(o, "_blank");