@ethora/chat-component 26.9.8 → 26.10.3

package/dist/FilePreviewModal-Cgj1iHry.js

@@ -1,743 +0,0 @@
-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 n;
-  return (...E) => {
-    window.clearTimeout(n), n = window.setTimeout(() => t(...E), i);
-  };
-}
-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] = 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 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 [o, p ? oe(o, p) : o, M ? oe(o, M) : o];
-  }, [C, E, M, p]);
-  function y() {
-    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() {
-    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", r.current.orientationHandler) : "onorientationchange" in window && window.addEventListener("orientationchange", r.current.orientationHandler));
-  }
-  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();
-  }, [i, m, x]), O(() => y, []), [F, u, b];
-}
-function je(t) {
-  O(() => {
-    const i = t;
-    return window.addEventListener("resize", i), () => {
-      window.removeEventListener("resize", i);
-    };
-  }, [t]);
-}
-function $e(t, i) {
-  O(() => {
-    if (i) {
-      const n = t;
-      return window.addEventListener("scroll", n, { capture: !0, passive: !0 }), () => {
-        window.removeEventListener("scroll", n, !0);
-      };
-    }
-  }, [t, i]);
-}
-function de(t) {
-  const i = [];
-  if (!t || t === document.body) return i;
-  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"], Ze = (t, i) => Ve.every((n) => t[n] === i[n]), ie = X.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-`, We = X.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  width: 100%;
-  flex: 1 1 auto;
-  min-height: 0;
-
-  canvas {
-    max-width: 100%;
-    height: auto;
-    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
-    background-color: #fff;
-  }
-`, Ke = X.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex: 0 0 auto;
-  font-size: 14px;
-  color: var(--ethora-color-text, #141414);
-`, ae = X(V)`
-  width: auto;
-  min-width: 40px;
-  padding: 0 12px;
-`, Ge = X.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-  padding: 16px;
-  border-radius: var(--ethora-radius-lg, 16px);
-  background-color: var(--ethora-color-bg-subtle, #f5f7fa);
-  color: var(--ethora-color-text, #141414);
-  text-align: center;
-
-  a {
-    color: var(--ethora-color-primary-text, var(--ethora-color-primary, #0052cd));
-  }
-`, qe = ({ pdfUrl: t }) => {
-  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 o = !1, g;
-    return p("loading"), m(1), b(0), (async () => {
-      const w = await we(n?.pdfPreview?.workerSrc, n?.pdfPreview?.libUrl);
-      if (!o) {
-        if (!w || !t) {
-          p("error");
-          return;
-        }
-        try {
-          g = w.getDocument({ url: t, isEvalSupported: !1 });
-          const v = await g.promise;
-          if (o) {
-            v.destroy().catch(() => {
-            });
-            return;
-          }
-          C.current = v, b(v.numPages), p("ready");
-        } catch (v) {
-          o || (console.warn("[Ethora] PDF open failed:", v), p("error"));
-        }
-      }
-    })(), () => {
-      o = !0, r.current?.cancel(), r.current = null, C.current?.destroy?.().catch(() => {
-      }), C.current = null, g?.destroy?.().catch(() => {
-      });
-    };
-  }, [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 o.getPage(x);
-        if (w) return;
-        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;
-        }
-        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, r.current?.cancel(), r.current = null;
-    };
-  }, [M, x, y]);
-  const Y = k(
-    () => m((o) => Math.max(1, o - 1)),
-    []
-  ), F = k(
-    () => m((o) => Math.min(A || 1, o + 1)),
-    [A]
-  );
-  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__ */ 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,
-        {
-          onClick: Y,
-          disabled: x <= 1,
-          text: "‹",
-          "aria-label": i("modal.filePreview.previousPage")
-        }
-      ),
-      /* @__PURE__ */ B("span", { children: [
-        x,
-        " / ",
-        A
-      ] }),
-      /* @__PURE__ */ l(
-        ae,
-        {
-          onClick: F,
-          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, 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
-     by its content, and the image's own max-height of 100% would resolve
-     against that auto height and never fit anything. */
-  flex: 1 1 auto;
-  width: 100%;
-  height: 100%;
-  min-height: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  /* A zoomed image is dragged, not selected, and a two-finger gesture is a
-     pinch rather than a page scroll. */
-  touch-action: none;
-  user-select: none;
-  background-color: var(--ethora-color-bg, #fff);
-`, rt = X.img`
-  /* Same box the single-file view always used: fill the stage and let
-     object-fit do the letterboxing, so what the viewer sees at scale 1 is
-     unchanged. It is also what makes the pan clamp exact, since the painted
-     content box is then derived from the natural aspect ratio alone. */
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-  transform-origin: center center;
-  will-change: transform;
-  cursor: ${({ $grabbing: t, $pannable: i }) => t ? "grabbing" : i ? "grab" : "zoom-in"};
-  transition: ${({ $animate: t }) => t ? `transform ${xe} ${be}` : "none"};
-  ${ye}
-`, fe = te.forwardRef(
-  ({ 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
-    ), U = k((a) => {
-      const e = r.current, c = M.current;
-      if (!e) return { x: 0, y: 0 };
-      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, (W * a - d) / 2)
-      };
-    }, []), S = k(
-      (a, e, c) => {
-        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)
-        });
-      },
-      [U]
-    ), P = k(
-      (a, e, c, s) => {
-        const d = o.current, R = G(a, I, ee), D = R / d.scale;
-        S(
-          R,
-          {
-            x: e - (e - d.offset.x) * D,
-            y: c - (c - d.offset.y) * D
-          },
-          s
-        );
-      },
-      [S]
-    ), f = k(() => {
-      S(I, { x: 0, y: 0 }, !0);
-    }, [S]), h = k(
-      (a) => {
-        P(o.current.scale * a, 0, 0, !0);
-      },
-      [P]
-    );
-    te.useImperativeHandle(
-      C,
-      () => ({
-        zoomIn: () => h(1.5),
-        zoomOut: () => h(1 / 1.5),
-        reset: f
-      }),
-      [h, f]
-    ), O(() => {
-      y(!1), A(I), x({ x: 0, y: 0 });
-    }, [t]), O(() => {
-      u?.(p);
-    }, [p, u]), O(() => {
-      const a = r.current;
-      if (!a) return;
-      const e = (c) => {
-        c.preventDefault();
-        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);
-    }, [P]);
-    const T = k(
-      (a, e) => {
-        const c = r.current;
-        if (!c) return;
-        if (o.current.scale > I) {
-          f();
-          return;
-        }
-        const s = c.getBoundingClientRect();
-        P(
-          Qe,
-          a - s.left - s.width / 2,
-          e - s.top - s.height / 2,
-          !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 = o.current;
-        S(
-          d.scale,
-          {
-            x: d.offset.x + (c.clientX - s.x),
-            y: d.offset.y + (c.clientY - s.y)
-          },
-          !1
-        ), g.current = { x: c.clientX, y: c.clientY };
-      }, e = () => {
-        g.current = null, F(!1);
-      };
-      return window.addEventListener("mousemove", a), window.addEventListener("mouseup", e), () => {
-        window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", e);
-      };
-    }, [Y, S]);
-    const q = k((a) => {
-      if (a.touches.length === 2) {
-        const [c, s] = [a.touches[0], a.touches[1]];
-        w.current = {
-          startX: 0,
-          startY: 0,
-          lastX: 0,
-          lastY: 0,
-          pinchDistance: Math.hypot(
-            c.clientX - s.clientX,
-            c.clientY - s.clientY
-          ),
-          pinchScale: o.current.scale,
-          panning: !1,
-          moved: !1
-        };
-        return;
-      }
-      const e = a.touches[0];
-      e && (w.current = {
-        startX: e.clientX,
-        startY: e.clientY,
-        lastX: e.clientX,
-        lastY: e.clientY,
-        pinchDistance: 0,
-        pinchScale: o.current.scale,
-        panning: o.current.scale > I,
-        moved: !1
-      });
-    }, []), 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]], R = Math.hypot(
-            s.clientX - d.clientX,
-            s.clientY - d.clientY
-          ), 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
-          );
-          return;
-        }
-        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 = o.current;
-            S(
-              s.scale,
-              {
-                x: s.offset.x + (c.clientX - e.lastX),
-                y: s.offset.y + (c.clientY - e.lastY)
-              },
-              !1
-            );
-          }
-          e.lastX = c.clientX, e.lastY = c.clientY;
-        }
-      },
-      [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(), 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 = {
-            time: d,
-            x: e.startX,
-            y: e.startY
-          };
-          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 ? n?.() : E?.());
-      },
-      [n, E, T]
-    ), me = k(
-      (a) => {
-        T(a.clientX, a.clientY);
-      },
-      [T]
-    ), ge = $(
-      () => `translate(${b.x}px, ${b.y}px) scale(${p})`,
-      [b.x, b.y, p]
-    );
-    return /* @__PURE__ */ l(
-      nt,
-      {
-        ref: r,
-        "data-testid": "image-lightbox-viewport",
-        onMouseDown: _,
-        onDoubleClick: me,
-        onTouchStart: q,
-        onTouchMove: Z,
-        onTouchEnd: N,
-        onTouchCancel: N,
-        children: /* @__PURE__ */ l(
-          rt,
-          {
-            ref: M,
-            "data-testid": "image-lightbox-image",
-            src: t,
-            alt: i,
-            draggable: !1,
-            onError: L,
-            $grabbing: Y,
-            $pannable: p > I,
-            $animate: m,
-            style: { transform: ge }
-          }
-        )
-      }
-    );
-  }
-);
-fe.displayName = "ImageLightbox";
-const ot = (t) => {
-  if (!Array.isArray(t)) return [];
-  const i = [];
-  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: `${n.id ?? E}:${u}`,
-        fileName: C,
-        fileURL: L.location,
-        mimetype: L.mimetype || ""
-      });
-    });
-  }), i;
-}, it = (t, i) => {
-  if (!i?.fileURL) return -1;
-  const n = ne(i.fileURL);
-  return t.findIndex(
-    (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;
-  display: flex;
-  flex: 1 1 auto;
-  width: 100%;
-  min-height: 0;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-`, he = X(V)`
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 44px;
-  height: 44px;
-  border-radius: var(--ethora-radius-full, 999px);
-  background-color: var(--ethora-color-bg, #fff);
-  box-shadow: var(--ethora-shadow-md, 0 4px 12px rgba(16, 24, 40, 0.1));
-  z-index: 2;
-`, st = X(he)`
-  left: 8px;
-`, ct = X(he)`
-  right: 8px;
-`, lt = X.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`, ut = X.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-
-  @media (max-width: 480px) {
-    display: none;
-  }
-`, dt = X.span`
-  font-size: var(--ethora-font-size-sm, 14px);
-  color: var(--ethora-color-text-secondary, #5a5f66);
-  white-space: nowrap;
-  padding: 0 4px;
-`, gt = ({
-  handleCloseModal: t
-}) => {
-  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 || ""
-  ), 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, o = k(
-    (f) => {
-      const h = x[f];
-      h && i(
-        re({
-          fileName: h.fileName,
-          fileURL: h.fileURL,
-          mimetype: h.mimetype
-        })
-      );
-    },
-    [i, x]
-  ), 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 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(Be(u.fileURL), {
-      method: "GET",
-      headers: {}
-    }).then((f) => {
-      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 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) => {
-      Ne.log(f);
-    });
-  }, U = () => {
-    i(re(void 0)), t?.();
-  }, S = u?.fileName || n("modal.filePreview.imageAlt"), P = $(() => {
-    switch (b) {
-      case "image":
-        return /* @__PURE__ */ l(
-          fe,
-          {
-            ref: M,
-            src: J(u.fileURL, C) || ce,
-            alt: S,
-            onScaleChange: A,
-            onSwipeLeft: w,
-            onSwipeRight: g,
-            onError: (f) => {
-              Se(u.fileURL) && Ae(), f.target.src = ce;
-            }
-          }
-        );
-      case "video":
-        return /* @__PURE__ */ l(
-          ke,
-          {
-            src: J(u.fileURL, C),
-            controls: !0,
-            autoPlay: !1
-          }
-        );
-      case "pdf":
-        return /* @__PURE__ */ l(qe, { pdfUrl: J(u.fileURL, C) });
-      default:
-        return /* @__PURE__ */ B(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              justifyContent: "center",
-              alignItems: "center"
-            },
-            children: [
-              /* @__PURE__ */ l(Re, { style: { minWidth: "100px", minHeight: "100px" } }),
-              /* @__PURE__ */ l(
-                "div",
-                {
-                  style: {
-                    backgroundColor: "var(--ethora-color-bg-subtle, #F5F7FA)",
-                    borderRadius: "var(--ethora-radius-lg, 16px)",
-                    display: "flex",
-                    padding: "16px",
-                    color: "var(--ethora-color-text, #141414)"
-                  },
-                  children: n("modal.filePreview.unsupported")
-                }
-              )
-            ]
-          }
-        );
-    }
-  }, [u, C, S, b, w, g, n]);
-  return /* @__PURE__ */ B(
-    Te,
-    {
-      "aria-label": n("modal.filePreview.title"),
-      $closing: E,
-      children: [
-        /* @__PURE__ */ l(
-          Ie,
-          {
-            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__ */ B(ut, { children: [
-                /* @__PURE__ */ l(
-                  V,
-                  {
-                    onClick: () => M.current?.zoomOut(),
-                    disabled: p <= I,
-                    "aria-label": n("modal.filePreview.zoomOut"),
-                    children: /* @__PURE__ */ l(Xe, {})
-                  }
-                ),
-                /* @__PURE__ */ l(
-                  V,
-                  {
-                    onClick: () => M.current?.zoomIn(),
-                    disabled: p >= ee,
-                    "aria-label": n("modal.filePreview.zoomIn"),
-                    children: /* @__PURE__ */ l(Ye, {})
-                  }
-                ),
-                /* @__PURE__ */ l(
-                  V,
-                  {
-                    onClick: () => M.current?.reset(),
-                    disabled: p <= I,
-                    "aria-label": n("modal.filePreview.resetZoom"),
-                    children: /* @__PURE__ */ l(ze, {})
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ l(V, { onClick: v, "aria-label": n("action.save"), children: /* @__PURE__ */ l(Oe, {}) })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ l(
-          De,
-          {
-            style: {
-              display: "flex",
-              flex: "1 1 auto",
-              height: "100%",
-              minHeight: 0,
-              justifyContent: "center",
-              overflow: "hidden",
-              padding: "16px",
-              width: "90%"
-            },
-            children: /* @__PURE__ */ B(at, { children: [
-              y && /* @__PURE__ */ l(
-                st,
-                {
-                  onClick: g,
-                  disabled: !Y,
-                  "aria-label": n("modal.filePreview.previousImage"),
-                  children: /* @__PURE__ */ l(Fe, {})
-                }
-              ),
-              P,
-              y && /* @__PURE__ */ l(
-                ct,
-                {
-                  onClick: w,
-                  disabled: !F,
-                  "aria-label": n("modal.filePreview.nextImage"),
-                  children: /* @__PURE__ */ l(Ue, {})
-                }
-              )
-            ] })
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  gt as default
-};