@linktr.ee/messaging-react 1.32.1 → 1.33.0-rc-1777272812

package/dist/MediaPlayer-B9Ws2NeE.js

@@ -1,292 +0,0 @@
-import { jsxs as T, jsx as n } from "react/jsx-runtime";
-import { FileIcon as _, ImageIcon as G, SpeakerHighIcon as Y, VideoCameraIcon as Z, FileMdIcon as J, FileTextIcon as Q, FileZipIcon as ee, FilePptIcon as te, FileCsvIcon as ne, FileXlsIcon as ae, FileDocIcon as ie, FilePdfIcon as re, CircleNotchIcon as oe, PlayIcon as H, PauseIcon as se } from "@phosphor-icons/react";
-import le, { useRef as P, useState as s, useCallback as F, useEffect as E } from "react";
-const ce = [
-  [/pdf/, "pdf"],
-  [/wordprocessingml|msword|\.doc/, "doc"],
-  [/spreadsheetml|ms-excel|\.xls/, "xls"],
-  [/csv/, "csv"],
-  [/presentationml|ms-powerpoint|\.ppt/, "ppt"],
-  [/zip|x-rar|x-7z|x-tar|x-gzip/, "zip"],
-  [/plain|rtf/, "text"],
-  [/markdown/, "markdown"]
-];
-function $(a) {
-  return a.startsWith("video/") ? "video" : a.startsWith("audio/") ? "audio" : a.startsWith("image/") ? "image" : "document";
-}
-function ue(a) {
-  const i = ce.find(
-    ([r]) => r.test(a)
-  );
-  return i ? i[1] : "generic";
-}
-const de = {
-  video: Z,
-  audio: Y,
-  image: G,
-  document: _
-}, fe = {
-  pdf: re,
-  doc: ie,
-  xls: ae,
-  csv: ne,
-  ppt: te,
-  zip: ee,
-  text: Q,
-  markdown: J,
-  generic: _
-};
-function me(a) {
-  const i = $(a);
-  return i !== "document" ? de[i] : fe[ue(a)];
-}
-function he(a, i) {
-  return le.createElement(me(a), i);
-}
-const pe = (a) => {
-  var i, r;
-  return "touches" in a ? ((i = a.touches[0]) == null ? void 0 : i.clientX) ?? ((r = a.changedTouches[0]) == null ? void 0 : r.clientX) ?? 0 : a.clientX;
-}, be = ({
-  source: a,
-  mimeType: i,
-  poster: r,
-  autoPlay: X = !1,
-  playing: u,
-  loop: y = !1,
-  controls: v = !0,
-  showProgress: q = !1,
-  muted: z = !1
-}) => {
-  const M = $(i), d = P(null), C = P(null), l = P(null), D = P(u), [f, o] = s(X), [w, g] = s(0), [m, R] = s(!1), [A, S] = s(!1), [x, k] = s(!1), [K, h] = s(!1), [j, O] = s(!0), [L, U] = s(null), W = F(() => {
-    k(!1), o(!0);
-  }, []), N = F((e) => {
-    const t = C.current;
-    if (!t) return 0;
-    const p = t.getBoundingClientRect();
-    return Math.max(
-      0,
-      Math.min(1, (pe(e) - p.left) / p.width)
-    );
-  }, []), c = F((e) => {
-    const t = d.current;
-    t && t.duration && (t.currentTime = e * t.duration);
-  }, []), I = (e) => {
-    e.stopPropagation(), R(!0);
-    const t = N(e);
-    g(t), c(t);
-  };
-  E(() => {
-    u !== void 0 && u !== D.current && (D.current = u, o(u));
-  }, [u]), E(() => {
-    if (!f) {
-      l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
-      return;
-    }
-    const e = () => {
-      const t = d.current;
-      t && t.duration && !m && g(t.currentTime / t.duration), l.current = requestAnimationFrame(e);
-    };
-    return l.current = requestAnimationFrame(e), () => {
-      l.current !== null && cancelAnimationFrame(l.current);
-    };
-  }, [f, m]), E(() => {
-    const e = d.current;
-    e && (f ? e.play().catch((t) => {
-      o(!1), k(!0);
-    }) : e.pause());
-  }, [f]), E(() => {
-    if (!m) return;
-    const e = (p) => g(N(p)), t = (p) => {
-      R(!1), c(N(p));
-    };
-    return window.addEventListener("mousemove", e), window.addEventListener("mouseup", t), window.addEventListener("touchmove", e, { passive: !0 }), window.addEventListener("touchend", t), () => {
-      window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t), window.removeEventListener("touchmove", e), window.removeEventListener("touchend", t);
-    };
-  }, [m, N, c]);
-  const V = L ? { aspectRatio: String(L) } : void 0, B = L ? "" : " aspect-video", b = Math.round(w * 100);
-  return /* @__PURE__ */ T(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${B}`,
-      style: V,
-      onClick: () => {
-        x || v && o((e) => !e);
-      },
-      onKeyDown: (e) => {
-        e.key !== "Enter" && e.key !== " " || (e.preventDefault(), !x && v && o((t) => !t));
-      },
-      children: [
-        r && (M === "audio" || j) && /* @__PURE__ */ n(
-          "img",
-          {
-            src: r,
-            alt: "",
-            className: "absolute inset-0 h-full w-full object-cover"
-          }
-        ),
-        !r && (M === "audio" || j) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: he(i, {
-          className: "size-12 text-black/20",
-          weight: "regular"
-        }) }),
-        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: M === "audio" ? /* @__PURE__ */ n(
-          "audio",
-          {
-            ref: d,
-            src: a,
-            loop: y,
-            muted: z,
-            style: { width: "100%", height: "100%" },
-            onLoadStart: () => h(!0),
-            onCanPlay: () => {
-              h(!1), O(!1);
-            },
-            onWaiting: () => h(!0),
-            onPlay: () => k(!1),
-            onEnded: () => {
-              y || (o(!1), g(0));
-            },
-            children: /* @__PURE__ */ n("track", { kind: "captions" })
-          }
-        ) : /* @__PURE__ */ n(
-          "video",
-          {
-            ref: d,
-            src: a,
-            loop: y,
-            muted: z,
-            playsInline: !0,
-            style: { width: "100%", height: "100%" },
-            onLoadStart: () => h(!0),
-            onCanPlay: () => {
-              h(!1), O(!1);
-            },
-            onWaiting: () => h(!0),
-            onPlay: () => k(!1),
-            onLoadedMetadata: () => {
-              const e = d.current;
-              e instanceof HTMLVideoElement && e.videoWidth && e.videoHeight && U(e.videoWidth / e.videoHeight);
-            },
-            onEnded: () => {
-              y || (o(!1), g(0));
-            },
-            children: /* @__PURE__ */ n("track", { kind: "captions" })
-          }
-        ) }),
-        K && !x && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          oe,
-          {
-            className: "size-8 animate-spin text-white/80",
-            weight: "bold"
-          }
-        ) }),
-        x && !v && /* @__PURE__ */ n(
-          "div",
-          {
-            className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
-            role: "button",
-            tabIndex: 0,
-            "aria-label": "Play preview",
-            onClick: (e) => {
-              e.stopPropagation(), W();
-            },
-            onKeyDown: (e) => {
-              e.key !== "Enter" && e.key !== " " || (e.preventDefault(), e.stopPropagation(), W());
-            },
-            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(H, { className: "size-9 translate-x-0.5", weight: "fill" }) })
-          }
-        ),
-        q && !v && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
-          "div",
-          {
-            role: "slider",
-            "aria-label": "Playback position",
-            "aria-valuenow": b,
-            "aria-valuemin": 0,
-            "aria-valuemax": 100,
-            tabIndex: 0,
-            ref: C,
-            className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: I,
-            onTouchStart: I,
-            onClick: (e) => e.stopPropagation(),
-            onKeyDown: (e) => {
-              e.key === "ArrowRight" && c(Math.min(1, w + 0.05)), e.key === "ArrowLeft" && c(Math.max(0, w - 0.05));
-            },
-            children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
-              "div",
-              {
-                className: "h-full rounded-full bg-white",
-                style: { width: `${b}%` }
-              }
-            ) })
-          }
-        ) }),
-        v && /* @__PURE__ */ T("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
-          /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              onClick: (e) => {
-                e.stopPropagation(), o((t) => !t);
-              },
-              className: "shrink-0 text-white",
-              "aria-label": f ? "Pause" : "Play",
-              children: f ? /* @__PURE__ */ n(se, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(H, { className: "size-5 translate-x-px", weight: "fill" })
-            }
-          ),
-          /* @__PURE__ */ T(
-            "div",
-            {
-              role: "slider",
-              "aria-label": "Playback position",
-              "aria-valuenow": b,
-              "aria-valuemin": 0,
-              "aria-valuemax": 100,
-              tabIndex: 0,
-              ref: C,
-              className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: I,
-              onTouchStart: I,
-              onClick: (e) => e.stopPropagation(),
-              onMouseEnter: () => S(!0),
-              onMouseLeave: () => S(!1),
-              onKeyDown: (e) => {
-                e.key === "ArrowRight" && c(Math.min(1, w + 0.05)), e.key === "ArrowLeft" && c(Math.max(0, w - 0.05));
-              },
-              children: [
-                /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${A || m ? "h-1.5" : "h-1"}`,
-                    children: /* @__PURE__ */ n(
-                      "div",
-                      {
-                        className: "h-full rounded-full bg-white",
-                        style: { width: `${b}%` }
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${A || m ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${b}%` }
-                  }
-                )
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-export {
-  be as M,
-  $ as g,
-  he as r
-};
-//# sourceMappingURL=MediaPlayer-B9Ws2NeE.js.map

package/dist/MediaPlayer-B9Ws2NeE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaPlayer-B9Ws2NeE.js","sources":["../src/components/LockedAttachment/utils/mimeType.ts","../src/components/LockedAttachment/utils/icons.ts","../src/components/LockedAttachment/components/MediaPlayer.tsx"],"sourcesContent":["export type AttachmentSourceType = 'image' | 'audio' | 'video' | 'document'\n\nexport type DocumentIconType =\n  | 'pdf'\n  | 'doc'\n  | 'xls'\n  | 'csv'\n  | 'ppt'\n  | 'zip'\n  | 'text'\n  | 'markdown'\n  | 'generic'\n\nconst DOCUMENT_ICON_PATTERNS: Array<[RegExp, DocumentIconType]> = [\n  [/pdf/, 'pdf'],\n  [/wordprocessingml|msword|\\.doc/, 'doc'],\n  [/spreadsheetml|ms-excel|\\.xls/, 'xls'],\n  [/csv/, 'csv'],\n  [/presentationml|ms-powerpoint|\\.ppt/, 'ppt'],\n  [/zip|x-rar|x-7z|x-tar|x-gzip/, 'zip'],\n  [/plain|rtf/, 'text'],\n  [/markdown/, 'markdown'],\n]\n\nexport function getSourceType(mimeType: string): AttachmentSourceType {\n  if (mimeType.startsWith('video/')) return 'video'\n  if (mimeType.startsWith('audio/')) return 'audio'\n  if (mimeType.startsWith('image/')) return 'image'\n  return 'document'\n}\n\nexport function getDocumentIconType(mimeType: string): DocumentIconType {\n  const match = DOCUMENT_ICON_PATTERNS.find(([pattern]) =>\n    pattern.test(mimeType)\n  )\n  return match ? match[1] : 'generic'\n}\n","import {\n  FileIcon,\n  FileCsvIcon,\n  FileDocIcon,\n  FileMdIcon,\n  FilePdfIcon,\n  FilePptIcon,\n  FileTextIcon,\n  FileXlsIcon,\n  FileZipIcon,\n  ImageIcon,\n  SpeakerHighIcon,\n  VideoCameraIcon,\n  IconProps,\n} from '@phosphor-icons/react'\nimport React from 'react'\n\nimport { getDocumentIconType, getSourceType } from './mimeType'\nimport type { AttachmentSourceType } from './mimeType'\n\nexport const MEDIA_TYPE_ICON: Record<AttachmentSourceType, React.ElementType> =\n  {\n    video: VideoCameraIcon,\n    audio: SpeakerHighIcon,\n    image: ImageIcon,\n    document: FileIcon,\n  }\n\nconst DOCUMENT_ICON_COMPONENT = {\n  pdf: FilePdfIcon,\n  doc: FileDocIcon,\n  xls: FileXlsIcon,\n  csv: FileCsvIcon,\n  ppt: FilePptIcon,\n  zip: FileZipIcon,\n  text: FileTextIcon,\n  markdown: FileMdIcon,\n  generic: FileIcon,\n} as const\n\nexport function getTypeIcon(mimeType: string): React.ElementType {\n  const sourceType = getSourceType(mimeType)\n  if (sourceType !== 'document') return MEDIA_TYPE_ICON[sourceType]\n  return DOCUMENT_ICON_COMPONENT[getDocumentIconType(mimeType)]\n}\n\n/** Use instead of `<TypeIcon />` where TypeIcon = getTypeIcon(mime) to satisfy react-hooks/static-components. */\nexport function renderTypeIcon(\n  mimeType: string,\n  props: IconProps\n): React.ReactElement {\n  return React.createElement(getTypeIcon(mimeType), props)\n}\n","import { CircleNotchIcon, PauseIcon, PlayIcon } from '@phosphor-icons/react'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { isDevBuild } from '../../../utils/isDevBuild'\nimport { renderTypeIcon } from '../utils/icons'\nimport { getSourceType } from '../utils/mimeType'\n\ntype TouchEventUnion =\n  | MouseEvent\n  | TouchEvent\n  | React.MouseEvent\n  | React.TouchEvent\n\n\nconst getClientXFromEvent = (e: TouchEventUnion): number => {\n  if ('touches' in e) {\n    return e.touches[0]?.clientX ?? e.changedTouches[0]?.clientX ?? 0\n  }\n  return e.clientX\n}\n\nexport interface MediaPlayerProps {\n  source: string\n  mimeType: string\n  poster?: string\n  autoPlay?: boolean\n  /** Controlled playing state. When provided, syncs to internal play/pause. */\n  playing?: boolean\n  loop?: boolean\n  controls?: boolean\n  showProgress?: boolean\n  /** When true, requests muted playback (helps autoplay policies on video). */\n  muted?: boolean\n}\n\nconst MediaPlayer: React.FC<MediaPlayerProps> = ({\n  source,\n  mimeType,\n  poster,\n  autoPlay = false,\n  playing: playingProp,\n  loop = false,\n  controls = true,\n  showProgress = false,\n  muted = false,\n}) => {\n  // --- Derived ---\n  const sourceType = getSourceType(mimeType)\n\n  // --- Refs ---\n  const playerRef = useRef<HTMLMediaElement>(null)\n  const trackRef = useRef<HTMLDivElement>(null)\n  const rafRef = useRef<number | null>(null)\n  const prevPlayingPropRef = useRef(playingProp)\n\n  // --- State: playback ---\n  const [playing, setPlaying] = useState(autoPlay)\n  const [played, setPlayed] = useState(0)\n  const [seeking, setSeeking] = useState(false)\n\n  // --- State: UI ---\n  const [scrubberHovered, setScrubberHovered] = useState(false)\n  /** Set when autoplay/play() was rejected so user can start via gesture (no controls UI). */\n  const [manualPlayRequired, setManualPlayRequired] = useState(false)\n\n  // --- State: loading ---\n  const [buffering, setBuffering] = useState(false)\n  /** True until the first canPlay fires for the current source — hides controls/spinner behind poster. */\n  const [initialLoad, setInitialLoad] = useState(true)\n  const [videoAspect, setVideoAspect] = useState<number | null>(null)\n\n  // --- Callbacks ---\n  const startPlaybackFromGesture = useCallback(() => {\n    setManualPlayRequired(false)\n    setPlaying(true)\n  }, [])\n\n  const getFraction = useCallback((e: TouchEventUnion) => {\n    const track = trackRef.current\n    if (!track) return 0\n    const rect = track.getBoundingClientRect()\n    return Math.max(\n      0,\n      Math.min(1, (getClientXFromEvent(e) - rect.left) / rect.width)\n    )\n  }, [])\n\n  const seekTo = useCallback((fraction: number) => {\n    const el = playerRef.current\n    if (el && el.duration) el.currentTime = fraction * el.duration\n  }, [])\n\n  const handleTrackPointerDown = (\n    e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n  ) => {\n    e.stopPropagation()\n    setSeeking(true)\n    const fraction = getFraction(e)\n    setPlayed(fraction)\n    seekTo(fraction)\n  }\n\n  // --- Effects ---\n\n  // Sync controlled playing prop to internal state\n  useEffect(() => {\n    if (\n      playingProp !== undefined &&\n      playingProp !== prevPlayingPropRef.current\n    ) {\n      prevPlayingPropRef.current = playingProp\n      setPlaying(playingProp)\n    }\n  }, [playingProp])\n\n  // RAF-driven progress updates\n  useEffect(() => {\n    if (!playing) {\n      if (rafRef.current !== null) {\n        cancelAnimationFrame(rafRef.current)\n        rafRef.current = null\n      }\n      return\n    }\n    const tick = () => {\n      const el = playerRef.current\n      if (el && el.duration && !seeking) setPlayed(el.currentTime / el.duration)\n      rafRef.current = requestAnimationFrame(tick)\n    }\n    rafRef.current = requestAnimationFrame(tick)\n    return () => {\n      if (rafRef.current !== null) cancelAnimationFrame(rafRef.current)\n    }\n  }, [playing, seeking])\n\n  // ReactPlayer v3 uses native HTML media elements and does not support a\n  // declarative `playing` prop — playback must be driven imperatively.\n  useEffect(() => {\n    const el = playerRef.current\n    if (!el) return\n    if (playing) {\n      void el.play().catch((err) => {\n        setPlaying(false)\n        setManualPlayRequired(true)\n        if (isDevBuild()) {\n          console.debug('[MediaPlayer] play() failed', err)\n        }\n      })\n    } else {\n      el.pause()\n    }\n  }, [playing])\n\n  // Global seeking listeners\n  useEffect(() => {\n    if (!seeking) return\n    const onMove = (e: MouseEvent | TouchEvent) => setPlayed(getFraction(e))\n    const onUp = (e: MouseEvent | TouchEvent) => {\n      setSeeking(false)\n      seekTo(getFraction(e))\n    }\n    window.addEventListener('mousemove', onMove)\n    window.addEventListener('mouseup', onUp)\n    window.addEventListener('touchmove', onMove, { passive: true })\n    window.addEventListener('touchend', onUp)\n    return () => {\n      window.removeEventListener('mousemove', onMove)\n      window.removeEventListener('mouseup', onUp)\n      window.removeEventListener('touchmove', onMove)\n      window.removeEventListener('touchend', onUp)\n    }\n  }, [seeking, getFraction, seekTo])\n\n  // --- Derived render values ---\n  // Use natural aspect ratio once metadata loads, fall back to 16:9 before then.\n  const aspectStyle = videoAspect\n    ? { aspectRatio: String(videoAspect) }\n    : undefined\n  const aspectClass = !videoAspect ? ' aspect-video' : ''\n  const scrubberPercent = Math.round(played * 100)\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      className={`relative cursor-pointer overflow-hidden bg-black ${aspectClass}`}\n      style={aspectStyle}\n      onClick={() => {\n        if (manualPlayRequired) return\n        if (controls) setPlaying((p) => !p)\n      }}\n      onKeyDown={(e) => {\n        if (e.key !== 'Enter' && e.key !== ' ') return\n        e.preventDefault()\n        if (manualPlayRequired) return\n        if (controls) setPlaying((p) => !p)\n      }}\n    >\n      {/* For audio, poster persists as a visual background. For video, hide once loaded. */}\n      {poster && (sourceType === 'audio' || initialLoad) && (\n        <img\n          src={poster}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n        />\n      )}\n      {!poster && (sourceType === 'audio' || initialLoad) && (\n        <div className=\"absolute inset-0 flex items-center justify-center\">\n          {renderTypeIcon(mimeType, {\n            className: 'size-12 text-black/20',\n            weight: 'regular',\n          })}\n        </div>\n      )}\n      <div className=\"absolute inset-0\">\n        {sourceType === 'audio' ? (\n          <audio\n            ref={playerRef as React.RefObject<HTMLAudioElement>}\n            src={source}\n            loop={loop}\n            muted={muted}\n            style={{ width: '100%', height: '100%' }}\n            onLoadStart={() => setBuffering(true)}\n            onCanPlay={() => {\n              setBuffering(false)\n              setInitialLoad(false)\n            }}\n            onWaiting={() => setBuffering(true)}\n            onPlay={() => setManualPlayRequired(false)}\n            onEnded={() => {\n              if (!loop) {\n                setPlaying(false)\n                setPlayed(0)\n              }\n            }}\n          >\n            <track kind=\"captions\" />\n          </audio>\n        ) : (\n          <video\n            ref={playerRef as React.RefObject<HTMLVideoElement>}\n            src={source}\n            loop={loop}\n            muted={muted}\n            playsInline\n            style={{ width: '100%', height: '100%' }}\n            onLoadStart={() => setBuffering(true)}\n            onCanPlay={() => {\n              setBuffering(false)\n              setInitialLoad(false)\n            }}\n            onWaiting={() => setBuffering(true)}\n            onPlay={() => setManualPlayRequired(false)}\n            onLoadedMetadata={() => {\n              const el = playerRef.current\n              if (\n                el instanceof HTMLVideoElement &&\n                el.videoWidth &&\n                el.videoHeight\n              ) {\n                setVideoAspect(el.videoWidth / el.videoHeight)\n              }\n            }}\n            onEnded={() => {\n              if (!loop) {\n                setPlaying(false)\n                setPlayed(0)\n              }\n            }}\n          >\n            <track kind=\"captions\" />\n          </video>\n        )}\n      </div>\n\n      {buffering && !manualPlayRequired && (\n        <div className=\"absolute inset-0 z-10 flex items-center justify-center\">\n          <CircleNotchIcon\n            className=\"size-8 animate-spin text-white/80\"\n            weight=\"bold\"\n          />\n        </div>\n      )}\n\n      {manualPlayRequired && !controls && (\n        <div\n          className=\"absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35\"\n          role=\"button\"\n          tabIndex={0}\n          aria-label=\"Play preview\"\n          onClick={(e) => {\n            e.stopPropagation()\n            startPlaybackFromGesture()\n          }}\n          onKeyDown={(e) => {\n            if (e.key !== 'Enter' && e.key !== ' ') return\n            e.preventDefault()\n            e.stopPropagation()\n            startPlaybackFromGesture()\n          }}\n        >\n          <span className=\"flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm\">\n            <PlayIcon className=\"size-9 translate-x-0.5\" weight=\"fill\" />\n          </span>\n        </div>\n      )}\n\n      {showProgress && !controls && (\n        <div className=\"absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent\">\n          <div\n            role=\"slider\"\n            aria-label=\"Playback position\"\n            aria-valuenow={scrubberPercent}\n            aria-valuemin={0}\n            aria-valuemax={100}\n            tabIndex={0}\n            ref={trackRef}\n            className=\"relative flex h-4 w-full cursor-pointer items-center\"\n            onMouseDown={handleTrackPointerDown}\n            onTouchStart={handleTrackPointerDown}\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => {\n              if (e.key === 'ArrowRight') seekTo(Math.min(1, played + 0.05))\n              if (e.key === 'ArrowLeft') seekTo(Math.max(0, played - 0.05))\n            }}\n          >\n            <div className=\"w-full overflow-hidden rounded-full bg-white/30 h-1\">\n              <div\n                className=\"h-full rounded-full bg-white\"\n                style={{ width: `${scrubberPercent}%` }}\n              />\n            </div>\n          </div>\n        </div>\n      )}\n\n      {controls && (\n        <div className=\"absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200\">\n          <button\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation()\n              setPlaying((p) => !p)\n            }}\n            className=\"shrink-0 text-white\"\n            aria-label={playing ? 'Pause' : 'Play'}\n          >\n            {playing ? (\n              <PauseIcon className=\"size-5\" weight=\"fill\" />\n            ) : (\n              <PlayIcon className=\"size-5 translate-x-px\" weight=\"fill\" />\n            )}\n          </button>\n\n          <div\n            role=\"slider\"\n            aria-label=\"Playback position\"\n            aria-valuenow={scrubberPercent}\n            aria-valuemin={0}\n            aria-valuemax={100}\n            tabIndex={0}\n            ref={trackRef}\n            className=\"relative flex h-4 w-full cursor-pointer items-center\"\n            onMouseDown={handleTrackPointerDown}\n            onTouchStart={handleTrackPointerDown}\n            onClick={(e) => e.stopPropagation()}\n            onMouseEnter={() => setScrubberHovered(true)}\n            onMouseLeave={() => setScrubberHovered(false)}\n            onKeyDown={(e) => {\n              if (e.key === 'ArrowRight') seekTo(Math.min(1, played + 0.05))\n              if (e.key === 'ArrowLeft') seekTo(Math.max(0, played - 0.05))\n            }}\n          >\n            <div\n              className={`w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${scrubberHovered || seeking ? 'h-1.5' : 'h-1'}`}\n            >\n              <div\n                className=\"h-full rounded-full bg-white\"\n                style={{ width: `${scrubberPercent}%` }}\n              />\n            </div>\n            <div\n              className={`absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${scrubberHovered || seeking ? 'scale-100 opacity-100' : 'scale-0 opacity-0'}`}\n              style={{ left: `${scrubberPercent}%` }}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default MediaPlayer\n"],"names":["DOCUMENT_ICON_PATTERNS","getSourceType","mimeType","getDocumentIconType","match","pattern","MEDIA_TYPE_ICON","VideoCameraIcon","SpeakerHighIcon","ImageIcon","FileIcon","DOCUMENT_ICON_COMPONENT","FilePdfIcon","FileDocIcon","FileXlsIcon","FileCsvIcon","FilePptIcon","FileZipIcon","FileTextIcon","FileMdIcon","getTypeIcon","sourceType","renderTypeIcon","props","React","getClientXFromEvent","e","_a","_b","MediaPlayer","source","poster","autoPlay","playingProp","loop","controls","showProgress","muted","playerRef","useRef","trackRef","rafRef","prevPlayingPropRef","playing","setPlaying","useState","played","setPlayed","seeking","setSeeking","scrubberHovered","setScrubberHovered","manualPlayRequired","setManualPlayRequired","buffering","setBuffering","initialLoad","setInitialLoad","videoAspect","setVideoAspect","startPlaybackFromGesture","useCallback","getFraction","track","rect","seekTo","fraction","el","handleTrackPointerDown","useEffect","tick","err","onMove","onUp","aspectStyle","aspectClass","scrubberPercent","jsxs","p","jsx","CircleNotchIcon","PlayIcon","PauseIcon"],"mappings":"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"}