@ethora/chat-component 26.9.5 → 26.9.8

package/dist/{ManageDataModal-BE1eGlYh.js → ManageDataModal-BblTuE9g.js}

@@ -1,8 +1,8 @@
 import { jsxs as o, Fragment as T, jsx as a } from "react/jsx-runtime";
 import { useState as m, useCallback as M } from "react";
-import { ay as B, x as t, az as I, aA as w, B as j, u as z, p as E, J as F, aB as R, L as U, w as x, aC as A, aD as $, aE as O, aF as H } from "./main-BRIZ98KV.js";
-import { S as J, D as f, a as u, b as D, e as v, f as b } from "./SideDrawer-BG2m7Bcm.js";
-t(I)`
+import { aE as I, x as t, aF as j, aG as w, B, u as E, p as F, J as z, aH as R, L as U, w as x, aI as $, aJ as A, aK as H, aL as J } from "./main-BnLtessp.js";
+import { S as O, D as f, a as u, b as D, e as v, f as b } from "./SideDrawer-CDAoobvX.js";
+t(j)`
   display: flex;
   box-sizing: border-box;
   align-items: flex-start;
@@ -36,7 +36,7 @@ t(w)`
   text-align: start;
   color: var(--ethora-color-text-muted, #8c8c8c);
 `;
-const y = t(j)`
+const y = t(B)`
   min-height: 44px;
   display: flex;
   flex-direction: column;
@@ -65,15 +65,15 @@ const y = t(j)`
     box-shadow: var(--ethora-shadow-sm, 0 1px 2px rgba(16, 24, 40, 0.06));
   }
 
-  ${B}
-`, P = t.div`
+  ${I}
+`, G = t.div`
   display: flex;
   align-items: flex-start;
   background-color: ${({ bgColor: r }) => r};
   padding: var(--ethora-space-4, 16px);
   border-radius: var(--ethora-radius-md, 12px);
   gap: var(--ethora-space-2, 8px);
-`, W = t.div`
+`, K = t.div`
   font-size: var(--ethora-font-size-xs, 12px);
   line-height: var(--ethora-line-height-normal, 1.5);
   color: var(--ethora-color-text, #141414);
@@ -82,8 +82,8 @@ const y = t(j)`
 `, Q = ({
   handleCloseModal: r
 }) => {
-  const { config: l } = z((s) => s.chatSettingStore), e = E(), { showToast: d } = F(), [C, c] = m(!1), [i, g] = m(!1), S = async () => {
-    const p = (await H()).data;
+  const { config: l } = E((s) => s.chatSettingStore), e = F(), { showToast: d } = z(), [C, c] = m(!1), [i, g] = m(!1), S = async () => {
+    const p = (await J()).data;
     x.log(p);
     const L = new Blob([p], { type: "text/plain" }), h = URL.createObjectURL(L), n = document.createElement("a");
     n.href = h, n.download = "mydata.json", document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(h);
@@ -105,7 +105,7 @@ const y = t(j)`
   }, [i, d, e]);
   return /* @__PURE__ */ o(T, { children: [
     /* @__PURE__ */ o(
-      J,
+      O,
       {
         title: e("settings.manageData.title"),
         onClose: r,
@@ -131,13 +131,13 @@ const y = t(j)`
             /* @__PURE__ */ a(D, { children: /* @__PURE__ */ o(v, { children: [
               /* @__PURE__ */ a(b, { children: e("settings.manageData.deleteDescription") }),
               /* @__PURE__ */ o(
-                P,
+                G,
                 {
                   bgColor: l?.colors?.secondary || "var(--ethora-color-primary-soft, #E7EDF9)",
                   style: { marginTop: "var(--ethora-space-2, 8px)" },
                   children: [
-                    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(A, { color: $(l) }) }),
-                    /* @__PURE__ */ a(W, { children: e("settings.manageData.deleteDisclosure") })
+                    /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a($, { color: A(l) }) }),
+                    /* @__PURE__ */ a(K, { children: e("settings.manageData.deleteDisclosure") })
                   ]
                 }
               ),
@@ -159,7 +159,7 @@ const y = t(j)`
       }
     ),
     C && /* @__PURE__ */ a(
-      O,
+      H,
       {
         title: e("settings.manageData.deleteConfirmTitle"),
         description: e("settings.manageData.deleteConfirmDescription"),

package/dist/{MarkdownBody-G0_J0NL6.js → MarkdownBody-RMEx8yW2.js}

@@ -1,6 +1,6 @@
 import { jsxs as fs, jsx as ie, Fragment as hs } from "react/jsx-runtime";
 import "react";
-import { o as ei } from "./main-BRIZ98KV.js";
+import { o as ei } from "./main-BnLtessp.js";
 function zr(e) {
   const t = [], n = String(e || "");
   let r = n.indexOf(","), u = 0, i = !1;

package/dist/MessageSearchModal-CrYR2EH8.js

@@ -0,0 +1,381 @@
+import { jsx as a, jsxs as i, Fragment as G } from "react/jsx-runtime";
+import { useRef as J, useState as h, useMemo as I, useEffect as V } from "react";
+import { p as Y, a as K, aO as W, u as z, ao as X, an as Z, ap as ee, aP as re, aQ as te, aw as ae, aR as oe, aS as se, aT as ne, x as c, q as ie } from "./main-BnLtessp.js";
+import { S as ce, i as le, j as de, f as S } from "./SideDrawer-CDAoobvX.js";
+function he(t) {
+  const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t || "");
+  if (!e) return;
+  const l = new Date(
+    Number(e[1]),
+    Number(e[2]) - 1,
+    Number(e[3]),
+    0,
+    0,
+    0,
+    0
+  );
+  return Number.isNaN(l.getTime()) ? void 0 : l.toISOString();
+}
+function pe(t) {
+  const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t || "");
+  if (!e) return;
+  const l = new Date(
+    Number(e[1]),
+    Number(e[2]) - 1,
+    Number(e[3]),
+    23,
+    59,
+    59,
+    999
+  );
+  return Number.isNaN(l.getTime()) ? void 0 : l.toISOString();
+}
+const ue = (t, e) => !!(t && e && t > e), me = (t) => `${t.firstName || ""} ${t.lastName || ""}`.trim() || t.name || "";
+function fe(t, e, l = 8) {
+  const k = e.trim().toLowerCase();
+  if (!k) return [];
+  const p = [], u = [], n = /* @__PURE__ */ new Set();
+  for (const x of t) {
+    const d = x._id, b = me(x);
+    if (!d || !b || n.has(d)) continue;
+    const s = b.toLowerCase().indexOf(k);
+    if (s !== -1 && (n.add(d), (s === 0 ? p : u).push({ id: d, name: b }), p.length >= l))
+      break;
+  }
+  return [...p, ...u].slice(0, l);
+}
+const ge = c.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--ethora-space-3, 12px);
+  min-height: 0;
+`, xe = c.div`
+  display: flex;
+  gap: var(--ethora-space-2, 8px);
+`, Q = c.button`
+  flex: 1 1 0;
+  height: 32px;
+  border: 1px solid
+    ${({ $active: t }) => t ? "var(--ethora-color-primary, #0052cd)" : "var(--ethora-color-border, #e6e8ec)"};
+  border-radius: var(--ethora-radius-full, 999px);
+  background: ${({ $active: t }) => t ? "var(--ethora-color-primary-soft, #e7edf9)" : "transparent"};
+  color: ${({ $active: t }) => t ? "var(--ethora-color-primary-text, #0052cd)" : "var(--ethora-color-text-secondary, #5a5f66)"};
+  font: inherit;
+  font-size: var(--ethora-font-size-sm, 14px);
+  font-weight: var(--ethora-font-weight-medium, 500);
+  cursor: pointer;
+  transition: background-color var(--ethora-motion-fast, 150ms);
+`, be = c.button`
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 4px;
+  border: none;
+  background: transparent;
+  color: ${({ $active: t }) => t ? "var(--ethora-color-primary-text, #0052cd)" : "var(--ethora-color-text-secondary, #5a5f66)"};
+  font: inherit;
+  font-size: var(--ethora-font-size-sm, 14px);
+  cursor: pointer;
+
+  > span {
+    min-width: 18px;
+    padding: 0 5px;
+    border-radius: var(--ethora-radius-full, 999px);
+    background: var(--ethora-color-primary, #0052cd);
+    color: var(--ethora-color-text-on-primary, #fff);
+    font-size: var(--ethora-font-size-xs, 12px);
+    text-align: center;
+  }
+`, ve = c.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--ethora-space-2, 8px);
+  padding: var(--ethora-space-3, 12px);
+  border: 1px solid var(--ethora-color-border, #e6e8ec);
+  border-radius: var(--ethora-radius-md, 12px);
+`, O = c.label`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  font-size: var(--ethora-font-size-xs, 12px);
+  color: var(--ethora-color-text-muted, #6c6c6c);
+
+  input {
+    height: 36px;
+    box-sizing: border-box;
+    padding: 0 10px;
+    border: 1px solid var(--ethora-color-border, #e6e8ec);
+    border-radius: var(--ethora-radius-sm, 8px);
+    background: var(--ethora-color-bg-subtle, #f5f7fa);
+    color: var(--ethora-color-text, #141414);
+    font: inherit;
+    font-size: var(--ethora-font-size-sm, 14px);
+  }
+`, ye = c.div`
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--ethora-space-2, 8px);
+`, Se = c.ul`
+  list-style: none;
+  margin: 0;
+  padding: 4px;
+  border: 1px solid var(--ethora-color-border, #e6e8ec);
+  border-radius: var(--ethora-radius-sm, 8px);
+  background: var(--ethora-color-bg, #fff);
+
+  button {
+    width: 100%;
+    padding: 6px 8px;
+    border: none;
+    border-radius: 6px;
+    background: transparent;
+    color: var(--ethora-color-text, #141414);
+    font: inherit;
+    font-size: var(--ethora-font-size-sm, 14px);
+    text-align: start;
+    cursor: pointer;
+  }
+  button:hover,
+  button:focus-visible {
+    background: var(--ethora-color-bg-hover, #f0f2f5);
+  }
+`, ke = c.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  align-self: flex-start;
+  padding: 3px 4px 3px 10px;
+  border-radius: var(--ethora-radius-full, 999px);
+  background: var(--ethora-color-primary-soft, #e7edf9);
+  color: var(--ethora-color-primary-text, #0052cd);
+  font-size: var(--ethora-font-size-sm, 14px);
+
+  button {
+    border: none;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    cursor: pointer;
+    padding: 0 6px;
+  }
+`, Ce = c.button`
+  align-self: flex-start;
+  border: none;
+  background: transparent;
+  color: var(--ethora-color-text-secondary, #5a5f66);
+  font: inherit;
+  font-size: var(--ethora-font-size-xs, 12px);
+  text-decoration: underline;
+  cursor: pointer;
+  padding: 0;
+`, we = c.div`
+  font-size: var(--ethora-font-size-xs, 12px);
+  color: var(--ethora-color-text-muted, #6c6c6c);
+`, Re = ({
+  handleCloseModal: t
+}) => {
+  const e = Y(), l = K(), k = W(767), p = J(null), u = z((r) => r.rooms.rooms), n = z(
+    (r) => r.rooms.activeRoomJID
+  ), x = z((r) => r.rooms.usersSet);
+  z(
+    (r) => r.chatSettingStore.user?.xmppUsername
+  );
+  const [d, b] = h(""), [s, $] = h(
+    n ? "chat" : "all"
+  ), F = n ? n.split("@")[0] : void 0, [C, U] = h(!1), [m, T] = h(""), [f, L] = h(""), [g, M] = h(
+    null
+  ), [v, N] = h(""), y = ue(m, f), j = I(
+    () => ({
+      fromUserId: g?.id,
+      since: y ? void 0 : he(m),
+      until: y ? void 0 : pe(f)
+    }),
+    [g?.id, m, f, y]
+  ), w = (g ? 1 : 0) + (m ? 1 : 0) + (f ? 1 : 0), E = () => {
+    M(null), N(""), T(""), L("");
+  }, P = n ? u[n] : void 0, { members: D } = X(
+    n || void 0,
+    s === "chat" && Z(P) && (C || v.trim() !== "")
+  ), A = I(() => {
+    if (!v.trim()) return [];
+    let r;
+    if (s === "chat") {
+      const H = n && u[n]?.members || [];
+      D.length > 0 ? r = ee([...H, ...D]) : r = H;
+    } else
+      r = Object.values(x || {});
+    return fe(r, v);
+  }, [v, s, u, n, x, D]), o = re(
+    y ? "" : d,
+    s,
+    F,
+    j
+  );
+  V(() => {
+    p.current?.focus();
+  }, []);
+  const { open: q } = te(), _ = (r) => {
+    q(r) && k && l(ie(void 0));
+  }, R = I(() => o.items, [o.items]), B = d.trim();
+  return /* @__PURE__ */ a(
+    ce,
+    {
+      title: e("search.messages.title"),
+      onClose: t,
+      backLabel: e("action.close"),
+      children: /* @__PURE__ */ i(ge, { children: [
+        /* @__PURE__ */ i(le, { children: [
+          /* @__PURE__ */ a(ae, {}),
+          /* @__PURE__ */ a(
+            de,
+            {
+              ref: p,
+              "data-autofocus": !0,
+              type: "search",
+              value: d,
+              onChange: (r) => b(r.target.value),
+              placeholder: e(
+                s === "chat" ? "search.messages.placeholderChat" : "search.messages.placeholderAll"
+              ),
+              "aria-label": e("search.messages.title")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(xe, { role: "group", "aria-label": e("search.messages.scope"), children: [
+          /* @__PURE__ */ a(
+            Q,
+            {
+              type: "button",
+              $active: s === "chat",
+              "aria-pressed": s === "chat",
+              disabled: !F,
+              onClick: () => $("chat"),
+              children: e("search.messages.scopeChat")
+            }
+          ),
+          /* @__PURE__ */ a(
+            Q,
+            {
+              type: "button",
+              $active: s === "all",
+              "aria-pressed": s === "all",
+              onClick: () => $("all"),
+              children: e("search.messages.scopeAll")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(
+          be,
+          {
+            type: "button",
+            $active: C || w > 0,
+            "aria-expanded": C,
+            onClick: () => U((r) => !r),
+            children: [
+              e("search.messages.filters"),
+              w > 0 && /* @__PURE__ */ a("span", { children: w })
+            ]
+          }
+        ),
+        C && /* @__PURE__ */ i(ve, { children: [
+          /* @__PURE__ */ i(O, { children: [
+            e("search.messages.filterSender"),
+            g ? /* @__PURE__ */ i(ke, { children: [
+              g.name,
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": e("search.messages.filterClear"),
+                  onClick: () => M(null),
+                  children: "×"
+                }
+              )
+            ] }) : /* @__PURE__ */ a(
+              "input",
+              {
+                type: "search",
+                value: v,
+                onChange: (r) => N(r.target.value),
+                placeholder: e("search.messages.filterSenderPlaceholder")
+              }
+            )
+          ] }),
+          !g && A.length > 0 && /* @__PURE__ */ a(Se, { role: "listbox", children: A.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": !1,
+              onClick: () => {
+                M(r), N("");
+              },
+              children: r.name
+            }
+          ) }, r.id)) }),
+          /* @__PURE__ */ i(ye, { children: [
+            /* @__PURE__ */ i(O, { children: [
+              e("search.messages.filterSince"),
+              /* @__PURE__ */ a(
+                "input",
+                {
+                  type: "date",
+                  value: m,
+                  max: f || void 0,
+                  onChange: (r) => T(r.target.value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ i(O, { children: [
+              e("search.messages.filterUntil"),
+              /* @__PURE__ */ a(
+                "input",
+                {
+                  type: "date",
+                  value: f,
+                  min: m || void 0,
+                  onChange: (r) => L(r.target.value)
+                }
+              )
+            ] })
+          ] }),
+          y && /* @__PURE__ */ a(S, { role: "alert", children: e("search.messages.dateOrder") }),
+          w > 0 && /* @__PURE__ */ a(Ce, { type: "button", onClick: E, children: e("search.messages.filterClearAll") })
+        ] }),
+        !o.searchable && /* @__PURE__ */ a(S, { children: B ? e("search.messages.tooShort", { count: oe }) : e("search.messages.hint") }),
+        o.searchable && o.status === "loading" && /* @__PURE__ */ a(S, { role: "status", children: e("search.messages.searching") }),
+        o.status === "error" && /* @__PURE__ */ i(S, { role: "alert", children: [
+          e("search.messages.error"),
+          " ",
+          /* @__PURE__ */ a("button", { type: "button", onClick: o.retry, children: e("search.messages.retry") })
+        ] }),
+        o.searchable && o.status === "done" && R.length === 0 && /* @__PURE__ */ a(S, { children: e("search.messages.empty") }),
+        R.length > 0 && /* @__PURE__ */ i(G, { children: [
+          /* @__PURE__ */ a(we, { role: "status", children: e("search.messages.count", { count: o.total }) }),
+          /* @__PURE__ */ a(
+            se,
+            {
+              hits: R,
+              query: B,
+              showRoom: s === "all",
+              onOpen: _
+            }
+          ),
+          o.hasMore && /* @__PURE__ */ a(
+            ne,
+            {
+              type: "button",
+              onClick: o.loadMore,
+              disabled: o.status === "loadingMore",
+              children: o.status === "loadingMore" ? e("search.messages.searching") : e("search.messages.loadMore")
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  Re as default
+};

package/dist/PublicChatsModal-Bi5r4mrV.js

@@ -0,0 +1,202 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { useState as p, useRef as N, useCallback as P, useEffect as T, useMemo as z } from "react";
+import { g as U, aU as E, p as _, a as q, aO as F, u as A, aw as H, x as c, a2 as J, q as G } from "./main-BnLtessp.js";
+import { S as V, i as Z, j as K, f as S } from "./SideDrawer-CDAoobvX.js";
+const I = 50;
+async function Q({
+  offset: r = 0,
+  limit: t = I,
+  signal: u
+} = {}) {
+  const x = U.getState().chatSettingStore.user?.token || "", s = (await E.get("/v1/chats/public", {
+    params: { limit: Math.min(t, I), offset: r },
+    headers: { Authorization: x },
+    signal: u
+  }))?.data || {}, l = Array.isArray(s.items) ? s.items : [];
+  return {
+    // A chat that has been reported is not one to advertise in a directory.
+    items: l.filter((i) => i.name && !i.reported).map((i) => ({
+      name: String(i.name),
+      title: String(i.title || "").trim(),
+      description: String(i.description || "").trim(),
+      picture: String(i.picture || ""),
+      e2ee: !!i.e2ee
+    })),
+    total: Number(s.total) || 0,
+    offset: Number(s.offset) || r,
+    limit: Number(s.limit) || t,
+    nextOffset: r + l.length
+  };
+}
+const W = c.ul`
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+`, X = c.li`
+  display: flex;
+  align-items: center;
+  gap: var(--ethora-space-3, 12px);
+  padding: var(--ethora-space-2, 8px) var(--ethora-space-1, 4px);
+`, Y = c.div`
+  flex: 0 0 auto;
+  width: 40px;
+  height: 40px;
+  border-radius: var(--ethora-radius-full, 999px);
+  background: ${({ $src: r }) => r ? `center / cover no-repeat url("${r.replace(/["\\]/g, (t) => encodeURIComponent(t))}")` : "var(--ethora-color-primary-soft, #e7edf9)"};
+  color: var(--ethora-color-primary-text, #0052cd);
+  font-weight: var(--ethora-font-weight-semibold, 600);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, ee = c.div`
+  flex: 1 1 auto;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  text-align: start;
+
+  > strong {
+    font-size: var(--ethora-font-size-sm, 14px);
+    font-weight: var(--ethora-font-weight-medium, 500);
+    color: var(--ethora-color-text, #141414);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  > span {
+    font-size: var(--ethora-font-size-xs, 12px);
+    color: var(--ethora-color-text-muted, #6c6c6c);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+`, te = c.button`
+  flex: 0 0 auto;
+  padding: 6px 14px;
+  border-radius: var(--ethora-radius-full, 999px);
+  border: 1px solid var(--ethora-color-primary, #0052cd);
+  background: ${({ $open: r }) => r ? "transparent" : "var(--ethora-color-primary, #0052cd)"};
+  color: ${({ $open: r }) => r ? "var(--ethora-color-primary-text, #0052cd)" : "var(--ethora-color-text-on-primary, #fff)"};
+  font: inherit;
+  font-size: var(--ethora-font-size-sm, 14px);
+  font-weight: var(--ethora-font-weight-medium, 500);
+  cursor: pointer;
+`, re = c.button`
+  align-self: center;
+  margin-top: var(--ethora-space-2, 8px);
+  padding: 6px 14px;
+  border: 1px solid var(--ethora-color-border, #e6e8ec);
+  border-radius: var(--ethora-radius-full, 999px);
+  background: transparent;
+  color: var(--ethora-color-text-secondary, #5a5f66);
+  font: inherit;
+  font-size: var(--ethora-font-size-sm, 14px);
+  cursor: pointer;
+
+  &:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
+`, oe = (r) => (r.title || r.name).trim().charAt(0).toUpperCase() || "#", le = ({
+  handleCloseModal: r
+}) => {
+  const t = _(), u = q(), x = F(767), b = A((e) => e.rooms.rooms), s = A(
+    (e) => e.chatSettingStore.config?.xmppSettings?.conference
+  ), [l, i] = p([]), [j, O] = p(0), [v, $] = p(0), [n, w] = p("loading"), [h, D] = p(""), m = N(0), f = P(async (e) => {
+    const o = ++m.current;
+    w(e ? "loadingMore" : "loading");
+    try {
+      const g = await Q({ offset: e });
+      if (o !== m.current) return;
+      i((k) => {
+        const B = new Set(k.map((C) => C.name));
+        return e ? [...k, ...g.items.filter((C) => !B.has(C.name))] : g.items;
+      }), O(g.total), $(g.nextOffset), w("done");
+    } catch {
+      o === m.current && w("error");
+    }
+  }, []);
+  T(() => (f(0), () => {
+    m.current += 1;
+  }), [f]);
+  const L = z(
+    () => new Set(Object.keys(b).map((e) => e.split("@")[0])),
+    [b]
+  ), y = z(() => {
+    const e = h.trim().toLowerCase();
+    return e ? l.filter(
+      (o) => o.title.toLowerCase().includes(e) || o.description.toLowerCase().includes(e)
+    ) : l;
+  }, [l, h]), R = (e) => {
+    const o = (s || "").trim();
+    o && (u(J({ roomJID: `${e.name}@${o}` })), x && u(G(void 0)));
+  }, M = v < j;
+  return /* @__PURE__ */ d(
+    V,
+    {
+      title: t("publicChats.title"),
+      onClose: r,
+      backLabel: t("action.close"),
+      children: [
+        /* @__PURE__ */ d(Z, { children: [
+          /* @__PURE__ */ a(H, {}),
+          /* @__PURE__ */ a(
+            K,
+            {
+              type: "search",
+              value: h,
+              onChange: (e) => D(e.target.value),
+              placeholder: t("publicChats.filter"),
+              "aria-label": t("publicChats.filter")
+            }
+          )
+        ] }),
+        n === "loading" && /* @__PURE__ */ a(S, { role: "status", children: t("publicChats.loading") }),
+        n === "error" && /* @__PURE__ */ d(S, { role: "alert", children: [
+          t("publicChats.error"),
+          " ",
+          /* @__PURE__ */ a("button", { type: "button", onClick: () => {
+            f(v);
+          }, children: t("search.messages.retry") })
+        ] }),
+        n !== "loading" && n !== "error" && y.length === 0 && /* @__PURE__ */ a(S, { children: h.trim() && M ? t("publicChats.emptyFilterMore") : t("publicChats.empty") }),
+        y.length > 0 && /* @__PURE__ */ a(W, { children: y.map((e) => {
+          const o = L.has(e.name);
+          return /* @__PURE__ */ d(X, { children: [
+            /* @__PURE__ */ a(Y, { $src: e.picture, "aria-hidden": "true", children: !e.picture && oe(e) }),
+            /* @__PURE__ */ d(ee, { children: [
+              /* @__PURE__ */ a("strong", { children: e.title || t("search.messages.chat") }),
+              e.description && /* @__PURE__ */ a("span", { children: e.description })
+            ] }),
+            /* @__PURE__ */ a(
+              te,
+              {
+                type: "button",
+                $open: o,
+                onClick: () => R(e),
+                children: t(o ? "publicChats.open" : "publicChats.join")
+              }
+            )
+          ] }, e.name);
+        }) }),
+        M && n !== "loading" && n !== "error" && /* @__PURE__ */ a(
+          re,
+          {
+            type: "button",
+            disabled: n === "loadingMore",
+            onClick: () => {
+              f(v);
+            },
+            children: t(n === "loadingMore" ? "search.messages.searching" : "search.messages.loadMore")
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  le as default
+};