@ethora/chat-component 26.9.2 → 26.9.3

package/dist/{ChatProfileModal-DJu41Pd7.js → ChatProfileModal-wdMf1tVj.js}

@@ -1,8 +1,8 @@
 import { jsx as E, jsxs as j, Fragment as gt } from "react/jsx-runtime";
 import ke, { useRef as yt, useState as ee, useMemo as se } from "react";
-import { S as bt, f as qt, b as Tt, D as he, a as pe, e as Ft, g as zt, h as Fe, i as Qt, j as Ht, k as Yt, l as ze } from "./SideDrawer-DTXPBfJl.js";
-import { h as Wt, P as Gt, a as Kt, c as Xt, D as Jt, d as Vt, e as Qe, f as He } from "./handleCopyClick-Cv8OCQA-.js";
-import { o as Zt, b as Et, p as de, a4 as er, B as te, x as W, a as Ne, u as fe, a5 as $e, F as Ct, y as wt, a6 as Rt, a7 as Pt, a8 as xt, a9 as tr, aa as Be, ab as rr, ac as nr, a2 as or, J as _t, Z as ar, ad as ir, ae as Ie, af as sr, ag as ye, ah as St, P as Mt, W as At, w as lr, ai as ur, aj as cr, ak as fr, al as dr, am as hr, q as Ye, an as pr, ao as vr, ap as mr, aq as gr, ar as yr, as as We, at as br, au as Tr, X as Er, av as Cr, aw as wr, M as Rr, K as Pr, ax as Ge } from "./main-DaxJ3rMp.js";
+import { S as bt, f as qt, b as Tt, D as he, a as pe, e as Ft, g as zt, h as Fe, i as Qt, j as Ht, k as Yt, l as ze } from "./SideDrawer-CnVgnZIX.js";
+import { h as Wt, P as Gt, a as Kt, c as Xt, D as Jt, d as Vt, e as Qe, f as He } from "./handleCopyClick-CmDA5eIr.js";
+import { o as Zt, b as Et, p as de, a4 as er, B as te, x as W, a as Ne, u as fe, a5 as $e, F as Ct, y as wt, a6 as Rt, a7 as Pt, a8 as xt, a9 as tr, aa as Be, ab as rr, ac as nr, a2 as or, J as _t, Z as ar, ad as ir, ae as Ie, af as sr, ag as ye, ah as St, P as Mt, W as At, w as lr, ai as ur, aj as cr, ak as fr, al as dr, am as hr, q as Ye, an as pr, ao as vr, ap as mr, aq as gr, ar as yr, as as We, at as br, au as Tr, X as Er, av as Cr, aw as wr, M as Rr, K as Pr, ax as Ge } from "./main-RnS3xaV2.js";
 var le = {}, ve = { exports: {} }, me = { exports: {} }, k = {};
 var Ke;
 function xr() {

package/dist/{FilePreviewModal-C9LtTRwf.js → FilePreviewModal-BifoD54Z.js}

@@ -1,6 +1,6 @@
 import { jsx as l, jsxs as B } from "react/jsx-runtime";
 import te, { useState as H, useRef as z, useEffect as O, useMemo as $, useCallback as k } from "react";
-import { p as le, b as pe, aN as we, ae as ve, x as X, B as V, aO as xe, aP as be, ay as ye, aQ as Ee, aR as Le, aS as ue, aT as ne, a as Ce, aJ as Re, u as q, a5 as Me, aU as re, as as Pe, ao as J, aV as ke, aW as Se, aX as Te, aY as Ae, aZ as Ie, a_ as Xe, a$ as Ye, b0 as ze, b1 as Oe, az as De, b2 as Fe, b3 as Ne, ax as Be, b4 as He, w as Ue } from "./main-DaxJ3rMp.js";
+import { p as le, b as pe, aN as we, ae as ve, x as X, B as V, aO as xe, aP as be, ay as ye, aQ as Ee, aR as Le, aS as ue, aT as ne, a as Ce, aJ as Re, u as q, a5 as Me, aU as re, as as Pe, ao as J, aV as ke, aW as Se, aX as Te, aY as Ae, aZ as Ie, a_ as Xe, a$ as Ye, b0 as ze, b1 as Oe, az as De, b2 as Fe, b3 as Ne, ax as Be, b4 as He, w as Ue } from "./main-RnS3xaV2.js";
 function oe(t, i) {
   let o;
   return (...E) => {

package/dist/{ManageDataModal-W7YjmIsd.js → ManageDataModal-BGdihBMC.js}

@@ -1,7 +1,7 @@
 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-DaxJ3rMp.js";
-import { S as J, D as f, a as u, b as D, e as v, f as b } from "./SideDrawer-DTXPBfJl.js";
+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-RnS3xaV2.js";
+import { S as J, D as f, a as u, b as D, e as v, f as b } from "./SideDrawer-CnVgnZIX.js";
 t(I)`
   display: flex;
   box-sizing: border-box;

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

package/dist/{SideDrawer-DTXPBfJl.js → SideDrawer-CnVgnZIX.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 { p as u, y as g, aI as m, aJ as w, B as b, aK as y, x as e, aL as D, aM as k } from "./main-DaxJ3rMp.js";
+import { p as u, y as g, aI as m, aJ as w, B as b, aK as y, x as e, aL as D, aM as k } from "./main-RnS3xaV2.js";
 const c = 767, R = `${c}px`, z = e.div`
   position: relative;
   pointer-events: auto;

package/dist/{UserProfileModal-CyUJ-rFm.js → UserProfileModal-DVytNCrY.js}

@@ -1,8 +1,8 @@
 import { jsxs as u, Fragment as $, jsx as o } from "react/jsx-runtime";
 import { forwardRef as ge, useState as I, useCallback as y, useImperativeHandle as ve, useRef as ae, useMemo as M } from "react";
-import { a as be, p as J, t as ye, v as xe, w as we, P as re, I as H, x as D, y as Ce, z as Se, C as Ie, D as te, E as De, F as Ne, G as ke, J as Ue, u as Q, K as Fe, L as Pe, N as Ae, O as Re, Q as Y, q as Z, R as ze, S as je, T as Be, s as $e, B as X, U as Ee, W as Oe, X as Te, Y as ee, Z as R, _ as Le, $ as Me, V as He, A as Xe, a0 as We, a1 as Je, a2 as Ke, a3 as Ve } from "./main-DaxJ3rMp.js";
-import { D as E, a as W, b as Ge, e as qe, f as _e, S as Qe } from "./SideDrawer-DTXPBfJl.js";
-import { P as ne, a as Ye, D as Ze, b as eo, h as oo } from "./handleCopyClick-Cv8OCQA-.js";
+import { a as be, p as J, t as ye, v as xe, w as we, P as re, I as H, x as D, y as Ce, z as Se, C as Ie, D as te, E as De, F as Ne, G as ke, J as Ue, u as Q, K as Fe, L as Pe, N as Ae, O as Re, Q as Y, q as Z, R as ze, S as je, T as Be, s as $e, B as X, U as Ee, W as Oe, X as Te, Y as ee, Z as R, _ as Le, $ as Me, V as He, A as Xe, a0 as We, a1 as Je, a2 as Ke, a3 as Ve } from "./main-RnS3xaV2.js";
+import { D as E, a as W, b as Ge, e as qe, f as _e, S as Qe } from "./SideDrawer-CnVgnZIX.js";
+import { P as ne, a as Ye, D as Ze, b as eo, h as oo } from "./handleCopyClick-CmDA5eIr.js";
 const ao = (c, i) => {
   const l = atob(c.split(",")[1]), g = new ArrayBuffer(l.length), e = new Uint8Array(g);
   for (let r = 0; r < l.length; r++)

package/dist/{UserSettingsModal-DJYdx8X3.js → UserSettingsModal-UM53d5E1.js}

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as r } from "react/jsx-runtime";
 import m, { useCallback as D, useMemo as h } from "react";
-import { p, a as g, q as w, M as l } from "./main-DaxJ3rMp.js";
-import { S as b, D as u, a as k, b as y, c as S, d as f } from "./SideDrawer-DTXPBfJl.js";
+import { p, a as g, q as w, M as l } from "./main-RnS3xaV2.js";
+import { S as b, D as u, a as k, b as y, c as S, d as f } from "./SideDrawer-CnVgnZIX.js";
 const T = ({
   handleCloseModal: n
 }) => {

package/dist/{VideoCallOverlay-C7flkkQ5.js → VideoCallOverlay-ClWTSpa_.js}

@@ -1,7 +1,7 @@
 import { jsxs as K, jsx as x, Fragment as Hr } from "react/jsx-runtime";
 import * as F from "react";
 import { useState as Yt, useRef as ke, useEffect as be, useMemo as Wt, useCallback as mi } from "react";
-import { u as Xi, P as Kn, H as xi, a as Hd, b as zd, c as Kd, d as Gd, s as po, e as Jd, f as Yd, g as fo, h as $d, i as Xd, j as mo, k as Qd, l as Zd, r as go, m as eu, n as tu, A as vo, V as bo, B as nu } from "./main-DaxJ3rMp.js";
+import { u as Xi, P as Kn, H as xi, a as Hd, b as zd, c as Kd, d as Gd, s as po, e as Jd, f as Yd, g as fo, h as $d, i as Xd, j as mo, k as Qd, l as Zd, r as go, m as eu, n as tu, A as vo, V as bo, B as nu } from "./main-RnS3xaV2.js";
 function iu(n, e) {
   return e.forEach(function(t) {
     t && typeof t != "string" && !Array.isArray(t) && Object.keys(t).forEach(function(i) {

package/dist/{VisibilityModal-Dq_1oMwl.js → VisibilityModal-udrXrQIY.js}

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { useState as b, useEffect as x } from "react";
-import { x as o, a as L, p as P, u as z, aG as D, aH as I } from "./main-DaxJ3rMp.js";
-import { S as N, D as C, a as $, b as k, e as w, f as p } from "./SideDrawer-DTXPBfJl.js";
+import { x as o, a as L, p as P, u as z, aG as D, aH as I } from "./main-RnS3xaV2.js";
+import { S as N, D as C, a as $, b as k, e as w, f as p } from "./SideDrawer-CnVgnZIX.js";
 o.div``;
 o.div`
   font-size: 16px;

package/dist/{handleCopyClick-Cv8OCQA-.js → handleCopyClick-CmDA5eIr.js}

@@ -1,4 +1,4 @@
-import { x as e, z as t } from "./main-DaxJ3rMp.js";
+import { x as e, z as t } from "./main-RnS3xaV2.js";
 const i = e.div`
   display: flex;
   flex-direction: column;

package/dist/{main-DaxJ3rMp.js → main-RnS3xaV2.js}

@@ -22109,7 +22109,7 @@ class V4 extends Te.Component {
   }
 }
 const PP = Te.lazy(
-  () => import("./VideoCallOverlay-C7flkkQ5.js").then((e) => ({
+  () => import("./VideoCallOverlay-ClWTSpa_.js").then((e) => ({
     default: e.VideoCallOverlay
   }))
 ), q4 = Zn(null), AP = ({ pushNotifications: e }) => (s4({
@@ -25592,7 +25592,7 @@ const h3 = [], P_ = () => new Promise((e) => {
     )}">${g3(s)}</mention>${a}`;
   }
   return n;
-}, j_ = Te.lazy(() => import("./MarkdownBody-k4RvO7v6.js")), U_ = {
+}, j_ = Te.lazy(() => import("./MarkdownBody-Db6gZcuF.js")), U_ = {
   fontFamily: 'var(--ethora-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)',
   fontSize: "var(--ethora-font-size, 16px)",
   // Same token MarkdownBody resolves to, so the pre-load text does not
@@ -30201,8 +30201,16 @@ const N3 = ({
   display: flex;
   align-items: center;
   justify-content: space-between;
-  min-height: 56px;
-  max-height: 64px;
+  /* Fixed, not a 56-64px range. The second line ("N users · M online") is
+     empty until the room's member count is known, and with a range the bar
+     sat at 56px while history loaded and grew to 64px the moment the count
+     arrived - the whole conversation below shifted by 8px, and the title,
+     centred vertically, jumped with it.
+     flex-shrink matters as much as the height: the header is a flex item in
+     the chat pane's column, and a long message list squeezed it below any
+     declared height (measured at 58.9px with height: 64px alone). */
+  height: 64px;
+  flex-shrink: 0;
   padding: 8px 16px;
   box-sizing: border-box;
   background-color: var(--ethora-color-bg, #fff);
@@ -30242,6 +30250,16 @@ const N3 = ({
 `, jD = M.div`
   color: var(--ethora-color-text-secondary, #5a5f66);
   font-size: 14px;
+  line-height: 20px;
+  /* Holds its line even while it has nothing to say (member count not
+     loaded yet, or nobody typing), so the title above it never moves. An
+     empty div collapses to 0px, which is what made the title re-centre.
+     A fixed height rather than a minimum: the online-users popover trigger
+     sits a fraction taller than the line (measured 20.6px), which still
+     nudged the title by 0.4px whenever the count appeared.
+     Deliberately NOT overflow: hidden - the online-users popover hangs off
+     this line (position: absolute, top: 100%) and would be clipped away. */
+  height: 20px;
 `, UD = M.span`
   color: var(--ethora-color-online, #12b76a);
 `, zD = M.div`
@@ -34389,22 +34407,22 @@ const dL = M.span`
   }
 `, vL = {
   [Be.SETTINGS]: an(
-    () => import("./UserSettingsModal-DJYdx8X3.js")
+    () => import("./UserSettingsModal-UM53d5E1.js")
   ),
   [Be.PROFILE]: an(
-    () => import("./UserProfileModal-CyUJ-rFm.js")
+    () => import("./UserProfileModal-DVytNCrY.js")
   ),
   [Be.CHAT_PROFILE]: an(
-    () => import("./ChatProfileModal-DJu41Pd7.js")
+    () => import("./ChatProfileModal-wdMf1tVj.js")
   ),
   [Be.MANAGE_DATA]: an(
-    () => import("./ManageDataModal-W7YjmIsd.js")
+    () => import("./ManageDataModal-BGdihBMC.js")
   ),
   [Be.VISIBILITY]: an(
-    () => import("./VisibilityModal-Dq_1oMwl.js")
+    () => import("./VisibilityModal-udrXrQIY.js")
   ),
   [Be.FILE_PREVIEW]: an(
-    () => import("./FilePreviewModal-C9LtTRwf.js")
+    () => import("./FilePreviewModal-BifoD54Z.js")
   )
 }, Q3 = ({ modal: e, setOpenModal: t }) => {
   const r = Ae(), n = () => t(), o = () => r(rt(Be.SETTINGS)), i = M3.includes(e), s = G(null), a = G(0);

package/dist/main.js

@@ -1,4 +1,4 @@
-import { b5 as a, b6 as r, b7 as b, b8 as o, b9 as t, ba as i, bb as p, bc as u, bd as h, be as n, bf as l, bg as d, bh as f, L as m, bi as T, bj as g, bk as y, bl as I, bm as R, bn as c, bo as k, bp as C, bq as A, ak as E, al as Q, br as F, bs as M } from "./main-DaxJ3rMp.js";
+import { b5 as a, b6 as r, b7 as b, b8 as o, b9 as t, ba as i, bb as p, bc as u, bd as h, be as n, bf as l, bg as d, bh as f, L as m, bi as T, bj as g, bk as y, bl as I, bm as R, bn as c, bo as k, bp as C, bq as A, ak as E, al as Q, br as F, bs as M } from "./main-RnS3xaV2.js";
 export {
   a as AuthTestIds,
   r as Chat,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethora/chat-component",
-  "version": "26.9.2",
+  "version": "26.9.3",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",