@ethora/chat-component 26.9.6 → 26.10.1

package/dist/{ManageDataModal-Dw4dCQll.js → ManageDataModal-Dhkp0LWH.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-rJpE4hh-.js";
-import { S as J, D as f, a as u, b as D, e as v, f as b } from "./SideDrawer-WneDrrWG.js";
-t(I)`
+import { jsxs as o, Fragment as M, jsx as a } from "react/jsx-runtime";
+import { useState as m, useCallback as T } from "react";
+import { aJ as I, E as t, aK as j, aL as w, B, u as E, x as z, Q as F, aM as R, S as U, D as x, aN as O, aO as $, aP as A, aQ as P } from "./main-CUB_w8AZ.js";
+import { S as Q, D as f, a as u, b as D, e as v, f as b } from "./SideDrawer-CQPOf0ek.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,29 +65,29 @@ const y = t(j)`
     box-shadow: var(--ethora-shadow-sm, 0 1px 2px rgba(16, 24, 40, 0.06));
   }
 
-  ${B}
-`, P = t.div`
+  ${I}
+`, H = 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`
+`, J = 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);
   display: flex;
   text-align: start;
-`, Q = ({
+`, G = ({
   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 = z(), { showToast: d } = F(), [C, c] = m(!1), [i, g] = m(!1), S = async () => {
+    const p = (await P()).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);
-  }, k = M(async () => {
+  }, k = T(async () => {
     if (!i) {
       g(!0);
       try {
@@ -103,9 +103,9 @@ const y = t(j)`
       }
     }
   }, [i, d, e]);
-  return /* @__PURE__ */ o(T, { children: [
+  return /* @__PURE__ */ o(M, { children: [
     /* @__PURE__ */ o(
-      J,
+      Q,
       {
         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,
+                H,
                 {
                   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(O, { color: $(l) }) }),
+                    /* @__PURE__ */ a(J, { children: e("settings.manageData.deleteDisclosure") })
                   ]
                 }
               ),
@@ -159,7 +159,7 @@ const y = t(j)`
       }
     ),
     C && /* @__PURE__ */ a(
-      O,
+      A,
       {
         title: e("settings.manageData.deleteConfirmTitle"),
         description: e("settings.manageData.deleteConfirmDescription"),
@@ -174,5 +174,5 @@ const y = t(j)`
   ] });
 };
 export {
-  Q as default
+  G as default
 };

package/dist/{MarkdownBody-xtKDMR0h.js → MarkdownBody-_sUhW2O8.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-rJpE4hh-.js";
+import { w as ei } from "./main-CUB_w8AZ.js";
 function zr(e) {
   const t = [], n = String(e || "");
   let r = n.indexOf(","), u = 0, i = !1;

package/dist/{MessageSearchModal-BVKU6H3v.js → MessageSearchModal-rwwWrILl.js}

@@ -1,11 +1,11 @@
-import { jsx as a, jsxs as n, Fragment as q } from "react/jsx-runtime";
-import { useRef as J, useState as h, useMemo as I, useEffect as _ } from "react";
-import { p as G, a as P, aI as K, u as z, aJ as V, aK as Y, ar as W, aL as X, aM as Z, x as i, q as ee } from "./main-rJpE4hh-.js";
-import { S as re, i as te, j as ae, f as y } from "./SideDrawer-WneDrrWG.js";
-function oe(t) {
+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 { x as Y, a as W, aT as X, u as z, at as K, as as Z, au as ee, aU as re, aV as te, aB as ae, aW as oe, aX as se, aY as ne, E as c, y as ie } from "./main-CUB_w8AZ.js";
+import { S as ce, i as le, j as de, f as S } from "./SideDrawer-CQPOf0ek.js";
+function he(t) {
   const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t || "");
   if (!e) return;
-  const c = new Date(
+  const l = new Date(
     Number(e[1]),
     Number(e[2]) - 1,
     Number(e[3]),
@@ -14,12 +14,12 @@ function oe(t) {
     0,
     0
   );
-  return Number.isNaN(c.getTime()) ? void 0 : c.toISOString();
+  return Number.isNaN(l.getTime()) ? void 0 : l.toISOString();
 }
-function se(t) {
+function ue(t) {
   const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t || "");
   if (!e) return;
-  const c = new Date(
+  const l = new Date(
     Number(e[1]),
     Number(e[2]) - 1,
     Number(e[3]),
@@ -28,31 +28,31 @@ function se(t) {
     59,
     999
   );
-  return Number.isNaN(c.getTime()) ? void 0 : c.toISOString();
+  return Number.isNaN(l.getTime()) ? void 0 : l.toISOString();
 }
-const ne = (t, e) => !!(t && e && t > e), ie = (t) => `${t.firstName || ""} ${t.lastName || ""}`.trim() || t.name || "";
-function ce(t, e, c = 8) {
-  const S = e.trim().toLowerCase();
-  if (!S) return [];
-  const p = [], g = [], l = /* @__PURE__ */ new Set();
+const pe = (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 u = [], p = [], n = /* @__PURE__ */ new Set();
   for (const x of t) {
-    const d = x._id, b = ie(x);
-    if (!d || !b || l.has(d)) continue;
-    const s = b.toLowerCase().indexOf(S);
-    if (s !== -1 && (l.add(d), (s === 0 ? p : g).push({ id: d, name: b }), p.length >= c))
+    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 ? u : p).push({ id: d, name: b }), u.length >= l))
       break;
   }
-  return [...p, ...g].slice(0, c);
+  return [...u, ...p].slice(0, l);
 }
-const le = i.div`
+const ge = c.div`
   display: flex;
   flex-direction: column;
   gap: var(--ethora-space-3, 12px);
   min-height: 0;
-`, de = i.div`
+`, xe = c.div`
   display: flex;
   gap: var(--ethora-space-2, 8px);
-`, H = i.button`
+`, E = c.button`
   flex: 1 1 0;
   height: 32px;
   border: 1px solid
@@ -65,7 +65,7 @@ const le = i.div`
   font-weight: var(--ethora-font-weight-medium, 500);
   cursor: pointer;
   transition: background-color var(--ethora-motion-fast, 150ms);
-`, he = i.button`
+`, be = c.button`
   align-self: flex-start;
   display: inline-flex;
   align-items: center;
@@ -87,14 +87,14 @@ const le = i.div`
     font-size: var(--ethora-font-size-xs, 12px);
     text-align: center;
   }
-`, pe = i.div`
+`, 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);
-`, $ = i.label`
+`, $ = c.label`
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -112,11 +112,11 @@ const le = i.div`
     font: inherit;
     font-size: var(--ethora-font-size-sm, 14px);
   }
-`, ue = i.div`
+`, ye = c.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: var(--ethora-space-2, 8px);
-`, fe = i.ul`
+`, Se = c.ul`
   list-style: none;
   margin: 0;
   padding: 4px;
@@ -140,7 +140,7 @@ const le = i.div`
   button:focus-visible {
     background: var(--ethora-color-bg-hover, #f0f2f5);
   }
-`, me = i.span`
+`, ke = c.span`
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -159,7 +159,7 @@ const le = i.div`
     cursor: pointer;
     padding: 0 6px;
   }
-`, ge = i.button`
+`, Ce = c.button`
   align-self: flex-start;
   border: none;
   background: transparent;
@@ -169,76 +169,68 @@ const le = i.div`
   text-decoration: underline;
   cursor: pointer;
   padding: 0;
-`, xe = i.div`
+`, we = c.div`
   font-size: var(--ethora-font-size-xs, 12px);
   color: var(--ethora-color-text-muted, #6c6c6c);
-`, be = i.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;
-  }
-`, Ce = ({
+`, Re = ({
   handleCloseModal: t
 }) => {
-  const e = G(), c = P(), S = K(767), p = J(null), g = z((r) => r.rooms.rooms), l = z(
+  const e = Y(), l = W(), k = X(767), u = J(null), p = 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, O] = h(
-    l ? "chat" : "all"
-  ), R = l ? l.split("@")[0] : void 0, [w, T] = h(!1), [u, F] = h(""), [f, L] = h(""), [m, M] = h(
+    n ? "chat" : "all"
+  ), F = n ? n.split("@")[0] : void 0, [C, H] = h(!1), [m, T] = h(""), [f, B] = h(""), [g, M] = h(
     null
-  ), [k, N] = h(""), v = ne(u, f), U = I(
+  ), [v, N] = h(""), y = pe(m, f), j = I(
     () => ({
-      fromUserId: m?.id,
-      since: v ? void 0 : oe(u),
-      until: v ? void 0 : se(f)
+      fromUserId: g?.id,
+      since: y ? void 0 : he(m),
+      until: y ? void 0 : ue(f)
     }),
-    [m?.id, u, f, v]
-  ), C = (m ? 1 : 0) + (u ? 1 : 0) + (f ? 1 : 0), j = () => {
-    M(null), N(""), F(""), L("");
-  }, A = I(() => {
-    if (!k.trim()) return [];
-    const r = s === "chat" ? l && g[l]?.members || [] : Object.values(x || {});
-    return ce(r, k);
-  }, [k, s, g, l, x]), o = V(
-    v ? "" : d,
+    [g?.id, m, f, y]
+  ), w = (g ? 1 : 0) + (m ? 1 : 0) + (f ? 1 : 0), Q = () => {
+    M(null), N(""), T(""), B("");
+  }, P = n ? p[n] : void 0, { members: D } = K(
+    n || void 0,
+    s === "chat" && Z(P) && (C || v.trim() !== "")
+  ), L = I(() => {
+    if (!v.trim()) return [];
+    let r;
+    if (s === "chat") {
+      const A = n && p[n]?.members || [];
+      D.length > 0 ? r = ee([...A, ...D]) : r = A;
+    } else
+      r = Object.values(x || {});
+    return fe(r, v);
+  }, [v, s, p, n, x, D]), o = re(
+    y ? "" : d,
     s,
-    R,
-    U
+    F,
+    j
   );
-  _(() => {
-    p.current?.focus();
+  V(() => {
+    u.current?.focus();
   }, []);
-  const { open: E } = Y(), Q = (r) => {
-    E(r) && S && c(ee(void 0));
-  }, D = I(() => o.items, [o.items]), B = d.trim();
+  const { open: _ } = te(), q = (r) => {
+    _(r) && k && l(ie(void 0));
+  }, R = I(() => o.items, [o.items]), U = d.trim();
   return /* @__PURE__ */ a(
-    re,
+    ce,
     {
       title: e("search.messages.title"),
       onClose: t,
       backLabel: e("action.close"),
-      children: /* @__PURE__ */ n(le, { children: [
-        /* @__PURE__ */ n(te, { children: [
-          /* @__PURE__ */ a(W, {}),
+      children: /* @__PURE__ */ i(ge, { children: [
+        /* @__PURE__ */ i(le, { children: [
+          /* @__PURE__ */ a(ae, {}),
           /* @__PURE__ */ a(
-            ae,
+            de,
             {
-              ref: p,
+              ref: u,
               "data-autofocus": !0,
               type: "search",
               value: d,
@@ -250,20 +242,20 @@ const le = i.div`
             }
           )
         ] }),
-        /* @__PURE__ */ n(de, { role: "group", "aria-label": e("search.messages.scope"), children: [
+        /* @__PURE__ */ i(xe, { role: "group", "aria-label": e("search.messages.scope"), children: [
           /* @__PURE__ */ a(
-            H,
+            E,
             {
               type: "button",
               $active: s === "chat",
               "aria-pressed": s === "chat",
-              disabled: !R,
+              disabled: !F,
               onClick: () => O("chat"),
               children: e("search.messages.scopeChat")
             }
           ),
           /* @__PURE__ */ a(
-            H,
+            E,
             {
               type: "button",
               $active: s === "all",
@@ -273,24 +265,24 @@ const le = i.div`
             }
           )
         ] }),
-        /* @__PURE__ */ n(
-          he,
+        /* @__PURE__ */ i(
+          be,
           {
             type: "button",
-            $active: w || C > 0,
-            "aria-expanded": w,
-            onClick: () => T((r) => !r),
+            $active: C || w > 0,
+            "aria-expanded": C,
+            onClick: () => H((r) => !r),
             children: [
               e("search.messages.filters"),
-              C > 0 && /* @__PURE__ */ a("span", { children: C })
+              w > 0 && /* @__PURE__ */ a("span", { children: w })
             ]
           }
         ),
-        w && /* @__PURE__ */ n(pe, { children: [
-          /* @__PURE__ */ n($, { children: [
+        C && /* @__PURE__ */ i(ve, { children: [
+          /* @__PURE__ */ i($, { children: [
             e("search.messages.filterSender"),
-            m ? /* @__PURE__ */ n(me, { children: [
-              m.name,
+            g ? /* @__PURE__ */ i(ke, { children: [
+              g.name,
               /* @__PURE__ */ a(
                 "button",
                 {
@@ -304,13 +296,13 @@ const le = i.div`
               "input",
               {
                 type: "search",
-                value: k,
+                value: v,
                 onChange: (r) => N(r.target.value),
                 placeholder: e("search.messages.filterSenderPlaceholder")
               }
             )
           ] }),
-          !m && A.length > 0 && /* @__PURE__ */ a(fe, { role: "listbox", children: A.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+          !g && L.length > 0 && /* @__PURE__ */ a(Se, { role: "listbox", children: L.map((r) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
             "button",
             {
               type: "button",
@@ -322,56 +314,56 @@ const le = i.div`
               children: r.name
             }
           ) }, r.id)) }),
-          /* @__PURE__ */ n(ue, { children: [
-            /* @__PURE__ */ n($, { children: [
+          /* @__PURE__ */ i(ye, { children: [
+            /* @__PURE__ */ i($, { children: [
               e("search.messages.filterSince"),
               /* @__PURE__ */ a(
                 "input",
                 {
                   type: "date",
-                  value: u,
+                  value: m,
                   max: f || void 0,
-                  onChange: (r) => F(r.target.value)
+                  onChange: (r) => T(r.target.value)
                 }
               )
             ] }),
-            /* @__PURE__ */ n($, { children: [
+            /* @__PURE__ */ i($, { children: [
               e("search.messages.filterUntil"),
               /* @__PURE__ */ a(
                 "input",
                 {
                   type: "date",
                   value: f,
-                  min: u || void 0,
-                  onChange: (r) => L(r.target.value)
+                  min: m || void 0,
+                  onChange: (r) => B(r.target.value)
                 }
               )
             ] })
           ] }),
-          v && /* @__PURE__ */ a(y, { role: "alert", children: e("search.messages.dateOrder") }),
-          C > 0 && /* @__PURE__ */ a(ge, { type: "button", onClick: j, children: e("search.messages.filterClearAll") })
+          y && /* @__PURE__ */ a(S, { role: "alert", children: e("search.messages.dateOrder") }),
+          w > 0 && /* @__PURE__ */ a(Ce, { type: "button", onClick: Q, children: e("search.messages.filterClearAll") })
         ] }),
-        !o.searchable && /* @__PURE__ */ a(y, { children: B ? e("search.messages.tooShort", { count: X }) : e("search.messages.hint") }),
-        o.searchable && o.status === "loading" && /* @__PURE__ */ a(y, { role: "status", children: e("search.messages.searching") }),
-        o.status === "error" && /* @__PURE__ */ n(y, { role: "alert", children: [
+        !o.searchable && /* @__PURE__ */ a(S, { children: U ? 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" && D.length === 0 && /* @__PURE__ */ a(y, { children: e("search.messages.empty") }),
-        D.length > 0 && /* @__PURE__ */ n(q, { children: [
-          /* @__PURE__ */ a(xe, { role: "status", children: e("search.messages.count", { count: o.total }) }),
+        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(
-            Z,
+            se,
             {
-              hits: D,
-              query: B,
+              hits: R,
+              query: U,
               showRoom: s === "all",
-              onOpen: Q
+              onOpen: q
             }
           ),
           o.hasMore && /* @__PURE__ */ a(
-            be,
+            ne,
             {
               type: "button",
               onClick: o.loadMore,
@@ -385,5 +377,5 @@ const le = i.div`
   );
 };
 export {
-  Ce as default
+  Re as default
 };

package/dist/{PublicChatsModal-CscOnVaQ.js → PublicChatsModal-Byso6_vt.js}

@@ -1,14 +1,14 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { useState as p, useRef as B, useCallback as P, useEffect as T, useMemo as z } from "react";
-import { g as E, aN as U, p as _, a as q, aI as F, u as A, ar as H, x as c, a2 as J, q as G } from "./main-rJpE4hh-.js";
-import { S as V, i as Z, j as K, f as S } from "./SideDrawer-WneDrrWG.js";
+import { useState as p, useRef as T, useCallback as E, useEffect as N, useMemo as z } from "react";
+import { l as P, aZ as U, x as _, a as F, aT as H, u as A, aB as J, E as c, a7 as Z, y as q } from "./main-CUB_w8AZ.js";
+import { S as G, i as V, j as K, f as S } from "./SideDrawer-CQPOf0ek.js";
 const I = 50;
 async function Q({
   offset: r = 0,
   limit: t = I,
   signal: u
 } = {}) {
-  const x = E.getState().chatSettingStore.user?.token || "", s = (await U.get("/v1/chats/public", {
+  const x = P.getState().chatSettingStore.user?.token || "", s = (await U.get("/v1/chats/public", {
     params: { limit: Math.min(t, I), offset: r },
     headers: { Authorization: x },
     signal: u
@@ -103,9 +103,9 @@ const W = c.ul`
 `, 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(
+  const t = _(), u = F(), x = H(767), b = A((e) => e.rooms.rooms), s = A(
     (e) => e.chatSettingStore.config?.xmppSettings?.conference
-  ), [l, i] = p([]), [j, $] = p(0), [v, D] = p(0), [n, w] = p("loading"), [h, L] = p(""), m = B(0), f = P(async (e) => {
+  ), [l, i] = p([]), [j, $] = p(0), [v, D] = p(0), [n, w] = p("loading"), [h, L] = p(""), m = T(0), f = E(async (e) => {
     const o = ++m.current;
     w(e ? "loadingMore" : "loading");
     try {
@@ -119,7 +119,7 @@ const W = c.ul`
       o === m.current && w("error");
     }
   }, []);
-  T(() => (f(0), () => {
+  N(() => (f(0), () => {
     m.current += 1;
   }), [f]);
   const O = z(
@@ -130,19 +130,19 @@ const W = c.ul`
     return e ? l.filter(
       (o) => o.title.toLowerCase().includes(e) || o.description.toLowerCase().includes(e)
     ) : l;
-  }, [l, h]), N = (e) => {
+  }, [l, h]), B = (e) => {
     const o = (s || "").trim();
-    o && (u(J({ roomJID: `${e.name}@${o}` })), x && u(G(void 0)));
+    o && (u(Z({ roomJID: `${e.name}@${o}` })), x && u(q(void 0)));
   }, M = v < j;
   return /* @__PURE__ */ d(
-    V,
+    G,
     {
       title: t("publicChats.title"),
       onClose: r,
       backLabel: t("action.close"),
       children: [
-        /* @__PURE__ */ d(Z, { children: [
-          /* @__PURE__ */ a(H, {}),
+        /* @__PURE__ */ d(V, { children: [
+          /* @__PURE__ */ a(J, {}),
           /* @__PURE__ */ a(
             K,
             {
@@ -176,7 +176,7 @@ const W = c.ul`
               {
                 type: "button",
                 $open: o,
-                onClick: () => N(e),
+                onClick: () => B(e),
                 children: t(o ? "publicChats.open" : "publicChats.join")
               }
             )