@ethora/chat-component 26.10.6 → 26.10.8

package/dist/{FilePreviewModal-DwNUEHei.js → FilePreviewModal-DxUGjSHe.js}

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as b } from "react/jsx-runtime";
-import { b3 as et, b4 as tt, E as f, b5 as yt, x as Pe, b as Et, b6 as kt, b7 as nt, b8 as rt, b9 as ot, ba as Le, bb as Te, bc as Ce, aK as $e, K as Ae, bd as Ue, be as Pt, G as ke, bf as St, bg as it, a as Rt, a$ as Lt, u as le, aa as _e, bh as Tt, bi as Ct, bj as Se, bk as Mt, ax as ue, bl as Be, bm as It, bn as $t, bo as At, bp as Dt, bq as Ot, aJ as Ne, D as zt, br as Ut } from "./main-36gqdbJ8.js";
+import { bt as et, bu as tt, a4 as f, bv as yt, Z as Pe, b as Et, bw as kt, bx as nt, by as rt, bz as ot, bA as Le, bB as Te, bC as Ce, b8 as $e, a8 as Ae, bD as Ue, bE as Pt, a6 as ke, bF as Rt, bG as it, a as St, bp as Lt, u as le, aC as _e, bH as Tt, bI as Ct, bJ as Re, bK as Mt, aW as ue, bL as Be, bM as It, bN as $t, bO as At, bP as Ot, bQ as Dt, b7 as Ne, a2 as zt, bR as Ut } from "./main-B25iFKAC.js";
 import Me, { useState as F, useRef as U, useEffect as M, useMemo as te, useCallback as B, useLayoutEffect as _t } from "react";
 const at = (t, o, i) => {
   const g = document.createElement("a");
@@ -36,15 +36,15 @@ function Xt({ debounce: t, scroll: o, polyfill: i, offsetSize: g } = { debounce:
   M(() => (v.current = !0, () => {
     v.current = !1;
   }));
-  const [N, S, x] = te(() => {
+  const [N, R, x] = te(() => {
     const k = () => {
       if (!c.current.element) return;
-      const { left: W, top: V, width: I, height: D, bottom: j, right: R, x: P, y: C } = c.current.element.getBoundingClientRect(), $ = { left: W, top: V, width: I, height: D, bottom: j, right: R, x: P, y: C };
+      const { left: W, top: V, width: I, height: O, bottom: j, right: S, x: P, y: C } = c.current.element.getBoundingClientRect(), $ = { left: W, top: V, width: I, height: O, bottom: j, right: S, x: P, y: C };
       c.current.element instanceof HTMLElement && g && ($.height = c.current.element.offsetHeight, $.width = c.current.element.offsetWidth), Object.freeze($), v.current && !jt(c.current.lastBounds, $) && w(c.current.lastBounds = $);
     };
     return [k, m ? We(k, m) : k, T ? We(k, T) : k];
   }, [w, g, T, m]);
-  function O() {
+  function D() {
     c.current.scrollContainers && (c.current.scrollContainers.forEach((k) => k.removeEventListener("scroll", x, !0)), c.current.scrollContainers = null), c.current.resizeObserver && (c.current.resizeObserver.disconnect(), c.current.resizeObserver = null), c.current.orientationHandler && ("orientation" in screen && "removeEventListener" in screen.orientation ? screen.orientation.removeEventListener("change", c.current.orientationHandler) : "onorientationchange" in window && window.removeEventListener("orientationchange", c.current.orientationHandler));
   }
   function A() {
@@ -53,11 +53,11 @@ function Xt({ debounce: t, scroll: o, polyfill: i, offsetSize: g } = { debounce:
     }, "orientation" in screen && "addEventListener" in screen.orientation ? screen.orientation.addEventListener("change", c.current.orientationHandler) : "onorientationchange" in window && window.addEventListener("orientationchange", c.current.orientationHandler));
   }
   const H = (k) => {
-    !k || k === c.current.element || (O(), c.current.element = k, c.current.scrollContainers = st(k), A());
+    !k || k === c.current.element || (D(), c.current.element = k, c.current.scrollContainers = st(k), A());
   };
-  return Yt(x, !!o), Ft(S), M(() => {
-    O(), A();
-  }, [o, x, S]), M(() => O, []), [H, l, N];
+  return Yt(x, !!o), Ft(R), M(() => {
+    D(), A();
+  }, [o, x, R]), M(() => D, []), [H, l, N];
 }
 function Ft(t) {
   M(() => {
@@ -83,7 +83,7 @@ function st(t) {
   const { overflow: i, overflowX: g, overflowY: E } = window.getComputedStyle(t);
   return [i, g, E].some((l) => l === "auto" || l === "scroll") && o.push(t), [...o, ...st(t.parentElement)];
 }
-const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt = (t, o) => Ht.every((i) => t[i] === o[i]), Xe = 0.5, Fe = 3, xe = 1.25, Vt = 2e-3, Ye = 12, He = 16, je = 16, Gt = 72, Ve = 320, Kt = 150, Ge = 4, Zt = 7, qt = "800px 0px", Jt = 2, Qt = 0.9, Ke = { width: 612, height: 792 }, en = f.div`
+const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt = (t, o) => Ht.every((i) => t[i] === o[i]), Xe = 0.5, Fe = 3, xe = 1.25, Vt = 2e-3, Ye = 12, He = 16, je = 16, Gt = 72, Ve = 320, Zt = 150, Ge = 4, Kt = 7, qt = "800px 0px", Jt = 2, Qt = 0.9, Ze = { width: 612, height: 792 }, en = f.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -158,7 +158,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
   min-width: 44px;
   text-align: center;
   font-size: 12px;
-`, Re = f.button`
+`, Se = f.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -201,7 +201,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
 `, un = (t, o, i) => Math.min(i, Math.max(o, t)), fn = (t) => {
   const o = t;
   return !o || !o.tagName ? !1 : o.isContentEditable ? !0 : ["INPUT", "TEXTAREA", "SELECT"].includes(o.tagName);
-}, Ze = (t, o, i, g) => {
+}, Ke = (t, o, i, g) => {
   const E = t + o;
   let l = 0, w = -1;
   for (let c = 0; c < i.length; c += 1) {
@@ -213,7 +213,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
   }
   return l + 1;
 }, qe = (t, o) => new Set(
-  [...t].sort((i, g) => Math.abs(i - o) - Math.abs(g - o) || i - g).slice(0, Zt)
+  [...t].sort((i, g) => Math.abs(i - o) - Math.abs(g - o) || i - g).slice(0, Kt)
 ), hn = Me.memo(function({
   pdfDocument: o,
   pageNumber: i,
@@ -225,29 +225,29 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
 }) {
   const T = U(null), m = U(null), [v, N] = F(!1);
   return M(() => {
-    const S = T.current;
-    if (!S) return;
+    const R = T.current;
+    if (!R) return;
     if (!c || g <= 0) {
-      m.current?.cancel(), m.current = null, S.width = 0, S.height = 0, N(!1);
+      m.current?.cancel(), m.current = null, R.width = 0, R.height = 0, N(!1);
       return;
     }
     let x = !1;
     return (async () => {
       try {
-        const O = await o.getPage(i);
+        const D = await o.getPage(i);
         if (x) {
-          O.cleanup();
+          D.cleanup();
           return;
         }
-        const A = O.getViewport({ scale: 1 }), H = Math.min(window.devicePixelRatio || 1, Jt), k = O.getViewport({
+        const A = D.getViewport({ scale: 1 }), H = Math.min(window.devicePixelRatio || 1, Jt), k = D.getViewport({
           scale: A.width ? g / A.width * H : H
-        }), W = S.getContext("2d");
+        }), W = R.getContext("2d");
         if (!W) return;
-        S.width = Math.max(1, Math.floor(k.width)), S.height = Math.max(1, Math.floor(k.height)), m.current?.cancel();
-        const V = O.render({ canvasContext: W, viewport: k });
-        m.current = V, await V.promise, x || N(!0), O.cleanup();
-      } catch (O) {
-        x || console.warn("[Ethora] PDF page render failed:", O);
+        R.width = Math.max(1, Math.floor(k.width)), R.height = Math.max(1, Math.floor(k.height)), m.current?.cancel();
+        const V = D.render({ canvasContext: W, viewport: k });
+        m.current = V, await V.promise, x || N(!0), D.cleanup();
+      } catch (D) {
+        x || console.warn("[Ethora] PDF page render failed:", D);
       }
     })(), () => {
       x = !0, m.current?.cancel(), m.current = null;
@@ -267,10 +267,10 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
       l.current = d, g(d);
     },
     [g]
-  ), [c, T] = F("loading"), [m, v] = F(null), [N, S] = F([]), [x, O] = F(1), A = U(1), [H, k] = F(0), [W, V] = F(1), I = U(1), [D, j] = F(() => /* @__PURE__ */ new Set()), R = U(null), P = U(null), C = U(null), $ = H > 0 ? H : Ve, Y = m?.numPages ?? 0;
+  ), [c, T] = F("loading"), [m, v] = F(null), [N, R] = F([]), [x, D] = F(1), A = U(1), [H, k] = F(0), [W, V] = F(1), I = U(1), [O, j] = F(() => /* @__PURE__ */ new Set()), S = U(null), P = U(null), C = U(null), $ = H > 0 ? H : Ve, Y = m?.numPages ?? 0;
   M(() => {
     let d = !1, n = null, e;
-    return T("loading"), v(null), S([]), j(/* @__PURE__ */ new Set()), I.current = 1, V(1), (async () => {
+    return T("loading"), v(null), R([]), j(/* @__PURE__ */ new Set()), I.current = 1, V(1), (async () => {
       const a = await kt(i?.pdfPreview?.workerSrc, i?.pdfPreview?.libUrl);
       if (!d) {
         if (!a || !t) {
@@ -289,7 +289,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
             T("error");
             return;
           }
-          S(Array.from({ length: s.numPages }, () => Ke)), v(s), T("ready");
+          R(Array.from({ length: s.numPages }, () => Ze)), v(s), T("ready");
         } catch (s) {
           d || (console.warn("[Ethora] PDF open failed:", s), T("error"));
         }
@@ -307,7 +307,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
         const n = m.numPages, e = await m.getPage(1), a = e.getViewport({ scale: 1 });
         if (e.cleanup(), d || !a.width) return;
         const s = { width: a.width, height: a.height };
-        S(Array.from({ length: n }, () => s));
+        R(Array.from({ length: n }, () => s));
         for (let u = 2; u <= n; u += Ge) {
           const y = Math.min(n, u + Ge - 1), z = await Promise.all(
             Array.from({ length: y - u + 1 }, async (X, J) => {
@@ -319,7 +319,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
             })
           );
           if (d) return;
-          S((X) => {
+          R((X) => {
             if (X.length !== n) return X;
             const J = X.slice();
             return z.forEach(({ pageNumber: Q, size: se }) => {
@@ -335,7 +335,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
     };
   }, [m]);
   const L = te(() => {
-    const d = N.length > 0 ? N : [Ke], n = Math.max(1, $ - He * 2) * x, e = Math.max($, n + He * 2), a = [], s = [];
+    const d = N.length > 0 ? N : [Ze], n = Math.max(1, $ - He * 2) * x, e = Math.max($, n + He * 2), a = [], s = [];
     let u = je;
     d.forEach((z) => {
       const X = n * z.height / (z.width || 1);
@@ -354,9 +354,9 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
   P.current = L, _t(() => {
     const d = l.current;
     if (!d) return;
-    const n = R.current;
-    n && (R.current = null, d.scrollLeft = n.fx * d.scrollWidth - n.cx, d.scrollTop = n.fy * d.scrollHeight - n.cy);
-    const e = Ze(
+    const n = S.current;
+    n && (S.current = null, d.scrollLeft = n.fx * d.scrollWidth - n.cx, d.scrollTop = n.fy * d.scrollHeight - n.cy);
+    const e = Ke(
       d.scrollTop,
       d.clientHeight,
       L.tops,
@@ -364,15 +364,15 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
     );
     e !== I.current && (I.current = e, V(e));
   }, [L]);
-  const Z = B((d, n) => {
+  const K = B((d, n) => {
     const e = l.current;
     if (!e || !e.scrollHeight || !e.scrollWidth) return;
     if (e.scrollTop <= 0 && e.scrollLeft <= 0) {
-      R.current = null;
+      S.current = null;
       return;
     }
     const a = d ?? e.clientWidth / 2, s = n ?? e.clientHeight / 2;
-    R.current = {
+    S.current = {
       fx: (e.scrollLeft + a) / e.scrollWidth,
       fy: (e.scrollTop + s) / e.scrollHeight,
       cx: a,
@@ -381,9 +381,9 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
   }, []), _ = B(
     (d, n, e) => {
       const a = un(d, Xe, Fe);
-      a !== A.current && (Z(n, e), A.current = a, O(a));
+      a !== A.current && (K(n, e), A.current = a, D(a));
     },
-    [Z]
+    [K]
   ), ee = Math.max(Ve, Math.floor(E.width || 0));
   M(() => {
     if (H === 0) {
@@ -392,10 +392,10 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
     }
     if (ee === H) return;
     const d = window.setTimeout(() => {
-      Z(), k(ee);
-    }, Kt);
+      K(), k(ee);
+    }, Zt);
     return () => window.clearTimeout(d);
-  }, [ee, H, Z]);
+  }, [ee, H, K]);
   const ne = typeof IntersectionObserver < "u";
   M(() => {
     !m || ne || j(
@@ -422,7 +422,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
   const de = B(() => {
     const d = l.current, n = P.current;
     if (!d || !n) return;
-    const e = Ze(
+    const e = Ke(
       d.scrollTop,
       d.clientHeight,
       n.tops,
@@ -523,7 +523,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
               height: L.heights[n],
               top: L.tops[n],
               left: L.left,
-              active: D.has(e)
+              active: O.has(e)
             },
             e
           );
@@ -550,7 +550,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
       ] }),
       /* @__PURE__ */ b(ln, { children: [
         /* @__PURE__ */ r(
-          Re,
+          Se,
           {
             type: "button",
             onClick: () => _(A.current / xe),
@@ -564,7 +564,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
           "%"
         ] }),
         /* @__PURE__ */ r(
-          Re,
+          Se,
           {
             type: "button",
             onClick: () => _(A.current * xe),
@@ -574,7 +574,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
           }
         ),
         /* @__PURE__ */ r(
-          Re,
+          Se,
           {
             type: "button",
             onClick: () => _(1),
@@ -671,9 +671,9 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
     onError: w,
     onScaleChange: c
   }, T) => {
-    const m = U(null), v = U(null), [N, S] = F(!1), [x, O] = F(G), [A, H] = F({ x: 0, y: 0 }), [k, W] = F(!1), [V, I] = F(!1), D = U({ scale: G, offset: { x: 0, y: 0 } });
-    D.current = { scale: x, offset: A };
-    const j = U(null), R = U(null), P = U(
+    const m = U(null), v = U(null), [N, R] = F(!1), [x, D] = F(G), [A, H] = F({ x: 0, y: 0 }), [k, W] = F(!1), [V, I] = F(!1), O = U({ scale: G, offset: { x: 0, y: 0 } });
+    O.current = { scale: x, offset: A };
+    const j = U(null), S = U(null), P = U(
       null
     ), C = B((n) => {
       const e = m.current, a = v.current;
@@ -691,7 +691,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
     }, []), $ = B(
       (n, e, a) => {
         const s = ve(n, G, Ie), u = C(s);
-        W(a), O(s), H({
+        W(a), D(s), H({
           x: ve(e.x, -u.x, u.x),
           y: ve(e.y, -u.y, u.y)
         });
@@ -699,7 +699,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
       [C]
     ), Y = B(
       (n, e, a, s) => {
-        const u = D.current, y = ve(n, G, Ie), z = y / u.scale;
+        const u = O.current, y = ve(n, G, Ie), z = y / u.scale;
         $(
           y,
           {
@@ -712,25 +712,25 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
       [$]
     ), L = B(() => {
       $(G, { x: 0, y: 0 }, !0);
-    }, [$]), Z = B(
+    }, [$]), K = B(
       (n) => {
-        Y(D.current.scale * n, 0, 0, !0);
+        Y(O.current.scale * n, 0, 0, !0);
       },
       [Y]
     );
     Me.useImperativeHandle(
       T,
       () => ({
-        zoomIn: () => Z(1.5),
-        zoomOut: () => Z(1 / 1.5),
+        zoomIn: () => K(1.5),
+        zoomOut: () => K(1 / 1.5),
         reset: L
       }),
-      [Z, L]
+      [K, L]
     ), M(() => {
-      W(!1), O(G), H({ x: 0, y: 0 });
+      W(!1), D(G), H({ x: 0, y: 0 });
     }, [t]), M(() => {
       const n = v.current;
-      S(!!(n?.complete && n.naturalWidth > 0));
+      R(!!(n?.complete && n.naturalWidth > 0));
     }, [t]), M(() => {
       c?.(x);
     }, [x, c]), M(() => {
@@ -739,7 +739,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
       const e = (a) => {
         a.preventDefault();
         const s = n.getBoundingClientRect(), u = a.clientX - s.left - s.width / 2, y = a.clientY - s.top - s.height / 2, z = Math.exp(-a.deltaY * wn);
-        Y(D.current.scale * z, u, y, !1);
+        Y(O.current.scale * z, u, y, !1);
       };
       return n.addEventListener("wheel", e, { passive: !1 }), () => n.removeEventListener("wheel", e);
     }, [Y]);
@@ -747,7 +747,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
       (n, e) => {
         const a = m.current;
         if (!a) return;
-        if (D.current.scale > G) {
+        if (O.current.scale > G) {
           L();
           return;
         }
@@ -761,14 +761,14 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
       },
       [L, Y]
     ), ee = B((n) => {
-      n.button === 0 && (D.current.scale <= G || (n.preventDefault(), j.current = { x: n.clientX, y: n.clientY }, I(!0)));
+      n.button === 0 && (O.current.scale <= G || (n.preventDefault(), j.current = { x: n.clientX, y: n.clientY }, I(!0)));
     }, []);
     M(() => {
       if (!V || typeof window > "u") return;
       const n = (a) => {
         const s = j.current;
         if (!s) return;
-        const u = D.current;
+        const u = O.current;
         $(
           u.scale,
           {
@@ -787,7 +787,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
     const ne = B((n) => {
       if (n.touches.length === 2) {
         const [a, s] = [n.touches[0], n.touches[1]];
-        R.current = {
+        S.current = {
           startX: 0,
           startY: 0,
           lastX: 0,
@@ -796,26 +796,26 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
             a.clientX - s.clientX,
             a.clientY - s.clientY
           ),
-          pinchScale: D.current.scale,
+          pinchScale: O.current.scale,
           panning: !1,
           moved: !1
         };
         return;
       }
       const e = n.touches[0];
-      e && (R.current = {
+      e && (S.current = {
         startX: e.clientX,
         startY: e.clientY,
         lastX: e.clientX,
         lastY: e.clientY,
         pinchDistance: 0,
-        pinchScale: D.current.scale,
-        panning: D.current.scale > G,
+        pinchScale: O.current.scale,
+        panning: O.current.scale > G,
         moved: !1
       });
     }, []), de = B(
       (n) => {
-        const e = R.current;
+        const e = S.current;
         if (!e) return;
         if (n.touches.length === 2 && e.pinchDistance > 0) {
           const [s, u] = [n.touches[0], n.touches[1]], y = Math.hypot(
@@ -835,7 +835,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
         const a = n.touches[0];
         if (a) {
           if ((Math.abs(a.clientX - e.startX) > 6 || Math.abs(a.clientY - e.startY) > 6) && (e.moved = !0), e.panning) {
-            const s = D.current;
+            const s = O.current;
             $(
               s.scale,
               {
@@ -851,9 +851,9 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
       [$, Y]
     ), re = B(
       (n) => {
-        const e = R.current;
+        const e = S.current;
         if (!e || n.touches.length > 0) return;
-        if (R.current = null, !e.moved && e.pinchDistance === 0) {
+        if (S.current = null, !e.moved && e.pinchDistance === 0) {
           const u = Date.now(), y = P.current;
           if (y && u - y.time < bn && Math.abs(y.x - e.startX) < Je && Math.abs(y.y - e.startY) < Je) {
             P.current = null, _(e.startX, e.startY);
@@ -866,7 +866,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
           };
           return;
         }
-        if (e.panning || e.pinchDistance > 0 || D.current.scale > G) return;
+        if (e.panning || e.pinchDistance > 0 || O.current.scale > G) return;
         const a = e.lastX - e.startX, s = e.lastY - e.startY;
         Math.abs(a) < mn || Math.abs(a) <= Math.abs(s) || (a < 0 ? E?.() : l?.());
       },
@@ -953,7 +953,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
               src: Le(t),
               alt: o,
               draggable: !1,
-              onLoad: () => S(!0),
+              onLoad: () => R(!0),
               onError: w,
               $grabbing: V,
               $pannable: x > G,
@@ -980,10 +980,10 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   if (!t) return { name: "" };
   const E = [t.username, t.id].map((v) => Ue(ie(v))).filter(Boolean), l = E.map((v) => o?.[v]).find((v) => v && (ye(v) || v.profileImage)), w = Ue(ie(i?.xmppUsername)), c = !!w && E.includes(w), T = ye(t) || Ee(t.name) || ye(l) || (c ? ye(i) || Ee(i?.name) : "") || E.map(Ee).find(Boolean) || Ee(g) || "", m = ie(t.photo) || ie(l?.profileImage) || (c ? ie(i?.profileImage) : "") || void 0;
   return { name: T, photo: m };
-}, K = "#f5f7fa", ut = "rgba(245, 247, 250, 0.68)", fe = "rgba(255, 255, 255, 0.08)", ft = "rgba(255, 255, 255, 0.18)", ht = "var(--ethora-color-primary, #0052cd)", Sn = Ae`
+}, Z = "#f5f7fa", ut = "rgba(245, 247, 250, 0.68)", fe = "rgba(255, 255, 255, 0.08)", ft = "rgba(255, 255, 255, 0.18)", ht = "var(--ethora-color-primary, #0052cd)", Rn = Ae`
   from { opacity: 0; transform: scale(0.98); }
   to { opacity: 1; transform: scale(1); }
-`, Rn = Ae`
+`, Sn = Ae`
   from { opacity: 1; transform: scale(1); }
   to { opacity: 0; transform: scale(0.98); }
 `, Ln = f.div`
@@ -996,11 +996,11 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
-  color: ${K};
+  color: ${Z};
   background-color: rgba(10, 12, 18, 0.92);
   -webkit-backdrop-filter: blur(8px);
   backdrop-filter: blur(8px);
-  animation: ${({ $closing: t }) => t ? ke`${Rn} 160ms ease-in forwards` : ke`${Sn} 160ms ease-out both`};
+  animation: ${({ $closing: t }) => t ? ke`${Sn} 160ms ease-in forwards` : ke`${Rn} 160ms ease-out both`};
   ${$e}
 
   /* Without backdrop-filter the translucent colour would sit over the chat
@@ -1030,7 +1030,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
 `, In = f.span`
   font-size: 15px;
   font-weight: 600;
-  color: ${K};
+  color: ${Z};
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -1057,7 +1057,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   border: 0;
   border-radius: 50%;
   background-color: ${fe};
-  color: ${K};
+  color: ${Z};
   cursor: pointer;
   transition: background-color 150ms ease;
 
@@ -1066,7 +1066,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   }
 
   &:focus-visible {
-    outline: 2px solid ${K};
+    outline: 2px solid ${Z};
     outline-offset: 2px;
   }
 
@@ -1074,7 +1074,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
     opacity: 0.35;
     cursor: default;
   }
-`, Dn = f.div`
+`, On = f.div`
   position: relative;
   display: flex;
   flex: 1 1 0;
@@ -1083,7 +1083,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   min-height: 0;
   min-width: 0;
   overflow: hidden;
-`, On = f.div`
+`, Dn = f.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -1114,7 +1114,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   border: 0;
   border-radius: 50%;
   background-color: rgba(10, 12, 18, 0.55);
-  color: ${K};
+  color: ${Z};
   cursor: pointer;
   transition: background-color 150ms ease, opacity 150ms ease;
 
@@ -1123,7 +1123,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   }
 
   &:focus-visible {
-    outline: 2px solid ${K};
+    outline: 2px solid ${Z};
     outline-offset: 2px;
   }
 
@@ -1176,7 +1176,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   }
 
   &:focus-visible {
-    outline: 2px solid ${K};
+    outline: 2px solid ${Z};
     outline-offset: 2px;
   }
 `, Bn = f.img`
@@ -1222,7 +1222,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   padding: 6px 14px;
   border-radius: 999px;
   background-color: ${fe};
-  color: ${K};
+  color: ${Z};
   font-size: 13px;
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
@@ -1231,7 +1231,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   display: flex;
   align-items: center;
   gap: 6px;
-`, De = f.div`
+`, Oe = f.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1243,13 +1243,13 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   text-align: center;
   border-radius: 16px;
   background-color: rgba(255, 255, 255, 0.05);
-  color: ${K};
-`, Oe = f.h2`
+  color: ${Z};
+`, De = f.h2`
   margin: 0;
   font-size: 18px;
   font-weight: 600;
   line-height: 1.3;
-  color: ${K};
+  color: ${Z};
 `, Hn = f.p`
   margin: 0;
   font-size: 14px;
@@ -1277,7 +1277,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   transition: background-color 150ms ease;
 
   &:focus-visible {
-    outline: 2px solid ${K};
+    outline: 2px solid ${Z};
     outline-offset: 2px;
   }
 `, gt = f(pt)`
@@ -1291,7 +1291,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
 `, Vn = f(pt)`
   border: 1px solid rgba(255, 255, 255, 0.28);
   background-color: transparent;
-  color: ${K};
+  color: ${Z};
 
   &:hover {
     background-color: ${fe};
@@ -1304,14 +1304,14 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   > span {
     color: #9cc0ff;
   }
-`, Kn = ({
+`, Zn = ({
   onRetry: t,
   onDownload: o
 }) => {
   const i = Pe();
-  return /* @__PURE__ */ b(De, { role: "alert", "data-testid": "file-viewer-error", children: [
-    /* @__PURE__ */ r(Gn, { children: /* @__PURE__ */ r(St, { size: 88 }) }),
-    /* @__PURE__ */ r(Oe, { children: i("modal.filePreview.unavailable") }),
+  return /* @__PURE__ */ b(Oe, { role: "alert", "data-testid": "file-viewer-error", children: [
+    /* @__PURE__ */ r(Gn, { children: /* @__PURE__ */ r(Rt, { size: 88 }) }),
+    /* @__PURE__ */ r(De, { children: i("modal.filePreview.unavailable") }),
     /* @__PURE__ */ b(jn, { children: [
       /* @__PURE__ */ b(Vn, { type: "button", onClick: t, children: [
         /* @__PURE__ */ r(er, {}),
@@ -1323,27 +1323,27 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
       ] })
     ] })
   ] });
-}, Zn = ({
+}, Kn = ({
   fileName: t,
   unsupportedText: o,
   onDownload: i
 }) => {
   const g = Pe(), E = it(t).toUpperCase();
-  return /* @__PURE__ */ b(De, { "data-testid": "file-viewer-file-card", children: [
+  return /* @__PURE__ */ b(Oe, { "data-testid": "file-viewer-file-card", children: [
     /* @__PURE__ */ b(mt, { "aria-hidden": "true", children: [
       /* @__PURE__ */ r(tr, {}),
       E && /* @__PURE__ */ r(Jn, { children: E })
     ] }),
-    /* @__PURE__ */ r(Oe, { style: { overflowWrap: "anywhere" }, children: t || g("modal.filePreview.fileLabel") }),
+    /* @__PURE__ */ r(De, { style: { overflowWrap: "anywhere" }, children: t || g("modal.filePreview.fileLabel") }),
     /* @__PURE__ */ r(Hn, { children: o }),
     /* @__PURE__ */ b(gt, { type: "button", onClick: i, children: [
       /* @__PURE__ */ r(bt, {}),
       g("modal.filePreview.download")
     ] })
   ] });
-}, qn = ({ fileName: t, src: o }) => /* @__PURE__ */ b(De, { "data-testid": "file-viewer-audio-card", children: [
+}, qn = ({ fileName: t, src: o }) => /* @__PURE__ */ b(Oe, { "data-testid": "file-viewer-audio-card", children: [
   /* @__PURE__ */ r(mt, { "aria-hidden": "true", children: /* @__PURE__ */ r(nr, {}) }),
-  /* @__PURE__ */ r(Oe, { style: { overflowWrap: "anywhere" }, children: t }),
+  /* @__PURE__ */ r(De, { style: { overflowWrap: "anywhere" }, children: t }),
   /* @__PURE__ */ r(
     "audio",
     {
@@ -1362,7 +1362,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   height: 116px;
   border-radius: 12px;
   background-color: ${fe};
-  color: ${K};
+  color: ${Z};
 `, Jn = f.span`
   position: absolute;
   bottom: 14px;
@@ -1423,7 +1423,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
 }, ar = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, sr = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), audio[controls], video[controls], [tabindex]:not([tabindex="-1"])', ur = ({
   handleCloseModal: t
 }) => {
-  const o = Rt(), i = Pe(), g = Lt(), { activeFile: E } = le(
+  const o = St(), i = Pe(), g = Lt(), { activeFile: E } = le(
     (h) => h.chatSettingStore
   ), l = te(
     () => E ?? { fileName: "", fileURL: "", mimetype: "" },
@@ -1435,16 +1435,16 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   ), T = le((h) => h.rooms.usersSet), m = le((h) => h.chatSettingStore.user), v = le((h) => {
     const p = _e(h);
     return p?.type === "private" ? String(p?.title || p?.name || "") : "";
-  }), N = U(null), S = U(null), x = U([]), [O, A] = F(G), [H, k] = F(null), [W, V] = F(
+  }), N = U(null), R = U(null), x = U([]), [D, A] = F(G), [H, k] = F(null), [W, V] = F(
     null
-  ), I = Tt(l?.mimetype, l?.fileName), D = te(() => Ct(c), [c]), j = l.siblings, R = te(() => {
-    if (Se(D, l) >= 0) return D;
+  ), I = Tt(l?.mimetype, l?.fileName), O = te(() => Ct(c), [c]), j = l.siblings, S = te(() => {
+    if (Re(O, l) >= 0) return O;
     const h = Mt(j);
-    return Se(h, l) >= 0 ? h : D;
-  }, [D, j, l]), P = te(
-    () => I === "image" || I === "video" ? Se(R, l) : -1,
-    [R, l, I]
-  ), C = P >= 0 && R.length > 1, $ = C && P > 0, Y = C && P < R.length - 1, L = P >= 0 ? R[P] : void 0, Z = L?.fileName || l.fileName, _ = L?.sender ?? l.sender, ee = te(
+    return Re(h, l) >= 0 ? h : O;
+  }, [O, j, l]), P = te(
+    () => I === "image" || I === "video" ? Re(S, l) : -1,
+    [S, l, I]
+  ), C = P >= 0 && S.length > 1, $ = C && P > 0, Y = C && P < S.length - 1, L = P >= 0 ? S[P] : void 0, K = L?.fileName || l.fileName, _ = L?.sender ?? l.sender, ee = te(
     () => Pn({
       sender: _,
       usersSet: T,
@@ -1457,7 +1457,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
     return W?.url === l.fileURL ? or(h, W.count) : h;
   }, [l.fileURL, w, W]), n = L?.previewURL ? ue(L.previewURL, w) : void 0, e = B(
     (h) => {
-      const p = R[h];
+      const p = S[h];
       p && o(
         Be({
           fileName: p.fileName,
@@ -1468,7 +1468,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
         })
       );
     },
-    [o, R, j]
+    [o, S, j]
   ), a = B(() => {
     $ && e(P - 1);
   }, [e, $, P]), s = B(() => {
@@ -1476,12 +1476,12 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   }, [e, Y, P]);
   M(() => {
     !C || typeof Image > "u" || [P - 1, P + 1].forEach((h) => {
-      const p = R[h];
+      const p = S[h];
       if (!p || p.kind !== "image") return;
       const q = ue(p.fileURL, w);
       q && (new Image().src = q);
     });
-  }, [C, P, R, w]), M(() => {
+  }, [C, P, S, w]), M(() => {
     if (!C) return;
     x.current[P]?.scrollIntoView?.({
       block: "nearest",
@@ -1505,7 +1505,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
           p.preventDefault(), p.key === "ArrowLeft" ? a() : s();
           return;
         }
-        I !== "image" || oe || (p.key === "+" || p.key === "=" ? (p.preventDefault(), S.current?.zoomIn()) : p.key === "-" || p.key === "_" ? (p.preventDefault(), S.current?.zoomOut()) : p.key === "0" && (p.preventDefault(), S.current?.reset()));
+        I !== "image" || oe || (p.key === "+" || p.key === "=" ? (p.preventDefault(), R.current?.zoomIn()) : p.key === "-" || p.key === "_" ? (p.preventDefault(), R.current?.zoomOut()) : p.key === "0" && (p.preventDefault(), R.current?.reset()));
       }
     };
     return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
@@ -1543,14 +1543,14 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   }, pe = l.fileName || i("modal.filePreview.imageAlt"), wt = i("modal.filePreview.unsupported"), ge = ue(l.fileURL, w);
   let ae, me = "media";
   if (oe)
-    me = "content", ae = /* @__PURE__ */ r(Kn, { onRetry: Q, onDownload: u });
+    me = "content", ae = /* @__PURE__ */ r(Zn, { onRetry: Q, onDownload: u });
   else
     switch (I) {
       case "image":
         ae = /* @__PURE__ */ r(
           dt,
           {
-            ref: S,
+            ref: R,
             src: d,
             previewSrc: n,
             alt: pe,
@@ -1574,16 +1574,16 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
         );
         break;
       case "audio":
-        me = "content", ae = /* @__PURE__ */ r(qn, { fileName: Z, src: ge });
+        me = "content", ae = /* @__PURE__ */ r(qn, { fileName: K, src: ge });
         break;
       case "pdf":
         ae = /* @__PURE__ */ r(pn, { pdfUrl: ge });
         break;
       default:
         me = "content", ae = /* @__PURE__ */ r(
-          Zn,
+          Kn,
           {
-            fileName: Z,
+            fileName: K,
             unsupportedText: wt,
             onDownload: u
           }
@@ -1612,7 +1612,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
             ),
             /* @__PURE__ */ b(Mn, { children: [
               ne && /* @__PURE__ */ r(In, { children: ne }),
-              /* @__PURE__ */ r($n, { children: [de, Z].filter(Boolean).join(" · ") || i("modal.filePreview.title") })
+              /* @__PURE__ */ r($n, { children: [de, K].filter(Boolean).join(" · ") || i("modal.filePreview.title") })
             ] })
           ] }),
           /* @__PURE__ */ b(An, { children: [
@@ -1649,7 +1649,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
             )
           ] })
         ] }),
-        /* @__PURE__ */ b(Dn, { onClick: X, "data-testid": "file-viewer-stage", children: [
+        /* @__PURE__ */ b(On, { onClick: X, "data-testid": "file-viewer-stage", children: [
           C && /* @__PURE__ */ r(
             Qe,
             {
@@ -1658,10 +1658,10 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
               onClick: a,
               disabled: !$,
               "aria-label": i("modal.filePreview.previousItem"),
-              children: /* @__PURE__ */ r(Dt, { color: "currentColor" })
+              children: /* @__PURE__ */ r(Ot, { color: "currentColor" })
             }
           ),
-          /* @__PURE__ */ r(On, { $fit: me, children: ae }),
+          /* @__PURE__ */ r(Dn, { $fit: me, children: ae }),
           C && /* @__PURE__ */ r(
             Qe,
             {
@@ -1670,7 +1670,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
               onClick: s,
               disabled: !Y,
               "aria-label": i("modal.filePreview.nextItem"),
-              children: /* @__PURE__ */ r(Ot, { color: "currentColor" })
+              children: /* @__PURE__ */ r(Dt, { color: "currentColor" })
             }
           )
         ] }),
@@ -1681,7 +1681,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
               role: "group",
               "aria-label": i("modal.filePreview.thumbnails"),
               "data-testid": "file-viewer-thumbnails",
-              children: R.map((h, p) => /* @__PURE__ */ b(
+              children: S.map((h, p) => /* @__PURE__ */ b(
                 _n,
                 {
                   ref: (q) => {
@@ -1691,7 +1691,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
                   $active: p === P,
                   "aria-label": i("modal.filePreview.showItem", {
                     current: p + 1,
-                    total: R.length
+                    total: S.length
                   }),
                   "aria-current": p === P ? "true" : void 0,
                   onClick: () => e(p),
@@ -1718,15 +1718,15 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
             /* @__PURE__ */ r("span", {}),
             C ? /* @__PURE__ */ r(Fn, { "data-testid": "lightbox-position", "aria-live": "polite", children: i("modal.filePreview.position", {
               current: P + 1,
-              total: R.length
+              total: S.length
             }) }) : /* @__PURE__ */ r("span", {}),
             xt ? /* @__PURE__ */ b(Yn, { children: [
               /* @__PURE__ */ r(
                 ce,
                 {
                   type: "button",
-                  onClick: () => S.current?.zoomOut(),
-                  disabled: O <= G,
+                  onClick: () => R.current?.zoomOut(),
+                  disabled: D <= G,
                   "aria-label": i("modal.filePreview.zoomOut"),
                   children: /* @__PURE__ */ r(nt, { color: "currentColor" })
                 }
@@ -1735,8 +1735,8 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
                 ce,
                 {
                   type: "button",
-                  onClick: () => S.current?.zoomIn(),
-                  disabled: O >= Ie,
+                  onClick: () => R.current?.zoomIn(),
+                  disabled: D >= Ie,
                   "aria-label": i("modal.filePreview.zoomIn"),
                   children: /* @__PURE__ */ r(rt, { color: "currentColor" })
                 }
@@ -1745,8 +1745,8 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
                 ce,
                 {
                   type: "button",
-                  onClick: () => S.current?.reset(),
-                  disabled: O <= G,
+                  onClick: () => R.current?.reset(),
+                  disabled: D <= G,
                   "aria-label": i("modal.filePreview.resetZoom"),
                   children: /* @__PURE__ */ r(ot, { color: "currentColor" })
                 }