@linktr.ee/messaging-react 1.28.0-rc-1776233688 → 1.28.0

package/dist/{MediaPlayer-DXz4IBLx.js → MediaPlayer-Bf-xPB8Z.js}

@@ -1,7 +1,7 @@
-import { jsxs as L, jsx as n } from "react/jsx-runtime";
-import { FileIcon as $, ImageIcon as V, SpeakerHighIcon as G, VideoCameraIcon as Y, FileMdIcon as Z, FileTextIcon as J, FileZipIcon as Q, FilePptIcon as ee, FileCsvIcon as te, FileXlsIcon as ne, FileDocIcon as ae, FilePdfIcon as re, CircleNotchIcon as ie, PlayIcon as W, PauseIcon as oe } from "@phosphor-icons/react";
-import se, { useState as c, useRef as M, useEffect as x, useCallback as z } from "react";
-const le = [
+import { jsxs as z, jsx as n } from "react/jsx-runtime";
+import { FileIcon as H, ImageIcon as Y, SpeakerHighIcon as Z, VideoCameraIcon as J, FileMdIcon as Q, FileTextIcon as ee, FileZipIcon as te, FilePptIcon as ne, FileCsvIcon as ae, FileXlsIcon as ie, FileDocIcon as re, FilePdfIcon as oe, CircleNotchIcon as se, PlayIcon as $, PauseIcon as le } from "@phosphor-icons/react";
+import ce, { useState as s, useRef as M, useEffect as x, useCallback as C } from "react";
+const ue = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -11,73 +11,73 @@ const le = [
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function H(a) {
+function _(a) {
   return a.startsWith("video/") ? "video" : a.startsWith("audio/") ? "audio" : a.startsWith("image/") ? "image" : "document";
 }
-function ce(a) {
-  const r = le.find(
-    ([i]) => i.test(a)
+function de(a) {
+  const i = ue.find(
+    ([r]) => r.test(a)
   );
-  return r ? r[1] : "generic";
+  return i ? i[1] : "generic";
 }
-const ue = {
-  video: Y,
-  audio: G,
-  image: V,
-  document: $
-}, de = {
-  pdf: re,
-  doc: ae,
-  xls: ne,
-  csv: te,
-  ppt: ee,
-  zip: Q,
-  text: J,
-  markdown: Z,
-  generic: $
+const fe = {
+  video: J,
+  audio: Z,
+  image: Y,
+  document: H
+}, me = {
+  pdf: oe,
+  doc: re,
+  xls: ie,
+  csv: ae,
+  ppt: ne,
+  zip: te,
+  text: ee,
+  markdown: Q,
+  generic: H
 };
-function fe(a) {
-  const r = H(a);
-  return r !== "document" ? ue[r] : de[ce(a)];
+function he(a) {
+  const i = _(a);
+  return i !== "document" ? fe[i] : me[de(a)];
 }
-function me(a, r) {
-  return se.createElement(fe(a), r);
+function ve(a, i) {
+  return ce.createElement(he(a), i);
 }
-const he = (a, r) => a === "audio" && !r ? "bg-black/5" : "bg-black";
-function pe(a) {
-  var r, i;
-  return "touches" in a ? ((r = a.touches[0]) == null ? void 0 : r.clientX) ?? ((i = a.changedTouches[0]) == null ? void 0 : i.clientX) ?? 0 : a.clientX;
+const pe = (a, i) => a === "audio" && !i ? "bg-black/5" : "bg-black";
+function we(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;
 }
-const be = ({
+const xe = ({
   source: a,
-  mimeType: r,
-  poster: i,
-  autoPlay: _ = !1,
+  mimeType: i,
+  poster: r,
+  autoPlay: X = !1,
   playing: u,
   loop: k = !1,
-  controls: v = !0,
-  showProgress: X = !1,
+  controls: p = !0,
+  showProgress: q = !1,
   onContainerClick: N,
-  muted: C = !1
+  muted: D = !1
 }) => {
-  const D = H(r), [d, o] = c(_), R = M(u);
+  const R = _(i), [d, o] = s(X), A = M(u);
   x(() => {
-    u !== void 0 && u !== R.current && (R.current = u, o(u));
+    u !== void 0 && u !== A.current && (A.current = u, o(u));
   }, [u]);
-  const [w, g] = c(0), [f, A] = c(!1), [S, j] = c(!1), [T, q] = c(null), [K, m] = c(!1), [I, b] = c(!1), h = M(null), F = M(null), s = M(null);
+  const [w, g] = s(0), [f, S] = s(!1), [j, O] = s(!1), [L, K] = s(null), [B, m] = s(!1), [U, T] = s(!0), [I, b] = s(!1), h = M(null), F = M(null), l = M(null);
   x(() => {
-    b(!1);
+    b(!1), T(!0);
   }, [a]), x(() => {
     if (!d) {
-      s.current !== null && (cancelAnimationFrame(s.current), s.current = null);
+      l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
       return;
     }
     const e = () => {
       const t = h.current;
-      t && t.duration && !f && g(t.currentTime / t.duration), s.current = requestAnimationFrame(e);
+      t && t.duration && !f && g(t.currentTime / t.duration), l.current = requestAnimationFrame(e);
     };
-    return s.current = requestAnimationFrame(e), () => {
-      s.current !== null && cancelAnimationFrame(s.current);
+    return l.current = requestAnimationFrame(e), () => {
+      l.current !== null && cancelAnimationFrame(l.current);
     };
   }, [d, f]), x(() => {
     const e = h.current;
@@ -85,51 +85,51 @@ const be = ({
       o(!1), b(!0);
     }) : e.pause());
   }, [d]);
-  const O = z(() => {
+  const W = C(() => {
     b(!1), o(!0);
-  }, []), P = z(
+  }, []), P = C(
     (e) => {
       const t = F.current;
       if (!t) return 0;
-      const p = t.getBoundingClientRect();
+      const v = t.getBoundingClientRect();
       return Math.max(
         0,
-        Math.min(1, (pe(e) - p.left) / p.width)
+        Math.min(1, (we(e) - v.left) / v.width)
       );
     },
     []
-  ), l = z((e) => {
+  ), c = C((e) => {
     const t = h.current;
     t && t.duration && (t.currentTime = e * t.duration);
   }, []), E = (e) => {
-    e.stopPropagation(), A(!0);
+    e.stopPropagation(), S(!0);
     const t = P(e);
-    g(t), l(t);
+    g(t), c(t);
   };
   x(() => {
     if (!f) return;
-    const e = (p) => g(P(p)), t = (p) => {
-      A(!1), l(P(p));
+    const e = (v) => g(P(v)), t = (v) => {
+      S(!1), c(P(v));
     };
     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);
     };
-  }, [f, P, l]);
-  const B = T ? { aspectRatio: String(T) } : void 0, U = T ? "" : " aspect-video", y = Math.round(w * 100);
-  return /* @__PURE__ */ L(
+  }, [f, P, c]);
+  const V = L ? { aspectRatio: String(L) } : void 0, G = L ? "" : " aspect-video", y = Math.round(w * 100);
+  return /* @__PURE__ */ z(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden ${he(D, i)}${U}`,
-      style: B,
+      className: `relative cursor-pointer overflow-hidden ${pe(R, r)}${G}`,
+      style: V,
       onClick: () => {
         if (!I) {
           if (N) {
             N();
             return;
           }
-          v && o((e) => !e);
+          p && o((e) => !e);
         }
       },
       onKeyDown: (e) => {
@@ -138,32 +138,35 @@ const be = ({
             N();
             return;
           }
-          v && o((t) => !t);
+          p && o((t) => !t);
         }
       },
       children: [
-        i && /* @__PURE__ */ n(
+        r && /* @__PURE__ */ n(
           "img",
           {
-            src: i,
+            src: r,
             alt: "",
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !i && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: me(r, {
+        !r && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ve(i, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
-        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: D === "audio" ? /* @__PURE__ */ n(
+        U && r && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-20", children: /* @__PURE__ */ n("img", { src: r, alt: "", className: "h-full w-full object-cover" }) }),
+        /* @__PURE__ */ n("div", { className: "absolute inset-0", children: R === "audio" ? /* @__PURE__ */ n(
           "audio",
           {
             ref: h,
             src: a,
             loop: k,
-            muted: C,
+            muted: D,
             style: { width: "100%", height: "100%" },
             onLoadStart: () => m(!0),
-            onCanPlay: () => m(!1),
+            onCanPlay: () => {
+              m(!1), T(!1);
+            },
             onWaiting: () => m(!0),
             onPlay: () => b(!1),
             onEnded: () => {
@@ -176,18 +179,20 @@ const be = ({
           {
             ref: h,
             src: a,
-            poster: i,
+            poster: r,
             loop: k,
-            muted: C,
+            muted: D,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
             onLoadStart: () => m(!0),
-            onCanPlay: () => m(!1),
+            onCanPlay: () => {
+              m(!1), T(!1);
+            },
             onWaiting: () => m(!0),
             onPlay: () => b(!1),
             onLoadedMetadata: () => {
               const e = h.current;
-              e instanceof HTMLVideoElement && e.videoWidth && e.videoHeight && q(e.videoWidth / e.videoHeight);
+              e instanceof HTMLVideoElement && e.videoWidth && e.videoHeight && K(e.videoWidth / e.videoHeight);
             },
             onEnded: () => {
               k || (o(!1), g(0));
@@ -195,14 +200,14 @@ const be = ({
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        K && !I && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          ie,
+        B && !I && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+          se,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        I && !v && /* @__PURE__ */ n(
+        I && !p && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -210,15 +215,15 @@ const be = ({
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (e) => {
-              e.stopPropagation(), O();
+              e.stopPropagation(), W();
             },
             onKeyDown: (e) => {
-              e.key !== "Enter" && e.key !== " " || (e.preventDefault(), e.stopPropagation(), O());
+              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(W, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            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($, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
-        X && !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(
+        q && !p && /* @__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",
@@ -233,7 +238,7 @@ const be = ({
             onTouchStart: E,
             onClick: (e) => e.stopPropagation(),
             onKeyDown: (e) => {
-              e.key === "ArrowRight" && l(Math.min(1, w + 0.05)), e.key === "ArrowLeft" && l(Math.max(0, w - 0.05));
+              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",
@@ -244,7 +249,7 @@ const be = ({
             ) })
           }
         ) }),
-        v && /* @__PURE__ */ L("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: [
+        p && /* @__PURE__ */ z("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",
             {
@@ -254,10 +259,10 @@ const be = ({
               },
               className: "shrink-0 text-white",
               "aria-label": d ? "Pause" : "Play",
-              children: d ? /* @__PURE__ */ n(oe, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(W, { className: "size-5 translate-x-px", weight: "fill" })
+              children: d ? /* @__PURE__ */ n(le, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n($, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
-          /* @__PURE__ */ L(
+          /* @__PURE__ */ z(
             "div",
             {
               role: "slider",
@@ -271,16 +276,16 @@ const be = ({
               onMouseDown: E,
               onTouchStart: E,
               onClick: (e) => e.stopPropagation(),
-              onMouseEnter: () => j(!0),
-              onMouseLeave: () => j(!1),
+              onMouseEnter: () => O(!0),
+              onMouseLeave: () => O(!1),
               onKeyDown: (e) => {
-                e.key === "ArrowRight" && l(Math.min(1, w + 0.05)), e.key === "ArrowLeft" && l(Math.max(0, w - 0.05));
+                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 ${S || f ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${j || f ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
@@ -293,7 +298,7 @@ const be = ({
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${S || f ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${j || f ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${y}%` }
                   }
                 )
@@ -306,8 +311,8 @@ const be = ({
   );
 };
 export {
-  be as M,
-  H as g,
-  me as r
+  xe as M,
+  _ as g,
+  ve as r
 };
-//# sourceMappingURL=MediaPlayer-DXz4IBLx.js.map
+//# sourceMappingURL=MediaPlayer-Bf-xPB8Z.js.map

package/dist/MediaPlayer-Bf-xPB8Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPlayer-Bf-xPB8Z.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, type AttachmentSourceType } from '../utils/mimeType'\n\nconst getPlayerBg = (sourceType: AttachmentSourceType, poster?: string) =>\n  sourceType === 'audio' && !poster ? 'bg-black/5' : 'bg-black'\n\nfunction getClientXFromEvent(\n  e: MouseEvent | TouchEvent | React.MouseEvent | React.TouchEvent\n): 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  onContainerClick?: () => void\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  onContainerClick,\n  muted = false,\n}) => {\n  const sourceType = getSourceType(mimeType)\n  const [playing, setPlaying] = useState(autoPlay)\n\n  // Sync controlled playing prop to internal state\n  const prevPlayingPropRef = useRef(playingProp)\n  useEffect(() => {\n    if (\n      playingProp !== undefined &&\n      playingProp !== prevPlayingPropRef.current\n    ) {\n      prevPlayingPropRef.current = playingProp\n      setPlaying(playingProp)\n    }\n  }, [playingProp])\n  const [played, setPlayed] = useState(0)\n  const [seeking, setSeeking] = useState(false)\n  const [scrubberHovered, setScrubberHovered] = useState(false)\n  const [videoAspect, setVideoAspect] = useState<number | null>(null)\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  /** Set when autoplay/play() was rejected so user can start via gesture (no controls UI). */\n  const [manualPlayRequired, setManualPlayRequired] = useState(false)\n  const playerRef = useRef<HTMLMediaElement>(null)\n  const trackRef = useRef<HTMLDivElement>(null)\n  const rafRef = useRef<number | null>(null)\n\n  useEffect(() => {\n    setManualPlayRequired(false)\n    setInitialLoad(true)\n  }, [source])\n\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  const startPlaybackFromGesture = useCallback(() => {\n    setManualPlayRequired(false)\n    setPlaying(true)\n  }, [])\n\n  const getFraction = useCallback(\n    (e: MouseEvent | TouchEvent | React.MouseEvent | React.TouchEvent) => {\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  )\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  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  // 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 ${getPlayerBg(sourceType, poster)}${aspectClass}`}\n      style={aspectStyle}\n      onClick={() => {\n        if (manualPlayRequired) return\n        if (onContainerClick) {\n          onContainerClick()\n          return\n        }\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 (onContainerClick) {\n          onContainerClick()\n          return\n        }\n        if (controls) setPlaying((p) => !p)\n      }}\n    >\n      {poster && (\n        <img\n          src={poster}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n        />\n      )}\n      {!poster && (\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      {initialLoad && poster && (\n        <div className=\"absolute inset-0 z-20\">\n          <img src={poster} alt=\"\" className=\"h-full w-full object-cover\" />\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={() => { setBuffering(false); setInitialLoad(false) }}\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            poster={poster}\n            loop={loop}\n            muted={muted}\n            playsInline\n            style={{ width: '100%', height: '100%' }}\n            onLoadStart={() => setBuffering(true)}\n            onCanPlay={() => { setBuffering(false); setInitialLoad(false) }}\n            onWaiting={() => setBuffering(true)}\n            onPlay={() => setManualPlayRequired(false)}\n            onLoadedMetadata={() => {\n              const el = playerRef.current\n              if (el instanceof HTMLVideoElement && el.videoWidth && el.videoHeight) {\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","getPlayerBg","poster","getClientXFromEvent","e","_a","_b","MediaPlayer","source","autoPlay","playingProp","loop","controls","showProgress","onContainerClick","muted","playing","setPlaying","useState","prevPlayingPropRef","useRef","useEffect","played","setPlayed","seeking","setSeeking","scrubberHovered","setScrubberHovered","videoAspect","setVideoAspect","buffering","setBuffering","initialLoad","setInitialLoad","manualPlayRequired","setManualPlayRequired","playerRef","trackRef","rafRef","tick","el","err","startPlaybackFromGesture","useCallback","getFraction","track","rect","seekTo","fraction","handleTrackPointerDown","onMove","onUp","aspectStyle","aspectClass","scrubberPercent","jsxs","p","jsx","CircleNotchIcon","PlayIcon","PauseIcon"],"mappings":"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"}

package/dist/Visitor-C4WqnN8H.js

@@ -0,0 +1,218 @@
+import { jsxs as o, jsx as e, Fragment as g } from "react/jsx-runtime";
+import { CheckCircleIcon as U, LockOpenIcon as I, DownloadSimpleIcon as M, LockSimpleIcon as O } from "@phosphor-icons/react";
+import { useState as b, useEffect as S } from "react";
+import { g as R, r as k, M as A } from "./MediaPlayer-Bf-xPB8Z.js";
+const w = (s) => s === "paid" ? I : O, j = (s) => {
+  const { icon: t, loading: a } = s;
+  return /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/30", children: /* @__PURE__ */ e("div", { className: "absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60", children: a ? /* @__PURE__ */ o("span", { className: "flex items-center gap-[2px]", children: [
+    /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce [animation-delay:-0.3s]" }),
+    /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce [animation-delay:-0.15s]" }),
+    /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce" })
+  ] }) : /* @__PURE__ */ e(t, { className: "size-4 text-white", weight: "fill" }) }) });
+}, D = (s) => {
+  const { thumbnail: t, mimeType: a, LockIcon: i, loading: n } = s;
+  return /* @__PURE__ */ o("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: [
+    t ? /* @__PURE__ */ e(
+      "img",
+      {
+        src: t,
+        alt: "",
+        className: "absolute inset-0 h-full w-full object-cover"
+      }
+    ) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: k(a, {
+      className: "size-12 text-black/20",
+      weight: "regular"
+    }) }),
+    /* @__PURE__ */ e(j, { icon: i, loading: n })
+  ] });
+}, E = (s) => {
+  const { source: t, thumbnail: a, mimeType: i, title: n, paymentStatus: l, isLocked: c, loading: d } = s, [m, r] = b(!1);
+  return S(() => {
+    r(!1);
+  }, [t]), c ? /* @__PURE__ */ e(
+    D,
+    {
+      thumbnail: a,
+      mimeType: i,
+      LockIcon: w(l),
+      loading: d
+    }
+  ) : /* @__PURE__ */ e("div", { className: "relative overflow-hidden bg-black/5", children: /* @__PURE__ */ e(
+    "img",
+    {
+      src: t,
+      alt: n,
+      className: `block w-full transition-opacity duration-300 ${m ? "opacity-100" : "opacity-0"}`,
+      onLoad: () => r(!0)
+    }
+  ) });
+}, F = (s) => {
+  const { thumbnail: t, mimeType: a, paymentStatus: i, isLocked: n, loading: l } = s;
+  return /* @__PURE__ */ o("div", { className: "relative aspect-video overflow-hidden bg-black/5", children: [
+    t ? /* @__PURE__ */ e(
+      "img",
+      {
+        src: t,
+        alt: "",
+        className: "absolute inset-0 h-full w-full object-cover"
+      }
+    ) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: k(a, {
+      className: "size-12 text-black/20",
+      weight: "regular"
+    }) }),
+    n && /* @__PURE__ */ e(j, { icon: w(i), loading: l })
+  ] });
+}, V = (s) => {
+  const { source: t, thumbnail: a, mimeType: i, paymentStatus: n, isLocked: l, loading: c } = s;
+  return l ? /* @__PURE__ */ e(
+    D,
+    {
+      thumbnail: a,
+      mimeType: i,
+      LockIcon: w(n),
+      loading: c
+    }
+  ) : /* @__PURE__ */ e(A, { source: t, mimeType: i, poster: a });
+}, z = () => /* @__PURE__ */ o("span", { className: "flex items-center gap-1", children: [
+  /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce [animation-delay:-0.3s]" }),
+  /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce [animation-delay:-0.15s]" }),
+  /* @__PURE__ */ e("span", { className: "size-1 rounded-full bg-white animate-bounce" })
+] }), $ = (s) => {
+  const { isLocked: t, unlockLoading: a, downloadLoading: i, paymentStatus: n, source: l, onUnlock: c, onDownload: d } = s, m = w(n);
+  return t && c ? /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: c,
+      disabled: a,
+      className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white disabled:opacity-70",
+      children: a ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ o(g, { children: [
+        n === "paid" ? /* @__PURE__ */ e(I, { className: "size-4", weight: "fill" }) : /* @__PURE__ */ e(m, { className: "size-4", weight: "fill" }),
+        n === "paid" ? "Open" : "Unlock"
+      ] })
+    }
+  ) : !t && d && l ? /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: d,
+      disabled: i,
+      className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white disabled:opacity-70",
+      children: i ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ o(g, { children: [
+        /* @__PURE__ */ e(M, { className: "size-4", weight: "bold" }),
+        "Download"
+      ] })
+    }
+  ) : null;
+}, J = (s) => {
+  const {
+    title: t,
+    amountText: a,
+    thumbnail: i,
+    source: n,
+    mimeType: l = "application/octet-stream",
+    detail: c,
+    onUnlock: d,
+    onDownload: m,
+    paymentStatus: r
+  } = s, [u, y] = b(n), [f, N] = b(!1), [T, v] = b(!1);
+  S(() => {
+    n !== void 0 && y(n);
+  }, [n]);
+  const p = u === void 0, L = R(l), P = async () => {
+    if (d) {
+      N(!0);
+      try {
+        const x = await d();
+        y(x.source);
+      } catch {
+      } finally {
+        N(!1);
+      }
+    }
+  }, C = async () => {
+    if (m) {
+      v(!0);
+      try {
+        await m();
+      } catch {
+      } finally {
+        v(!1);
+      }
+    }
+  };
+  let h;
+  return L === "image" ? h = /* @__PURE__ */ e(
+    E,
+    {
+      source: u,
+      thumbnail: i,
+      mimeType: l,
+      title: t,
+      paymentStatus: r,
+      isLocked: p,
+      loading: f
+    }
+  ) : L === "document" ? h = /* @__PURE__ */ e(
+    F,
+    {
+      thumbnail: i,
+      mimeType: l,
+      paymentStatus: r,
+      isLocked: p,
+      loading: f
+    }
+  ) : h = /* @__PURE__ */ e(
+    V,
+    {
+      source: u,
+      thumbnail: i,
+      mimeType: l,
+      paymentStatus: r,
+      isLocked: p,
+      loading: f
+    }
+  ), /* @__PURE__ */ o("div", { className: "w-[280px] select-none overflow-hidden rounded-3xl bg-white shadow-card", children: [
+    h,
+    /* @__PURE__ */ o("div", { className: "px-4 pb-3 pt-3", children: [
+      /* @__PURE__ */ e("p", { className: "mb-1.5 truncate text-base font-medium text-black", children: t }),
+      /* @__PURE__ */ o("div", { className: "flex items-center gap-1", children: [
+        k(l, {
+          className: "size-5 shrink-0 text-black/55",
+          weight: "regular"
+        }),
+        c && /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: c }),
+        r === "paid" ? /* @__PURE__ */ o(g, { children: [
+          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: "•" }),
+          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-[#008236]", children: "Purchased" }),
+          /* @__PURE__ */ e(
+            U,
+            {
+              className: "size-4 text-[#008236]",
+              weight: "bold"
+            }
+          )
+        ] }) : a && /* @__PURE__ */ o(g, { children: [
+          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: "•" }),
+          /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: a })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(
+        $,
+        {
+          isLocked: p,
+          unlockLoading: f,
+          downloadLoading: T,
+          paymentStatus: r,
+          source: u,
+          onUnlock: d ? P : void 0,
+          onDownload: m ? C : void 0
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  J as default
+};
+//# sourceMappingURL=Visitor-C4WqnN8H.js.map