@linktr.ee/messaging-react 3.13.0-rc-1783924547 → 3.13.1-rc-1784219498

package/dist/{Card-CQcaDQQj.js → Card-DRuAkKPA.js}

@@ -1,10 +1,10 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { PlayIcon as B, LockOpenIcon as q, LockSimpleIcon as V, CaretLeftIcon as F, CaretRightIcon as H, ImagesIcon as J, DownloadSimpleIcon as R, XIcon as Q, PencilSimpleIcon as W } from "@phosphor-icons/react";
-import y, { useState as k, useRef as I, useCallback as L, useEffect as Y } from "react";
-import v from "classnames";
-import { r as A, g as T, A as G } from "./index-C-dn7Ime.js";
-import { L as Z, P as O } from "./LoadingDots-Ct3WmVlT.js";
-const z = ({
+import { PlayIcon as B, LockOpenIcon as F, LockSimpleIcon as V, CaretLeftIcon as H, CaretRightIcon as J, ImagesIcon as Q, DownloadSimpleIcon as R, XIcon as W, PencilSimpleIcon as Y } from "@phosphor-icons/react";
+import P, { useState as y, useRef as z, useCallback as T, useEffect as Z } from "react";
+import g from "classnames";
+import { r as A, g as L, o as G, A as O } from "./index-5x3u5nJw.js";
+import { L as ee, P as _ } from "./LoadingDots-Ct3WmVlT.js";
+const U = ({
   variant: t,
   title: a,
   placeholderTitle: n = "Attachment title",
@@ -16,7 +16,7 @@ const z = ({
   trailingAction: d
 }) => {
   const l = t === "dark", o = a || n, f = !a, m = u ?? A(r, {
-    className: v(
+    className: g(
       "size-5 shrink-0",
       l ? "text-white/55" : "text-black/55"
     ),
@@ -28,7 +28,7 @@ const z = ({
         o.trim() !== "" && /* @__PURE__ */ e(
           "p",
           {
-            className: v("truncate text-base font-medium leading-6", {
+            className: g("truncate text-base font-medium leading-6", {
               "text-black/90": !l && !f,
               "text-black/30": !l && f,
               "text-white/30": l && f,
@@ -42,7 +42,7 @@ const z = ({
           i != null && i !== "" && /* @__PURE__ */ e(
             "span",
             {
-              className: v(
+              className: g(
                 "text-xs font-medium",
                 l ? "text-white/55" : "text-black/55"
               ),
@@ -56,17 +56,17 @@ const z = ({
     ] }),
     c
   ] });
-}, _ = ({
+}, E = ({
   paymentStatus: t,
   mimeType: a,
   isPlayable: n,
   isLocked: r
 }) => {
-  const i = a ? T(a) : void 0, c = (n ?? (i === "video" || i === "audio")) && !r ? B : t === "paid" ? q : V;
+  const i = a ? L(a) : void 0, c = (n ?? (i === "video" || i === "audio")) && !r ? B : t === "paid" ? F : V;
   return /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(
     "div",
     {
-      className: v(
+      className: g(
         "flex size-12 items-center justify-center rounded-full bg-black/30 text-white",
         c === B && "group-hover:bg-black/40"
       ),
@@ -74,11 +74,11 @@ const z = ({
     }
   ) });
 };
-function ee(t) {
-  const a = T(t.mimeType);
+function te(t) {
+  const a = L(t.mimeType);
   return a === "video" || a === "audio";
 }
-const te = ({
+const ae = ({
   variant: t,
   gallery: a,
   title: n,
@@ -86,15 +86,17 @@ const te = ({
   paymentStatus: i,
   topRight: s
 }) => {
-  const [c, u] = k(0), d = a.length, l = Math.min(c, d - 1), o = a[l], f = ee(o), m = (g) => {
-    g.stopPropagation(), u((p) => Math.max(0, p - 1));
-  }, w = (g) => {
-    g.stopPropagation(), u((p) => Math.min(d - 1, p + 1));
-  }, x = l === 0, b = l === d - 1, N = t === "dark";
+  const [c, u] = y(0), d = a.length, l = Math.min(c, d - 1), o = a[l], f = te(o), m = G(
+    o.thumbnailUrl
+  ), x = (N) => {
+    N.stopPropagation(), u((k) => Math.max(0, k - 1));
+  }, p = (N) => {
+    N.stopPropagation(), u((k) => Math.min(d - 1, k + 1));
+  }, b = l === 0, w = l === d - 1, v = t === "dark";
   return /* @__PURE__ */ h(
     "div",
     {
-      className: v(
+      className: g(
         "group relative overflow-hidden rounded-t-md",
         r ? "aspect-[337/386]" : void 0
       ),
@@ -102,14 +104,14 @@ const te = ({
         r ? /* @__PURE__ */ e(
           "div",
           {
-            className: v(
+            className: g(
               "absolute inset-0",
-              N ? "bg-white/10" : "bg-black/5"
+              v ? "bg-white/10" : "bg-black/5"
             ),
             children: o.thumbnailUrl && /* @__PURE__ */ e(
               "img",
               {
-                src: o.thumbnailUrl,
+                src: m ?? o.thumbnailUrl,
                 alt: "",
                 "aria-hidden": !0,
                 draggable: !1,
@@ -118,7 +120,7 @@ const te = ({
             )
           }
         ) : /* @__PURE__ */ e(
-          G,
+          O,
           {
             mimeType: o.mimeType,
             sourceUrl: o.sourceUrl,
@@ -130,40 +132,40 @@ const te = ({
           l
         ),
         r && /* @__PURE__ */ e(
-          _,
+          E,
           {
             paymentStatus: i,
             isPlayable: f,
             isLocked: r
           }
         ),
-        d > 1 && /* @__PURE__ */ h(y.Fragment, { children: [
+        d > 1 && /* @__PURE__ */ h(P.Fragment, { children: [
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: m,
-              disabled: x,
+              onClick: x,
+              disabled: b,
               "aria-label": "Previous item",
-              className: v(
+              className: g(
                 "absolute left-3 top-1/2 -translate-y-1/2 flex size-7 items-center justify-center rounded-full bg-black/30 text-white transition-opacity",
-                x ? "opacity-40" : "hover:bg-black/40"
+                b ? "opacity-40" : "hover:bg-black/40"
               ),
-              children: /* @__PURE__ */ e(F, { className: "size-5", weight: "bold" })
+              children: /* @__PURE__ */ e(H, { className: "size-5", weight: "bold" })
             }
           ),
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: w,
-              disabled: b,
+              onClick: p,
+              disabled: w,
               "aria-label": "Next item",
-              className: v(
+              className: g(
                 "absolute right-3 top-1/2 -translate-y-1/2 flex size-7 items-center justify-center rounded-full bg-black/30 text-white transition-opacity",
-                b ? "opacity-40" : "hover:bg-black/40"
+                w ? "opacity-40" : "hover:bg-black/40"
               ),
-              children: /* @__PURE__ */ e(H, { className: "size-5", weight: "bold" })
+              children: /* @__PURE__ */ e(J, { className: "size-5", weight: "bold" })
             }
           ),
           /* @__PURE__ */ e("div", { className: "pointer-events-none absolute bottom-10 left-1/2 flex size-8 -translate-x-1/2 items-center justify-center rounded-full bg-black/30", children: /* @__PURE__ */ h("span", { className: "text-xs font-medium leading-none text-white", children: [
@@ -176,7 +178,7 @@ const te = ({
       ]
     }
   );
-}, ae = ({
+}, ie = ({
   variant: t,
   mimeType: a,
   thumbnailUrl: n,
@@ -187,31 +189,33 @@ const te = ({
   topRight: u,
   containedImage: d = !1
 }) => {
-  const l = s || i == null ? void 0 : i.sourceUrl, o = s ? n : (i == null ? void 0 : i.thumbnailUrl) ?? n, f = t === "dark";
+  const l = s || i == null ? void 0 : i.sourceUrl, o = s ? n : (i == null ? void 0 : i.thumbnailUrl) ?? n, f = G(
+    o
+  ), m = t === "dark";
   return /* @__PURE__ */ h("div", { className: "relative overflow-hidden rounded-t-md", children: [
     s ? /* @__PURE__ */ h(
       "div",
       {
-        className: v(
+        className: g(
           "relative aspect-video overflow-hidden",
-          f ? "bg-white/10" : "bg-black/5"
+          m ? "bg-white/10" : "bg-black/5"
         ),
         children: [
           o ? /* @__PURE__ */ e(
             "img",
             {
-              src: o,
+              src: f ?? o,
               alt: "",
               "aria-hidden": !0,
               draggable: !1,
               className: "absolute inset-0 h-full w-full scale-110 object-cover blur-[40px]"
             }
           ) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: A(a, {
-            className: f ? "size-12 text-white/20" : "size-12 text-black/20",
+            className: m ? "size-12 text-white/20" : "size-12 text-black/20",
             weight: "regular"
           }) }),
           /* @__PURE__ */ e(
-            _,
+            E,
             {
               paymentStatus: c,
               mimeType: a,
@@ -221,7 +225,7 @@ const te = ({
         ]
       }
     ) : /* @__PURE__ */ e(
-      G,
+      O,
       {
         mimeType: a,
         sourceUrl: l,
@@ -234,12 +238,12 @@ const te = ({
     ),
     u && /* @__PURE__ */ e("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: u })
   ] });
-}, P = (t) => t.length >= 2, U = (t) => /* @__PURE__ */ e(
-  J,
+}, I = (t) => t.length >= 2, j = (t) => /* @__PURE__ */ e(
+  Q,
   {
     className: t === "dark" ? "size-5 shrink-0 text-white/55" : "size-5 shrink-0 text-black/55"
   }
-), j = ({
+), D = ({
   variant: t,
   gallery: a,
   title: n,
@@ -250,8 +254,8 @@ const te = ({
   source: u,
   containedImage: d,
   topRight: l
-}) => P(a) ? /* @__PURE__ */ e(
-  te,
+}) => I(a) ? /* @__PURE__ */ e(
+  ae,
   {
     variant: t,
     gallery: a,
@@ -261,7 +265,7 @@ const te = ({
     topRight: l
   }
 ) : /* @__PURE__ */ e(
-  ae,
+  ie,
   {
     variant: t,
     mimeType: s,
@@ -273,7 +277,7 @@ const te = ({
     topRight: l,
     containedImage: d
   }
-), D = ({
+), M = ({
   variant: t,
   children: a,
   rootRef: n,
@@ -283,14 +287,14 @@ const te = ({
   {
     ref: n,
     "data-testid": r,
-    className: v(
+    className: g(
       "relative w-[280px] select-none overflow-hidden rounded-md",
       t === "dark" ? "bg-[#1e2330]" : "bg-white",
       "shadow-[0_1px_2px_rgba(0,0,0,0.08)]"
     ),
     children: a
   }
-), E = ({
+), S = ({
   onToggle: t,
   isBusy: a,
   isPreviewVisible: n,
@@ -311,13 +315,13 @@ const te = ({
     className: a ? "block w-full text-left" : "block w-full cursor-pointer text-left",
     children: r
   }
-) : /* @__PURE__ */ e(y.Fragment, { children: r });
-function S({
+) : /* @__PURE__ */ e(P.Fragment, { children: r });
+function K({
   isGallery: t,
   onFetchSource: a,
   onPreviewClick: n
 }) {
-  const [r, i] = k(), [s, c] = k(!1), [u, d] = k(!1), l = I(!1), o = L(async () => {
+  const [r, i] = y(), [s, c] = y(!1), [u, d] = y(!1), l = z(!1), o = T(async () => {
     if (n == null || n(), s) {
       c(!1);
       return;
@@ -348,14 +352,14 @@ function S({
     togglePreview: f
   };
 }
-function ie({
+function re({
   paymentStatus: t,
   onFetchSource: a,
   onUnlockClick: n
 }) {
-  const [r, i] = k(), s = I(null), c = I(!1), u = I(a);
+  const [r, i] = y(), s = z(null), c = z(!1), u = z(a);
   u.current = a;
-  const d = L(async () => {
+  const d = T(async () => {
     var o;
     if (!c.current) {
       c.current = !0;
@@ -366,10 +370,10 @@ function ie({
         c.current = !1;
       }
     }
-  }, []), l = L(() => {
+  }, []), l = T(() => {
     t === "paid" ? d() : n == null || n();
   }, [t, d, n]);
-  return Y(() => {
+  return Z(() => {
     if (!s.current || t !== "paid" || r !== void 0) return;
     const o = new IntersectionObserver(
       ([f]) => {
@@ -380,7 +384,7 @@ function ie({
     return o.observe(s.current), () => o.disconnect();
   }, [t, r, d]), { source: r, cardRef: s, handleUnlockClick: l };
 }
-const C = "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 hover:bg-[#2a2928]", re = ({
+const C = "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 hover:bg-[#2a2928]", ne = ({
   isLocked: t,
   sourceUrl: a,
   redeemUrl: n,
@@ -399,7 +403,7 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
         "aria-busy": s,
         title: s ? "Unlocking" : "Unlock",
         className: C,
-        children: s ? /* @__PURE__ */ e(Z, {}) : /* @__PURE__ */ h(y.Fragment, { children: [
+        children: s ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ h(P.Fragment, { children: [
           /* @__PURE__ */ e(V, { className: "size-4", weight: "fill" }),
           "Unlock"
         ] })
@@ -436,7 +440,7 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
     );
   }
   return null;
-}, ne = ({
+}, se = ({
   title: t,
   mimeType: a = "application/octet-stream",
   thumbnailUrl: n,
@@ -450,7 +454,7 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
   onFetchSource: o,
   onEditClick: f
 }) => {
-  const m = P(u), { source: w, isPreviewVisible: x, isLoadingPreview: b, togglePreview: N } = S({ isGallery: m, onFetchSource: o, onPreviewClick: l }), g = !x, p = b, M = /* @__PURE__ */ h(y.Fragment, { children: [
+  const m = I(u), { source: x, isPreviewVisible: p, isLoadingPreview: b, togglePreview: w } = K({ isGallery: m, onFetchSource: o, onPreviewClick: l }), v = !p, N = b, k = /* @__PURE__ */ h(P.Fragment, { children: [
     /* @__PURE__ */ e("span", { className: "text-xs font-medium text-white/55", children: "•" }),
     /* @__PURE__ */ e(
       "span",
@@ -459,64 +463,64 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
         children: i || c
       }
     )
-  ] }), K = d ? /* @__PURE__ */ e(
+  ] }), X = d ? /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      onClick: ($) => {
-        $.stopPropagation(), d();
+      onClick: (q) => {
+        q.stopPropagation(), d();
       },
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
       "aria-label": "Dismiss attachment",
-      children: /* @__PURE__ */ e(Q, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ e(W, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, X = f ? /* @__PURE__ */ e(
+  ) : void 0, $ = f ? /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       onClick: f,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ e(W, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ e(Y, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return /* @__PURE__ */ h(D, { variant: "dark", children: [
+  return /* @__PURE__ */ h(M, { variant: "dark", children: [
     /* @__PURE__ */ e(
-      E,
+      S,
       {
-        onToggle: N,
-        isBusy: p,
-        isPreviewVisible: !g,
+        onToggle: w,
+        isBusy: N,
+        isPreviewVisible: !v,
         children: /* @__PURE__ */ e(
-          j,
+          D,
           {
             variant: "dark",
             gallery: u,
             title: t,
-            showLocked: g,
+            showLocked: v,
             mimeType: a,
             thumbnailUrl: n,
-            source: w,
-            topRight: K
+            source: x,
+            topRight: X
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      z,
+      U,
       {
         variant: "dark",
         title: t,
         placeholderTitle: s,
         mimeType: a,
         detail: r,
-        statusBadge: M,
-        icon: m ? U("dark") : void 0,
-        trailingAction: X
+        statusBadge: k,
+        icon: m ? j("dark") : void 0,
+        trailingAction: $
       }
     )
   ] });
-}, se = ({
+}, le = ({
   title: t,
   mimeType: a = "application/octet-stream",
   thumbnailUrl: n,
@@ -526,7 +530,7 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
   placeholderAmountText: c,
   gallery: u = []
 }) => {
-  const d = P(u), l = /* @__PURE__ */ h(y.Fragment, { children: [
+  const d = I(u), l = /* @__PURE__ */ h(P.Fragment, { children: [
     /* @__PURE__ */ e("span", { className: "text-xs font-medium text-black/55", children: "•" }),
     /* @__PURE__ */ e(
       "span",
@@ -536,9 +540,9 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
       }
     )
   ] });
-  return /* @__PURE__ */ h(D, { variant: "light", children: [
+  return /* @__PURE__ */ h(M, { variant: "light", children: [
     /* @__PURE__ */ e(
-      j,
+      D,
       {
         variant: "light",
         gallery: u,
@@ -549,7 +553,7 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
       }
     ),
     /* @__PURE__ */ e(
-      z,
+      U,
       {
         variant: "light",
         title: t,
@@ -557,11 +561,11 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
         mimeType: a,
         detail: r,
         statusBadge: l,
-        icon: d ? U("light") : void 0
+        icon: d ? j("light") : void 0
       }
     )
   ] });
-}, le = ({
+}, oe = ({
   title: t,
   mimeType: a = "application/octet-stream",
   thumbnailUrl: n,
@@ -573,16 +577,16 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
   onPreviewClick: d,
   onFetchSource: l
 }) => {
-  const o = P(u), { source: f, isPreviewVisible: m, isLoadingPreview: w, togglePreview: x } = S({ isGallery: o, onFetchSource: l, onPreviewClick: d }), b = !m;
-  return /* @__PURE__ */ h(D, { variant: "dark", children: [
+  const o = I(u), { source: f, isPreviewVisible: m, isLoadingPreview: x, togglePreview: p } = K({ isGallery: o, onFetchSource: l, onPreviewClick: d }), b = !m;
+  return /* @__PURE__ */ h(M, { variant: "dark", children: [
     /* @__PURE__ */ e(
-      E,
+      S,
       {
-        onToggle: x,
-        isBusy: w,
+        onToggle: p,
+        isBusy: x,
         isPreviewVisible: !b,
         children: /* @__PURE__ */ e(
-          j,
+          D,
           {
             variant: "dark",
             gallery: u,
@@ -597,7 +601,7 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
       }
     ),
     /* @__PURE__ */ e(
-      z,
+      U,
       {
         variant: "dark",
         title: t,
@@ -605,14 +609,14 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
         mimeType: a,
         detail: r,
         statusBadge: /* @__PURE__ */ e(
-          O,
+          _,
           {
             isMine: !0,
             paymentStatus: c,
             amountText: i
           }
         ),
-        icon: o ? U("dark") : void 0
+        icon: o ? j("dark") : void 0
       }
     )
   ] });
@@ -629,56 +633,56 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
   paymentStatus: l,
   isUnlocking: o = !1
 }) => {
-  const f = P(s), { source: m, cardRef: w, handleUnlockClick: x } = ie({
+  const f = I(s), { source: m, cardRef: x, handleUnlockClick: p } = re({
     paymentStatus: l,
     onFetchSource: u,
     onUnlockClick: c
-  }), b = m == null ? void 0 : m.sourceUrl, N = m == null ? void 0 : m.redeemUrl, g = f ? l !== "paid" : b === void 0, p = T(r), M = f ? void 0 : b;
+  }), b = m == null ? void 0 : m.sourceUrl, w = m == null ? void 0 : m.redeemUrl, v = f ? l !== "paid" : b === void 0, N = L(r), k = f ? void 0 : b;
   return /* @__PURE__ */ h(
-    D,
+    M,
     {
       variant: "light",
-      rootRef: w,
+      rootRef: x,
       "data-testid": "locked-attachment",
       children: [
         /* @__PURE__ */ e(
-          j,
+          D,
           {
             variant: "light",
             gallery: s,
             title: t,
-            showLocked: g,
+            showLocked: v,
             paymentStatus: l,
             mimeType: r,
             thumbnailUrl: n,
             source: m,
-            containedImage: !g && p === "document"
+            containedImage: !v && N === "document"
           }
         ),
         /* @__PURE__ */ e(
-          z,
+          U,
           {
             variant: "light",
             title: t,
             mimeType: r,
             detail: i,
             statusBadge: /* @__PURE__ */ e(
-              O,
+              _,
               {
                 isMine: !1,
                 paymentStatus: l,
                 amountText: a
               }
             ),
-            icon: f ? U("light") : void 0,
+            icon: f ? j("light") : void 0,
             action: /* @__PURE__ */ e(
-              re,
+              ne,
               {
-                isLocked: g,
+                isLocked: v,
                 isUnlocking: o,
-                sourceUrl: M,
-                redeemUrl: N,
-                onUnlockClicked: x,
+                sourceUrl: k,
+                redeemUrl: w,
+                onUnlockClicked: p,
                 onDownloadClicked: d
               }
             )
@@ -687,8 +691,8 @@ const C = "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounde
       ]
     }
   );
-}, be = (t) => t.isDraft ? /* @__PURE__ */ e(ne, { ...t }) : t.isPreview ? /* @__PURE__ */ e(se, { ...t }) : t.isMine ? /* @__PURE__ */ e(le, { ...t }) : /* @__PURE__ */ e(ce, { ...t });
+}, ge = (t) => t.isDraft ? /* @__PURE__ */ e(se, { ...t }) : t.isPreview ? /* @__PURE__ */ e(le, { ...t }) : t.isMine ? /* @__PURE__ */ e(oe, { ...t }) : /* @__PURE__ */ e(ce, { ...t });
 export {
-  be as default
+  ge as default
 };
-//# sourceMappingURL=Card-CQcaDQQj.js.map
+//# sourceMappingURL=Card-DRuAkKPA.js.map