@linktr.ee/messaging-react 1.31.0-rc-1776677746 → 1.31.0

package/dist/{Creator-DGe3CQ_j.js → Card-C5t3dZ5q.js}

@@ -1,121 +1,112 @@
-import { jsxs as m, jsx as e, Fragment as j } from "react/jsx-runtime";
-import { XIcon as _, CheckCircleIcon as F, LockOpenIcon as O, LockIcon as S, PauseIcon as X, PlayIcon as D, EyeSlashIcon as M, EyeIcon as q } from "@phosphor-icons/react";
+import { jsxs as m, jsx as e, Fragment as L } from "react/jsx-runtime";
+import { PauseIcon as _, PlayIcon as F, EyeSlashIcon as M, EyeIcon as R, XIcon as S, CheckCircleIcon as X, LockOpenIcon as D, LockIcon as B } from "@phosphor-icons/react";
 import C from "classnames";
-import { useState as k, useRef as I, useEffect as P, useCallback as E } from "react";
-import { g as B, r as z, M as K } from "./MediaPlayer-BCsdmsON.js";
-const U = (c) => {
-  const { onClose: n } = c;
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      onClick: n,
-      className: "absolute left-3 top-3 z-40 flex size-8 items-center justify-center rounded-full bg-black/60 text-white",
-      "aria-label": "Close preview",
-      children: /* @__PURE__ */ e(q, { className: "size-4", weight: "fill" })
-    }
-  );
-}, T = (c) => {
-  const { thumbnailUrl: n, mimeType: o, overlayIcon: s, darkOverlay: l, onClick: r } = c;
-  return /* @__PURE__ */ m(
-    "button",
-    {
-      type: "button",
-      disabled: !r,
-      className: C(
-        "relative aspect-video block w-full overflow-hidden border-0 bg-black/5 p-0 text-left appearance-none",
-        { "cursor-pointer": !!r, "cursor-default": !r }
-      ),
-      onClick: r,
-      "aria-label": s ? "Toggle preview" : void 0,
-      children: [
-        n ? /* @__PURE__ */ e(
-          "img",
-          {
-            src: n,
-            alt: "",
-            className: "absolute inset-0 h-full w-full object-cover"
-          }
-        ) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: z(o, {
-          className: "size-12 text-black/20",
-          weight: "regular"
-        }) }),
-        l && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 bg-black/30" }),
-        s && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60 text-white", children: /* @__PURE__ */ e(s, { className: "size-4", weight: "fill" }) })
-      ]
-    }
-  );
-}, V = (c) => {
-  const { sourceUrl: n, thumbnailUrl: o, mimeType: s } = c, [l, r] = k(!1), [i, h] = k(0), [b, v] = k(!1), f = I(null), x = I(null), d = I(null);
-  P(() => {
+import { r as I, M as q, g as O } from "./MediaPlayer-BCsdmsON.js";
+import { useState as k, useRef as T, useEffect as z, useCallback as E } from "react";
+const P = ({
+  thumbnailUrl: o,
+  mimeType: a,
+  overlayIcon: s,
+  darkOverlay: r,
+  onClick: n
+}) => /* @__PURE__ */ m(
+  "button",
+  {
+    type: "button",
+    disabled: !n,
+    className: C(
+      "relative aspect-video block w-full overflow-hidden border-0 bg-black/5 p-0 text-left appearance-none",
+      { "cursor-pointer": !!n, "cursor-default": !n }
+    ),
+    onClick: n,
+    "aria-label": s ? "Toggle preview" : void 0,
+    children: [
+      o ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: o,
+          alt: "",
+          className: "absolute inset-0 h-full w-full object-cover"
+        }
+      ) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: I(a, {
+        className: "size-12 text-black/20",
+        weight: "regular"
+      }) }),
+      r && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 bg-black/30" }),
+      s && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60 text-white", children: /* @__PURE__ */ e(s, { className: "size-4", weight: "fill" }) })
+    ]
+  }
+), $ = (o) => {
+  const { sourceUrl: a, thumbnailUrl: s, mimeType: r } = o, [n, c] = k(!1), [i, h] = k(0), [b, v] = k(!1), f = T(null), w = T(null), d = T(null);
+  z(() => {
     const t = f.current;
-    t && (l ? t.play().catch(() => r(!1)) : t.pause());
-  }, [l]), P(() => {
-    if (!l) {
+    t && (n ? t.play().catch(() => c(!1)) : t.pause());
+  }, [n]), z(() => {
+    if (!n) {
       d.current !== null && cancelAnimationFrame(d.current);
       return;
     }
     const t = () => {
-      const a = f.current;
-      a && a.duration && !b && h(a.currentTime / a.duration), d.current = requestAnimationFrame(t);
+      const l = f.current;
+      l && l.duration && !b && h(l.currentTime / l.duration), d.current = requestAnimationFrame(t);
     };
     return d.current = requestAnimationFrame(t), () => {
       d.current !== null && cancelAnimationFrame(d.current);
     };
-  }, [l, b]);
-  const [w, g] = k(!1), u = E(
+  }, [n, b]);
+  const [x, g] = k(!1), u = E(
     (t) => {
-      var A, L;
-      const a = x.current;
-      if (!a) return 0;
-      const y = "touches" in t ? ((A = t.touches[0]) == null ? void 0 : A.clientX) ?? ((L = t.changedTouches[0]) == null ? void 0 : L.clientX) ?? 0 : t.clientX, N = a.getBoundingClientRect();
+      var A, j;
+      const l = w.current;
+      if (!l) return 0;
+      const y = "touches" in t ? ((A = t.touches[0]) == null ? void 0 : A.clientX) ?? ((j = t.changedTouches[0]) == null ? void 0 : j.clientX) ?? 0 : t.clientX, N = l.getBoundingClientRect();
       return Math.max(0, Math.min(1, (y - N.left) / N.width));
     },
     []
   ), p = E((t) => {
-    const a = f.current;
-    a && a.duration && (a.currentTime = t * a.duration);
+    const l = f.current;
+    l && l.duration && (l.currentTime = t * l.duration);
   }, []);
-  P(() => {
+  z(() => {
     if (!b) return;
     const t = (y) => {
       const N = u(y);
       h(N), p(N);
-    }, a = (y) => {
+    }, l = (y) => {
       v(!1), p(u(y));
     };
-    return window.addEventListener("mousemove", t), window.addEventListener("mouseup", a), window.addEventListener("touchmove", t, { passive: !0 }), window.addEventListener("touchend", a), () => {
-      window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", a), window.removeEventListener("touchmove", t), window.removeEventListener("touchend", a);
+    return window.addEventListener("mousemove", t), window.addEventListener("mouseup", l), window.addEventListener("touchmove", t, { passive: !0 }), window.addEventListener("touchend", l), () => {
+      window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", l), window.removeEventListener("touchmove", t), window.removeEventListener("touchend", l);
     };
   }, [b, u, p]);
-  const R = E(() => r((t) => !t), []);
+  const U = E(() => c((t) => !t), []);
   return /* @__PURE__ */ m("div", { className: "relative", children: [
-    n && /* @__PURE__ */ e(
+    a && /* @__PURE__ */ e(
       "audio",
       {
         ref: f,
-        src: n,
+        src: a,
         loop: !0,
         onCanPlay: () => g(!0),
         onEnded: () => {
-          r(!1), h(0);
+          c(!1), h(0);
         },
         children: /* @__PURE__ */ e("track", { kind: "captions" })
       }
     ),
     /* @__PURE__ */ e(
-      T,
+      P,
       {
-        thumbnailUrl: o,
-        mimeType: s,
-        overlayIcon: n && w ? l ? X : D : void 0,
-        onClick: n && w ? R : void 0
+        thumbnailUrl: s,
+        mimeType: r,
+        overlayIcon: a && x ? n ? _ : F : void 0,
+        onClick: a && x ? U : void 0
       }
     ),
-    n && w && /* @__PURE__ */ e("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__ */ e(
+    a && x && /* @__PURE__ */ e("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__ */ e(
       "div",
       {
-        ref: x,
+        ref: w,
         role: "slider",
         "aria-label": "Playback position",
         "aria-valuenow": Math.round(i * 100),
@@ -125,13 +116,13 @@ const U = (c) => {
         className: "relative flex h-4 w-full cursor-pointer items-center",
         onMouseDown: (t) => {
           t.stopPropagation(), v(!0);
-          const a = u(t);
-          h(a), p(a);
+          const l = u(t);
+          h(l), p(l);
         },
         onTouchStart: (t) => {
           t.stopPropagation(), v(!0);
-          const a = u(t);
-          h(a), p(a);
+          const l = u(t);
+          h(l), p(l);
         },
         onClick: (t) => t.stopPropagation(),
         onKeyDown: (t) => {
@@ -147,22 +138,56 @@ const U = (c) => {
       }
     ) })
   ] });
-}, $ = (c) => {
-  const { sourceUrl: n, thumbnailUrl: o, mimeType: s } = c, [l, r] = k(!1), i = () => r(!1);
-  return n ? /* @__PURE__ */ m(
+}, K = (o) => {
+  const { sourceUrl: a, thumbnailUrl: s, mimeType: r, title: n } = o, [c, i] = k(!1);
+  return c && a ? /* @__PURE__ */ m("div", { className: "relative", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "block w-full cursor-pointer border-0 p-0 text-left appearance-none",
+        onClick: () => i(!1),
+        "aria-label": "Close preview",
+        children: /* @__PURE__ */ e("img", { src: a, alt: n ?? "", className: "block w-full" })
+      }
+    ),
+    /* @__PURE__ */ e(V, { onClose: () => i(!1) })
+  ] }) : /* @__PURE__ */ e(
+    P,
+    {
+      thumbnailUrl: s,
+      mimeType: r,
+      overlayIcon: a ? M : void 0,
+      onClick: a ? () => i(!0) : void 0
+    }
+  );
+}, V = ({ onClose: o }) => /* @__PURE__ */ e(
+  "button",
+  {
+    type: "button",
+    onClick: o,
+    className: "absolute left-3 top-3 z-40 flex size-8 items-center justify-center rounded-full bg-black/60 text-white",
+    "aria-label": "Close preview",
+    children: /* @__PURE__ */ e(R, { className: "size-4", weight: "fill" })
+  }
+), G = (o) => {
+  const { sourceUrl: a, thumbnailUrl: s, mimeType: r } = o, [n, c] = k(!1), i = () => {
+    c(!1);
+  };
+  return a ? /* @__PURE__ */ m(
     "div",
     {
       className: C("relative overflow-hidden", {
-        "aspect-video": !l
+        "aspect-video": !n
       }),
       children: [
         /* @__PURE__ */ e(
-          K,
+          q,
           {
-            source: n,
-            mimeType: s,
-            poster: o,
-            playing: l,
+            source: a,
+            mimeType: r,
+            poster: s,
+            playing: n,
             loop: !0,
             controls: !1,
             muted: !0,
@@ -170,22 +195,22 @@ const U = (c) => {
             onContainerClick: i
           }
         ),
-        !l && /* @__PURE__ */ m(
+        !n && /* @__PURE__ */ m(
           "button",
           {
             type: "button",
             className: "absolute inset-0 block cursor-pointer border-0 p-0 text-left appearance-none",
-            onClick: () => r(!0),
+            onClick: () => c(!0),
             "aria-label": "Expand video preview",
             children: [
-              o ? /* @__PURE__ */ e(
+              s ? /* @__PURE__ */ e(
                 "img",
                 {
-                  src: o,
+                  src: s,
                   alt: "",
                   className: "absolute inset-0 h-full w-full object-cover"
                 }
-              ) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: z(s, {
+              ) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: I(r, {
                 className: "size-12 text-black/20",
                 weight: "regular"
               }) }),
@@ -193,63 +218,65 @@ const U = (c) => {
             ]
           }
         ),
-        l && /* @__PURE__ */ e(U, { onClose: i })
+        n && /* @__PURE__ */ e(H, { onClose: i })
       ]
     }
-  ) : /* @__PURE__ */ e(T, { thumbnailUrl: o, mimeType: s });
-}, G = (c) => {
-  const { sourceUrl: n, thumbnailUrl: o, mimeType: s, title: l } = c, [r, i] = k(!1);
-  return r && n ? /* @__PURE__ */ m("div", { className: "relative", children: [
-    /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        className: "block w-full cursor-pointer border-0 p-0 text-left appearance-none",
-        onClick: () => i(!1),
-        "aria-label": "Close preview",
-        children: /* @__PURE__ */ e("img", { src: n, alt: l ?? "", className: "block w-full" })
-      }
-    ),
-    /* @__PURE__ */ e(U, { onClose: () => i(!1) })
-  ] }) : /* @__PURE__ */ e(
-    T,
-    {
-      thumbnailUrl: o,
-      mimeType: s,
-      overlayIcon: n ? M : void 0,
-      onClick: n ? () => i(!0) : void 0
-    }
-  );
-}, Z = (c) => {
+  ) : /* @__PURE__ */ e(P, { thumbnailUrl: s, mimeType: r });
+}, H = ({ onClose: o }) => /* @__PURE__ */ e(
+  "button",
+  {
+    type: "button",
+    onClick: o,
+    className: "absolute left-3 top-3 z-40 flex size-8 items-center justify-center rounded-full bg-black/60 text-white",
+    "aria-label": "Close preview",
+    children: /* @__PURE__ */ e(R, { className: "size-4", weight: "fill" })
+  }
+), ee = (o) => {
   const {
-    title: n,
-    mimeType: o = "application/octet-stream",
-    thumbnailUrl: s,
-    sourceUrl: l,
-    detail: r,
+    title: a,
+    mimeType: s = "application/octet-stream",
+    thumbnailUrl: r,
+    sourceUrl: n,
+    detail: c,
     amountText: i,
     placeholderTitle: h = "Attachment title",
     placeholderAmountText: b,
     paymentStatus: v,
     onDismiss: f,
-    isPreview: x = !1
-  } = c, d = B(o), w = i ?? b, g = !i && !!b;
+    isPreview: w = !1
+  } = o, d = O(s), x = i ?? b, g = !i && !!b;
   let u;
-  return x && d === "audio" ? u = /* @__PURE__ */ e(V, { sourceUrl: l, thumbnailUrl: s, mimeType: o }, l) : x && d === "video" ? u = /* @__PURE__ */ e($, { sourceUrl: l, thumbnailUrl: s, mimeType: o }, l) : x && d === "image" ? u = /* @__PURE__ */ e(
+  return w && d === "audio" ? u = /* @__PURE__ */ e(
+    $,
+    {
+      sourceUrl: n,
+      thumbnailUrl: r,
+      mimeType: s
+    },
+    n
+  ) : w && d === "video" ? u = /* @__PURE__ */ e(
     G,
     {
-      sourceUrl: l,
-      thumbnailUrl: s,
-      mimeType: o,
-      title: n
+      sourceUrl: n,
+      thumbnailUrl: r,
+      mimeType: s
+    },
+    n
+  ) : w && d === "image" ? u = /* @__PURE__ */ e(
+    K,
+    {
+      sourceUrl: n,
+      thumbnailUrl: r,
+      mimeType: s,
+      title: a
     },
-    l
+    n
   ) : u = /* @__PURE__ */ e(
-    T,
+    P,
     {
-      thumbnailUrl: s,
-      mimeType: o,
-      overlayIcon: f ? void 0 : v === "paid" ? O : S,
+      thumbnailUrl: r,
+      mimeType: s,
+      overlayIcon: f ? void 0 : v === "paid" ? D : B,
       darkOverlay: !0
     }
   ), /* @__PURE__ */ m("div", { className: "relative w-[280px] select-none overflow-hidden rounded-[24px] bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]", children: [
@@ -260,7 +287,7 @@ const U = (c) => {
         onClick: f,
         className: "absolute right-3 top-3 z-50 flex size-8 items-center justify-center rounded-full bg-black/60 text-white",
         "aria-label": "Dismiss attachment",
-        children: /* @__PURE__ */ e(_, { className: "size-4", weight: "bold" })
+        children: /* @__PURE__ */ e(S, { className: "size-4", weight: "bold" })
       }
     ),
     u,
@@ -269,29 +296,29 @@ const U = (c) => {
         "p",
         {
           className: C("mb-1.5 truncate text-base font-medium", {
-            "text-black/30": !n,
-            "text-black": !!n
+            "text-black/30": !a,
+            "text-black": !!a
           }),
-          children: n || h
+          children: a || h
         }
       ),
       /* @__PURE__ */ m("div", { className: "flex items-center gap-1", children: [
-        z(o, {
+        I(s, {
           className: "size-5 shrink-0 text-black/55",
           weight: "regular"
         }),
-        r && /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: r }),
-        v === "paid" ? /* @__PURE__ */ m(j, { children: [
+        c && /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: c }),
+        v === "paid" ? /* @__PURE__ */ m(L, { 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(
-            F,
+            X,
             {
               className: "size-4 text-[#008236]",
               weight: "bold"
             }
           )
-        ] }) : w && /* @__PURE__ */ m(j, { children: [
+        ] }) : x && /* @__PURE__ */ m(L, { children: [
           /* @__PURE__ */ e(
             "span",
             {
@@ -309,7 +336,7 @@ const U = (c) => {
                 "text-black/30": g,
                 "text-black/55": !g
               }),
-              children: w
+              children: x
             }
           )
         ] })
@@ -318,6 +345,6 @@ const U = (c) => {
   ] });
 };
 export {
-  Z as default
+  ee as default
 };
-//# sourceMappingURL=Creator-DGe3CQ_j.js.map
+//# sourceMappingURL=Card-C5t3dZ5q.js.map

package/dist/Card-C5t3dZ5q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-C5t3dZ5q.js","sources":["../src/components/LockedAttachment/components/Creator/CardCollapsedThumbnail.tsx","../src/components/LockedAttachment/components/Creator/CardAudioPreview.tsx","../src/components/LockedAttachment/components/Creator/CardImagePreview.tsx","../src/components/LockedAttachment/components/Creator/CardVideoPreview.tsx","../src/components/LockedAttachment/components/Creator/Card.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\n\nimport { renderTypeIcon } from '../../utils/icons'\n\ninterface CollapsedThumbnailProps {\n  thumbnailUrl?: string\n  mimeType: string\n  overlayIcon?: React.ElementType\n  darkOverlay?: boolean\n  onClick?: () => void\n}\n\nconst CollapsedThumbnail: React.FC<CollapsedThumbnailProps> = ({\n  thumbnailUrl,\n  mimeType,\n  overlayIcon: OverlayIcon,\n  darkOverlay,\n  onClick,\n}) => {\n  return (\n    <button\n      type=\"button\"\n      disabled={!onClick}\n      className={classNames(\n        'relative aspect-video block w-full overflow-hidden border-0 bg-black/5 p-0 text-left appearance-none',\n        { 'cursor-pointer': !!onClick, 'cursor-default': !onClick }\n      )}\n      onClick={onClick}\n      aria-label={OverlayIcon ? 'Toggle preview' : undefined}\n    >\n      {thumbnailUrl ? (\n        <img\n          src={thumbnailUrl}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n        />\n      ) : (\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      {darkOverlay && (\n        <div className=\"pointer-events-none absolute inset-0 bg-black/30\" />\n      )}\n      {OverlayIcon && (\n        <div className=\"pointer-events-none absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60 text-white\">\n          <OverlayIcon className=\"size-4\" weight=\"fill\" />\n        </div>\n      )}\n    </button>\n  )\n}\n\nexport default CollapsedThumbnail\n","import { PauseIcon, PlayIcon } from '@phosphor-icons/react'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport CollapsedThumbnail from './CardCollapsedThumbnail'\n\ninterface AudioPreviewProps {\n  sourceUrl?: string\n  thumbnailUrl?: string\n  mimeType: string\n}\n\nconst AudioPreview: React.FC<AudioPreviewProps> = (props) => {\n  const { sourceUrl, thumbnailUrl, mimeType } = props\n  const [playing, setPlaying] = useState(false)\n  const [played, setPlayed] = useState(0)\n  const [seeking, setSeeking] = useState(false)\n  const audioRef = useRef<HTMLAudioElement>(null)\n  const trackRef = useRef<HTMLDivElement>(null)\n  const rafRef = useRef<number | null>(null)\n\n  useEffect(() => {\n    const el = audioRef.current\n    if (!el) return\n    if (playing) {\n      void el.play().catch(() => setPlaying(false))\n    } else {\n      el.pause()\n    }\n  }, [playing])\n\n  useEffect(() => {\n    if (!playing) {\n      if (rafRef.current !== null) cancelAnimationFrame(rafRef.current)\n      return\n    }\n    const tick = () => {\n      const el = audioRef.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  const [audioReady, setAudioReady] = useState(false)\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 clientX =\n        'touches' in e\n          ? (e.touches[0]?.clientX ?? e.changedTouches[0]?.clientX ?? 0)\n          : e.clientX\n      const rect = track.getBoundingClientRect()\n      return Math.max(0, Math.min(1, (clientX - rect.left) / rect.width))\n    },\n    []\n  )\n\n  const seekTo = useCallback((fraction: number) => {\n    const el = audioRef.current\n    if (el && el.duration) el.currentTime = fraction * el.duration\n  }, [])\n\n  useEffect(() => {\n    if (!seeking) return\n    const onMove = (e: MouseEvent | TouchEvent) => {\n      const f = getFraction(e)\n      setPlayed(f)\n      seekTo(f)\n    }\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  const toggle = useCallback(() => setPlaying((p) => !p), [])\n\n  return (\n    <div className=\"relative\">\n      {sourceUrl && (\n        <audio\n          ref={audioRef}\n          src={sourceUrl}\n          loop\n          onCanPlay={() => setAudioReady(true)}\n          onEnded={() => {\n            setPlaying(false)\n            setPlayed(0)\n          }}\n        >\n          <track kind=\"captions\" />\n        </audio>\n      )}\n      <CollapsedThumbnail\n        thumbnailUrl={thumbnailUrl}\n        mimeType={mimeType}\n        overlayIcon={\n          sourceUrl && audioReady ? (playing ? PauseIcon : PlayIcon) : undefined\n        }\n        onClick={sourceUrl && audioReady ? toggle : undefined}\n      />\n      {sourceUrl && audioReady && (\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            ref={trackRef}\n            role=\"slider\"\n            aria-label=\"Playback position\"\n            aria-valuenow={Math.round(played * 100)}\n            aria-valuemin={0}\n            aria-valuemax={100}\n            tabIndex={0}\n            className=\"relative flex h-4 w-full cursor-pointer items-center\"\n            onMouseDown={(e) => {\n              e.stopPropagation()\n              setSeeking(true)\n              const f = getFraction(e)\n              setPlayed(f)\n              seekTo(f)\n            }}\n            onTouchStart={(e) => {\n              e.stopPropagation()\n              setSeeking(true)\n              const f = getFraction(e)\n              setPlayed(f)\n              seekTo(f)\n            }}\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: `${Math.round(played * 100)}%` }}\n              />\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default AudioPreview\n","import { EyeIcon, EyeSlashIcon } from '@phosphor-icons/react'\nimport { useState } from 'react'\n\nimport CollapsedThumbnail from './CardCollapsedThumbnail'\n\ninterface ImagePreviewProps {\n  sourceUrl?: string\n  thumbnailUrl?: string\n  mimeType: string\n  title?: string\n}\n\nconst ImagePreview: React.FC<ImagePreviewProps> = (props) => {\n  const { sourceUrl, thumbnailUrl, mimeType, title } = props\n  const [expanded, setExpanded] = useState(false)\n\n  if (expanded && sourceUrl) {\n    return (\n      <div className=\"relative\">\n        <button\n          type=\"button\"\n          className=\"block w-full cursor-pointer border-0 p-0 text-left appearance-none\"\n          onClick={() => setExpanded(false)}\n          aria-label=\"Close preview\"\n        >\n          <img src={sourceUrl} alt={title ?? ''} className=\"block w-full\" />\n        </button>\n        <CloseButton onClose={() => setExpanded(false)} />\n      </div>\n    )\n  }\n\n  return (\n    <CollapsedThumbnail\n      thumbnailUrl={thumbnailUrl}\n      mimeType={mimeType}\n      overlayIcon={sourceUrl ? EyeSlashIcon : undefined}\n      onClick={sourceUrl ? () => setExpanded(true) : undefined}\n    />\n  )\n}\n\nconst CloseButton: React.FC<{ onClose: () => void }> = ({ onClose }) => {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClose}\n      className=\"absolute left-3 top-3 z-40 flex size-8 items-center justify-center rounded-full bg-black/60 text-white\"\n      aria-label=\"Close preview\"\n    >\n      <EyeIcon className=\"size-4\" weight=\"fill\" />\n    </button>\n  )\n}\n\nexport default ImagePreview\n","import { EyeIcon, EyeSlashIcon } from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React, { useState } from 'react'\n\nimport { renderTypeIcon } from '../../utils/icons'\nimport MediaPlayer from '../MediaPlayer'\n\nimport CollapsedThumbnail from './CardCollapsedThumbnail'\n\ninterface VideoPreviewProps {\n  sourceUrl?: string\n  thumbnailUrl?: string\n  mimeType: string\n}\n\nconst VideoPreview: React.FC<VideoPreviewProps> = (props) => {\n  const { sourceUrl, thumbnailUrl, mimeType } = props\n  const [expanded, setExpanded] = useState(false)\n\n  const collapse = () => {\n    setExpanded(false)\n  }\n\n  if (!sourceUrl) {\n    return (\n      <CollapsedThumbnail thumbnailUrl={thumbnailUrl} mimeType={mimeType} />\n    )\n  }\n\n  return (\n    <div\n      className={classNames('relative overflow-hidden', {\n        'aspect-video': !expanded,\n      })}\n    >\n      <MediaPlayer\n        source={sourceUrl}\n        mimeType={mimeType}\n        poster={thumbnailUrl}\n        playing={expanded}\n        loop={true}\n        controls={false}\n        muted={true}\n        showProgress={true}\n        onContainerClick={collapse}\n      />\n      {!expanded && (\n        <button\n          type=\"button\"\n          className=\"absolute inset-0 block cursor-pointer border-0 p-0 text-left appearance-none\"\n          onClick={() => setExpanded(true)}\n          aria-label=\"Expand video preview\"\n        >\n          {thumbnailUrl ? (\n            <img\n              src={thumbnailUrl}\n              alt=\"\"\n              className=\"absolute inset-0 h-full w-full object-cover\"\n            />\n          ) : (\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=\"pointer-events-none absolute left-3 top-3 flex size-8 items-center justify-center rounded-full bg-black/60 text-white\">\n            <EyeSlashIcon className=\"size-4\" weight=\"fill\" />\n          </div>\n        </button>\n      )}\n      {expanded && <CloseButton onClose={collapse} />}\n    </div>\n  )\n}\n\nconst CloseButton: React.FC<{ onClose: () => void }> = ({ onClose }) => {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClose}\n      className=\"absolute left-3 top-3 z-40 flex size-8 items-center justify-center rounded-full bg-black/60 text-white\"\n      aria-label=\"Close preview\"\n    >\n      <EyeIcon className=\"size-4\" weight=\"fill\" />\n    </button>\n  )\n}\n\nexport default VideoPreview\n","import {\n  CheckCircleIcon,\n  LockIcon,\n  LockOpenIcon,\n  XIcon,\n} from '@phosphor-icons/react'\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport type { LockedAttachmentBaseProps } from '../../types'\nimport { renderTypeIcon } from '../../utils/icons'\nimport { getSourceType } from '../../utils/mimeType'\n\nimport AudioPreview from './CardAudioPreview'\nimport CollapsedThumbnail from './CardCollapsedThumbnail'\nimport ImagePreview from './CardImagePreview'\nimport VideoPreview from './CardVideoPreview'\n\nexport interface CreatorCardProps extends LockedAttachmentBaseProps {\n  isPreview?: boolean\n  placeholderTitle?: string\n  placeholderAmountText?: string\n  sourceUrl?: string\n  onDismiss?: () => void\n}\n\nconst CreatorCard: React.FC<CreatorCardProps> = (props) => {\n  const {\n    title,\n    mimeType = 'application/octet-stream',\n    thumbnailUrl,\n    sourceUrl,\n    detail,\n    amountText,\n    placeholderTitle = 'Attachment title',\n    placeholderAmountText,\n    paymentStatus,\n    onDismiss,\n    isPreview = false,\n  } = props\n  const sourceType = getSourceType(mimeType)\n  const displayAmountText = amountText ?? placeholderAmountText\n  const isPlaceholderAmount = !amountText && !!placeholderAmountText\n\n  let mediaPreview: React.ReactNode\n  if (isPreview && sourceType === 'audio') {\n    mediaPreview = (\n      <AudioPreview\n        key={sourceUrl}\n        sourceUrl={sourceUrl}\n        thumbnailUrl={thumbnailUrl}\n        mimeType={mimeType}\n      />\n    )\n  } else if (isPreview && sourceType === 'video') {\n    mediaPreview = (\n      <VideoPreview\n        key={sourceUrl}\n        sourceUrl={sourceUrl}\n        thumbnailUrl={thumbnailUrl}\n        mimeType={mimeType}\n      />\n    )\n  } else if (isPreview && sourceType === 'image') {\n    mediaPreview = (\n      <ImagePreview\n        key={sourceUrl}\n        sourceUrl={sourceUrl}\n        thumbnailUrl={thumbnailUrl}\n        mimeType={mimeType}\n        title={title}\n      />\n    )\n  } else {\n    const lockedOverlayIcon = onDismiss\n      ? undefined\n      : paymentStatus === 'paid'\n        ? LockOpenIcon\n        : LockIcon\n    mediaPreview = (\n      <CollapsedThumbnail\n        thumbnailUrl={thumbnailUrl}\n        mimeType={mimeType}\n        overlayIcon={lockedOverlayIcon}\n        darkOverlay\n      />\n    )\n  }\n\n  return (\n    <div className=\"relative w-[280px] select-none overflow-hidden rounded-[24px] bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]\">\n      {onDismiss && (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          className=\"absolute right-3 top-3 z-50 flex size-8 items-center justify-center rounded-full bg-black/60 text-white\"\n          aria-label=\"Dismiss attachment\"\n        >\n          <XIcon className=\"size-4\" weight=\"bold\" />\n        </button>\n      )}\n      {mediaPreview}\n      <div className=\"px-4 pb-3 pt-3\">\n        <p\n          className={classNames('mb-1.5 truncate text-base font-medium', {\n            'text-black/30': !title,\n            'text-black': !!title,\n          })}\n        >\n          {title || placeholderTitle}\n        </p>\n        <div className=\"flex items-center gap-1\">\n          {renderTypeIcon(mimeType, {\n            className: 'size-5 shrink-0 text-black/55',\n            weight: 'regular',\n          })}\n          {detail && (\n            <span className=\"text-xs font-medium text-black/55\">{detail}</span>\n          )}\n          {paymentStatus === 'paid' ? (\n            <>\n              <span className=\"text-xs font-medium text-black/55\">•</span>\n              <span className=\"text-xs font-medium text-[#008236]\">\n                Purchased\n              </span>\n              <CheckCircleIcon\n                className=\"size-4 text-[#008236]\"\n                weight=\"bold\"\n              />\n            </>\n          ) : (\n            displayAmountText && (\n              <>\n                <span\n                  className={classNames('text-xs font-medium', {\n                    'text-black/30': isPlaceholderAmount,\n                    'text-black/55': !isPlaceholderAmount,\n                  })}\n                >\n                  •\n                </span>\n                <span\n                  className={classNames('text-xs font-medium', {\n                    'text-black/30': isPlaceholderAmount,\n                    'text-black/55': !isPlaceholderAmount,\n                  })}\n                >\n                  {displayAmountText}\n                </span>\n              </>\n            )\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default CreatorCard\n"],"names":["CollapsedThumbnail","thumbnailUrl","mimeType","OverlayIcon","darkOverlay","onClick","jsxs","classNames","jsx","AudioPreview","props","sourceUrl","playing","setPlaying","useState","played","setPlayed","seeking","setSeeking","audioRef","useRef","trackRef","rafRef","useEffect","el","tick","audioReady","setAudioReady","getFraction","useCallback","e","track","clientX","_a","_b","rect","seekTo","fraction","onMove","f","onUp","toggle","p","PauseIcon","PlayIcon","ImagePreview","title","expanded","setExpanded","CloseButton","EyeSlashIcon","onClose","EyeIcon","VideoPreview","collapse","MediaPlayer","CreatorCard","detail","amountText","placeholderTitle","placeholderAmountText","paymentStatus","onDismiss","isPreview","sourceType","getSourceType","displayAmountText","isPlaceholderAmount","mediaPreview","LockOpenIcon","LockIcon","XIcon","renderTypeIcon","Fragment","CheckCircleIcon"],"mappings":"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"}