@linktr.ee/messaging-react 3.6.0 → 3.6.1-rc-1783229373

package/dist/{index-D1XVCH1o.js → index-BPfehHDD.js}

@@ -1,12 +1,12 @@
 import { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
 import j, { createContext as et, useContext as ke, useCallback as X, useState as B, useRef as Y, useEffect as W, useId as Vn, useMemo as se, Suspense as tt } from "react";
 import { StreamChatService as Gn } from "@linktr.ee/messaging-core";
-import { StreamChat as Hn, LinkPreviewsManager as $t } from "stream-chat";
-import { Chat as Yn, DateSeparator as qn, useChannelStateContext as ge, useChatContext as pe, areMessageUIPropsEqual as Wn, useMessageReminder as Xn, useComponentContext as tn, Attachment as Kn, EditMessageModal as Jn, MessageBlocked as Zn, MessageBouncePrompt as Qn, MessageDeleted as es, MessageIsThreadReplyInChannelButtonIndicator as ts, MessageRepliesCountButton as ns, ReminderNotification as ss, StreamedMessageText as as, messageHasAttachments as rs, messageHasReactions as is, isDateSeparatorMessage as os, isMessageBlocked as ls, isMessageBounced as cs, MessageBounceModal as ds, MessageText as Bt, MessageErrorIcon as jt, Poll as us, useMessageContext as Ee, useMessageComposer as ms, useStateStore as hs, MessageInput as fs, useMessageInputContext as gs, useMessageComposerHasSendableData as ps, AttachmentPreviewList as bs, QuotedMessagePreview as vs, TextareaComposer as xs, MessageTimestamp as Ge, AIStates as He, useTypingContext as ws, useAIState as _s, Channel as Ns, WithComponents as ys, Window as Cs, MessageList as ks, ChannelList as Es, InfiniteScroll as Ss } from "stream-chat-react";
-import { StarIcon as Ke, DotsThreeIcon as Is, SpinnerGapIcon as De, SignOutIcon as Ts, ProhibitInsetIcon as Ut, FlagIcon as nn, FileIcon as sn, ImageIcon as As, SpeakerHighIcon as Ms, VideoCameraIcon as an, FileMdIcon as Rs, FileTextIcon as Ls, FileZipIcon as Ds, FilePptIcon as Ps, FileCsvIcon as zs, FileXlsIcon as Os, FileDocIcon as Fs, FilePdfIcon as $s, CircleNotchIcon as ye, PlayIcon as Je, PauseIcon as Bs, LinkIcon as js, DownloadSimpleIcon as Ce, XIcon as Be, CaretLeftIcon as Us, CaretRightIcon as we, GiftIcon as Vs, ThumbsUpIcon as Gs, ThumbsDownIcon as Hs, PencilSimpleIcon as Ys, TrashSimpleIcon as qs, ArrowUpIcon as Ws, SparkleIcon as _e, ProhibitIcon as Xs, ArrowLeftIcon as Vt } from "@phosphor-icons/react";
+import { StreamChat as Hn, LinkPreviewsManager as Bt } from "stream-chat";
+import { Chat as Yn, DateSeparator as qn, useChannelStateContext as pe, useChatContext as be, areMessageUIPropsEqual as Wn, useMessageReminder as Xn, useComponentContext as nn, Attachment as Kn, EditMessageModal as Jn, MessageBlocked as Zn, MessageBouncePrompt as Qn, MessageDeleted as es, MessageIsThreadReplyInChannelButtonIndicator as ts, MessageRepliesCountButton as ns, ReminderNotification as ss, StreamedMessageText as as, messageHasAttachments as rs, messageHasReactions as is, isDateSeparatorMessage as os, isMessageBlocked as ls, isMessageBounced as cs, MessageBounceModal as ds, MessageText as jt, MessageErrorIcon as Ut, Poll as us, useMessageContext as Ee, useMessageComposer as ms, useStateStore as hs, MessageInput as fs, useMessageInputContext as gs, useMessageComposerHasSendableData as ps, AttachmentPreviewList as bs, QuotedMessagePreview as vs, TextareaComposer as xs, MessageTimestamp as Ge, AIStates as He, useTypingContext as ws, useAIState as _s, Channel as Ns, WithComponents as ys, Window as Cs, MessageList as ks, ChannelList as Es, InfiniteScroll as Ss } from "stream-chat-react";
+import { StarIcon as Ke, DotsThreeIcon as Is, SpinnerGapIcon as De, SignOutIcon as Ts, ProhibitInsetIcon as Vt, FlagIcon as sn, FileIcon as an, ImageIcon as As, SpeakerHighIcon as Ms, VideoCameraIcon as rn, FileMdIcon as Rs, FileTextIcon as Ls, FileZipIcon as Ds, FilePptIcon as Ps, FileCsvIcon as zs, FileXlsIcon as Os, FileDocIcon as Fs, FilePdfIcon as $s, CircleNotchIcon as ye, PlayIcon as Je, PauseIcon as Bs, LinkIcon as js, DownloadSimpleIcon as Ce, XIcon as Be, CaretLeftIcon as Us, CaretRightIcon as we, GiftIcon as Vs, ThumbsUpIcon as Gs, ThumbsDownIcon as Hs, PencilSimpleIcon as Ys, TrashSimpleIcon as qs, ArrowUpIcon as Ws, SparkleIcon as _e, ProhibitIcon as Xs, ArrowLeftIcon as Gt } from "@phosphor-icons/react";
 import C from "classnames";
-import { MessageActions as Ks, DefaultDropdownActionButton as rn } from "stream-chat-react/experimental";
-const on = et({
+import { MessageActions as Ks, DefaultDropdownActionButton as on } from "stream-chat-react/experimental";
+const ln = et({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const on = et({
   refreshConnection: async () => {
   },
   debug: !1
-}), nt = () => ke(on), Zi = ({
+}), nt = () => ke(ln), Zi = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -196,7 +196,7 @@ const on = et({
     renderCount: M.current,
     willRenderChat: !!P,
     contextValueReady: !!k
-  }), /* @__PURE__ */ n(on.Provider, { value: k, children: P ? /* @__PURE__ */ n(
+  }), /* @__PURE__ */ n(ln.Provider, { value: k, children: P ? /* @__PURE__ */ n(
     Yn,
     {
       client: P,
@@ -206,7 +206,7 @@ const on = et({
       children: e
     }
   ) : e });
-}, Js = () => nt(), ln = (e) => {
+}, Js = () => nt(), cn = (e) => {
   var a, r;
   const [t, s] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -251,14 +251,14 @@ const ea = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]
 function ta(e) {
   return ea.test(e.trim());
 }
-function Gt(e, t) {
+function Ht(e, t) {
   const s = e == null ? void 0 : e.trim();
   return !s || t && s === t ? !1 : !ta(s);
 }
-function cn(e) {
-  return Gt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Gt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function dn(e) {
+  return Ht(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Ht(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Ht = [
+const Yt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -294,14 +294,14 @@ function na(e) {
   }
   return Math.abs(t);
 }
-function dn(e) {
-  return Ht[na(e) % Ht.length];
+function un(e) {
+  return Yt[na(e) % Yt.length];
 }
 function sa(e) {
-  return dn(e).emoji;
+  return un(e).emoji;
 }
 function aa(e) {
-  return dn(e).bgColor;
+  return un(e).bgColor;
 }
 const ae = ({
   id: e,
@@ -480,7 +480,7 @@ const ae = ({
     ...a,
     children: s
   }
-), Yt = ({
+), qt = ({
   channel: e,
   participant: t,
   showDeleteConversation: s = !0,
@@ -578,7 +578,7 @@ const ae = ({
               disabled: T,
               "aria-busy": T,
               children: [
-                T ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ut, { className: "h-5 w-5" }),
+                T ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Vt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
@@ -589,13 +589,13 @@ const ae = ({
               disabled: T,
               "aria-busy": T,
               children: [
-                T ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ut, { className: "h-5 w-5" }),
+                T ? /* @__PURE__ */ n(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Vt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
           r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(ve, { variant: "danger", onClick: P, children: [
-            /* @__PURE__ */ n(nn, { className: "h-5 w-5" }),
+            /* @__PURE__ */ n(sn, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
           g
@@ -608,7 +608,7 @@ function la(e) {
   return e != null && e.length ? e.some((t) => t.type === Qe) ? "down" : e.some((t) => t.type === Ze) ? "up" : null : null;
 }
 function ca(e) {
-  const { channel: t } = ge(), { client: s } = pe("useMessageVote"), a = se(
+  const { channel: t } = pe(), { client: s } = be("useMessageVote"), a = se(
     () => la(e.own_reactions),
     [e.own_reactions]
   ), r = X(async () => {
@@ -637,7 +637,7 @@ function ca(e) {
 function da(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function un({
+function mn({
   message: e,
   viewerLanguage: t
 }) {
@@ -645,13 +645,13 @@ function un({
   const s = e == null ? void 0 : e.text, a = da(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const ua = j.lazy(() => import("./Card-COTwOzVb.js")), ma = j.lazy(() => import("./Card-ra-g17Ur.js")), ha = j.lazy(() => import("./Card-J8f28GLS.js")), at = () => /* @__PURE__ */ n(
+const ua = j.lazy(() => import("./Card-CxS7GNqp.js")), ma = j.lazy(() => import("./Card-BrC7mKtr.js")), ha = j.lazy(() => import("./Card-B0lzpuYf.js")), at = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), fa = (e) => /* @__PURE__ */ n(tt, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ua, { ...e }) }), mn = (e) => /* @__PURE__ */ n(tt, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ma, { ...e }) }), hn = (e) => /* @__PURE__ */ n(tt, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ha, { ...e }) }), ga = mn, pa = hn, qt = { Composer: fa, Sent: mn, Received: hn, Creator: ga, Visitor: pa }, ba = [
+), fa = (e) => /* @__PURE__ */ n(tt, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ua, { ...e }) }), hn = (e) => /* @__PURE__ */ n(tt, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ma, { ...e }) }), fn = (e) => /* @__PURE__ */ n(tt, { fallback: /* @__PURE__ */ n(at, {}), children: /* @__PURE__ */ n(ha, { ...e }) }), ga = hn, pa = fn, Wt = { Composer: fa, Sent: hn, Received: fn, Creator: ga, Visitor: pa }, ba = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -664,17 +664,17 @@ const ua = j.lazy(() => import("./Card-COTwOzVb.js")), ma = j.lazy(() => import(
 function oe(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function fn(e) {
+function gn(e) {
   const t = ba.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
 const va = {
-  video: an,
+  video: rn,
   audio: Ms,
   image: As,
-  document: sn
+  document: an
 }, xa = {
   pdf: $s,
   doc: Fs,
@@ -684,13 +684,13 @@ const va = {
   zip: Ds,
   text: Ls,
   markdown: Rs,
-  generic: sn
+  generic: an
 };
 function wa(e) {
   const t = oe(e);
-  return t !== "document" ? va[t] : xa[fn(e)];
+  return t !== "document" ? va[t] : xa[gn(e)];
 }
-function fe(e, t) {
+function ge(e, t) {
   return j.createElement(wa(e), t);
 }
 const _a = (e) => {
@@ -787,7 +787,7 @@ const _a = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || k) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: fe(t, {
+        !s && (g === "audio" || k) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ge(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -944,7 +944,7 @@ const _a = (e) => {
       ]
     }
   );
-}, Wt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ya = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", gn = ({
+}, Xt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ya = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", pn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -1001,8 +1001,8 @@ const _a = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: fe(e, {
-        className: Wt(r),
+      children: ge(e, {
+        className: Xt(r),
         weight: "regular"
       })
     }
@@ -1018,13 +1018,13 @@ const _a = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: fe(e, {
-        className: Wt(r),
+      children: ge(e, {
+        className: Xt(r),
         weight: "regular"
       })
     }
   );
-}, pn = ({
+}, bn = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1065,7 +1065,7 @@ const _a = (e) => {
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            fe(r, {
+            ge(r, {
               className: C(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
@@ -1090,7 +1090,7 @@ const _a = (e) => {
     }
   );
 };
-function bn(e) {
+function vn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function rt(e) {
@@ -1135,12 +1135,12 @@ const it = ({ attachment: e, isMyMessage: t }) => {
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ n("div", { className: "block", children: u });
 };
-function vn(e) {
+function xn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function ot(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(vn);
+  return (t = e.attachments) == null ? void 0 : t.find(xn);
 }
 async function Ta(e, t) {
   let s;
@@ -1202,16 +1202,16 @@ function lt(e) {
     thumbnailUrl: g
   };
 }
-const xn = ({
+const wn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? bn(a) : void 0;
+  const i = a !== void 0 ? vn(a) : void 0;
   return /* @__PURE__ */ n(
-    pn,
+    bn,
     {
       variant: "dark",
       title: s,
@@ -1219,7 +1219,7 @@ const xn = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        gn,
+        pn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1230,23 +1230,23 @@ const xn = ({
       )
     }
   );
-}, wn = ({
+}, _n = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = oe(t), o = a !== void 0 ? bn(a) : void 0;
+  const i = oe(t), o = a !== void 0 ? vn(a) : void 0;
   return /* @__PURE__ */ n(
-    pn,
+    bn,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        gn,
+        pn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1284,7 +1284,7 @@ const xn = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: rt(t), children: /* @__PURE__ */ n(it, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(xn, { ...a }) : /* @__PURE__ */ n(wn, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: rt(t), children: /* @__PURE__ */ n(it, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(wn, { ...a }) : /* @__PURE__ */ n(_n, { ...a })
           }
         ) })
       }
@@ -1297,7 +1297,7 @@ const xn = ({
   if (t)
     return /* @__PURE__ */ n("div", { className: rt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(it, { attachment: t, isMyMessage: !0 }) });
   const s = lt(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(xn, { ...s }) }) : null;
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(wn, { ...s }) }) : null;
 }, La = ({
   message: e
 }) => {
@@ -1305,7 +1305,7 @@ const xn = ({
   if (t)
     return /* @__PURE__ */ n("div", { className: rt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(it, { attachment: t, isMyMessage: !1 }) });
   const s = lt(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(wn, { ...s }) }) : null;
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(_n, { ...s }) }) : null;
 }, Qi = Object.assign(Ma, {
   Creator: Ra,
   Visitor: La
@@ -1487,7 +1487,7 @@ function Wa(e, t) {
   }
   if (!e) return;
   if (oe(e) === "document") {
-    const r = fn(e), i = qa[r];
+    const r = gn(e), i = qa[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1516,7 +1516,7 @@ const Ka = {
 }, Za = {
   dark: "text-white/85",
   light: "text-black/85"
-}, _n = ({
+}, Nn = ({
   variant: e,
   filename: t,
   title: s,
@@ -1534,7 +1534,7 @@ const Ka = {
         Ja[e]
       ),
       "aria-hidden": !0,
-      children: fe(a, {
+      children: ge(a, {
         className: C("size-6", Za[e]),
         weight: "regular"
       })
@@ -1575,7 +1575,7 @@ const Ka = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function Nn(e, t) {
+async function yn(e, t) {
   const s = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -1605,7 +1605,7 @@ const Qa = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    _n,
+    Nn,
     {
       variant: e,
       filename: i,
@@ -1642,7 +1642,7 @@ const Qa = ({
     const p = c[b];
     if (!p) return;
     const _ = p.filename ?? re(p.src);
-    Nn(p.src, _);
+    yn(p.src, _);
   };
   if (c.length === 0)
     return null;
@@ -1707,7 +1707,7 @@ const Qa = ({
       children: /* @__PURE__ */ n(we, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), yn = ({
+] }), Cn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -1718,7 +1718,7 @@ const Qa = ({
 }) => {
   const [l, d] = B(!1), u = X(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), Nn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), yn(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -1907,7 +1907,7 @@ const Qa = ({
       ]
     }
   );
-}, Cn = ({
+}, kn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -1929,7 +1929,7 @@ const Qa = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        yn,
+        Cn,
         {
           url: l.src,
           filename: d,
@@ -1963,7 +1963,7 @@ const Qa = ({
       ]
     }
   ) : null;
-}, rr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", kn = ({
+}, rr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", En = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -2060,7 +2060,7 @@ const Qa = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], En = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Sn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
@@ -2091,16 +2091,16 @@ const Qa = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ie, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      Cn,
+      kn,
       {
         open: o,
-        items: En([{ src: e, alt: t }], s),
+        items: Sn([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: u
       }
     )
   ] });
-}, Sn = ({
+}, In = ({
   state: e,
   src: t,
   alt: s,
@@ -2127,12 +2127,12 @@ const Qa = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(kn, { tiles: w, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(En, { tiles: w, onTileActivate: c }) }),
         /* @__PURE__ */ n(
-          Cn,
+          kn,
           {
             open: m,
-            items: En(u, a),
+            items: Sn(u, a),
             initialIndex: f,
             onClose: v
           }
@@ -2140,7 +2140,7 @@ const Qa = ({
       ]
     }
   );
-}, cr = (e) => /* @__PURE__ */ n(lr, { ...e }), dr = (e) => /* @__PURE__ */ n(Sn, { ...e, state: "sent" }), ur = (e) => /* @__PURE__ */ n(Sn, { ...e, state: "received" }), mr = {
+}, cr = (e) => /* @__PURE__ */ n(lr, { ...e }), dr = (e) => /* @__PURE__ */ n(In, { ...e, state: "sent" }), ur = (e) => /* @__PURE__ */ n(In, { ...e, state: "received" }), mr = {
   Composer: cr,
   Sent: dr,
   Received: ur
@@ -2210,7 +2210,7 @@ const Qa = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    _n,
+    Nn,
     {
       variant: e,
       filename: i,
@@ -2253,7 +2253,7 @@ const Qa = ({
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((_, N) => {
           const T = _.filename ?? re(_.src), R = b && N === 0 ? /* @__PURE__ */ n(Ie, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            yn,
+            Cn,
             {
               url: _.src,
               filename: T,
@@ -2290,7 +2290,7 @@ const Qa = ({
   Composer: br,
   Sent: vr,
   Received: xr
-}, In = ({
+}, Tn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -2340,7 +2340,7 @@ const Qa = ({
       ]
     }
   ) : null;
-}, _r = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Je, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Tn = ({
+}, _r = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Je, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), An = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2355,7 +2355,7 @@ const Qa = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    an,
+    rn,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
@@ -2365,14 +2365,14 @@ const Qa = ({
   /* @__PURE__ */ n(_r, {})
 ] }), Nr = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Tn, { item: e, index: t })
+  content: /* @__PURE__ */ n(An, { item: e, index: t })
 }), yr = ({
   src: e,
   poster: t,
   mimeType: s,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], An = (e, t) => e.map((s, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Mn = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
@@ -2390,15 +2390,15 @@ const Qa = ({
         onClick: () => u(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(Tn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(An, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ie, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      In,
+      Tn,
       {
         open: l,
-        items: An(
+        items: Mn(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
@@ -2407,7 +2407,7 @@ const Qa = ({
       }
     )
   ] });
-}, Mn = ({
+}, Rn = ({
   state: e,
   src: t,
   poster: s,
@@ -2436,7 +2436,7 @@ const Qa = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          kn,
+          En,
           {
             tiles: b,
             onTileActivate: v,
@@ -2444,10 +2444,10 @@ const Qa = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          In,
+          Tn,
           {
             open: f,
-            items: An(g, r),
+            items: Mn(g, r),
             initialIndex: c,
             onClose: w
           }
@@ -2455,7 +2455,7 @@ const Qa = ({
       ]
     }
   );
-}, kr = (e) => /* @__PURE__ */ n(Cr, { ...e }), Er = (e) => /* @__PURE__ */ n(Mn, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(Mn, { ...e, state: "received" }), Ir = {
+}, kr = (e) => /* @__PURE__ */ n(Cr, { ...e }), Er = (e) => /* @__PURE__ */ n(Rn, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(Rn, { ...e, state: "received" }), Ir = {
   Composer: kr,
   Sent: Er,
   Received: Sr
@@ -2469,9 +2469,9 @@ const Qa = ({
   isUnlocking: () => !1
 }, Ar = {
   LockedAttachment: Tr
-}, Rn = et({}), eo = Rn.Provider;
+}, Ln = et({}), eo = Ln.Provider;
 function Mr(e) {
-  return ke(Rn)[e] ?? Ar[e];
+  return ke(Ln)[e] ?? Ar[e];
 }
 const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
@@ -2502,9 +2502,9 @@ const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }, Pr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Ln = (e) => Lr(e) || Dr(e), zr = (e) => {
+}, Dn = (e) => Lr(e) || Dr(e), zr = (e) => {
   var t;
-  return Ln(e) && !((t = e.text) != null && t.trim());
+  return Dn(e) && !((t = e.text) != null && t.trim());
 }, qe = ({
   message: e,
   standalone: t = !1,
@@ -2512,7 +2512,7 @@ const Rr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   hasAttachment: a = !1
 }) => {
   var m;
-  const r = Ln(e), i = ze(e);
+  const r = Dn(e), i = ze(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -2728,11 +2728,11 @@ const Br = {
 }, qr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, je = (e, t) => !!t && !!e && oe(e) === "audio", Dn = (e, t) => {
+}, je = (e, t) => !!t && !!e && oe(e) === "audio", bt = (e, t) => {
   if (!t || !e) return !1;
   const s = oe(e);
   return s === "video" || s === "audio";
-}, bt = "bg-[#F2F3F4]", Fe = ({
+}, vt = "bg-[#F2F3F4]", Fe = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -2785,7 +2785,7 @@ const Br = {
               "flex h-full w-full items-center justify-center",
               Yr[e]
             ),
-            children: fe(r, {
+            children: ge(r, {
               className: qr[e],
               weight: "regular"
             })
@@ -2829,7 +2829,7 @@ const Br = {
       children: /* @__PURE__ */ n(Ys, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Oe, { variant: "dark", bgClassName: bt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Oe, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
       Fe,
       {
@@ -2885,7 +2885,7 @@ const Br = {
   cta: d,
   onClick: u
 }) => {
-  const g = Dn(a, i), m = gt(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, v = je(a, i) ? bt : void 0, w = d && u ? {
+  const g = bt(a, i), m = gt(s), f = d == null && m != null && !g ? m : void 0, c = d == null && !g ? u : void 0, v = je(a, i) ? vt : void 0, w = d && u ? {
     ...d,
     onClick: () => {
       var b;
@@ -2939,14 +2939,14 @@ const Br = {
   cta: u,
   onClick: g
 }) => {
-  const m = Dn(r, o), f = gt(a), c = u == null && f != null && !m ? f : void 0, v = u == null && !m && c != null ? g : void 0;
+  const m = bt(r, o), f = gt(a), c = u == null && f != null && !m ? f : void 0, v = u == null && !m && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     Oe,
     {
       variant: "dark",
       href: c,
       onClick: v,
-      bgClassName: je(r, o) ? bt : void 0,
+      bgClassName: je(r, o) ? vt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
           Fe,
@@ -2973,7 +2973,7 @@ const Br = {
       ]
     }
   );
-}, Xt = {
+}, Kt = {
   Composer: Wr,
   Sent: Kr,
   Received: Xr
@@ -2982,13 +2982,13 @@ function L(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function Kt(e) {
+function Jt(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
 function Qr(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const s = Kt(e), a = Kt(t);
+  const s = Jt(e), a = Jt(t);
   if (s === a)
     return !0;
   if (!s.includes(a))
@@ -2996,8 +2996,8 @@ function Qr(e, t) {
   const r = s.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function Jt(e) {
-  const t = L(e.og_scrape_url) ?? L(e.title_link), s = L(e.image_url) ?? L(e.thumb_url);
+function Zt(e) {
+  const t = L(e.og_scrape_url) ?? L(e.title_link), s = L(e.image_url) ?? L(e.thumb_url), a = L(e.asset_url), r = L(e.mime_type);
   return {
     title: L(e.title),
     description: L(e.text),
@@ -3005,9 +3005,9 @@ function Jt(e) {
     thumbnailUrl: s,
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
-    sourceUrl: L(e.asset_url),
-    layout: s ? "featured" : "classic",
-    mimeType: L(e.mime_type)
+    sourceUrl: a,
+    layout: s || bt(r, a) ? "featured" : "classic",
+    mimeType: r
   };
 }
 function ei(e) {
@@ -3057,7 +3057,7 @@ function ni(e) {
 function si(e, t, s) {
   return t <= 1 ? s : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function Zt(e) {
+function Qt(e) {
   return L(e.image_url) ?? L(e.asset_url) ?? "";
 }
 function ai(e) {
@@ -3080,7 +3080,7 @@ function ri(e, t) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: Zt(a),
+            src: Qt(a),
             alt: L(a.title)
           }))
         };
@@ -3131,7 +3131,7 @@ function ri(e, t) {
   switch (e) {
     case "image":
       return {
-        src: Zt(s),
+        src: Qt(s),
         alt: L(s.title)
       };
     case "video":
@@ -3182,15 +3182,15 @@ const oi = ({
   var w;
   const a = zn(s.attachments);
   if (a.length === 0) return null;
-  const r = ti(a), i = ni(a), o = (w = s.text) == null ? void 0 : w.trim(), l = a.find((b) => b.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? Jt(l.attachments[0] ?? {}).url : void 0, u = o && Qr(o, d) ? void 0 : o;
+  const r = ti(a), i = ni(a), o = (w = s.text) == null ? void 0 : w.trim(), l = a.find((b) => b.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? Zt(l.attachments[0] ?? {}).url : void 0, u = o && Qr(o, d) ? void 0 : o;
   let g = 0, m = 0;
   const f = [], c = (b, p) => {
     const _ = g === r - 1;
     g += 1;
-    const N = t ? Xt.Sent : Xt.Received;
+    const N = t ? Kt.Sent : Kt.Received;
     f.push(
       /* @__PURE__ */ h(j.Fragment, { children: [
-        /* @__PURE__ */ n(N, { ...Jt(b) }),
+        /* @__PURE__ */ n(N, { ...Zt(b) }),
         _ && u ? /* @__PURE__ */ n("div", { className: t ? Jr : Zr, children: u }) : null
       ] }, p)
     );
@@ -3223,7 +3223,7 @@ const oi = ({
     v(b, `media-${p}`);
   }), /* @__PURE__ */ n(te, { children: f });
 }, li = (e) => {
-  var yt, Ct, kt, Et, St, It, Tt, At, Mt, Rt, Lt, Dt, Pt, zt;
+  var Ct, kt, Et, St, It, Tt, At, Mt, Rt, Lt, Dt, Pt, zt, Ot;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -3241,7 +3241,7 @@ const oi = ({
     renderText: v,
     threadList: w,
     viewerLanguage: b
-  } = e, { client: p } = pe("CustomMessage"), { channel: _ } = ge("CustomMessage"), { isUnlocking: N, onUnlockClick: T, onFetchSource: R, onDownloadClick: M } = Mr("LockedAttachment"), [D, P] = B(!1), U = Xn(c.id), { selected: z, voteUp: k, voteDown: A } = ca(c), {
+  } = e, { client: p } = be("CustomMessage"), { channel: _ } = pe("CustomMessage"), { isUnlocking: N, onUnlockClick: T, onFetchSource: R, onDownloadClick: M } = Mr("LockedAttachment"), [D, P] = B(!1), U = Xn(c.id), { selected: z, voteUp: k, voteDown: A } = ca(c), {
     Attachment: E = Kn,
     EditMessageModal: y = Jn,
     MessageActions: S,
@@ -3253,22 +3253,22 @@ const oi = ({
     ReminderNotification: q = ss,
     StreamedMessageText: x = as,
     PinIndicator: I
-  } = tn("CustomMessage"), H = rs(c), G = is(c), Z = se(
+  } = nn("CustomMessage"), H = rs(c), G = is(c), Z = se(
     () => m == null ? void 0 : m(c),
     [m, c]
   ), $ = se(() => {
-    const ce = c.attachments ?? [], me = c.shared_location ? [c.shared_location, ...ce] : ce;
-    if (!ze(c)) return me;
-    const Ot = me.filter((Ft) => !("type" in Ft) || !vn(Ft));
-    return Ot.length === me.length ? me : Ot;
+    const ce = c.attachments ?? [], he = c.shared_location ? [c.shared_location, ...ce] : ce;
+    if (!ze(c)) return he;
+    const Ft = he.filter(($t) => !("type" in $t) || !xn($t));
+    return Ft.length === he.length ? he : Ft;
   }, [c]), Q = se(
     () => zn($),
     [$]
   ), J = se(() => {
-    const ce = un({ message: c, viewerLanguage: b });
+    const ce = mn({ message: c, viewerLanguage: b });
     return ce === c.text ? c : { ...c, text: ce };
   }, [c, b]), Me = Q.length > 0, Re = Q.reduce(
-    (ce, me) => ce + me.attachments.length,
+    (ce, he) => ce + he.attachments.length,
     0
   ) === (($ == null ? void 0 : $.length) ?? 0), Le = $a(
     {
@@ -3283,9 +3283,9 @@ const oi = ({
     return /* @__PURE__ */ n(V, { message: c });
   if (ls(c))
     return /* @__PURE__ */ n(F, {});
-  const ne = !w && !!c.reply_count, le = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((yt = c.error) == null ? void 0 : yt.status) !== 403, xt = cs(c);
+  const ne = !w && !!c.reply_count, le = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((Ct = c.error) == null ? void 0 : Ct.status) !== 403, wt = cs(c);
   let de;
-  ie ? de = () => u(c) : xt && (de = () => P(!0));
+  ie ? de = () => u(c) : wt && (de = () => P(!0));
   const ue = f(), jn = C(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
@@ -3297,13 +3297,13 @@ const oi = ({
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": G,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Ct = c == null ? void 0 : c.error) == null ? void 0 : Ct.status) !== 403,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((kt = c == null ? void 0 : c.error) == null ? void 0 : kt.status) !== 403,
       "str-chat__message-with-thread-link": ne || le,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ue = c.poll_id && p.polls.fromState(c.poll_id), wt = zr(c), be = ze(c), _t = Pr(c), Ve = !!($ != null && $.length && !c.quoted_message), Nt = be && ue && Ve, Un = Me && Re && !c.quoted_message && !Ue && !Z;
+  ), Ue = c.poll_id && p.polls.fromState(c.poll_id), _t = zr(c), me = ze(c), Nt = Pr(c), Ve = !!($ != null && $.length && !c.quoted_message), yt = me && ue && Ve, Un = Me && Re && !c.quoted_message && !Ue && !Z && !me;
   return /* @__PURE__ */ h(te, { children: [
     a && /* @__PURE__ */ n(
       y,
@@ -3337,14 +3337,14 @@ const oi = ({
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: be
+              dmAgentEnabled: me
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
               className: C("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": ie || xt
+                "str-chat__simple-message--error-failed": ie || wt
               }),
               "data-testid": "message-inner",
               onClick: de,
@@ -3357,32 +3357,32 @@ const oi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: _t ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
+              children: Nt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 ue ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   S && /* @__PURE__ */ n(S, {}),
                   /* @__PURE__ */ n(
-                    qt.Sent,
+                    Wt.Sent,
                     {
-                      title: (kt = c.metadata) == null ? void 0 : kt.attachment_title,
-                      mimeType: (Et = c.metadata) == null ? void 0 : Et.attachment_mime_type,
-                      thumbnailUrl: (St = c.metadata) == null ? void 0 : St.attachment_thumbnail,
-                      amountText: (It = c.metadata) == null ? void 0 : It.amount_text,
-                      detail: (Tt = c.metadata) == null ? void 0 : Tt.attachment_detail,
-                      paymentStatus: (At = c.metadata) == null ? void 0 : At.payment_status,
+                      title: (Et = c.metadata) == null ? void 0 : Et.attachment_title,
+                      mimeType: (St = c.metadata) == null ? void 0 : St.attachment_mime_type,
+                      thumbnailUrl: (It = c.metadata) == null ? void 0 : It.attachment_thumbnail,
+                      amountText: (Tt = c.metadata) == null ? void 0 : Tt.amount_text,
+                      detail: (At = c.metadata) == null ? void 0 : At.attachment_detail,
+                      paymentStatus: (Mt = c.metadata) == null ? void 0 : Mt.payment_status,
                       onPreviewClick: () => T == null ? void 0 : T(c, _),
                       onFetchSource: async () => await (R == null ? void 0 : R(c, _))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ n(
-                    qt.Received,
+                    Wt.Received,
                     {
-                      title: (Mt = c.metadata) == null ? void 0 : Mt.attachment_title,
-                      mimeType: (Rt = c.metadata) == null ? void 0 : Rt.attachment_mime_type,
-                      thumbnailUrl: (Lt = c.metadata) == null ? void 0 : Lt.attachment_thumbnail,
-                      amountText: (Dt = c.metadata) == null ? void 0 : Dt.amount_text,
-                      detail: (Pt = c.metadata) == null ? void 0 : Pt.attachment_detail,
-                      paymentStatus: (zt = c.metadata) == null ? void 0 : zt.payment_status,
+                      title: (Rt = c.metadata) == null ? void 0 : Rt.attachment_title,
+                      mimeType: (Lt = c.metadata) == null ? void 0 : Lt.attachment_mime_type,
+                      thumbnailUrl: (Dt = c.metadata) == null ? void 0 : Dt.attachment_thumbnail,
+                      amountText: (Pt = c.metadata) == null ? void 0 : Pt.amount_text,
+                      detail: (zt = c.metadata) == null ? void 0 : zt.attachment_detail,
+                      paymentStatus: (Ot = c.metadata) == null ? void 0 : Ot.payment_status,
                       isUnlocking: N(c.id),
                       onUnlockClick: () => T == null ? void 0 : T(c, _),
                       onFetchSource: async () => await (R == null ? void 0 : R(c, _)),
@@ -3392,13 +3392,13 @@ const oi = ({
                   S && /* @__PURE__ */ n(S, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-                  Bt,
+                  jt,
                   {
                     message: J,
                     renderText: v
                   }
                 ) })
-              ] }) : wt ? (
+              ] }) : _t ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ n(qe, { message: c, standalone: !0 })
               ) : Un ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h(
@@ -3423,11 +3423,11 @@ const oi = ({
                         }
                       }
                     ),
-                    /* @__PURE__ */ n(jt, {})
+                    /* @__PURE__ */ n(Ut, {})
                   ]
                 }
               ) }) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                be && !Nt && /* @__PURE__ */ n(
+                me && !yt && /* @__PURE__ */ n(
                   qe,
                   {
                     message: c,
@@ -3450,18 +3450,18 @@ const oi = ({
                     renderText: v
                   }
                 ) : /* @__PURE__ */ n(
-                  Bt,
+                  jt,
                   {
                     message: J,
                     renderText: v
                   }
                 ),
-                /* @__PURE__ */ n(jt, {})
+                /* @__PURE__ */ n(Ut, {})
               ] }) })
             }
           ),
-          !_t && !wt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!be || Nt) && /* @__PURE__ */ n(
+          !Nt && !_t && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
+            (!me || yt) && /* @__PURE__ */ n(
               qe,
               {
                 message: c,
@@ -3469,7 +3469,7 @@ const oi = ({
                 isMyMessage: ue
               }
             ),
-            s && be && /* @__PURE__ */ n(
+            s && me && /* @__PURE__ */ n(
               Or,
               {
                 selected: z,
@@ -3501,7 +3501,7 @@ const oi = ({
   var s;
   const { handleDelete: e, message: t } = Ee("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    rn,
+    on,
     {
       onClick: e,
       "aria-label": "Delete",
@@ -3513,13 +3513,13 @@ const oi = ({
 }, mi = () => {
   const { handleFlag: e } = Ee("CustomMessageActions");
   return /* @__PURE__ */ n(
-    rn,
+    on,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(nn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(sn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, hi = () => {
@@ -3576,7 +3576,7 @@ const oi = ({
   );
 }, gi = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => $t.previewIsLoaded(t) || $t.previewIsLoading(t)
+    (t) => Bt.previewIsLoaded(t) || Bt.previewIsLoading(t)
   )
 }), pi = () => {
   const { linkPreviewsManager: e } = ms(), { linkPreviews: t } = hs(
@@ -3596,7 +3596,7 @@ const oi = ({
     // fixed-height hero would spill out of the collapsed card box.
     /* @__PURE__ */ n("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ n("div", { className: "w-full shrink-0", children: /* @__PURE__ */ n(fi, { link: r, onDismiss: s }) }, r.og_scrape_url)) })
   ) : null;
-}, vt = j.createContext(!1), to = () => ke(vt), bi = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, xt = j.createContext(!1), to = () => ke(xt), bi = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -3607,10 +3607,10 @@ const oi = ({
     children: /* @__PURE__ */ n(Ws, { weight: "bold", className: "size-4" })
   }
 ), vi = () => {
-  const e = ke(vt), { handleSubmit: t } = gs(), s = ps(), a = e || !s, {
+  const e = ke(xt), { handleSubmit: t } = gs(), s = ps(), a = e || !s, {
     SendButton: r = bi,
     AttachmentPreviewList: i = bs
-  } = tn("CustomMessageInput");
+  } = nn("CustomMessageInput");
   return (
     // min-h-0 lets the composer shrink under keyboard squeeze (the link
     // preview list inside is the scrollable region); the textarea + send row
@@ -3665,7 +3665,7 @@ const oi = ({
   composerInput: r
 }) => {
   var l;
-  const { channel: i } = ge(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
+  const { channel: i } = pe(), o = ((l = i == null ? void 0 : i.data) == null ? void 0 : l.frozen) === !0;
   return s ? /* @__PURE__ */ h(te, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
@@ -3678,7 +3678,7 @@ const oi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(vt.Provider, { value: o, children: /* @__PURE__ */ n(fs, { Input: r ?? vi }) })
+          /* @__PURE__ */ n(xt.Provider, { value: o, children: /* @__PURE__ */ n(fs, { Input: r ?? vi }) })
         ]
       }
     ),
@@ -3694,10 +3694,10 @@ const oi = ({
   "SYSTEM_AGE_SAFETY_BLOCKED"
 ], yi = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, We = "age safety guidelines.", Ci = "https://linktr.ee/s/about/contact", Qt = (e) => wi.includes(e), ki = (e) => Ni.includes(e), Ei = (e) => {
+}, We = "age safety guidelines.", Ci = "https://linktr.ee/s/about/contact", en = (e) => wi.includes(e), ki = (e) => Ni.includes(e), Ei = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (Qt(t))
+  if (en(t))
     return {
       kind: "dm-agent",
       type: t
@@ -3708,7 +3708,7 @@ const oi = ({
       type: t
     };
   const s = e.dm_agent_system_type;
-  if (Qt(s))
+  if (en(s))
     return {
       kind: "dm-agent",
       type: s
@@ -3814,11 +3814,11 @@ const oi = ({
   He.ExternalSources
 ]), Ai = ({ threadList: e }) => {
   var v, w;
-  const { channel: t, channelConfig: s, thread: a } = ge(), { client: r } = pe(), { typing: i = {} } = ws(), { aiState: o } = _s(t), l = ke(On);
+  const { channel: t, channelConfig: s, thread: a } = pe(), { client: r } = be(), { typing: i = {} } = ws(), { aiState: o } = _s(t), l = ke(On);
   if (!e && l && Ti.has(o)) {
     const b = Mi(t, (v = r.user) == null ? void 0 : v.id);
     return /* @__PURE__ */ n(
-      en,
+      tn,
       {
         avatarId: (b == null ? void 0 : b.id) ?? "ai-agent",
         avatarName: (b == null ? void 0 : b.name) ?? (b == null ? void 0 : b.id) ?? "Agent",
@@ -3844,7 +3844,7 @@ const oi = ({
     return null;
   const f = (w = m[0]) == null ? void 0 : w.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
-    en,
+    tn,
     {
       avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
@@ -3852,7 +3852,7 @@ const oi = ({
       testId: "typing-indicator"
     }
   );
-}, en = ({
+}, tn = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -3953,7 +3953,7 @@ const Ri = () => null, Li = ({ className: e, message: t }) => /* @__PURE__ */ h(
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 $e.displayName = "LoadingState";
-const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Pe = "Replies instantly with AI assistant", Di = ({
+const fe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Pe = "Replies instantly with AI assistant", Di = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -3973,7 +3973,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: b
 }) => {
   var A, E, y, S, F, O;
-  const { channel: p } = ge(), { client: _ } = pe(), N = j.useMemo(
+  const { channel: p } = pe(), { client: _ } = be(), N = j.useMemo(
     () => {
       var V;
       return st(
@@ -3983,7 +3983,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       );
     },
     [(A = p.state) == null ? void 0 : A.members, _ == null ? void 0 : _.userID, p.type]
-  ), T = cn(N == null ? void 0 : N.user), R = (E = N == null ? void 0 : N.user) == null ? void 0 : E.image, M = ln(p), D = b == null ? void 0 : b({
+  ), T = dn(N == null ? void 0 : N.user), R = (E = N == null ? void 0 : N.user) == null ? void 0 : E.image, M = cn(p), D = b == null ? void 0 : b({
     channel: p,
     participant: N
   }), P = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", U = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", z = /* @__PURE__ */ h(te, { children: [
@@ -4005,14 +4005,14 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         "button",
         {
           className: C(
-            he,
+            fe,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(Vt, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ n(Gt, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ n(
@@ -4085,7 +4085,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: he,
+            className: fe,
             onClick: k,
             type: "button",
             "aria-label": M ? "Unstar conversation" : "Star conversation",
@@ -4102,7 +4102,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         v && (c !== void 0 ? c : /* @__PURE__ */ n(
-          Yt,
+          qt,
           {
             channel: p,
             participant: N,
@@ -4115,7 +4115,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: m,
             customChannelActions: f,
-            triggerClassName: C(he, "bg-[#F1F0EE]")
+            triggerClassName: C(fe, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -4126,13 +4126,13 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: C(
-              he,
+              fe,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Vt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Gt, { className: "size-5 text-black/90" })
           }
         ),
         w ? /* @__PURE__ */ h(
@@ -4203,7 +4203,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: he,
+            className: fe,
             onClick: k,
             type: "button",
             "aria-label": M ? "Unstar conversation" : "Star conversation",
@@ -4220,7 +4220,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         v && (c !== void 0 ? c : /* @__PURE__ */ n(
-          Yt,
+          qt,
           {
             channel: p,
             participant: N,
@@ -4233,7 +4233,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: m,
             customChannelActions: f,
-            triggerClassName: he
+            triggerClassName: fe
           }
         ))
       ] })
@@ -4269,7 +4269,7 @@ const he = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   composerInput: z
 }) => {
   var K, ee, q, x;
-  const { channel: k } = ge(), { client: A } = pe(), E = j.useMemo(
+  const { channel: k } = pe(), { client: A } = be(), E = j.useMemo(
     () => {
       var I;
       return st(
@@ -4690,7 +4690,7 @@ const $n = j.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = Fi(), { client: u } = pe(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = ln(t);
+    } = Fi(), { client: u } = be(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = cn(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -4711,7 +4711,7 @@ const $n = j.createContext({
       (P = t == null ? void 0 : t.state) == null ? void 0 : P.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = cn(v == null ? void 0 : v.user), b = (U = v == null ? void 0 : v.user) == null ? void 0 : U.image, p = (() => {
+    ), w = dn(v == null ? void 0 : v.user), b = (U = v == null ? void 0 : v.user) == null ? void 0 : U.image, p = (() => {
       var A;
       const k = (A = t == null ? void 0 : t.state) == null ? void 0 : A.messages;
       if (k != null && k.length) {
@@ -4720,7 +4720,7 @@ const $n = j.createContext({
       }
     })(), N = (() => {
       var F, O, V, K;
-      const k = un({
+      const k = mn({
         message: p,
         viewerLanguage: d
       });
@@ -4930,14 +4930,14 @@ const Vi = ({
   ] }) });
 };
 export {
-  gn as A,
+  pn as A,
   to as B,
   Ri as C,
   Mr as D,
   ca as E,
   so as F,
   Js as G,
-  Xt as L,
+  Kt as L,
   Qi as M,
   ve as a,
   ae as b,
@@ -4946,7 +4946,7 @@ export {
   eo as e,
   Vi as f,
   oe as g,
-  qt as h,
+  Wt as h,
   xe as i,
   Or as j,
   Zi as k,
@@ -4955,15 +4955,15 @@ export {
   Ya as n,
   Bi as o,
   Wa as p,
-  un as q,
-  fe as r,
-  vn as s,
+  mn as q,
+  ge as r,
+  xn as s,
   ta as t,
   $a as u,
   da as v,
   st as w,
   ot as x,
   lt as y,
-  cn as z
+  dn as z
 };
-//# sourceMappingURL=index-D1XVCH1o.js.map
+//# sourceMappingURL=index-BPfehHDD.js.map