@ethora/chat-component 26.10.7 → 26.10.8

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

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as b } from "react/jsx-runtime";
-import { bh as et, bi as tt, U as f, bj as yt, M as Pe, f as Et, bk as kt, bl as nt, bm as rt, bn as ot, bo as Le, bp as Te, bq as Ce, aY as $e, Z as Ae, br as Ue, bs as Pt, X as ke, bt as St, bu as it, a as Rt, bd as Lt, u as le, aq as _e, bv as Tt, bw as Ct, bx as Se, by as Mt, aL as ue, bz as Be, bA as It, bB as $t, bC as At, bD as Dt, bE as Ot, aX as Ne, S as zt, bF as Ut } from "./main-CpHMnydn.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");
@@ -12,7 +12,7 @@ const at = (t, o, i) => {
     URL.revokeObjectURL(i);
   }
 }, Nt = (t, o) => at(t, o, !0);
-async function Xt(t, o, i = {}) {
+async function Wt(t, o, i = {}) {
   const g = i.fetchImpl ?? fetch, E = i.saveBlob ?? Bt, l = i.saveUrl ?? Nt;
   let w;
   try {
@@ -22,13 +22,13 @@ async function Xt(t, o, i = {}) {
   }
   return w.ok ? (E(new Blob([await w.arrayBuffer()]), o), "blob") : (et(t) && (w.status === 401 || w.status === 403) && tt(), "http-error");
 }
-function Xe(t, o) {
+function We(t, o) {
   let i;
   return (...g) => {
     window.clearTimeout(i), i = window.setTimeout(() => t(...g), o);
   };
 }
-function Wt({ debounce: t, scroll: o, polyfill: i, offsetSize: g } = { debounce: 0, scroll: !1, offsetSize: !1 }) {
+function Xt({ debounce: t, scroll: o, polyfill: i, offsetSize: g } = { debounce: 0, scroll: !1, offsetSize: !1 }) {
   const E = i || (typeof window > "u" ? class {
   } : window.ResizeObserver);
   if (!E) throw new Error("This browser does not support ResizeObserver out of the box. See: https://github.com/react-spring/react-use-measure/#resize-observer-polyfills");
@@ -36,15 +36,15 @@ function Wt({ 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: X, top: V, width: I, height: D, bottom: j, right: R, x: P, y: C } = c.current.element.getBoundingClientRect(), $ = { left: X, 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 ? Xe(k, m) : k, T ? Xe(k, T) : k];
+    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 Wt({ 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]), We = 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`
+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;
@@ -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
-        }), X = S.getContext("2d");
-        if (!X) 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: X, viewport: k });
-        m.current = V, await V.promise, x || N(!0), O.cleanup();
-      } catch (O) {
-        x || console.warn("[Ethora] PDF page render failed:", O);
+        }), W = R.getContext("2d");
+        if (!W) return;
+        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;
@@ -262,15 +262,15 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
     }
   );
 }), pn = ({ pdfUrl: t }) => {
-  const o = Pe(), { config: i } = Et(), [g, E] = Wt(), l = U(null), w = B(
+  const o = Pe(), { config: i } = Et(), [g, E] = Xt(), l = U(null), w = B(
     (d) => {
       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), [X, 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 }, () => Ze)), 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,10 +307,10 @@ 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 (W, J) => {
+            Array.from({ length: y - u + 1 }, async (X, J) => {
               const Q = u + J, se = await m.getPage(Q), pe = se.getViewport({ scale: 1 });
               return se.cleanup(), {
                 pageNumber: Q,
@@ -319,9 +319,9 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
             })
           );
           if (d) return;
-          S((W) => {
-            if (W.length !== n) return W;
-            const J = W.slice();
+          R((X) => {
+            if (X.length !== n) return X;
+            const J = X.slice();
             return z.forEach(({ pageNumber: Q, size: se }) => {
               J[Q - 1] = se;
             }), J;
@@ -338,8 +338,8 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
     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 W = n * z.height / (z.width || 1);
-      a.push(u), s.push(W), u += W + Ye;
+      const X = n * z.height / (z.width || 1);
+      a.push(u), s.push(X), u += X + Ye;
     });
     const y = u - Ye;
     return {
@@ -354,8 +354,8 @@ 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 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,
@@ -368,11 +368,11 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
     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,
@@ -380,8 +380,8 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
     };
   }, []), _ = B(
     (d, n, e) => {
-      const a = un(d, We, Fe);
-      a !== A.current && (K(n, e), A.current = a, O(a));
+      const a = un(d, Xe, Fe);
+      a !== A.current && (K(n, e), A.current = a, D(a));
     },
     [K]
   ), ee = Math.max(Ve, Math.floor(E.width || 0));
@@ -401,10 +401,10 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
     !m || ne || j(
       qe(
         Array.from({ length: m.numPages }, (d, n) => n + 1),
-        X
+        W
       )
     );
-  }, [m, X, ne]), M(() => {
+  }, [m, W, ne]), M(() => {
     const d = l.current;
     if (!m || !d || typeof IntersectionObserver > "u")
       return;
@@ -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
           );
@@ -544,17 +544,17 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
     ),
     c === "ready" && /* @__PURE__ */ b(an, { children: [
       /* @__PURE__ */ b(sn, { children: [
-        X,
+        W,
         " / ",
         Y
       ] }),
       /* @__PURE__ */ b(ln, { children: [
         /* @__PURE__ */ r(
-          Re,
+          Se,
           {
             type: "button",
             onClick: () => _(A.current / xe),
-            disabled: x <= We,
+            disabled: x <= Xe,
             "aria-label": o("modal.filePreview.zoomOut"),
             children: /* @__PURE__ */ r(nt, { color: "currentColor" })
           }
@@ -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,27 +671,27 @@ 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, X] = 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;
       if (!e) return { x: 0, y: 0 };
       const s = e.clientWidth, u = e.clientHeight, y = a?.naturalWidth || 0, z = a?.naturalHeight || 0;
-      let W = s, J = u;
+      let X = s, J = u;
       if (y > 0 && z > 0 && s > 0 && u > 0) {
         const Q = Math.min(s / y, u / z);
-        W = y * Q, J = z * Q;
+        X = y * Q, J = z * Q;
       }
       return {
-        x: Math.max(0, (W * n - s) / 2),
+        x: Math.max(0, (X * n - s) / 2),
         y: Math.max(0, (J * n - u) / 2)
       };
     }, []), $ = B(
       (n, e, a) => {
         const s = ve(n, G, Ie), u = C(s);
-        X(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,
           {
@@ -714,7 +714,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
       $(G, { x: 0, y: 0 }, !0);
     }, [$]), K = B(
       (n) => {
-        Y(D.current.scale * n, 0, 0, !0);
+        Y(O.current.scale * n, 0, 0, !0);
       },
       [Y]
     );
@@ -727,10 +727,10 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
       }),
       [K, L]
     ), M(() => {
-      X(!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(
@@ -823,7 +823,7 @@ const Ht = ["x", "y", "top", "bottom", "left", "right", "width", "height"], jt =
             s.clientY - u.clientY
           ), z = m.current;
           if (!z || y <= 0) return;
-          const W = z.getBoundingClientRect(), J = (s.clientX + u.clientX) / 2 - W.left - W.width / 2, Q = (s.clientY + u.clientY) / 2 - W.top - W.height / 2;
+          const X = z.getBoundingClientRect(), J = (s.clientX + u.clientX) / 2 - X.left - X.width / 2, Q = (s.clientY + u.clientY) / 2 - X.top - X.height / 2;
           e.moved = !0, Y(
             e.pinchScale * y / e.pinchDistance,
             J,
@@ -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 };
-}, 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)", 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`
@@ -1000,7 +1000,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   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
@@ -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;
@@ -1201,7 +1201,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
     },
     children: /* @__PURE__ */ r("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ r("path", { d: "M8 5.5v13a1 1 0 0 0 1.5.86l10.5-6.5a1 1 0 0 0 0-1.72L9.5 4.64A1 1 0 0 0 8 5.5z" }) })
   }
-), Xn = () => /* @__PURE__ */ r(
+), Wn = () => /* @__PURE__ */ r(
   "span",
   {
     "aria-hidden": "true",
@@ -1212,7 +1212,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
       background: "linear-gradient(135deg, #2a3350, #151a2b)"
     }
   }
-), Wn = f.div`
+), Xn = f.div`
   display: grid;
   grid-template-columns: 1fr auto 1fr;
   align-items: center;
@@ -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;
@@ -1244,7 +1244,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   border-radius: 16px;
   background-color: rgba(255, 255, 255, 0.05);
   color: ${Z};
-`, Oe = f.h2`
+`, De = f.h2`
   margin: 0;
   font-size: 18px;
   font-weight: 600;
@@ -1309,9 +1309,9 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   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, {}),
@@ -1329,21 +1329,21 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
   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",
     {
@@ -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), [X, 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, K = 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,
@@ -1454,10 +1454,10 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
     [_, T, m, v]
   ), ne = ee.name, de = rr(L?.date ?? l.date), re = !!l.fileURL, oe = I === "image" && (!re || H === l.fileURL), d = te(() => {
     const h = ue(l.fileURL, w);
-    return X?.url === l.fileURL ? or(h, X.count) : h;
-  }, [l.fileURL, w, X]), n = L?.previewURL ? ue(L.previewURL, w) : void 0, e = B(
+    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,14 +1505,14 @@ 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);
   }, [C, a, s, I, oe]);
   const u = () => {
     const q = !!it(l.fileName) ? l.fileName : `MEDIA-ETHORA.${I === "image" ? "png" : I === "video" ? "mp4" : "bin"}`;
-    Xt(Ne(l.fileURL), q).catch((be) => {
+    Wt(Ne(l.fileURL), q).catch((be) => {
       zt.log(be);
     });
   }, y = () => {
@@ -1523,14 +1523,14 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
     );
   }, z = () => {
     o(Be(void 0)), t?.();
-  }, W = (h) => {
+  }, X = (h) => {
     h.target === h.currentTarget && z();
   }, J = () => {
     et(l.fileURL) && tt(), k(l.fileURL);
   }, Q = () => {
     V({
       url: l.fileURL,
-      count: (X?.url === l.fileURL ? X.count : 0) + 1
+      count: (W?.url === l.fileURL ? W.count : 0) + 1
     }), k(null);
   }, se = (h) => {
     if (h.key !== "Tab" || !N.current) return;
@@ -1550,7 +1550,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
         ae = /* @__PURE__ */ r(
           dt,
           {
-            ref: S,
+            ref: R,
             src: d,
             previewSrc: n,
             alt: pe,
@@ -1649,7 +1649,7 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
             )
           ] })
         ] }),
-        /* @__PURE__ */ b(Dn, { onClick: W, "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,12 +1691,12 @@ 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),
                   children: [
-                    h.kind === "video" && !h.previewURL ? /* @__PURE__ */ r(Xn, {}) : /* @__PURE__ */ r(
+                    h.kind === "video" && !h.previewURL ? /* @__PURE__ */ r(Wn, {}) : /* @__PURE__ */ r(
                       Bn,
                       {
                         src: Le(
@@ -1714,19 +1714,19 @@ const ie = (t) => String(t ?? "").trim(), ye = (t) => [ie(t?.firstName), ie(t?.l
               ))
             }
           ),
-          /* @__PURE__ */ b(Wn, { children: [
+          /* @__PURE__ */ b(Xn, { children: [
             /* @__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" })
                 }