@ethora/chat-component 26.10.6 → 26.10.7

package/dist/{MarkdownBody-BeoG2cpo.js → MarkdownBody-CtArwCDa.js}

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

package/dist/{MessageSearchModal-DMw9o49-.js → MessageSearchModal-CcUnfZlU.js}

@@ -1,7 +1,7 @@
-import { jsx as a, jsxs as i, Fragment as G } from "react/jsx-runtime";
+import { jsx as a, jsxs as i, Fragment as q } 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, aU as X, u as z, at as Z, as as K, au as ee, aV as re, aW as te, aB as ae, aX as oe, aY as se, aZ as ne, E as c, y as ie } from "./main-36gqdbJ8.js";
-import { S as ce, i as le, j as de, f as S } from "./SideDrawer-Cl-vbuIG.js";
+import { M as Y, a as K, b6 as W, u as M, aH as X, aG as Z, aI as ee, b7 as re, b8 as te, aP as ae, b9 as oe, ba as se, bb as ne, U as c, N as ie } from "./main-CpHMnydn.js";
+import { S as ce, i as le, j as de, f as S } from "./SideDrawer-CqZl9sxK.js";
 function he(t) {
   const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t || "");
   if (!e) return;
@@ -16,7 +16,7 @@ function he(t) {
   );
   return Number.isNaN(l.getTime()) ? void 0 : l.toISOString();
 }
-function ue(t) {
+function pe(t) {
   const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t || "");
   if (!e) return;
   const l = new Date(
@@ -30,29 +30,29 @@ function ue(t) {
   );
   return Number.isNaN(l.getTime()) ? void 0 : l.toISOString();
 }
-const pe = (t, e) => !!(t && e && t > e), me = (t) => `${t.firstName || ""} ${t.lastName || ""}`.trim() || t.name || "";
+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 u = [], p = [], 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 ? u : p).push({ id: d, name: b }), u.length >= l))
+  const p = [], u = [], n = /* @__PURE__ */ new Set();
+  for (const b of t) {
+    const d = b._id, x = me(b);
+    if (!d || !x || n.has(d)) continue;
+    const s = x.toLowerCase().indexOf(k);
+    if (s !== -1 && (n.add(d), (s === 0 ? p : u).push({ id: d, name: x }), p.length >= l))
       break;
   }
-  return [...u, ...p].slice(0, l);
+  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`
+`, be = c.div`
   display: flex;
   gap: var(--ethora-space-2, 8px);
-`, E = c.button`
+`, B = c.button`
   flex: 1 1 0;
   height: 32px;
   border: 1px solid
@@ -65,7 +65,7 @@ const ge = c.div`
   font-weight: var(--ethora-font-weight-medium, 500);
   cursor: pointer;
   transition: background-color var(--ethora-motion-fast, 150ms);
-`, be = c.button`
+`, xe = c.button`
   align-self: flex-start;
   display: inline-flex;
   align-items: center;
@@ -175,48 +175,48 @@ const ge = c.div`
 `, Re = ({
   handleCloseModal: t
 }) => {
-  const e = Y(), l = W(), k = X(767), u = J(null), p = z((r) => r.rooms.rooms), n = z(
+  const e = Y(), l = K(), k = W(767), p = J(null), u = M((r) => r.rooms.rooms), n = M(
     (r) => r.rooms.activeRoomJID
-  ), x = z((r) => r.rooms.usersSet);
-  z(
+  ), b = M((r) => r.rooms.usersSet);
+  M(
     (r) => r.chatSettingStore.user?.xmppUsername
   );
-  const [d, b] = h(""), [s, O] = h(
+  const [d, x] = h(""), [s, O] = h(
     n ? "chat" : "all"
-  ), F = n ? n.split("@")[0] : void 0, [C, H] = h(!1), [m, B] = h(""), [f, L] = h(""), [g, M] = h(
+  ), F = n ? n.split("@")[0] : void 0, [C, j] = h(!1), [m, H] = h(""), [f, L] = h(""), [g, z] = h(
     null
-  ), [v, N] = h(""), y = pe(m, f), j = I(
+  ), [v, N] = h(""), y = ue(m, f), E = I(
     () => ({
       fromUserId: g?.id,
       since: y ? void 0 : he(m),
-      until: y ? void 0 : ue(f)
+      until: y ? void 0 : pe(f)
     }),
     [g?.id, m, f, y]
-  ), w = (g ? 1 : 0) + (m ? 1 : 0) + (f ? 1 : 0), Q = () => {
-    M(null), N(""), B(""), L("");
-  }, P = n ? p[n] : void 0, { members: D } = Z(
+  ), w = (g ? 1 : 0) + (m ? 1 : 0) + (f ? 1 : 0), P = () => {
+    z(null), N(""), H(""), L("");
+  }, Q = n ? u[n] : void 0, { members: D } = X(
     n || void 0,
-    s === "chat" && K(P) && (C || v.trim() !== "")
+    s === "chat" && Z(Q) && (C || v.trim() !== "")
   ), T = I(() => {
     if (!v.trim()) return [];
     let r;
     if (s === "chat") {
-      const A = n && p[n]?.members || [];
+      const A = n && u[n]?.members || [];
       D.length > 0 ? r = ee([...A, ...D]) : r = A;
     } else
-      r = Object.values(x || {});
+      r = Object.values(b || {});
     return fe(r, v);
-  }, [v, s, p, n, x, D]), o = re(
+  }, [v, s, u, n, b, D]), o = re(
     y ? "" : d,
     s,
     F,
-    j
+    E
   );
   V(() => {
-    u.current?.focus();
+    p.current?.focus();
   }, []);
-  const { open: _ } = te(), q = (r) => {
-    _(r) && k && l(ie(void 0));
+  const { open: G } = te(), _ = (r) => {
+    G(r) && k && l(ie(void 0));
   }, R = I(() => o.items, [o.items]), U = d.trim();
   return /* @__PURE__ */ a(
     ce,
@@ -230,11 +230,11 @@ const ge = c.div`
           /* @__PURE__ */ a(
             de,
             {
-              ref: u,
+              ref: p,
               "data-autofocus": !0,
               type: "search",
               value: d,
-              onChange: (r) => b(r.target.value),
+              onChange: (r) => x(r.target.value),
               placeholder: e(
                 s === "chat" ? "search.messages.placeholderChat" : "search.messages.placeholderAll"
               ),
@@ -242,9 +242,9 @@ const ge = c.div`
             }
           )
         ] }),
-        /* @__PURE__ */ i(xe, { role: "group", "aria-label": e("search.messages.scope"), children: [
+        /* @__PURE__ */ i(be, { role: "group", "aria-label": e("search.messages.scope"), children: [
           /* @__PURE__ */ a(
-            E,
+            B,
             {
               type: "button",
               $active: s === "chat",
@@ -255,7 +255,7 @@ const ge = c.div`
             }
           ),
           /* @__PURE__ */ a(
-            E,
+            B,
             {
               type: "button",
               $active: s === "all",
@@ -266,12 +266,12 @@ const ge = c.div`
           )
         ] }),
         /* @__PURE__ */ i(
-          be,
+          xe,
           {
             type: "button",
             $active: C || w > 0,
             "aria-expanded": C,
-            onClick: () => H((r) => !r),
+            onClick: () => j((r) => !r),
             children: [
               e("search.messages.filters"),
               w > 0 && /* @__PURE__ */ a("span", { children: w })
@@ -288,7 +288,7 @@ const ge = c.div`
                 {
                   type: "button",
                   "aria-label": e("search.messages.filterClear"),
-                  onClick: () => M(null),
+                  onClick: () => z(null),
                   children: "×"
                 }
               )
@@ -309,7 +309,7 @@ const ge = c.div`
               role: "option",
               "aria-selected": !1,
               onClick: () => {
-                M(r), N("");
+                z(r), N("");
               },
               children: r.name
             }
@@ -323,7 +323,7 @@ const ge = c.div`
                   type: "date",
                   value: m,
                   max: f || void 0,
-                  onChange: (r) => B(r.target.value)
+                  onChange: (r) => H(r.target.value)
                 }
               )
             ] }),
@@ -341,7 +341,7 @@ const ge = c.div`
             ] })
           ] }),
           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") })
+          w > 0 && /* @__PURE__ */ a(Ce, { type: "button", onClick: P, children: e("search.messages.filterClearAll") })
         ] }),
         !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") }),
@@ -351,7 +351,7 @@ const ge = c.div`
           /* @__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: [
+        R.length > 0 && /* @__PURE__ */ i(q, { children: [
           /* @__PURE__ */ a(we, { role: "status", children: e("search.messages.count", { count: o.total }) }),
           /* @__PURE__ */ a(
             se,
@@ -359,7 +359,7 @@ const ge = c.div`
               hits: R,
               query: U,
               showRoom: s === "all",
-              onOpen: q
+              onOpen: _
             }
           ),
           o.hasMore && /* @__PURE__ */ a(

package/dist/{PublicChatsModal-CWdYILv_.js → PublicChatsModal-BWn0NXVo.js}

@@ -1,14 +1,14 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { useState as p, useRef as E, useCallback as N, useEffect as P, useMemo as z } from "react";
-import { l as T, a_ as U, x as _, a as F, aU as H, u as A, aB as J, E as c, a7 as q, y as G } from "./main-36gqdbJ8.js";
-import { S as V, i as Z, j as K, f as S } from "./SideDrawer-Cl-vbuIG.js";
+import { useState as p, useRef as R, useCallback as B, useEffect as T, useMemo as z } from "react";
+import { y as U, bc as E, M as _, a as F, b6 as H, u as A, aP as J, U as c, ad as q, N as G } from "./main-CpHMnydn.js";
+import { S as V, i as Z, j as K, f as S } from "./SideDrawer-CqZl9sxK.js";
 const I = 50;
 async function Q({
   offset: r = 0,
   limit: t = I,
   signal: u
 } = {}) {
-  const x = T.getState().chatSettingStore.user?.token || "", s = (await U.get("/v1/chats/public", {
+  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
@@ -105,21 +105,21 @@ const W = c.ul`
 }) => {
   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 = E(0), f = N(async (e) => {
+  ), [l, i] = p([]), [j, $] = p(0), [v, D] = p(0), [n, w] = p("loading"), [h, L] = p(""), m = R(0), f = B(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 R = new Set(k.map((C) => C.name));
-        return e ? [...k, ...g.items.filter((C) => !R.has(C.name))] : g.items;
+        const P = new Set(k.map((C) => C.name));
+        return e ? [...k, ...g.items.filter((C) => !P.has(C.name))] : g.items;
       }), $(g.total), D(g.nextOffset), w("done");
     } catch {
       o === m.current && w("error");
     }
   }, []);
-  P(() => (f(0), () => {
+  T(() => (f(0), () => {
     m.current += 1;
   }), [f]);
   const O = z(
@@ -130,7 +130,7 @@ const W = c.ul`
     return e ? l.filter(
       (o) => o.title.toLowerCase().includes(e) || o.description.toLowerCase().includes(e)
     ) : l;
-  }, [l, h]), B = (e) => {
+  }, [l, h]), N = (e) => {
     const o = (s || "").trim();
     o && (u(q({ roomJID: `${e.name}@${o}` })), x && u(G(void 0)));
   }, M = v < j;
@@ -176,7 +176,7 @@ const W = c.ul`
               {
                 type: "button",
                 $open: o,
-                onClick: () => B(e),
+                onClick: () => N(e),
                 children: t(o ? "publicChats.open" : "publicChats.join")
               }
             )

package/dist/{SideDrawer-Cl-vbuIG.js → SideDrawer-CqZl9sxK.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { useId as f, useRef as v } from "react";
-import { x as g, F as u, aU as m, a$ as w, B as b, b0 as y, E as e, b1 as D, b2 as k } from "./main-36gqdbJ8.js";
+import { M as g, W as u, b6 as m, bd as b, I as w, be as y, U as e, bf as D, bg as k } from "./main-CpHMnydn.js";
 const c = 767, R = `${c}px`, z = e.div`
   position: relative;
   pointer-events: auto;
@@ -20,7 +20,7 @@ const c = 767, R = `${c}px`, z = e.div`
   @media (min-width: 768px) {
     border-left: 1px solid var(--ethora-color-border, #e6e8ec);
   }
-`, B = e.header`
+`, I = e.header`
   display: flex;
   align-items: center;
   gap: var(--ethora-space-2, 8px);
@@ -28,7 +28,7 @@ const c = 767, R = `${c}px`, z = e.div`
   padding: var(--ethora-space-2, 8px) var(--ethora-space-3, 12px);
   border-bottom: 1px solid var(--ethora-color-border, #e6e8ec);
   background-color: var(--ethora-color-bg, #fff);
-`, I = e.h2`
+`, B = e.h2`
   flex: 1 1 auto;
   margin: 0;
   min-width: 0;
@@ -58,11 +58,11 @@ const c = 767, R = `${c}px`, z = e.div`
     padding-left: var(--ethora-space-4, 16px);
     padding-right: var(--ethora-space-4, 16px);
   }
-`, H = e.section`
+`, W = e.section`
   display: flex;
   flex-direction: column;
   gap: var(--ethora-space-2, 8px);
-`, O = e.h3`
+`, $ = e.h3`
   margin: 0;
   padding: 0 var(--ethora-space-1, 4px);
   font-size: var(--ethora-font-size-xs, 12px);
@@ -70,7 +70,7 @@ const c = 767, R = `${c}px`, z = e.div`
   letter-spacing: 0.06em;
   text-transform: uppercase;
   color: var(--ethora-color-text-muted, #8c8c8c);
-`, W = e.div`
+`, O = e.div`
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -84,12 +84,12 @@ const c = 767, R = `${c}px`, z = e.div`
   flex-direction: column;
   gap: var(--ethora-space-1, 4px);
   padding: var(--ethora-space-3, 12px) var(--ethora-space-4, 16px);
-`, F = e.div`
+`, K = e.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
   gap: var(--ethora-space-2, 8px);
-`, K = e.button`
+`, F = e.button`
   border: none;
   background: transparent;
   padding: var(--ethora-space-2, 8px) 0;
@@ -152,18 +152,18 @@ const c = 767, R = `${c}px`, z = e.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`, E = e.div`
+`, T = e.div`
   font-size: var(--ethora-font-size-sm, 14px);
   font-weight: var(--ethora-font-weight-medium, 500);
   color: var(--ethora-color-text, #141414);
   text-align: start;
-`, T = e.div`
+`, C = e.div`
   font-size: var(--ethora-font-size-xs, 12px);
   font-weight: var(--ethora-font-weight-regular, 400);
   color: var(--ethora-color-text-muted, #8c8c8c);
   text-align: start;
   line-height: 1.4;
-`, C = e.button`
+`, E = e.button`
   display: flex;
   align-items: center;
   gap: var(--ethora-space-3, 12px);
@@ -192,11 +192,11 @@ const c = 767, R = `${c}px`, z = e.div`
   gap: var(--ethora-space-1, 4px);
   flex: 1 1 auto;
   min-width: 0;
-`, j = e.span`
+`, M = e.span`
   flex: 0 0 auto;
   display: inline-flex;
   color: var(--ethora-color-text-muted, #8c8c8c);
-`, M = () => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o(
+`, j = () => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o(
   "path",
   {
     d: "M6 3.5L10.5 8L6 12.5",
@@ -209,12 +209,12 @@ const c = 767, R = `${c}px`, z = e.div`
   label: r,
   hint: a,
   onClick: t
-}) => /* @__PURE__ */ i(C, { type: "button", onClick: t, children: [
+}) => /* @__PURE__ */ i(E, { type: "button", onClick: t, children: [
   /* @__PURE__ */ i(L, { children: [
-    /* @__PURE__ */ o(E, { children: r }),
-    a && /* @__PURE__ */ o(T, { children: a })
+    /* @__PURE__ */ o(T, { children: r }),
+    a && /* @__PURE__ */ o(C, { children: a })
   ] }),
-  /* @__PURE__ */ o(j, { "aria-hidden": "true", children: /* @__PURE__ */ o(M, {}) })
+  /* @__PURE__ */ o(M, { "aria-hidden": "true", children: /* @__PURE__ */ o(j, {}) })
 ] }), J = ({
   title: r,
   onClose: a,
@@ -224,7 +224,7 @@ const c = 767, R = `${c}px`, z = e.div`
 }) => {
   const h = g(), n = f(), s = v(null);
   u({ onClose: a, containerRef: s });
-  const p = m(c), x = w();
+  const p = m(c), x = b();
   return /* @__PURE__ */ i(
     z,
     {
@@ -235,16 +235,16 @@ const c = 767, R = `${c}px`, z = e.div`
       "data-testid": "side-drawer",
       $closing: x,
       children: [
-        /* @__PURE__ */ i(B, { children: [
+        /* @__PURE__ */ i(I, { children: [
           /* @__PURE__ */ o(
-            b,
+            w,
             {
               EndIcon: /* @__PURE__ */ o(y, {}),
               onClick: a,
               "aria-label": l ?? h("action.close")
             }
           ),
-          /* @__PURE__ */ o(I, { id: n, children: r }),
+          /* @__PURE__ */ o(B, { id: n, children: r }),
           t && /* @__PURE__ */ o(S, { children: t })
         ] }),
         /* @__PURE__ */ o(A, { children: d })
@@ -253,18 +253,18 @@ const c = 767, R = `${c}px`, z = e.div`
   );
 };
 export {
-  H as D,
+  W as D,
   J as S,
-  O as a,
-  W as b,
+  $ as a,
+  O as b,
   U as c,
   G as d,
   _ as e,
-  T as f,
-  E as g,
-  F as h,
+  C as f,
+  T as g,
+  K as h,
   V as i,
   X as j,
   q as k,
-  K as l
+  F as l
 };