@ethora/chat-component 26.9.6 → 26.9.8

package/dist/{FilePreviewModal-BcaSoO3-.js → FilePreviewModal-Cgj1iHry.js}

@@ -1,38 +1,38 @@
-import { jsx as l, jsxs as H } from "react/jsx-runtime";
-import te, { useState as N, useRef as z, useEffect as O, useMemo as $, useCallback as P } from "react";
-import { p as le, b as pe, aS as we, ae as ve, x as X, B as V, aT as xe, aU as be, ay as ye, aV as Ee, aW as Le, aX as ue, aY as ne, a as Ce, aO as Me, u as Q, a5 as Re, aZ as re, as as ke, ao as J, a_ as Pe, a$ as Se, b0 as Te, b1 as Ae, b2 as Ie, b3 as Xe, b4 as Ye, b5 as ze, b6 as Oe, az as De, b7 as Fe, b8 as Be, ax as He, b9 as Ne, w as Ue } from "./main-rJpE4hh-.js";
+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, aZ as we, ae as ve, x as X, B as V, a_ as xe, a$ as be, aE as ye, b0 as Ee, b1 as Le, b2 as ue, b3 as ne, a as Ce, aV as Me, u as Q, a5 as Pe, b4 as re, ay as Re, as as J, b5 as ke, b6 as Se, b7 as Ae, b8 as Te, b9 as Ie, ba as Xe, bb as Ye, bc as ze, bd as Oe, aF as De, be as Fe, bf as Ue, aD as Be, bg as He, w as Ne } from "./main-BnLtessp.js";
 function oe(t, i) {
-  let o;
+  let n;
   return (...E) => {
-    window.clearTimeout(o), o = window.setTimeout(() => t(...E), i);
+    window.clearTimeout(n), n = window.setTimeout(() => t(...E), i);
   };
 }
-function _e({ debounce: t, scroll: i, polyfill: o, offsetSize: E } = { debounce: 0, scroll: !1, offsetSize: !1 }) {
-  const L = o || (typeof window > "u" ? class {
+function _e({ debounce: t, scroll: i, polyfill: n, offsetSize: E } = { debounce: 0, scroll: !1, offsetSize: !1 }) {
+  const L = n || (typeof window > "u" ? class {
   } : window.ResizeObserver);
   if (!L) 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");
-  const [u, C] = N({ left: 0, top: 0, width: 0, height: 0, bottom: 0, right: 0, x: 0, y: 0 }), n = z({ element: null, scrollContainers: null, resizeObserver: null, lastBounds: u, orientationHandler: null }), M = t ? typeof t == "number" ? t : t.scroll : null, p = t ? typeof t == "number" ? t : t.resize : null, T = z(!1);
-  O(() => (T.current = !0, () => {
-    T.current = !1;
+  const [u, C] = H({ left: 0, top: 0, width: 0, height: 0, bottom: 0, right: 0, x: 0, y: 0 }), r = z({ element: null, scrollContainers: null, resizeObserver: null, lastBounds: u, orientationHandler: null }), M = t ? typeof t == "number" ? t : t.scroll : null, p = t ? typeof t == "number" ? t : t.resize : null, A = z(!1);
+  O(() => (A.current = !0, () => {
+    A.current = !1;
   }));
   const [b, x, m] = $(() => {
-    const r = () => {
-      if (!n.current.element) return;
-      const { left: g, top: w, width: v, height: B, bottom: S, right: R, x: f, y: h } = n.current.element.getBoundingClientRect(), A = { left: g, top: w, width: v, height: B, bottom: S, right: R, x: f, y: h };
-      n.current.element instanceof HTMLElement && E && (A.height = n.current.element.offsetHeight, A.width = n.current.element.offsetWidth), Object.freeze(A), T.current && !We(n.current.lastBounds, A) && C(n.current.lastBounds = A);
+    const o = () => {
+      if (!r.current.element) return;
+      const { left: g, top: w, width: v, height: U, bottom: S, right: P, x: f, y: h } = r.current.element.getBoundingClientRect(), T = { left: g, top: w, width: v, height: U, bottom: S, right: P, x: f, y: h };
+      r.current.element instanceof HTMLElement && E && (T.height = r.current.element.offsetHeight, T.width = r.current.element.offsetWidth), Object.freeze(T), A.current && !Ze(r.current.lastBounds, T) && C(r.current.lastBounds = T);
     };
-    return [r, p ? oe(r, p) : r, M ? oe(r, M) : r];
+    return [o, p ? oe(o, p) : o, M ? oe(o, M) : o];
   }, [C, E, M, p]);
   function y() {
-    n.current.scrollContainers && (n.current.scrollContainers.forEach((r) => r.removeEventListener("scroll", m, !0)), n.current.scrollContainers = null), n.current.resizeObserver && (n.current.resizeObserver.disconnect(), n.current.resizeObserver = null), n.current.orientationHandler && ("orientation" in screen && "removeEventListener" in screen.orientation ? screen.orientation.removeEventListener("change", n.current.orientationHandler) : "onorientationchange" in window && window.removeEventListener("orientationchange", n.current.orientationHandler));
+    r.current.scrollContainers && (r.current.scrollContainers.forEach((o) => o.removeEventListener("scroll", m, !0)), r.current.scrollContainers = null), r.current.resizeObserver && (r.current.resizeObserver.disconnect(), r.current.resizeObserver = null), r.current.orientationHandler && ("orientation" in screen && "removeEventListener" in screen.orientation ? screen.orientation.removeEventListener("change", r.current.orientationHandler) : "onorientationchange" in window && window.removeEventListener("orientationchange", r.current.orientationHandler));
   }
   function Y() {
-    n.current.element && (n.current.resizeObserver = new L(m), n.current.resizeObserver.observe(n.current.element), i && n.current.scrollContainers && n.current.scrollContainers.forEach((r) => r.addEventListener("scroll", m, { capture: !0, passive: !0 })), n.current.orientationHandler = () => {
+    r.current.element && (r.current.resizeObserver = new L(m), r.current.resizeObserver.observe(r.current.element), i && r.current.scrollContainers && r.current.scrollContainers.forEach((o) => o.addEventListener("scroll", m, { capture: !0, passive: !0 })), r.current.orientationHandler = () => {
       m();
-    }, "orientation" in screen && "addEventListener" in screen.orientation ? screen.orientation.addEventListener("change", n.current.orientationHandler) : "onorientationchange" in window && window.addEventListener("orientationchange", n.current.orientationHandler));
+    }, "orientation" in screen && "addEventListener" in screen.orientation ? screen.orientation.addEventListener("change", r.current.orientationHandler) : "onorientationchange" in window && window.addEventListener("orientationchange", r.current.orientationHandler));
   }
-  const F = (r) => {
-    !r || r === n.current.element || (y(), n.current.element = r, n.current.scrollContainers = de(r), Y());
+  const F = (o) => {
+    !o || o === r.current.element || (y(), r.current.element = o, r.current.scrollContainers = de(o), Y());
   };
   return $e(m, !!i), je(x), O(() => {
     y(), Y();
@@ -49,9 +49,9 @@ function je(t) {
 function $e(t, i) {
   O(() => {
     if (i) {
-      const o = t;
-      return window.addEventListener("scroll", o, { capture: !0, passive: !0 }), () => {
-        window.removeEventListener("scroll", o, !0);
+      const n = t;
+      return window.addEventListener("scroll", n, { capture: !0, passive: !0 }), () => {
+        window.removeEventListener("scroll", n, !0);
       };
     }
   }, [t, i]);
@@ -59,10 +59,10 @@ function $e(t, i) {
 function de(t) {
   const i = [];
   if (!t || t === document.body) return i;
-  const { overflow: o, overflowX: E, overflowY: L } = window.getComputedStyle(t);
-  return [o, E, L].some((u) => u === "auto" || u === "scroll") && i.push(t), [...i, ...de(t.parentElement)];
+  const { overflow: n, overflowX: E, overflowY: L } = window.getComputedStyle(t);
+  return [n, E, L].some((u) => u === "auto" || u === "scroll") && i.push(t), [...i, ...de(t.parentElement)];
 }
-const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We = (t, i) => Ve.every((o) => t[o] === i[o]), ie = X.div`
+const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], Ze = (t, i) => Ve.every((n) => t[n] === i[n]), ie = X.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -70,7 +70,7 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
   width: 100%;
   height: 100%;
   overflow: auto;
-`, Ze = X.div`
+`, We = X.div`
   display: flex;
   align-items: flex-start;
   justify-content: center;
@@ -110,12 +110,12 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
     color: var(--ethora-color-primary-text, var(--ethora-color-primary, #0052cd));
   }
 `, qe = ({ pdfUrl: t }) => {
-  const i = le(), { config: o } = pe(), [E, L] = _e(), u = z(null), C = z(null), n = z(null), [M, p] = N("loading"), [T, b] = N(0), [x, m] = N(1), y = Math.max(320, Math.floor(L.width || 0));
+  const i = le(), { config: n } = pe(), [E, L] = _e(), u = z(null), C = z(null), r = z(null), [M, p] = H("loading"), [A, b] = H(0), [x, m] = H(1), y = Math.max(320, Math.floor(L.width || 0));
   O(() => {
-    let r = !1, g;
+    let o = !1, g;
     return p("loading"), m(1), b(0), (async () => {
-      const w = await we(o?.pdfPreview?.workerSrc);
-      if (!r) {
+      const w = await we(n?.pdfPreview?.workerSrc, n?.pdfPreview?.libUrl);
+      if (!o) {
         if (!w || !t) {
           p("error");
           return;
@@ -123,59 +123,59 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
         try {
           g = w.getDocument({ url: t, isEvalSupported: !1 });
           const v = await g.promise;
-          if (r) {
+          if (o) {
             v.destroy().catch(() => {
             });
             return;
           }
           C.current = v, b(v.numPages), p("ready");
         } catch (v) {
-          r || (console.warn("[Ethora] PDF open failed:", v), p("error"));
+          o || (console.warn("[Ethora] PDF open failed:", v), p("error"));
         }
       }
     })(), () => {
-      r = !0, n.current?.cancel(), n.current = null, C.current?.destroy?.().catch(() => {
+      o = !0, r.current?.cancel(), r.current = null, C.current?.destroy?.().catch(() => {
       }), C.current = null, g?.destroy?.().catch(() => {
       });
     };
-  }, [t, o?.pdfPreview?.workerSrc]), O(() => {
-    const r = C.current, g = u.current;
-    if (M !== "ready" || !r || !g || y <= 0) return;
+  }, [t, n?.pdfPreview?.workerSrc, n?.pdfPreview?.libUrl]), O(() => {
+    const o = C.current, g = u.current;
+    if (M !== "ready" || !o || !g || y <= 0) return;
     let w = !1;
     return (async () => {
       try {
-        const v = await r.getPage(x);
+        const v = await o.getPage(x);
         if (w) return;
-        const B = v.getViewport({ scale: 1 }), S = B.width ? y / B.width : 1, R = v.getViewport({ scale: S });
-        g.width = Math.max(1, Math.floor(R.width)), g.height = Math.max(1, Math.floor(R.height));
+        const U = v.getViewport({ scale: 1 }), S = U.width ? y / U.width : 1, P = v.getViewport({ scale: S });
+        g.width = Math.max(1, Math.floor(P.width)), g.height = Math.max(1, Math.floor(P.height));
         const f = g.getContext("2d");
         if (!f) {
           p("error");
           return;
         }
-        n.current?.cancel();
-        const h = v.render({ canvasContext: f, viewport: R });
-        n.current = h, await h.promise, v.cleanup();
+        r.current?.cancel();
+        const h = v.render({ canvasContext: f, viewport: P });
+        r.current = h, await h.promise, v.cleanup();
       } catch (v) {
         w || console.warn("[Ethora] PDF page render failed:", v);
       }
     })(), () => {
-      w = !0, n.current?.cancel(), n.current = null;
+      w = !0, r.current?.cancel(), r.current = null;
     };
   }, [M, x, y]);
-  const Y = P(
-    () => m((r) => Math.max(1, r - 1)),
+  const Y = k(
+    () => m((o) => Math.max(1, o - 1)),
     []
-  ), F = P(
-    () => m((r) => Math.min(T || 1, r + 1)),
-    [T]
+  ), F = k(
+    () => m((o) => Math.min(A || 1, o + 1)),
+    [A]
   );
-  return M === "error" ? /* @__PURE__ */ l(ie, { children: /* @__PURE__ */ H(Ge, { children: [
+  return M === "error" ? /* @__PURE__ */ l(ie, { children: /* @__PURE__ */ B(Ge, { children: [
     /* @__PURE__ */ l("span", { children: i("modal.filePreview.pdfUnavailable") }),
     /* @__PURE__ */ l("a", { href: t, target: "_blank", rel: "noopener noreferrer", children: i("modal.filePreview.openExternally") })
-  ] }) }) : /* @__PURE__ */ H(ie, { children: [
-    /* @__PURE__ */ l(Ze, { ref: E, children: M === "loading" ? /* @__PURE__ */ l(ve, { color: o?.colors?.primary }) : /* @__PURE__ */ l("canvas", { ref: u }) }),
-    T > 1 && /* @__PURE__ */ H(Ke, { children: [
+  ] }) }) : /* @__PURE__ */ B(ie, { children: [
+    /* @__PURE__ */ l(We, { ref: E, children: M === "loading" ? /* @__PURE__ */ l(ve, { color: n?.colors?.primary }) : /* @__PURE__ */ l("canvas", { ref: u }) }),
+    A > 1 && /* @__PURE__ */ B(Ke, { children: [
       /* @__PURE__ */ l(
         ae,
         {
@@ -185,23 +185,23 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
           "aria-label": i("modal.filePreview.previousPage")
         }
       ),
-      /* @__PURE__ */ H("span", { children: [
+      /* @__PURE__ */ B("span", { children: [
         x,
         " / ",
-        T
+        A
       ] }),
       /* @__PURE__ */ l(
         ae,
         {
           onClick: F,
-          disabled: x >= T,
+          disabled: x >= A,
           text: "›",
           "aria-label": i("modal.filePreview.nextPage")
         }
       )
     ] })
   ] });
-}, I = 1, ee = 6, Qe = 2.5, Je = 50, et = 300, se = 24, tt = 16e-4, G = (t, i, o) => Math.min(o, Math.max(i, t)), nt = X.div`
+}, I = 1, ee = 6, Qe = 2.5, Je = 50, et = 300, se = 24, tt = 16e-4, G = (t, i, n) => Math.min(n, Math.max(i, t)), nt = X.div`
   position: relative;
   /* An explicit height, not flex growth alone: the parent lays its children
      out in a row and centres them, so the viewport would otherwise be sized
@@ -234,38 +234,38 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
   transition: ${({ $animate: t }) => t ? `transform ${xe} ${be}` : "none"};
   ${ye}
 `, fe = te.forwardRef(
-  ({ src: t, alt: i, onSwipeLeft: o, onSwipeRight: E, onError: L, onScaleChange: u }, C) => {
-    const n = z(null), M = z(null), [p, T] = N(I), [b, x] = N({ x: 0, y: 0 }), [m, y] = N(!1), [Y, F] = N(!1), r = z({ scale: I, offset: { x: 0, y: 0 } });
-    r.current = { scale: p, offset: b };
+  ({ src: t, alt: i, onSwipeLeft: n, onSwipeRight: E, onError: L, onScaleChange: u }, C) => {
+    const r = z(null), M = z(null), [p, A] = H(I), [b, x] = H({ x: 0, y: 0 }), [m, y] = H(!1), [Y, F] = H(!1), o = z({ scale: I, offset: { x: 0, y: 0 } });
+    o.current = { scale: p, offset: b };
     const g = z(null), w = z(null), v = z(
       null
-    ), B = P((a) => {
-      const e = n.current, c = M.current;
+    ), U = k((a) => {
+      const e = r.current, c = M.current;
       if (!e) return { x: 0, y: 0 };
-      const s = e.clientWidth, d = e.clientHeight, k = c?.naturalWidth || 0, D = c?.naturalHeight || 0;
-      let j = s, Z = d;
-      if (k > 0 && D > 0 && s > 0 && d > 0) {
-        const K = Math.min(s / k, d / D);
-        j = k * K, Z = D * K;
+      const s = e.clientWidth, d = e.clientHeight, R = c?.naturalWidth || 0, D = c?.naturalHeight || 0;
+      let j = s, W = d;
+      if (R > 0 && D > 0 && s > 0 && d > 0) {
+        const K = Math.min(s / R, d / D);
+        j = R * K, W = D * K;
       }
       return {
         x: Math.max(0, (j * a - s) / 2),
-        y: Math.max(0, (Z * a - d) / 2)
+        y: Math.max(0, (W * a - d) / 2)
       };
-    }, []), S = P(
+    }, []), S = k(
       (a, e, c) => {
-        const s = G(a, I, ee), d = B(s);
-        y(c), T(s), x({
+        const s = G(a, I, ee), d = U(s);
+        y(c), A(s), x({
           x: G(e.x, -d.x, d.x),
           y: G(e.y, -d.y, d.y)
         });
       },
-      [B]
-    ), R = P(
+      [U]
+    ), P = k(
       (a, e, c, s) => {
-        const d = r.current, k = G(a, I, ee), D = k / d.scale;
+        const d = o.current, R = G(a, I, ee), D = R / d.scale;
         S(
-          k,
+          R,
           {
             x: e - (e - d.offset.x) * D,
             y: c - (c - d.offset.y) * D
@@ -274,13 +274,13 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
         );
       },
       [S]
-    ), f = P(() => {
+    ), f = k(() => {
       S(I, { x: 0, y: 0 }, !0);
-    }, [S]), h = P(
+    }, [S]), h = k(
       (a) => {
-        R(r.current.scale * a, 0, 0, !0);
+        P(o.current.scale * a, 0, 0, !0);
       },
-      [R]
+      [P]
     );
     te.useImperativeHandle(
       C,
@@ -291,45 +291,45 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
       }),
       [h, f]
     ), O(() => {
-      y(!1), T(I), x({ x: 0, y: 0 });
+      y(!1), A(I), x({ x: 0, y: 0 });
     }, [t]), O(() => {
       u?.(p);
     }, [p, u]), O(() => {
-      const a = n.current;
+      const a = r.current;
       if (!a) return;
       const e = (c) => {
         c.preventDefault();
-        const s = a.getBoundingClientRect(), d = c.clientX - s.left - s.width / 2, k = c.clientY - s.top - s.height / 2, D = Math.exp(-c.deltaY * tt);
-        R(r.current.scale * D, d, k, !1);
+        const s = a.getBoundingClientRect(), d = c.clientX - s.left - s.width / 2, R = c.clientY - s.top - s.height / 2, D = Math.exp(-c.deltaY * tt);
+        P(o.current.scale * D, d, R, !1);
       };
       return a.addEventListener("wheel", e, { passive: !1 }), () => a.removeEventListener("wheel", e);
-    }, [R]);
-    const A = P(
+    }, [P]);
+    const T = k(
       (a, e) => {
-        const c = n.current;
+        const c = r.current;
         if (!c) return;
-        if (r.current.scale > I) {
+        if (o.current.scale > I) {
           f();
           return;
         }
         const s = c.getBoundingClientRect();
-        R(
+        P(
           Qe,
           a - s.left - s.width / 2,
           e - s.top - s.height / 2,
           !0
         );
       },
-      [f, R]
-    ), _ = P((a) => {
-      a.button === 0 && (r.current.scale <= I || (a.preventDefault(), g.current = { x: a.clientX, y: a.clientY }, F(!0)));
+      [f, P]
+    ), _ = k((a) => {
+      a.button === 0 && (o.current.scale <= I || (a.preventDefault(), g.current = { x: a.clientX, y: a.clientY }, F(!0)));
     }, []);
     O(() => {
       if (!Y || typeof window > "u") return;
       const a = (c) => {
         const s = g.current;
         if (!s) return;
-        const d = r.current;
+        const d = o.current;
         S(
           d.scale,
           {
@@ -345,7 +345,7 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
         window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", e);
       };
     }, [Y, S]);
-    const q = P((a) => {
+    const q = k((a) => {
       if (a.touches.length === 2) {
         const [c, s] = [a.touches[0], a.touches[1]];
         w.current = {
@@ -357,7 +357,7 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
             c.clientX - s.clientX,
             c.clientY - s.clientY
           ),
-          pinchScale: r.current.scale,
+          pinchScale: o.current.scale,
           panning: !1,
           moved: !1
         };
@@ -370,24 +370,24 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
         lastX: e.clientX,
         lastY: e.clientY,
         pinchDistance: 0,
-        pinchScale: r.current.scale,
-        panning: r.current.scale > I,
+        pinchScale: o.current.scale,
+        panning: o.current.scale > I,
         moved: !1
       });
-    }, []), W = P(
+    }, []), Z = k(
       (a) => {
         const e = w.current;
         if (!e) return;
         if (a.touches.length === 2 && e.pinchDistance > 0) {
-          const [s, d] = [a.touches[0], a.touches[1]], k = Math.hypot(
+          const [s, d] = [a.touches[0], a.touches[1]], R = Math.hypot(
             s.clientX - d.clientX,
             s.clientY - d.clientY
-          ), D = n.current;
-          if (!D || k <= 0) return;
-          const j = D.getBoundingClientRect(), Z = (s.clientX + d.clientX) / 2 - j.left - j.width / 2, K = (s.clientY + d.clientY) / 2 - j.top - j.height / 2;
-          e.moved = !0, R(
-            e.pinchScale * k / e.pinchDistance,
-            Z,
+          ), D = r.current;
+          if (!D || R <= 0) return;
+          const j = D.getBoundingClientRect(), W = (s.clientX + d.clientX) / 2 - j.left - j.width / 2, K = (s.clientY + d.clientY) / 2 - j.top - j.height / 2;
+          e.moved = !0, P(
+            e.pinchScale * R / e.pinchDistance,
+            W,
             K,
             !1
           );
@@ -396,7 +396,7 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
         const c = a.touches[0];
         if (c) {
           if ((Math.abs(c.clientX - e.startX) > 6 || Math.abs(c.clientY - e.startY) > 6) && (e.moved = !0), e.panning) {
-            const s = r.current;
+            const s = o.current;
             S(
               s.scale,
               {
@@ -409,15 +409,15 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
           e.lastX = c.clientX, e.lastY = c.clientY;
         }
       },
-      [S, R]
-    ), U = P(
+      [S, P]
+    ), N = k(
       (a) => {
         const e = w.current;
         if (!e || a.touches.length > 0) return;
         if (w.current = null, !e.moved && e.pinchDistance === 0) {
-          const d = Date.now(), k = v.current;
-          if (k && d - k.time < et && Math.abs(k.x - e.startX) < se && Math.abs(k.y - e.startY) < se) {
-            v.current = null, A(e.startX, e.startY);
+          const d = Date.now(), R = v.current;
+          if (R && d - R.time < et && Math.abs(R.x - e.startX) < se && Math.abs(R.y - e.startY) < se) {
+            v.current = null, T(e.startX, e.startY);
             return;
           }
           v.current = {
@@ -427,16 +427,16 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
           };
           return;
         }
-        if (e.panning || e.pinchDistance > 0 || r.current.scale > I) return;
+        if (e.panning || e.pinchDistance > 0 || o.current.scale > I) return;
         const c = e.lastX - e.startX, s = e.lastY - e.startY;
-        Math.abs(c) < Je || Math.abs(c) <= Math.abs(s) || (c < 0 ? o?.() : E?.());
+        Math.abs(c) < Je || Math.abs(c) <= Math.abs(s) || (c < 0 ? n?.() : E?.());
       },
-      [o, E, A]
-    ), me = P(
+      [n, E, T]
+    ), me = k(
       (a) => {
-        A(a.clientX, a.clientY);
+        T(a.clientX, a.clientY);
       },
-      [A]
+      [T]
     ), ge = $(
       () => `translate(${b.x}px, ${b.y}px) scale(${p})`,
       [b.x, b.y, p]
@@ -444,14 +444,14 @@ const Ve = ["x", "y", "top", "bottom", "left", "right", "width", "height"], We =
     return /* @__PURE__ */ l(
       nt,
       {
-        ref: n,
+        ref: r,
         "data-testid": "image-lightbox-viewport",
         onMouseDown: _,
         onDoubleClick: me,
         onTouchStart: q,
-        onTouchMove: W,
-        onTouchEnd: U,
-        onTouchCancel: U,
+        onTouchMove: Z,
+        onTouchEnd: N,
+        onTouchCancel: N,
         children: /* @__PURE__ */ l(
           rt,
           {
@@ -475,12 +475,12 @@ fe.displayName = "ImageLightbox";
 const ot = (t) => {
   if (!Array.isArray(t)) return [];
   const i = [];
-  return t.forEach((o, E) => {
-    !o || o.isDeleted || o.id !== "delimiter-new" && Ee(o).forEach((L, u) => {
+  return t.forEach((n, E) => {
+    !n || n.isDeleted || n.id !== "delimiter-new" && Ee(n).forEach((L, u) => {
       if (!L.location) return;
       const C = Le(L);
       ue(L.mimetype, C) === "image" && i.push({
-        key: `${o.id ?? E}:${u}`,
+        key: `${n.id ?? E}:${u}`,
         fileName: C,
         fileURL: L.location,
         mimetype: L.mimetype || ""
@@ -489,9 +489,9 @@ const ot = (t) => {
   }), i;
 }, it = (t, i) => {
   if (!i?.fileURL) return -1;
-  const o = ne(i.fileURL);
+  const n = ne(i.fileURL);
   return t.findIndex(
-    (E) => ne(E.fileURL) === o
+    (E) => ne(E.fileURL) === n
   );
 }, ce = "https://as2.ftcdn.net/v2/jpg/02/51/95/53/1000_F_251955356_FAQH0U1y1TZw3ZcdPGybwUkH90a3VAhb.jpg", at = X.div`
   position: relative;
@@ -536,19 +536,19 @@ const ot = (t) => {
 `, gt = ({
   handleCloseModal: t
 }) => {
-  const i = Ce(), o = le(), E = Me(), { activeFile: L } = Q(
+  const i = Ce(), n = le(), E = Me(), { activeFile: L } = Q(
     (f) => f.chatSettingStore
   ), u = $(
     () => L ?? { fileName: "", fileURL: "", mimetype: "" },
     [L]
   ), C = Q(
     (f) => f.chatSettingStore.user?.fileToken || ""
-  ), n = Q(
-    (f) => Re(f)?.messages
-  ), M = z(null), [p, T] = N(I), b = ue(u?.mimetype, u?.fileName), x = $(() => ot(n), [n]), m = $(
+  ), r = Q(
+    (f) => Pe(f)?.messages
+  ), M = z(null), [p, A] = H(I), b = ue(u?.mimetype, u?.fileName), x = $(() => ot(r), [r]), m = $(
     () => b === "image" ? it(x, u) : -1,
     [x, u, b]
-  ), y = m >= 0 && x.length > 1, Y = y && m > 0, F = y && m < x.length - 1, r = P(
+  ), y = m >= 0 && x.length > 1, Y = y && m > 0, F = y && m < x.length - 1, o = k(
     (f) => {
       const h = x[f];
       h && i(
@@ -560,38 +560,38 @@ const ot = (t) => {
       );
     },
     [i, x]
-  ), g = P(() => {
-    Y && r(m - 1);
-  }, [r, Y, m]), w = P(() => {
-    F && r(m + 1);
-  }, [r, F, m]);
+  ), g = k(() => {
+    Y && o(m - 1);
+  }, [o, Y, m]), w = k(() => {
+    F && o(m + 1);
+  }, [o, F, m]);
   O(() => {
     if (!y || typeof document > "u") return;
     const f = (h) => {
       if (h.key !== "ArrowLeft" && h.key !== "ArrowRight" || h.defaultPrevented || h.altKey || h.ctrlKey || h.metaKey) return;
-      const A = h.target, _ = A?.tagName;
-      _ === "INPUT" || _ === "TEXTAREA" || _ === "SELECT" || A?.isContentEditable || (h.preventDefault(), h.key === "ArrowLeft" ? g() : w());
+      const T = h.target, _ = T?.tagName;
+      _ === "INPUT" || _ === "TEXTAREA" || _ === "SELECT" || T?.isContentEditable || (h.preventDefault(), h.key === "ArrowLeft" ? g() : w());
     };
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
   }, [y, g, w]);
   const v = () => {
-    fetch(He(u.fileURL), {
+    fetch(Be(u.fileURL), {
       method: "GET",
       headers: {}
     }).then((f) => {
-      const _ = !!Ne(u.fileName) ? u.fileName : `MEDIA-ETHORA.${b === "image" ? "png" : b === "video" ? "mp4" : "bin"}`;
+      const _ = !!He(u.fileName) ? u.fileName : `MEDIA-ETHORA.${b === "image" ? "png" : b === "video" ? "mp4" : "bin"}`;
       f.arrayBuffer().then(function(q) {
         if (typeof window > "u")
           return;
-        const W = window.URL.createObjectURL(new Blob([q])), U = document.createElement("a");
-        U.href = W, U.setAttribute("download", _), document.body.appendChild(U), U.click(), U.remove(), window.URL.revokeObjectURL(W);
+        const Z = window.URL.createObjectURL(new Blob([q])), N = document.createElement("a");
+        N.href = Z, N.setAttribute("download", _), document.body.appendChild(N), N.click(), N.remove(), window.URL.revokeObjectURL(Z);
       });
     }).catch((f) => {
-      Ue.log(f);
+      Ne.log(f);
     });
-  }, B = () => {
+  }, U = () => {
     i(re(void 0)), t?.();
-  }, S = u?.fileName || o("modal.filePreview.imageAlt"), R = $(() => {
+  }, S = u?.fileName || n("modal.filePreview.imageAlt"), P = $(() => {
     switch (b) {
       case "image":
         return /* @__PURE__ */ l(
@@ -600,17 +600,17 @@ const ot = (t) => {
             ref: M,
             src: J(u.fileURL, C) || ce,
             alt: S,
-            onScaleChange: T,
+            onScaleChange: A,
             onSwipeLeft: w,
             onSwipeRight: g,
             onError: (f) => {
-              Se(u.fileURL) && Te(), f.target.src = ce;
+              Se(u.fileURL) && Ae(), f.target.src = ce;
             }
           }
         );
       case "video":
         return /* @__PURE__ */ l(
-          Pe,
+          ke,
           {
             src: J(u.fileURL, C),
             controls: !0,
@@ -620,7 +620,7 @@ const ot = (t) => {
       case "pdf":
         return /* @__PURE__ */ l(qe, { pdfUrl: J(u.fileURL, C) });
       default:
-        return /* @__PURE__ */ H(
+        return /* @__PURE__ */ B(
           "div",
           {
             style: {
@@ -630,7 +630,7 @@ const ot = (t) => {
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ l(ke, { style: { minWidth: "100px", minHeight: "100px" } }),
+              /* @__PURE__ */ l(Re, { style: { minWidth: "100px", minHeight: "100px" } }),
               /* @__PURE__ */ l(
                 "div",
                 {
@@ -641,37 +641,37 @@ const ot = (t) => {
                     padding: "16px",
                     color: "var(--ethora-color-text, #141414)"
                   },
-                  children: o("modal.filePreview.unsupported")
+                  children: n("modal.filePreview.unsupported")
                 }
               )
             ]
           }
         );
     }
-  }, [u, C, S, b, w, g, o]);
-  return /* @__PURE__ */ H(
-    Ae,
+  }, [u, C, S, b, w, g, n]);
+  return /* @__PURE__ */ B(
+    Te,
     {
-      "aria-label": o("modal.filePreview.title"),
+      "aria-label": n("modal.filePreview.title"),
       $closing: E,
       children: [
         /* @__PURE__ */ l(
           Ie,
           {
-            handleCloseModal: B,
-            headerTitle: o("modal.filePreview.title"),
-            rightMenu: /* @__PURE__ */ H(lt, { children: [
-              y && /* @__PURE__ */ l(dt, { "data-testid": "lightbox-position", "aria-live": "polite", children: o("modal.filePreview.position", {
+            handleCloseModal: U,
+            headerTitle: n("modal.filePreview.title"),
+            rightMenu: /* @__PURE__ */ B(lt, { children: [
+              y && /* @__PURE__ */ l(dt, { "data-testid": "lightbox-position", "aria-live": "polite", children: n("modal.filePreview.position", {
                 current: m + 1,
                 total: x.length
               }) }),
-              b === "image" && /* @__PURE__ */ H(ut, { children: [
+              b === "image" && /* @__PURE__ */ B(ut, { children: [
                 /* @__PURE__ */ l(
                   V,
                   {
                     onClick: () => M.current?.zoomOut(),
                     disabled: p <= I,
-                    "aria-label": o("modal.filePreview.zoomOut"),
+                    "aria-label": n("modal.filePreview.zoomOut"),
                     children: /* @__PURE__ */ l(Xe, {})
                   }
                 ),
@@ -680,7 +680,7 @@ const ot = (t) => {
                   {
                     onClick: () => M.current?.zoomIn(),
                     disabled: p >= ee,
-                    "aria-label": o("modal.filePreview.zoomIn"),
+                    "aria-label": n("modal.filePreview.zoomIn"),
                     children: /* @__PURE__ */ l(Ye, {})
                   }
                 ),
@@ -689,12 +689,12 @@ const ot = (t) => {
                   {
                     onClick: () => M.current?.reset(),
                     disabled: p <= I,
-                    "aria-label": o("modal.filePreview.resetZoom"),
+                    "aria-label": n("modal.filePreview.resetZoom"),
                     children: /* @__PURE__ */ l(ze, {})
                   }
                 )
               ] }),
-              /* @__PURE__ */ l(V, { onClick: v, "aria-label": o("action.save"), children: /* @__PURE__ */ l(Oe, {}) })
+              /* @__PURE__ */ l(V, { onClick: v, "aria-label": n("action.save"), children: /* @__PURE__ */ l(Oe, {}) })
             ] })
           }
         ),
@@ -711,24 +711,24 @@ const ot = (t) => {
               padding: "16px",
               width: "90%"
             },
-            children: /* @__PURE__ */ H(at, { children: [
+            children: /* @__PURE__ */ B(at, { children: [
               y && /* @__PURE__ */ l(
                 st,
                 {
                   onClick: g,
                   disabled: !Y,
-                  "aria-label": o("modal.filePreview.previousImage"),
+                  "aria-label": n("modal.filePreview.previousImage"),
                   children: /* @__PURE__ */ l(Fe, {})
                 }
               ),
-              R,
+              P,
               y && /* @__PURE__ */ l(
                 ct,
                 {
                   onClick: w,
                   disabled: !F,
-                  "aria-label": o("modal.filePreview.nextImage"),
-                  children: /* @__PURE__ */ l(Be, {})
+                  "aria-label": n("modal.filePreview.nextImage"),
+                  children: /* @__PURE__ */ l(Ue, {})
                 }
               )
             ] })