@linktr.ee/messaging-react 2.5.2 → 2.5.3

package/dist/{index-BGwytfkX.js → index-CPa6Qru7.js}

@@ -1,12 +1,12 @@
 import { jsx as n, jsxs as m, Fragment as ie } from "react/jsx-runtime";
 import y from "classnames";
 import $, { createContext as Ze, useContext as Ke, useCallback as V, useState as z, useRef as Z, useEffect as X, useMemo as re, Suspense as Je } from "react";
-import { StreamChatService as In } from "@linktr.ee/messaging-core";
-import { Chat as Sn, ChannelList as Tn, DateSeparator as An, useChannelStateContext as me, useChatContext as Qe, areMessageUIPropsEqual as Mn, useMessageReminder as Dn, useComponentContext as Gt, Attachment as Rn, EditMessageModal as Ln, MessageBlocked as Fn, MessageBouncePrompt as On, MessageDeleted as zn, MessageIsThreadReplyInChannelButtonIndicator as Pn, MessageRepliesCountButton as Bn, ReminderNotification as $n, StreamedMessageText as jn, messageHasAttachments as Un, messageHasReactions as Vn, isDateSeparatorMessage as Gn, isMessageBlocked as Hn, isMessageBounced as Yn, MessageBounceModal as Wn, MessageText as Dt, Poll as qn, MessageErrorIcon as Xn, useMessageContext as Le, useTranslationContext as Zn, useMessageComposer as Kn, useStateStore as Jn, MessageInput as Qn, useMessageInputContext as es, useMessageComposerHasSendableData as ts, SimpleAttachmentSelector as ns, QuotedMessagePreview as ss, AttachmentPreviewList as as, TextareaComposer as rs, MessageTimestamp as ze, AIStates as Pe, useTypingContext as is, useAIState as os, Channel as ls, WithComponents as cs, Window as ds, MessageList as us } from "stream-chat-react";
-import { StarIcon as Ge, GiftIcon as ms, XIcon as xe, SpinnerGapIcon as Be, SignOutIcon as hs, ProhibitInsetIcon as Rt, FlagIcon as fs, FileIcon as Ht, ImageIcon as gs, SpeakerHighIcon as bs, VideoCameraIcon as Yt, FileMdIcon as ps, FileTextIcon as vs, FileZipIcon as xs, FilePptIcon as ws, FileCsvIcon as Ns, FileXlsIcon as ys, FileDocIcon as _s, FilePdfIcon as Cs, CircleNotchIcon as pe, PlayIcon as He, PauseIcon as ks, LinkIcon as Es, DownloadSimpleIcon as ve, ThumbsUpIcon as Is, ThumbsDownIcon as Ss, ArrowUpIcon as Ts, SparkleIcon as Ye, ProhibitIcon as As, ArrowLeftIcon as Lt, CaretRightIcon as We, DotsThreeIcon as Ft, PencilSimpleIcon as Ms, CaretLeftIcon as Ds } from "@phosphor-icons/react";
+import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
+import { Chat as Tn, ChannelList as An, DateSeparator as Mn, useChannelStateContext as me, useChatContext as Qe, areMessageUIPropsEqual as Dn, useMessageReminder as Rn, useComponentContext as Gt, Attachment as Ln, EditMessageModal as Fn, MessageBlocked as On, MessageBouncePrompt as zn, MessageDeleted as Pn, MessageIsThreadReplyInChannelButtonIndicator as Bn, MessageRepliesCountButton as $n, ReminderNotification as jn, StreamedMessageText as Un, messageHasAttachments as Vn, messageHasReactions as Gn, isDateSeparatorMessage as Hn, isMessageBlocked as Yn, isMessageBounced as qn, MessageBounceModal as Wn, MessageText as Dt, Poll as Xn, MessageErrorIcon as Zn, useMessageContext as xe, useMessageComposer as Kn, useStateStore as Jn, MessageInput as Qn, useMessageInputContext as es, useMessageComposerHasSendableData as ts, SimpleAttachmentSelector as ns, QuotedMessagePreview as ss, AttachmentPreviewList as as, TextareaComposer as rs, MessageTimestamp as ze, AIStates as Pe, useTypingContext as is, useAIState as os, Channel as ls, WithComponents as cs, Window as ds, MessageList as us } from "stream-chat-react";
+import { StarIcon as Ge, GiftIcon as ms, XIcon as we, SpinnerGapIcon as Be, SignOutIcon as hs, ProhibitInsetIcon as Rt, FlagIcon as Ht, FileIcon as Yt, ImageIcon as fs, SpeakerHighIcon as gs, VideoCameraIcon as qt, FileMdIcon as bs, FileTextIcon as ps, FileZipIcon as vs, FilePptIcon as xs, FileCsvIcon as ws, FileXlsIcon as Ns, FileDocIcon as ys, FilePdfIcon as _s, CircleNotchIcon as pe, PlayIcon as He, PauseIcon as Cs, LinkIcon as ks, DownloadSimpleIcon as ve, ThumbsUpIcon as Es, ThumbsDownIcon as Is, TrashSimpleIcon as Ss, ArrowUpIcon as Ts, SparkleIcon as Ye, ProhibitIcon as As, ArrowLeftIcon as Lt, CaretRightIcon as qe, DotsThreeIcon as Ft, PencilSimpleIcon as Ms, CaretLeftIcon as Ds } from "@phosphor-icons/react";
 import { MessageActions as Rs, DefaultDropdownActionButton as Wt } from "stream-chat-react/experimental";
 import { LinkPreviewsManager as Ot } from "stream-chat";
-const qt = Ze({
+const Xt = Ze({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const qt = Ze({
   refreshConnection: async () => {
   },
   debug: !1
-}), et = () => Ke(qt), yi = ({
+}), et = () => Ke(Xt), Ni = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -80,7 +80,7 @@ const qt = Ze({
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
       serviceConfigChanged: w.current.serviceConfig !== s
     });
-    const O = new In({
+    const O = new Sn({
       ...s,
       apiKey: a,
       debug: i
@@ -207,8 +207,8 @@ const qt = Ze({
     renderCount: I.current,
     willRenderChat: !!(h && u),
     contextValueReady: !!D
-  }), /* @__PURE__ */ n(qt.Provider, { value: D, children: h && u ? /* @__PURE__ */ n(
-    Sn,
+  }), /* @__PURE__ */ n(Xt.Provider, { value: D, children: h && u ? /* @__PURE__ */ n(
+    Tn,
     {
       client: h,
       customClasses: {
@@ -224,14 +224,14 @@ function Fs(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const Xt = $.createContext({
+const Zt = $.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Os = Xt.Provider, zs = () => $.useContext(Xt), Zt = (e) => {
+}), Os = Zt.Provider, zs = () => $.useContext(Zt), Kt = (e) => {
   var a, r;
   const [t, s] = z(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -278,7 +278,7 @@ const Xt = $.createContext({
 function $s(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function Kt({
+function Jt({
   message: e,
   viewerLanguage: t
 }) {
@@ -431,18 +431,18 @@ const oe = ({
 ), Ys = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Ws = (e) => {
+}, qs = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Ae = (e) => {
+}, Me = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, qs = (e) => {
+}, Ws = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Jt = (e) => Ys(e) || Ws(e), Xs = (e) => {
+}, Qt = (e) => Ys(e) || qs(e), Xs = (e) => {
   var t;
-  return Jt(e) && !((t = e.text) != null && t.trim());
+  return Qt(e) && !((t = e.text) != null && t.trim());
 }, $e = ({
   message: e,
   standalone: t = !1,
@@ -450,7 +450,7 @@ const oe = ({
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = Jt(e), i = Ae(e);
+  const r = Qt(e), i = Me(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -474,7 +474,7 @@ const oe = ({
     g,
     h
   ] }) });
-}, Qt = $.memo(
+}, en = $.memo(
   ({ channel: e, unread: t }) => {
     var D, A, O;
     const {
@@ -501,18 +501,18 @@ const oe = ({
           if (E[P].type !== "system") return E[P];
       }
     })(), v = (() => {
-      var B, H, U, L;
-      const E = Kt({
+      var B, G, U, L;
+      const E = Jt({
         message: b,
         viewerLanguage: l
       });
       if (((B = b == null ? void 0 : b.metadata) == null ? void 0 : B.custom_type) === "MESSAGE_TIP") return E ? `💵 ${E}` : "💵 Sent a tip";
-      if (((H = b == null ? void 0 : b.metadata) == null ? void 0 : H.custom_type) === "MESSAGE_PAID") return E ? `💰 ${E}` : "💰 Sent a message";
+      if (((G = b == null ? void 0 : b.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_PAID") return E ? `💰 ${E}` : "💰 Sent a message";
       if (((U = b == null ? void 0 : b.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_ATTACHMENT") return E ? `📎 ${E}` : "📎 Sent an attachment";
       if (E) return E;
       const C = (L = b == null ? void 0 : b.attachments) == null ? void 0 : L[0];
       return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), N = b != null && b.created_at ? Bs(new Date(b.created_at)) : "", w = b ? Ae(b) : !1, I = i ? i(b, v) : `${w ? "✨ " : ""}${v}`, S = Zt(e), T = t ?? 0;
+    })(), N = b != null && b.created_at ? Bs(new Date(b.created_at)) : "", w = b ? Me(b) : !1, I = i ? i(b, v) : `${w ? "✨ " : ""}${v}`, S = Kt(e), T = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: o,
@@ -572,8 +572,8 @@ const oe = ({
     );
   }
 );
-Qt.displayName = "CustomChannelPreview";
-const Zs = { last_message_at: -1 }, en = $.memo(
+en.displayName = "CustomChannelPreview";
+const Zs = { last_message_at: -1 }, tn = $.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
@@ -627,7 +627,7 @@ const Zs = { last_message_at: -1 }, en = $.memo(
           d
         ),
         children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Os, { value: x, children: /* @__PURE__ */ n(
-          Tn,
+          An,
           {
             filters: s,
             sort: o,
@@ -636,7 +636,7 @@ const Zs = { last_message_at: -1 }, en = $.memo(
             onMessageNew: r,
             onAddedToChannel: i,
             channelRenderFilterFn: b,
-            Preview: Qt,
+            Preview: en,
             EmptyStateIndicator: h
           },
           `${JSON.stringify(s)}:${JSON.stringify(o)}`
@@ -645,8 +645,8 @@ const Zs = { last_message_at: -1 }, en = $.memo(
     );
   }
 );
-en.displayName = "ChannelList";
-const Se = ({
+tn.displayName = "ChannelList";
+const Te = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -686,7 +686,7 @@ function Ks({ label: e, className: t, children: s, ...a }) {
   );
 }
 function Js({ onClick: e }) {
-  return /* @__PURE__ */ n(Ks, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(xe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+  return /* @__PURE__ */ n(Ks, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(we, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
 const Qs = ({
   dialogRef: e,
@@ -704,7 +704,7 @@ const Qs = ({
   customProfileContent: f,
   customChannelActions: c
 }) => {
-  var U, L, F, G;
+  var U, L, F, H;
   const { service: b, debug: x } = et(), [v, N] = z(!1), [w, I] = z(!1), [S, T] = z(!1), D = V(async () => {
     var _;
     if (!(!b || !((_ = s == null ? void 0 : s.user) != null && _.id)))
@@ -771,7 +771,7 @@ const Qs = ({
     );
   };
   if (!s) return null;
-  const P = a ?? tt(s.user), W = (L = s.user) == null ? void 0 : L.image, C = (F = s.user) == null ? void 0 : F.username, B = C ? `linktr.ee/${C}` : void 0, H = ((G = s.user) == null ? void 0 : G.id) || "unknown";
+  const P = a ?? tt(s.user), q = (L = s.user) == null ? void 0 : L.image, C = (F = s.user) == null ? void 0 : F.username, B = C ? `linktr.ee/${C}` : void 0, G = ((H = s.user) == null ? void 0 : H.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ n(
@@ -799,9 +799,9 @@ const Qs = ({
                     /* @__PURE__ */ n(
                       oe,
                       {
-                        id: H,
+                        id: G,
                         name: P,
-                        image: W,
+                        image: q,
                         size: 88,
                         shape: "circle"
                       }
@@ -831,7 +831,7 @@ const Qs = ({
             ),
             /* @__PURE__ */ m("ul", { className: "flex flex-col gap-2 mt-2", children: [
               d && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(
-                Se,
+                Te,
                 {
                   onClick: A,
                   disabled: w,
@@ -843,7 +843,7 @@ const Qs = ({
                 }
               ) }),
               /* @__PURE__ */ n("li", { children: v ? /* @__PURE__ */ m(
-                Se,
+                Te,
                 {
                   onClick: E,
                   disabled: S,
@@ -854,7 +854,7 @@ const Qs = ({
                   ]
                 }
               ) : /* @__PURE__ */ m(
-                Se,
+                Te,
                 {
                   onClick: O,
                   disabled: S,
@@ -865,8 +865,8 @@ const Qs = ({
                   ]
                 }
               ) }),
-              /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(Se, { variant: "danger", onClick: R, children: [
-                /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
+              /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(Te, { variant: "danger", onClick: R, children: [
+                /* @__PURE__ */ n(Ht, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Report" })
               ] }) }),
               c
@@ -876,9 +876,9 @@ const Qs = ({
       }
     )
   );
-}, ea = (e) => /* @__PURE__ */ n(An, { ...e, position: "center" }), qe = "vote_up", Xe = "vote_down";
+}, ea = (e) => /* @__PURE__ */ n(Mn, { ...e, position: "center" }), We = "vote_up", Xe = "vote_down";
 function ta(e) {
-  return e != null && e.length ? e.some((t) => t.type === Xe) ? "down" : e.some((t) => t.type === qe) ? "up" : null : null;
+  return e != null && e.length ? e.some((t) => t.type === Xe) ? "down" : e.some((t) => t.type === We) ? "up" : null : null;
 }
 function na(e) {
   const { channel: t } = me(), { client: s } = Qe("useMessageVote"), a = re(
@@ -887,9 +887,9 @@ function na(e) {
   ), r = V(async () => {
     if (s != null && s.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, qe) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, We) : await t.sendReaction(
           e.id,
-          { type: qe },
+          { type: We },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -907,13 +907,13 @@ function na(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-const sa = $.lazy(() => import("./Card-CBeF7eUm.js")), aa = $.lazy(() => import("./Card-CSvw2WUm.js")), ra = $.lazy(() => import("./Card-cl8fYGrO.js")), nt = () => /* @__PURE__ */ n(
+const sa = $.lazy(() => import("./Card-BwygcpzI.js")), aa = $.lazy(() => import("./Card-Dy66r68A.js")), ra = $.lazy(() => import("./Card-CJDGgG0O.js")), nt = () => /* @__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
   }
-), ia = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(sa, { ...e }) }), tn = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(aa, { ...e }) }), nn = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(ra, { ...e }) }), oa = tn, la = nn, Bt = { Composer: ia, Sent: tn, Received: nn, Creator: oa, Visitor: la }, ca = [
+), ia = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(sa, { ...e }) }), nn = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(aa, { ...e }) }), sn = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(ra, { ...e }) }), oa = nn, la = sn, Bt = { Composer: ia, Sent: nn, Received: sn, Creator: oa, Visitor: la }, ca = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -926,31 +926,31 @@ const sa = $.lazy(() => import("./Card-CBeF7eUm.js")), aa = $.lazy(() => import(
 function le(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function sn(e) {
+function an(e) {
   const t = ca.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
 const da = {
-  video: Yt,
-  audio: bs,
-  image: gs,
-  document: Ht
+  video: qt,
+  audio: gs,
+  image: fs,
+  document: Yt
 }, ua = {
-  pdf: Cs,
-  doc: _s,
-  xls: ys,
-  csv: Ns,
-  ppt: ws,
-  zip: xs,
-  text: vs,
-  markdown: ps,
-  generic: Ht
+  pdf: _s,
+  doc: ys,
+  xls: Ns,
+  csv: ws,
+  ppt: xs,
+  zip: vs,
+  text: ps,
+  markdown: bs,
+  generic: Yt
 };
 function ma(e) {
   const t = le(e);
-  return t !== "document" ? da[t] : ua[sn(e)];
+  return t !== "document" ? da[t] : ua[an(e)];
 }
 function ge(e, t) {
   return $.createElement(ma(e), t);
@@ -970,7 +970,7 @@ const ha = (e) => {
   muted: d = !1,
   onContainerClick: h
 }) => {
-  const g = le(t), u = Z(null), f = Z(null), c = Z(null), b = Z(r), [x, v] = z(a), [N, w] = z(0), [I, S] = z(!1), [T, D] = z(!1), [A, O] = z(!1), [E, R] = z(!1), [P, W] = z(!0), [C, B] = z(null), H = V(() => {
+  const g = le(t), u = Z(null), f = Z(null), c = Z(null), b = Z(r), [x, v] = z(a), [N, w] = z(0), [I, S] = z(!1), [T, D] = z(!1), [A, O] = z(!1), [E, R] = z(!1), [P, q] = z(!0), [C, B] = z(null), G = V(() => {
     O(!1), v(!0);
   }, []), U = V((p) => {
     const k = f.current;
@@ -1016,14 +1016,14 @@ const ha = (e) => {
       window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", k), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", k);
     };
   }, [I, U, L]);
-  const G = C ? { aspectRatio: String(C) } : void 0, _ = C ? "" : " aspect-video", M = Math.round(N * 100);
+  const H = C ? { aspectRatio: String(C) } : void 0, _ = C ? "" : " aspect-video", M = Math.round(N * 100);
   return /* @__PURE__ */ m(
     "div",
     {
       role: "button",
       tabIndex: 0,
       className: `relative cursor-pointer overflow-hidden bg-black ${_}`,
-      style: G,
+      style: H,
       onClick: (p) => {
         if (h) {
           h(p);
@@ -1063,7 +1063,7 @@ const ha = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => R(!0),
             onCanPlay: () => {
-              R(!1), W(!1);
+              R(!1), q(!1);
             },
             onWaiting: () => R(!0),
             onPlay: () => O(!1),
@@ -1083,7 +1083,7 @@ const ha = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => R(!0),
             onCanPlay: () => {
-              R(!1), W(!1);
+              R(!1), q(!1);
             },
             onWaiting: () => R(!0),
             onPlay: () => O(!1),
@@ -1112,10 +1112,10 @@ const ha = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (p) => {
-              p.stopPropagation(), H();
+              p.stopPropagation(), G();
             },
             onKeyDown: (p) => {
-              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), H());
+              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), G());
             },
             children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(He, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -1156,7 +1156,7 @@ const ha = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": x ? "Pause" : "Play",
-              children: x ? /* @__PURE__ */ n(ks, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
+              children: x ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ m(
@@ -1206,7 +1206,7 @@ const ha = (e) => {
       ]
     }
   );
-}, $t = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ga = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", an = ({
+}, $t = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ga = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", rn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -1286,7 +1286,7 @@ const ha = (e) => {
       })
     }
   );
-}, rn = ({
+}, on = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1352,7 +1352,7 @@ const ha = (e) => {
     }
   );
 };
-function on(e) {
+function ln(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function st(e) {
@@ -1386,7 +1386,7 @@ const at = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${ba(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Es, { className: `size-12 ${wa(t)}` })
+        children: /* @__PURE__ */ n(ks, { className: `size-12 ${wa(t)}` })
       }
     ) }),
     /* @__PURE__ */ m("div", { className: "px-3 pb-3", children: [
@@ -1397,12 +1397,12 @@ const at = ({ attachment: e, isMyMessage: t }) => {
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: h }) : /* @__PURE__ */ n("div", { className: "block", children: h });
 };
-function ln(e) {
+function cn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function rt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(ln);
+  return (t = e.attachments) == null ? void 0 : t.find(cn);
 }
 async function Na(e, t) {
   let s;
@@ -1464,16 +1464,16 @@ function it(e) {
     thumbnailUrl: g
   };
 }
-const cn = ({
+const dn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? on(a) : void 0;
+  const i = a !== void 0 ? ln(a) : void 0;
   return /* @__PURE__ */ n(
-    rn,
+    on,
     {
       variant: "dark",
       title: s,
@@ -1481,7 +1481,7 @@ const cn = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        an,
+        rn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1492,23 +1492,23 @@ const cn = ({
       )
     }
   );
-}, dn = ({
+}, un = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = le(t), l = a !== void 0 ? on(a) : void 0;
+  const i = le(t), l = a !== void 0 ? ln(a) : void 0;
   return /* @__PURE__ */ n(
-    rn,
+    on,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: l,
       thumbnail: /* @__PURE__ */ n(
-        an,
+        rn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1546,7 +1546,7 @@ const cn = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: st(t), children: /* @__PURE__ */ n(at, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(cn, { ...a }) : /* @__PURE__ */ n(dn, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: st(t), children: /* @__PURE__ */ n(at, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(dn, { ...a }) : /* @__PURE__ */ n(un, { ...a })
           }
         ) })
       }
@@ -1559,7 +1559,7 @@ const cn = ({
   if (t)
     return /* @__PURE__ */ n("div", { className: st(!0), children: /* @__PURE__ */ n(at, { attachment: t, isMyMessage: !0 }) });
   const s = it(e);
-  return s ? /* @__PURE__ */ n(cn, { ...s }) : null;
+  return s ? /* @__PURE__ */ n(dn, { ...s }) : null;
 }, ka = ({
   message: e
 }) => {
@@ -1567,17 +1567,17 @@ const cn = ({
   if (t)
     return /* @__PURE__ */ n("div", { className: st(!1), children: /* @__PURE__ */ n(at, { attachment: t, isMyMessage: !1 }) });
   const s = it(e);
-  return s ? /* @__PURE__ */ n(dn, { ...s }) : null;
-}, _i = Object.assign(_a, {
+  return s ? /* @__PURE__ */ n(un, { ...s }) : null;
+}, yi = Object.assign(_a, {
   Creator: Ca,
   Visitor: ka
 }), Ea = {
   isUnlocking: () => !1
 }, Ia = {
   LockedAttachment: Ea
-}, un = Ze({}), Ci = un.Provider;
+}, mn = Ze({}), _i = mn.Provider;
 function Sa(e) {
-  return Ke(un)[e] ?? Ia[e];
+  return Ke(mn)[e] ?? Ia[e];
 }
 const Ta = ({
   selected: e,
@@ -1595,7 +1595,7 @@ const Ta = ({
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(Is, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Es, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
@@ -1609,7 +1609,7 @@ const Ta = ({
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(Ss, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Is, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
 ] }), Aa = (e) => {
@@ -1631,37 +1631,37 @@ const Ta = ({
     renderText: b,
     threadList: x,
     viewerLanguage: v
-  } = e, { client: N } = Qe("CustomMessage"), { channel: w } = me("CustomMessage"), { isUnlocking: I, onUnlockClick: S, onFetchSource: T, onDownloadClick: D } = Sa("LockedAttachment"), [A, O] = z(!1), E = Dn(c.id), { selected: R, voteUp: P, voteDown: W } = na(c), {
-    Attachment: C = Rn,
-    EditMessageModal: B = Ln,
-    MessageActions: H,
-    MessageBlocked: U = Fn,
-    MessageBouncePrompt: L = On,
-    MessageDeleted: F = zn,
-    MessageIsThreadReplyInChannelButtonIndicator: G = Pn,
-    MessageRepliesCountButton: _ = Bn,
-    ReminderNotification: M = $n,
-    StreamedMessageText: p = jn,
+  } = e, { client: N } = Qe("CustomMessage"), { channel: w } = me("CustomMessage"), { isUnlocking: I, onUnlockClick: S, onFetchSource: T, onDownloadClick: D } = Sa("LockedAttachment"), [A, O] = z(!1), E = Rn(c.id), { selected: R, voteUp: P, voteDown: q } = na(c), {
+    Attachment: C = Ln,
+    EditMessageModal: B = Fn,
+    MessageActions: G,
+    MessageBlocked: U = On,
+    MessageBouncePrompt: L = zn,
+    MessageDeleted: F = Pn,
+    MessageIsThreadReplyInChannelButtonIndicator: H = Bn,
+    MessageRepliesCountButton: _ = $n,
+    ReminderNotification: M = jn,
+    StreamedMessageText: p = Un,
     PinIndicator: k
-  } = Gt("CustomMessage"), Y = Un(c), q = Vn(c), he = re(
+  } = Gt("CustomMessage"), Y = Vn(c), W = Gn(c), he = re(
     () => u == null ? void 0 : u(c),
     [u, c]
   ), J = re(() => {
-    const be = c.attachments ?? [], Ie = c.shared_location ? [c.shared_location, ...be] : be;
-    if (!Ae(c)) return Ie;
-    const At = Ie.filter((Mt) => !("type" in Mt) || !ln(Mt));
-    return At.length === Ie.length ? Ie : At;
+    const be = c.attachments ?? [], Se = c.shared_location ? [c.shared_location, ...be] : be;
+    if (!Me(c)) return Se;
+    const At = Se.filter((Mt) => !("type" in Mt) || !cn(Mt));
+    return At.length === Se.length ? Se : At;
   }, [c]), ee = re(() => {
-    const be = Kt({ message: c, viewerLanguage: v });
+    const be = Jt({ message: c, viewerLanguage: v });
     return be === c.text ? c : { ...c, text: be };
   }, [c, v]);
-  if (Gn(c))
+  if (Hn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(F, { message: c });
-  if (Hn(c))
+  if (Yn(c))
     return /* @__PURE__ */ n(U, {});
-  const Ce = !x && !!c.reply_count, ke = !x && c.show_in_channel && c.parent_id, ce = c.status === "failed" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, te = Yn(c);
+  const ke = !x && !!c.reply_count, Ee = !x && c.show_in_channel && c.parent_id, ce = c.status === "failed" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, te = qn(c);
   let se;
   ce ? se = () => h(c) : te && (se = () => O(!0));
   const de = f(), Oe = y(
@@ -1674,14 +1674,14 @@ const Ta = ({
       "str-chat__message--has-attachment": Y,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": q,
+      "str-chat__message--with-reactions": W,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((pt = c == null ? void 0 : c.error) == null ? void 0 : pt.status) !== 403,
-      "str-chat__message-with-thread-link": Ce || ke,
+      "str-chat__message-with-thread-link": ke || Ee,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), Ee = c.poll_id && N.polls.fromState(c.poll_id), ue = Xs(c), j = Ae(c), K = qs(c), Q = !!(J != null && J.length && !c.quoted_message), ae = j && de && Q;
+  ), Ie = c.poll_id && N.polls.fromState(c.poll_id), ue = Xs(c), j = Me(c), K = Ws(c), Q = !!(J != null && J.length && !c.quoted_message), ae = j && de && Q;
   return /* @__PURE__ */ m(ie, { children: [
     a && /* @__PURE__ */ n(
       B,
@@ -1697,161 +1697,200 @@ const Ta = ({
         open: A
       }
     ),
-    /* @__PURE__ */ m("div", { className: Oe, "data-message-id": c.id, children: [
-      k && /* @__PURE__ */ n(k, {}),
-      !!E && /* @__PURE__ */ n(M, { reminder: E }),
-      c.user && /* @__PURE__ */ n(
-        oe,
-        {
-          className: "str-chat__avatar str-chat__message-sender-avatar",
-          id: c.user.id,
-          image: c.user.image,
-          name: c.user.name || c.user.id,
-          size: j ? 24 : 28,
-          shape: "circle",
-          dmAgentEnabled: j
-        }
-      ),
-      /* @__PURE__ */ m(
-        "div",
-        {
-          className: y("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": ce || te
-          }),
-          "data-testid": "message-inner",
-          onClick: se,
-          onKeyDown: se,
-          role: se ? "button" : void 0,
-          tabIndex: se ? 0 : void 0,
-          style: {
-            // Force margins to 0 to prevent hover layout shift
-            // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
-            marginInlineEnd: 0,
-            marginInlineStart: 0
-          },
-          children: [
-            K ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
-              de ? /* @__PURE__ */ n(
-                Bt.Sent,
-                {
-                  title: (vt = c.metadata) == null ? void 0 : vt.attachment_title,
-                  mimeType: (xt = c.metadata) == null ? void 0 : xt.attachment_mime_type,
-                  thumbnailUrl: (wt = c.metadata) == null ? void 0 : wt.attachment_thumbnail,
-                  amountText: (Nt = c.metadata) == null ? void 0 : Nt.amount_text,
-                  detail: (yt = c.metadata) == null ? void 0 : yt.attachment_detail,
-                  paymentStatus: (_t = c.metadata) == null ? void 0 : _t.payment_status,
-                  onPreviewClick: () => S == null ? void 0 : S(c, w),
-                  onFetchSource: async () => await (T == null ? void 0 : T(c, w))
-                }
-              ) : /* @__PURE__ */ n(
-                Bt.Received,
-                {
-                  title: (Ct = c.metadata) == null ? void 0 : Ct.attachment_title,
-                  mimeType: (kt = c.metadata) == null ? void 0 : kt.attachment_mime_type,
-                  thumbnailUrl: (Et = c.metadata) == null ? void 0 : Et.attachment_thumbnail,
-                  amountText: (It = c.metadata) == null ? void 0 : It.amount_text,
-                  detail: (St = c.metadata) == null ? void 0 : St.attachment_detail,
-                  paymentStatus: (Tt = c.metadata) == null ? void 0 : Tt.payment_status,
-                  isUnlocking: I(c.id),
-                  onUnlockClick: () => S == null ? void 0 : S(c, w),
-                  onFetchSource: async () => await (T == null ? void 0 : T(c, w)),
-                  onDownloadClick: () => D == null ? void 0 : D(c, w)
-                }
-              ),
-              c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-                Dt,
-                {
-                  message: ee,
-                  renderText: b
-                }
-              ) })
-            ] }) : ue ? (
-              /* Tip-only messages render as a standalone bubble */
-              /* @__PURE__ */ n($e, { message: c, standalone: !0 })
-            ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m("div", { className: "str-chat__message-bubble", children: [
-              j && !ae && /* @__PURE__ */ n(
-                $e,
-                {
-                  message: c,
-                  hasAttachment: Q,
-                  isMyMessage: de
-                }
-              ),
-              Ee && /* @__PURE__ */ n(qn, { poll: Ee }),
-              J != null && J.length && !c.quoted_message ? /* @__PURE__ */ n(
-                C,
-                {
-                  actionHandler: o,
-                  attachments: J
-                }
-              ) : null,
-              he ? /* @__PURE__ */ n(
-                p,
-                {
-                  message: ee,
-                  renderText: b
-                }
-              ) : /* @__PURE__ */ n(
-                Dt,
-                {
-                  message: ee,
-                  renderText: b
-                }
-              ),
-              /* @__PURE__ */ n(Xn, {})
-            ] }) }),
-            H && /* @__PURE__ */ n(H, {})
-          ]
-        }
-      ),
-      !K && !ue && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
-        (!j || ae) && /* @__PURE__ */ n(
-          $e,
-          {
-            message: c,
-            hasAttachment: Q,
-            isMyMessage: de
-          }
-        ),
-        s && j && /* @__PURE__ */ n(
-          Ta,
-          {
-            selected: R,
-            onVoteUp: P,
-            onVoteDown: W
-          }
-        )
-      ] }),
-      Ce && /* @__PURE__ */ n(
-        _,
-        {
-          onClick: d,
-          reply_count: c.reply_count
-        }
-      ),
-      ke && /* @__PURE__ */ n(G, {})
-    ] }, c.id)
+    /* @__PURE__ */ m(
+      "div",
+      {
+        className: Oe,
+        "data-message-id": c.id,
+        children: [
+          k && /* @__PURE__ */ n(k, {}),
+          !!E && /* @__PURE__ */ n(M, { reminder: E }),
+          c.user && /* @__PURE__ */ n(
+            oe,
+            {
+              className: "str-chat__avatar str-chat__message-sender-avatar",
+              id: c.user.id,
+              image: c.user.image,
+              name: c.user.name || c.user.id,
+              size: j ? 24 : 28,
+              shape: "circle",
+              dmAgentEnabled: j
+            }
+          ),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: y("str-chat__message-inner", {
+                "str-chat__simple-message--error-failed": ce || te
+              }),
+              "data-testid": "message-inner",
+              onClick: se,
+              onKeyDown: se,
+              role: se ? "button" : void 0,
+              tabIndex: se ? 0 : void 0,
+              style: {
+                // Force margins to 0 to prevent hover layout shift
+                // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
+                marginInlineEnd: 0,
+                marginInlineStart: 0
+              },
+              children: K ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
+                de ? /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+                  G && /* @__PURE__ */ n(G, {}),
+                  /* @__PURE__ */ n(
+                    Bt.Sent,
+                    {
+                      title: (vt = c.metadata) == null ? void 0 : vt.attachment_title,
+                      mimeType: (xt = c.metadata) == null ? void 0 : xt.attachment_mime_type,
+                      thumbnailUrl: (wt = c.metadata) == null ? void 0 : wt.attachment_thumbnail,
+                      amountText: (Nt = c.metadata) == null ? void 0 : Nt.amount_text,
+                      detail: (yt = c.metadata) == null ? void 0 : yt.attachment_detail,
+                      paymentStatus: (_t = c.metadata) == null ? void 0 : _t.payment_status,
+                      onPreviewClick: () => S == null ? void 0 : S(c, w),
+                      onFetchSource: async () => await (T == null ? void 0 : T(c, w))
+                    }
+                  )
+                ] }) : /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ n(
+                    Bt.Received,
+                    {
+                      title: (Ct = c.metadata) == null ? void 0 : Ct.attachment_title,
+                      mimeType: (kt = c.metadata) == null ? void 0 : kt.attachment_mime_type,
+                      thumbnailUrl: (Et = c.metadata) == null ? void 0 : Et.attachment_thumbnail,
+                      amountText: (It = c.metadata) == null ? void 0 : It.amount_text,
+                      detail: (St = c.metadata) == null ? void 0 : St.attachment_detail,
+                      paymentStatus: (Tt = c.metadata) == null ? void 0 : Tt.payment_status,
+                      isUnlocking: I(c.id),
+                      onUnlockClick: () => S == null ? void 0 : S(c, w),
+                      onFetchSource: async () => await (T == null ? void 0 : T(c, w)),
+                      onDownloadClick: () => D == null ? void 0 : D(c, w)
+                    }
+                  ),
+                  G && /* @__PURE__ */ n(G, {})
+                ] }),
+                c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
+                  Dt,
+                  {
+                    message: ee,
+                    renderText: b
+                  }
+                ) })
+              ] }) : ue ? (
+                /* Tip-only messages render as a standalone bubble */
+                /* @__PURE__ */ n($e, { message: c, standalone: !0 })
+              ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m("div", { className: "str-chat__message-bubble", children: [
+                j && !ae && /* @__PURE__ */ n(
+                  $e,
+                  {
+                    message: c,
+                    hasAttachment: Q,
+                    isMyMessage: de
+                  }
+                ),
+                Ie && /* @__PURE__ */ n(Xn, { poll: Ie }),
+                J != null && J.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  C,
+                  {
+                    actionHandler: o,
+                    attachments: J
+                  }
+                ) : null,
+                he ? /* @__PURE__ */ n(
+                  p,
+                  {
+                    message: ee,
+                    renderText: b
+                  }
+                ) : /* @__PURE__ */ n(
+                  Dt,
+                  {
+                    message: ee,
+                    renderText: b
+                  }
+                ),
+                /* @__PURE__ */ n(Zn, {})
+              ] }) })
+            }
+          ),
+          !K && !ue && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
+            (!j || ae) && /* @__PURE__ */ n(
+              $e,
+              {
+                message: c,
+                hasAttachment: Q,
+                isMyMessage: de
+              }
+            ),
+            s && j && /* @__PURE__ */ n(
+              Ta,
+              {
+                selected: R,
+                onVoteUp: P,
+                onVoteDown: q
+              }
+            )
+          ] }),
+          ke && /* @__PURE__ */ n(
+            _,
+            {
+              onClick: d,
+              reply_count: c.reply_count
+            }
+          ),
+          Ee && /* @__PURE__ */ n(H, {})
+        ]
+      },
+      c.id
+    )
   ] });
 }, Ma = $.memo(
   Aa,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Mn(e, t)
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Dn(e, t)
 ), Da = (e) => {
-  const t = Le("CustomMessage");
+  const t = xe("CustomMessage");
   return /* @__PURE__ */ n(Ma, { ...t, ...e });
 }, Ra = () => {
-  const { handleDelete: e } = Le("CustomMessageActions"), { t } = Zn("CustomMessageActions");
-  return /* @__PURE__ */ n(Wt, { onClick: e, children: t("Delete") });
+  var s;
+  const { handleDelete: e, message: t } = xe("CustomMessageActions");
+  return ((s = t.metadata) == null ? void 0 : s.payment_status) !== "paid" ? null : /* @__PURE__ */ n(
+    Wt,
+    {
+      onClick: e,
+      "aria-label": "Delete",
+      title: "Delete",
+      className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
+      children: /* @__PURE__ */ n(Ss, { size: 16, weight: "light", "aria-hidden": !0 })
+    }
+  );
 }, La = () => {
-  const { handleFlag: e } = Le("CustomMessageActions");
-  return /* @__PURE__ */ n(Wt, { onClick: e, children: "Report" });
-}, Fa = [
-  { Component: Ra, placement: "dropdown", type: "delete" },
-  { Component: La, placement: "dropdown", type: "flag" }
-], Oa = () => /* @__PURE__ */ n(Rs, { messageActionSet: Fa }), za = (e) => ({
+  const { handleFlag: e } = xe("CustomMessageActions");
+  return /* @__PURE__ */ n(
+    Wt,
+    {
+      onClick: e,
+      "aria-label": "Report",
+      title: "Report",
+      className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
+      children: /* @__PURE__ */ n(Ht, { size: 16, weight: "light", "aria-hidden": !0 })
+    }
+  );
+}, Fa = () => {
+  var t;
+  const { message: e } = xe("CustomMessageActions");
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
+    Rs,
+    {
+      messageActionSet: [
+        { Component: Ra, placement: "quick", type: "delete" },
+        { Component: La, placement: "quick", type: "flag" }
+      ]
+    }
+  );
+}, Oa = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Ot.previewIsLoaded(t) || Ot.previewIsLoading(t)
   )
-}), Pa = ({
+}), za = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1881,7 +1920,7 @@ const Ta = ({
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ n(xe, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ n(we, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ m("div", { className: "p-2", children: [
@@ -1891,22 +1930,22 @@ const Ta = ({
       ]
     }
   );
-}, Ba = () => {
+}, Pa = () => {
   const { linkPreviewsManager: e } = Kn(), { linkPreviews: t } = Jn(
     e.state,
-    za
+    Oa
   ), s = (r) => {
     e.dismissPreview(r);
   };
   return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    Pa,
+    za,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, $a = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, Ba = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1916,14 +1955,14 @@ const Ta = ({
     onClick: e,
     children: /* @__PURE__ */ n(Ts, { weight: "bold", className: "size-4" })
   }
-), ja = () => {
+), $a = () => {
   var o;
-  const { channel: e } = me(), t = ((o = e == null ? void 0 : e.data) == null ? void 0 : o.frozen) === !0, { handleSubmit: s } = es(), { SendButton: a } = Gt("CustomMessageInput"), r = a ?? $a, i = ts();
+  const { channel: e } = me(), t = ((o = e == null ? void 0 : e.data) == null ? void 0 : o.frozen) === !0, { handleSubmit: s } = es(), { SendButton: a } = Gt("CustomMessageInput"), r = a ?? Ba, i = ts();
   return /* @__PURE__ */ m(ie, { children: [
     /* @__PURE__ */ n("div", { className: "left-container", children: /* @__PURE__ */ n(ns, {}) }),
     /* @__PURE__ */ m("div", { className: "central-container min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
       /* @__PURE__ */ n(ss, {}),
-      /* @__PURE__ */ n(Ba, {}),
+      /* @__PURE__ */ n(Pa, {}),
       /* @__PURE__ */ n(as, {}),
       /* @__PURE__ */ m("div", { className: "flex", children: [
         /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
@@ -1951,7 +1990,7 @@ const Ta = ({
       ] })
     ] })
   ] });
-}, Ua = ({
+}, ja = ({
   renderActions: e
 }) => {
   var a;
@@ -1964,21 +2003,21 @@ const Ta = ({
       className: "message-input flex items-center gap-2 p-4 aria-disabled:opacity-40",
       children: [
         e == null ? void 0 : e(),
-        /* @__PURE__ */ n(Qn, { Input: ja })
+        /* @__PURE__ */ n(Qn, { Input: $a })
       ]
     }
   );
-}, Va = [
+}, Ua = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ga = {
+], Va = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ha = [
+}, Ga = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ya = {
+], Ha = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, je = "age safety guidelines.", Wa = "https://linktr.ee/s/about/contact", jt = (e) => Va.includes(e), qa = (e) => Ha.includes(e), Xa = (e) => {
+}, je = "age safety guidelines.", Ya = "https://linktr.ee/s/about/contact", jt = (e) => Ua.includes(e), qa = (e) => Ga.includes(e), Wa = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (jt(t))
@@ -1997,7 +2036,7 @@ const Ta = ({
       kind: "dm-agent",
       type: s
     };
-}, Za = (e) => {
+}, Xa = (e) => {
   const t = e.indexOf(je);
   if (t === -1)
     return e;
@@ -2007,7 +2046,7 @@ const Ta = ({
     /* @__PURE__ */ n(
       "a",
       {
-        href: Wa,
+        href: Ya,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -2016,13 +2055,13 @@ const Ta = ({
     ),
     e.slice(s)
   ] });
-}, Ka = (e) => {
+}, Za = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Xa(
+  const t = e.message.hide_date === !0, s = Wa(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ga[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Va[s.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -2048,7 +2087,7 @@ const Ta = ({
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ya[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ha[s.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -2067,7 +2106,7 @@ const Ta = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Za(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Xa(i) }) })
           ]
         }
       ),
@@ -2082,7 +2121,7 @@ const Ta = ({
     ] }),
     !t && /* @__PURE__ */ n(ze, { message: e.message })
   ] });
-}, mn = Ze(!1), Ue = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, hn = Ze(!1), Ue = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -2092,15 +2131,15 @@ const Ta = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Ja = /* @__PURE__ */ new Set([
+) }), Ka = /* @__PURE__ */ new Set([
   Pe.Thinking,
   Pe.Generating,
   Pe.ExternalSources
-]), Qa = ({ threadList: e }) => {
+]), Ja = ({ threadList: e }) => {
   var b, x;
-  const { channel: t, channelConfig: s, thread: a } = me(), { client: r } = Qe(), { typing: i = {} } = is(), { aiState: l } = os(t), o = Ke(mn);
-  if (!e && o && Ja.has(l)) {
-    const v = er(t, (b = r.user) == null ? void 0 : b.id);
+  const { channel: t, channelConfig: s, thread: a } = me(), { client: r } = Qe(), { typing: i = {} } = is(), { aiState: l } = os(t), o = Ke(hn);
+  if (!e && o && Ka.has(l)) {
+    const v = Qa(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
       Ut,
       {
@@ -2177,7 +2216,7 @@ const Ta = ({
     ]
   }
 );
-function er(e, t) {
+function Qa(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -2186,7 +2225,7 @@ function er(e, t) {
       return i;
   }
 }
-const tr = () => null, nr = ({ className: e, message: t }) => /* @__PURE__ */ m(
+const er = () => null, tr = ({ className: e, message: t }) => /* @__PURE__ */ m(
   "div",
   {
     className: y("flex items-center justify-center h-full", e),
@@ -2229,12 +2268,12 @@ const tr = () => null, nr = ({ className: e, message: t }) => /* @__PURE__ */ m(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Me = $.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(nr, { className: "w-6 h-6" }),
+), De = $.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ n(tr, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-Me.displayName = "LoadingState";
-const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Vt = "Replies instantly with AI assistant", sr = ({
+De.displayName = "LoadingState";
+const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Vt = "Replies instantly with AI assistant", nr = ({
   onBack: e,
   showBackButton: t,
   onShowInfo: s,
@@ -2253,7 +2292,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         return ((A = D.user) == null ? void 0 : A.id) && D.user.id !== w;
       }
     ) : void 0;
-  }, [(c = o._client) == null ? void 0 : c.userID, (b = o.state) == null ? void 0 : b.members]), h = l(d), g = (x = d == null ? void 0 : d.user) == null ? void 0 : x.image, u = Zt(o), f = async () => {
+  }, [(c = o._client) == null ? void 0 : c.userID, (b = o.state) == null ? void 0 : b.members]), h = l(d), g = (x = d == null ? void 0 : d.user) == null ? void 0 : x.image, u = Kt(o), f = async () => {
     try {
       u ? await o.unpin() : await o.pin();
     } catch (w) {
@@ -2300,7 +2339,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             "aria-label": `View info for ${h}`,
             children: [
               h,
-              /* @__PURE__ */ n(We, { className: "size-3 shrink-0" })
+              /* @__PURE__ */ n(qe, { className: "size-3 shrink-0" })
             ]
           }
         ),
@@ -2377,7 +2416,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               "aria-label": `View info for ${h}`,
               children: [
                 /* @__PURE__ */ n("span", { className: "truncate", children: h }),
-                /* @__PURE__ */ n(We, { className: "size-4 shrink-0" })
+                /* @__PURE__ */ n(qe, { className: "size-4 shrink-0" })
               ]
             }
           ) : /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: h }),
@@ -2420,7 +2459,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       ] })
     ] })
   ] });
-}, ar = ({
+}, sr = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2441,24 +2480,24 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   viewerLanguage: N,
   getParticipantDisplayName: w
 }) => {
-  var B, H, U, L, F, G;
+  var B, G, U, L, F, H;
   const { channel: I } = me(), S = Z(null), T = $.useMemo(() => {
     var p, k;
     const _ = (p = I._client) == null ? void 0 : p.userID;
     return _ ? Object.values(((k = I.state) == null ? void 0 : k.members) || {}).find(
       (Y) => {
-        var q;
-        return ((q = Y.user) == null ? void 0 : q.id) && Y.user.id !== _;
+        var W;
+        return ((W = Y.user) == null ? void 0 : W.id) && Y.user.id !== _;
       }
     ) : void 0;
-  }, [(B = I._client) == null ? void 0 : B.userID, (H = I.state) == null ? void 0 : H.members]), D = $.useMemo(() => {
+  }, [(B = I._client) == null ? void 0 : B.userID, (G = I.state) == null ? void 0 : G.members]), D = $.useMemo(() => {
     var p, k;
     const _ = (p = I._client) == null ? void 0 : p.userID;
     return _ ? Object.values(((k = I.state) == null ? void 0 : k.members) || {}).find((Y) => {
-      var q;
-      return ((q = Y.user) == null ? void 0 : q.id) === _;
+      var W;
+      return ((W = Y.user) == null ? void 0 : W.id) === _;
     }) : void 0;
-  }, [(U = I._client) == null ? void 0 : U.userID, (L = I.state) == null ? void 0 : L.members]), A = ((F = D == null ? void 0 : D.user) == null ? void 0 : F.is_account) ?? (D == null ? void 0 : D.is_account), O = ((G = T == null ? void 0 : T.user) == null ? void 0 : G.is_account) ?? (T == null ? void 0 : T.is_account), E = v && A === !1 && O === !0, R = $.useMemo(() => {
+  }, [(U = I._client) == null ? void 0 : U.userID, (L = I.state) == null ? void 0 : L.members]), A = ((F = D == null ? void 0 : D.user) == null ? void 0 : F.is_account) ?? (D == null ? void 0 : D.is_account), O = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), E = v && A === !1 && O === !0, R = $.useMemo(() => {
     const _ = I.data ?? {};
     if (_.followerStatus)
       return String(_.followerStatus);
@@ -2467,12 +2506,12 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   }, [I.data]), P = V(() => {
     var _;
     (_ = S.current) == null || _.showModal();
-  }, []), W = V(() => {
+  }, []), q = V(() => {
     var _;
     (_ = S.current) == null || _.close();
   }, []), C = V(
     (_) => {
-      const { message: M } = Le("ChannelView"), p = /* @__PURE__ */ n(
+      const { message: M } = xe("ChannelView"), p = /* @__PURE__ */ n(
         Da,
         {
           ..._,
@@ -2490,11 +2529,11 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       {
         overrides: {
           Message: C,
-          MessageActions: Oa
+          MessageActions: Fa
         },
         children: /* @__PURE__ */ m(ds, { children: [
           /* @__PURE__ */ n("div", { className: "p-4", children: /* @__PURE__ */ n(
-            sr,
+            nr,
             {
               onBack: e,
               showBackButton: t,
@@ -2522,7 +2561,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           ),
           a ? /* @__PURE__ */ n($.Fragment, { children: a(I) }, "lt-channel-conversation-footer") : null,
           /* @__PURE__ */ n(
-            Ua,
+            ja,
             {
               renderActions: () => s == null ? void 0 : s(I)
             },
@@ -2535,7 +2574,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       Qs,
       {
         dialogRef: S,
-        onClose: W,
+        onClose: q,
         participant: T,
         participantDisplayName: w(T),
         channel: I,
@@ -2551,7 +2590,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     )
   ] });
-}, hn = $.memo(
+}, fn = $.memo(
   ({
     channel: e,
     onBack: t,
@@ -2561,7 +2600,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onLeaveConversation: i,
     onBlockParticipant: l,
     className: o,
-    CustomChannelEmptyState: d = tr,
+    CustomChannelEmptyState: d = er,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: g,
     onBlockParticipantClick: u,
@@ -2584,7 +2623,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       (C) => (E == null ? void 0 : E(C)) ?? tt(C == null ? void 0 : C.user),
       [E]
     ), P = V(
-      async (C, B, H) => {
+      async (C, B, G) => {
         var M;
         const U = ((M = e.data) == null ? void 0 : M.chatbot_paused) === !0, L = c && !U, F = {
           ...B,
@@ -2595,46 +2634,46 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               ...b
             }
           }
-        }, G = {
-          ...H,
+        }, H = {
+          ...G,
           ...L && { skip_push: !0 }
-        }, _ = await e.sendMessage(F, G);
+        }, _ = await e.sendMessage(F, H);
         return x == null || x(_), _;
       },
       [e, c, b, x]
-    ), W = Z(null);
+    ), q = Z(null);
     return X(() => {
       if (!D) return;
-      const C = W.current;
+      const C = q.current;
       if (!C) return;
-      const B = (H) => {
-        const U = H.target, L = U == null ? void 0 : U.closest("a[href]"), F = L == null ? void 0 : L.getAttribute("href");
+      const B = (G) => {
+        const U = G.target, L = U == null ? void 0 : U.closest("a[href]"), F = L == null ? void 0 : L.getAttribute("href");
         if (!F) return;
-        const G = L == null ? void 0 : L.closest("[data-message-id]"), _ = G == null ? void 0 : G.getAttribute("data-message-id"), M = _ ? e.state.messages.find((p) => p.id === _) : void 0;
+        const H = L == null ? void 0 : L.closest("[data-message-id]"), _ = H == null ? void 0 : H.getAttribute("data-message-id"), M = _ ? e.state.messages.find((p) => p.id === _) : void 0;
         D(F, M);
       };
       return C.addEventListener("click", B), () => C.removeEventListener("click", B);
     }, [D, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: W,
+        ref: q,
         className: y(
           "messaging-channel-view h-full flex flex-col",
           o
         ),
-        children: /* @__PURE__ */ n(mn.Provider, { value: c ?? !1, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(hn.Provider, { value: c ?? !1, children: /* @__PURE__ */ n(
           ls,
           {
             channel: e,
-            MessageSystem: Ka,
+            MessageSystem: Za,
             EmptyStateIndicator: d,
-            LoadingIndicator: Me,
+            LoadingIndicator: De,
             DateSeparator: ea,
-            TypingIndicator: Qa,
+            TypingIndicator: Ja,
             doSendMessageRequest: P,
             ...A ? { SendButton: A } : {},
             children: /* @__PURE__ */ n(
-              ar,
+              sr,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2664,8 +2703,8 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   }
 );
-hn.displayName = "ChannelView";
-const rr = ({ className: e }) => /* @__PURE__ */ m(
+fn.displayName = "ChannelView";
+const ar = ({ className: e }) => /* @__PURE__ */ m(
   "svg",
   {
     width: "140",
@@ -2799,17 +2838,17 @@ const rr = ({ className: e }) => /* @__PURE__ */ m(
       ] })
     ]
   }
-), fn = $.memo(
+), gn = $.memo(
   ({ hasChannels: e, channelsLoaded: t }) => /* @__PURE__ */ n("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ n(rr, {}),
+    /* @__PURE__ */ n(ar, {}),
     t && !e && /* @__PURE__ */ m("div", { className: "mt-8", children: [
       /* @__PURE__ */ n("h2", { className: "font-medium text-black text-[18px] mb-2", children: "Your inbox is empty" }),
       /* @__PURE__ */ n("p", { className: "text-[#676B5F] text-sm mb-6", children: "Share with your followers to start receiving messages" })
     ] })
   ] }) })
 );
-fn.displayName = "EmptyState";
-const Te = $.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
+gn.displayName = "EmptyState";
+const Ae = $.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2823,8 +2862,8 @@ const Te = $.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-Te.displayName = "ErrorState";
-const ki = ({
+Ae.displayName = "ErrorState";
+const Ci = ({
   capabilities: e = {},
   className: t,
   renderMessageInputActions: s,
@@ -2855,14 +2894,14 @@ const ki = ({
   sendButton: P
 }) => {
   const {
-    service: W,
+    service: q,
     client: C,
     isConnected: B,
-    isLoading: H,
+    isLoading: G,
     error: U,
     refreshConnection: L,
     debug: F
-  } = Ls(), [G, _] = z(null), [M, p] = z(!1), [k, Y] = z(!1), [q, he] = z(!1), [J, ee] = z(null), { showDeleteConversation: Ce = !0 } = e, ke = $.useMemo(() => {
+  } = Ls(), [H, _] = z(null), [M, p] = z(!1), [k, Y] = z(!1), [W, he] = z(!1), [J, ee] = z(null), { showDeleteConversation: ke = !0 } = e, Ee = $.useMemo(() => {
     const j = C == null ? void 0 : C.userID;
     return {
       ...{
@@ -2923,13 +2962,13 @@ const ki = ({
               "[MessagingShell] Initial conversation loaded:",
               Q[0].id
             );
-          else if (l && W) {
+          else if (l && q) {
             F && console.log(
               "[MessagingShell] No conversation found, creating one for:",
               l
             );
             try {
-              const ae = await W.startChannelWithParticipant({
+              const ae = await q.startChannelWithParticipant({
                 id: l.id,
                 name: l.name,
                 phone: l.phone
@@ -2963,7 +3002,7 @@ const ki = ({
     l,
     C,
     B,
-    W,
+    q,
     F,
     r
   ]);
@@ -2973,25 +3012,25 @@ const ki = ({
     },
     [r]
   ), de = V(() => {
-    q || _(null);
-  }, [q]), Oe = V(
+    W || _(null);
+  }, [W]), Oe = V(
     async (j) => {
       F && console.log("[MessagingShell] Leaving conversation:", j.id), _(null), he(!1), ce.current = null, await te();
     },
     [te, F]
-  ), Ee = V(
+  ), Ie = V(
     async (j) => {
       F && console.log("[MessagingShell] Blocking participant:", j), _(null), he(!1), ce.current = null, await te();
     },
     [te, F]
-  ), ue = !!G;
-  return H ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Me, {}) }) : U ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Te, { message: U, onBack: L }) }) : !B || !C ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(
-    Te,
+  ), ue = !!H;
+  return G ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(De, {}) }) : U ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Ae, { message: U, onBack: L }) }) : !B || !C ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(
+    Ae,
     {
       message: "Not connected to messaging service",
       onBack: L
     }
-  ) }) : J ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Te, { message: J }) }) : /* @__PURE__ */ n(
+  ) }) : J ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Ae, { message: J }) }) : /* @__PURE__ */ n(
     "div",
     {
       className: y(
@@ -3005,19 +3044,19 @@ const ki = ({
             className: y(
               "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
               {
-                "!hidden": d === !1 || q,
+                "!hidden": d === !1 || W,
                 // Hide on mobile when channel selected, show on desktop with consistent wide width
-                "hidden lg:flex lg:flex-1 lg:max-w-2xl": d !== !1 && !q && ue,
+                "hidden lg:flex lg:flex-1 lg:max-w-2xl": d !== !1 && !W && ue,
                 // Show on mobile when no channel selected, use same wide width on desktop
-                "flex flex-col w-full lg:flex-1 lg:max-w-2xl": d !== !1 && !q && !ue
+                "flex flex-col w-full lg:flex-1 lg:max-w-2xl": d !== !1 && !W && !ue
               }
             ),
             children: /* @__PURE__ */ n(
-              en,
+              tn,
               {
                 onChannelSelect: se,
-                selectedChannel: G || void 0,
-                filters: ke,
+                selectedChannel: H || void 0,
+                filters: Ee,
                 channelRenderFilterFn: g,
                 customEmptyStateIndicator: u,
                 renderMessagePreview: T,
@@ -3033,24 +3072,24 @@ const ki = ({
               "messaging-conversation-view flex-1 flex-col min-w-0 min-h-0",
               {
                 // In direct conversation mode (or waiting for it), always show (full width)
-                flex: q || ue || i,
+                flex: W || ue || i,
                 // Normal mode: hide on mobile when no channel selected
-                "hidden lg:flex": !q && !ue && !i
+                "hidden lg:flex": !W && !ue && !i
               }
             ),
-            children: G ? /* @__PURE__ */ n("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ n(
-              hn,
+            children: H ? /* @__PURE__ */ n("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ n(
+              fn,
               {
-                channel: G,
+                channel: H,
                 onBack: de,
-                showBackButton: !q,
+                showBackButton: !W,
                 renderMessageInputActions: s,
                 renderConversationFooter: a,
                 renderChannelBanner: D,
                 onLeaveConversation: Oe,
-                onBlockParticipant: Ee,
+                onBlockParticipant: Ie,
                 CustomChannelEmptyState: o,
-                showDeleteConversation: Ce,
+                showDeleteConversation: ke,
                 onDeleteConversationClick: f,
                 onBlockParticipantClick: c,
                 onReportParticipantClick: b,
@@ -3066,12 +3105,12 @@ const ki = ({
                 onMessageLinkClick: R,
                 sendButton: P
               },
-              G.id
+              H.id
             ) }) : i ? (
               // Show loading while creating/loading direct conversation channel
-              /* @__PURE__ */ n(Me, {})
+              /* @__PURE__ */ n(De, {})
             ) : /* @__PURE__ */ n(
-              fn,
+              gn,
               {
                 hasChannels: M,
                 channelsLoaded: k
@@ -3082,25 +3121,25 @@ const ki = ({
       ] })
     }
   );
-}, ir = /^([a-z][a-z0-9+.-]*):/i, or = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+}, rr = /^([a-z][a-z0-9+.-]*):/i, ir = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function ot(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = ir.exec(t);
+  const s = rr.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return or.has(a) ? t : void 0;
+    return ir.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const lr = {
+const or = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, cr = ({ variant: e, cta: t }) => {
+}, lr = ({ variant: e, cta: t }) => {
   const s = y(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    lr[e]
+    or[e]
   ), a = ot(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -3127,10 +3166,10 @@ const lr = {
       children: t.label
     }
   );
-}, dr = {
+}, cr = {
   dark: "text-white",
   light: "text-black/90"
-}, ur = "text-white/30", mr = {
+}, dr = "text-white/30", ur = {
   dark: "text-white/55",
   light: "text-black/55"
 }, lt = ({
@@ -3147,10 +3186,10 @@ const lr = {
   if (!g && !u && !c && !b) return null;
   const v = y(
     "truncate text-base font-medium leading-6",
-    d && !t ? ur : dr[e]
+    d && !t ? dr : cr[e]
   ), N = y(
     "truncate text-xs leading-4",
-    mr[e]
+    ur[e]
   );
   return /* @__PURE__ */ m("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ m("div", { className: "flex items-end gap-3", children: [
@@ -3166,16 +3205,16 @@ const lr = {
       ] }),
       o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
     ] }),
-    l && /* @__PURE__ */ n(cr, { variant: e, cta: l })
+    l && /* @__PURE__ */ n(lr, { variant: e, cta: l })
   ] });
-}, hr = y(
+}, mr = y(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), De = ({
+), Re = ({
   variant: e,
   children: t,
   href: s,
@@ -3187,7 +3226,7 @@ const lr = {
   "data-testid": d
 }) => {
   const h = s != null || a != null, g = y(
-    hr,
+    mr,
     o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -3235,17 +3274,17 @@ const lr = {
       ]
     }
   );
-}, fr = {
+}, hr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, gr = {
+}, fr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Fe = (e, t) => !!t && !!e && le(e) === "audio", gn = (e, t) => {
+}, Fe = (e, t) => !!t && !!e && le(e) === "audio", bn = (e, t) => {
   if (!t || !e) return !1;
   const s = le(e);
   return s === "video" || s === "audio";
-}, ct = "bg-[#F2F3F4]", Re = ({
+}, ct = "bg-[#F2F3F4]", Le = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3296,10 +3335,10 @@ const lr = {
           {
             className: y(
               "flex h-full w-full items-center justify-center",
-              fr[e]
+              hr[e]
             ),
             children: ge(r, {
-              className: gr[e],
+              className: fr[e],
               weight: "regular"
             })
           }
@@ -3309,7 +3348,7 @@ const lr = {
       ]
     }
   );
-}, br = ({
+}, gr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3330,7 +3369,7 @@ const lr = {
       onClick: g,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
-      children: /* @__PURE__ */ n(xe, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(we, { className: "size-3", weight: "bold" })
     }
   ) : void 0, x = u ? /* @__PURE__ */ n(
     "button",
@@ -3342,9 +3381,9 @@ const lr = {
       children: /* @__PURE__ */ n(Ms, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(De, { variant: "dark", bgClassName: ct, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Re, { variant: "dark", bgClassName: ct, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Re,
+      Le,
       {
         variant: "dark",
         sourceUrl: l,
@@ -3354,13 +3393,13 @@ const lr = {
     ) }),
     b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ m(
-    De,
+    Re,
     {
       variant: "dark",
       topRight: f ? b : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Re,
+          Le,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3386,7 +3425,7 @@ const lr = {
       ]
     }
   );
-}, pr = ({
+}, br = ({
   title: e,
   description: t,
   url: s,
@@ -3398,7 +3437,7 @@ const lr = {
   cta: d,
   onClick: h
 }) => {
-  const g = gn(a, i), u = ot(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? h : void 0, b = Fe(a, i) ? ct : void 0, x = d && h ? {
+  const g = bn(a, i), u = ot(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? h : void 0, b = Fe(a, i) ? ct : void 0, x = d && h ? {
     ...d,
     onClick: () => {
       var v;
@@ -3406,7 +3445,7 @@ const lr = {
     }
   } : d;
   return /* @__PURE__ */ m(
-    De,
+    Re,
     {
       variant: "light",
       href: f,
@@ -3416,7 +3455,7 @@ const lr = {
       "data-testid": "link-attachment",
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Re,
+          Le,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3439,7 +3478,7 @@ const lr = {
       ]
     }
   );
-}, vr = ({
+}, pr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3452,9 +3491,9 @@ const lr = {
   cta: h,
   onClick: g
 }) => {
-  const u = gn(r, l), f = ot(a), c = h == null && f != null && !u ? f : void 0, b = h == null && !u && c != null ? g : void 0;
+  const u = bn(r, l), f = ot(a), c = h == null && f != null && !u ? f : void 0, b = h == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ m(
-    De,
+    Re,
     {
       variant: "dark",
       href: c,
@@ -3462,7 +3501,7 @@ const lr = {
       bgClassName: Fe(r, l) ? ct : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Re,
+          Le,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3486,20 +3525,20 @@ const lr = {
       ]
     }
   );
-}, Ei = {
-  Composer: br,
-  Sent: vr,
-  Received: pr
-}, xr = {
+}, ki = {
+  Composer: gr,
+  Sent: pr,
+  Received: br
+}, vr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, wr = {
+}, xr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, Nr = {
+}, wr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, yr = (e) => e === "dark" ? "sender" : "receiver", _r = {
+}, Nr = (e) => e === "dark" ? "sender" : "receiver", yr = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -3512,7 +3551,7 @@ const lr = {
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, we = ({
+}, Ne = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -3521,7 +3560,7 @@ const lr = {
   children: i,
   "data-testid": l
 }) => {
-  const o = t != null && t !== "", d = _r[yr(e)][a];
+  const o = t != null && t !== "", d = yr[Nr(e)][a];
   return /* @__PURE__ */ m(
     "div",
     {
@@ -3536,10 +3575,10 @@ const lr = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
+        vr[e],
         xr[e],
-        wr[e],
         s && "border",
-        s && Nr[e],
+        s && wr[e],
         r
       ),
       children: [
@@ -3564,7 +3603,7 @@ const lr = {
       ]
     }
   );
-}, Ne = ({
+}, ye = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -3580,18 +3619,18 @@ const lr = {
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
-    children: /* @__PURE__ */ n(xe, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(we, { className: "size-3", weight: "bold" })
   }
-), ye = (e) => e === "received" ? "light" : "dark", Ii = ({
+), _e = (e) => e === "received" ? "light" : "dark", Ei = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Cr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", _r = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], kr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Cr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3614,41 +3653,41 @@ const lr = {
   preload: o,
   onDismiss: d
 }) => {
-  const h = ye(e), g = e === "composer" && !!d, u = Cr({ src: t, mimeType: s, filename: a, items: r });
+  const h = _e(e), g = e === "composer" && !!d, u = _r({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = o ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    we,
+    Ne,
     {
       variant: h,
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
-        kr,
+        Cr,
         {
           item: c,
           preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && b === 0 ? /* @__PURE__ */ n(Ne, { onClick: d, variant: "inline" }) : void 0
+            g && b === 0 ? /* @__PURE__ */ n(ye, { onClick: d, variant: "inline" }) : void 0
           )
         },
         `${c.src}-${b}`
       )) })
     }
   );
-}, Er = (e) => /* @__PURE__ */ n(dt, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ n(dt, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(dt, { ...e, state: "received" }), Tr = {
-  Composer: Er,
-  Sent: Ir,
-  Received: Sr
+}, kr = (e) => /* @__PURE__ */ n(dt, { ...e, state: "composer" }), Er = (e) => /* @__PURE__ */ n(dt, { ...e, state: "sent" }), Ir = (e) => /* @__PURE__ */ n(dt, { ...e, state: "received" }), Sr = {
+  Composer: kr,
+  Sent: Er,
+  Received: Ir
 };
-function Ar(e) {
+function Tr(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const Mr = {
+const Ar = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3658,7 +3697,7 @@ const Mr = {
   text: "TXT",
   markdown: "MD"
 };
-function Dr(e, t) {
+function Mr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3668,7 +3707,7 @@ function Dr(e, t) {
   }
   if (!e) return;
   if (le(e) === "document") {
-    const r = sn(e), i = Mr[r];
+    const r = an(e), i = Ar[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3676,8 +3715,8 @@ function Dr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Rr(e, t, s) {
-  const a = Dr(e, t), r = typeof s == "number" && s > 0 ? Ar(s) : void 0;
+function Dr(e, t, s) {
+  const a = Mr(e, t), r = typeof s == "number" && s > 0 ? Tr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ne(e) {
@@ -3688,16 +3727,16 @@ function ne(e) {
     return "download";
   }
 }
-const Lr = {
+const Rr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Fr = {
+}, Lr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Or = {
+}, Fr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, bn = ({
+}, pn = ({
   variant: e,
   filename: t,
   title: s,
@@ -3707,16 +3746,16 @@ const Lr = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = s ?? t ?? "File", h = Rr(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", h = Dr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
       className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Fr[e]
+        Lr[e]
       ),
       "aria-hidden": !0,
       children: ge(a, {
-        className: y("size-6", Or[e]),
+        className: y("size-6", Fr[e]),
         weight: "regular"
       })
     }
@@ -3727,7 +3766,7 @@ const Lr = {
       {
         className: y(
           "truncate text-xs leading-4",
-          Lr[e]
+          Rr[e]
         ),
         children: h
       }
@@ -3756,7 +3795,7 @@ const Lr = {
     o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function pn(e, t) {
+async function vn(e, t) {
   const s = t ?? ne(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -3770,14 +3809,14 @@ async function pn(e, t) {
     }
   }
 }
-const zr = ({
+const Or = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Pr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], zr = ({
   variant: e,
   item: t,
   index: s,
@@ -3786,7 +3825,7 @@ const zr = ({
 }) => {
   const i = t.filename ?? ne(t.src);
   return /* @__PURE__ */ n(
-    bn,
+    pn,
     {
       variant: e,
       filename: i,
@@ -3811,7 +3850,7 @@ const zr = ({
   onClick: h,
   onDismiss: g
 }) => {
-  const u = ye(e), f = e === "composer" && !!g, c = zr({
+  const u = _e(e), f = e === "composer" && !!g, c = Or({
     src: t,
     filename: s,
     fileSize: a,
@@ -3823,7 +3862,7 @@ const zr = ({
     const N = c[v];
     if (!N) return;
     const w = N.filename ?? ne(N.src);
-    pn(N.src, w);
+    vn(N.src, w);
   };
   if (c.length === 0)
     return null;
@@ -3839,29 +3878,29 @@ const zr = ({
     }
   );
   return /* @__PURE__ */ n(
-    we,
+    Ne,
     {
       variant: u,
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, N) => /* @__PURE__ */ n(
-        Pr,
+        zr,
         {
           variant: u,
           item: v,
           index: N,
           onActivate: b,
-          trailingAction: f && N === 0 ? /* @__PURE__ */ n(Ne, { onClick: g, variant: "inline" }) : x
+          trailingAction: f && N === 0 ? /* @__PURE__ */ n(ye, { onClick: g, variant: "inline" }) : x
         },
         `${v.src}-${N}`
       )) })
     }
   );
-}, Br = (e) => /* @__PURE__ */ n(ut, { ...e, state: "composer" }), $r = (e) => /* @__PURE__ */ n(ut, { ...e, state: "sent" }), jr = (e) => /* @__PURE__ */ n(ut, { ...e, state: "received" }), Ur = {
-  Composer: Br,
-  Sent: $r,
-  Received: jr
+}, Pr = (e) => /* @__PURE__ */ n(ut, { ...e, state: "composer" }), Br = (e) => /* @__PURE__ */ n(ut, { ...e, state: "sent" }), $r = (e) => /* @__PURE__ */ n(ut, { ...e, state: "received" }), jr = {
+  Composer: Pr,
+  Sent: Br,
+  Received: $r
 }, mt = ({
   onPrev: e,
   onNext: t,
@@ -3885,10 +3924,10 @@ const zr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(We, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(qe, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), vn = ({
+] }), xn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -3899,7 +3938,7 @@ const zr = ({
 }) => {
   const [o, d] = z(!1), h = V(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), pn(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), vn(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
@@ -4079,7 +4118,7 @@ const zr = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ n(xe, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(we, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -4088,7 +4127,7 @@ const zr = ({
       ]
     }
   );
-}, xn = ({
+}, wn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4110,7 +4149,7 @@ const zr = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        vn,
+        xn,
         {
           url: o.src,
           filename: d,
@@ -4144,7 +4183,7 @@ const zr = ({
       ]
     }
   ) : null;
-}, Vr = "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", wn = ({
+}, Ur = "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", Nn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -4153,7 +4192,7 @@ const zr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), l = r - i.length, o = (d, h, g) => {
-    const u = y(Vr, "h-full w-full");
+    const u = y(Ur, "h-full w-full");
     return t ? /* @__PURE__ */ m(
       "button",
       {
@@ -4214,7 +4253,7 @@ const zr = ({
       })
     }
   );
-}, _e = (e) => {
+}, Ce = (e) => {
   const [t, s] = z(!1), [a, r] = z(0), i = V(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
@@ -4222,7 +4261,7 @@ const zr = ({
     [e]
   ), l = V(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, Gr = (e, t, s, a) => ({
+}, Vr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4237,16 +4276,16 @@ const zr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), Hr = ({
+}), Gr = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Nn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], yn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Yr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: h } = _e(
+})), Hr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: h } = Ce(
     r
   );
   return /* @__PURE__ */ m("div", { className: "relative w-fit", children: [
@@ -4270,18 +4309,18 @@ const zr = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ne, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(ye, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      xn,
+      wn,
       {
         open: l,
-        items: Nn([{ src: e, alt: t }], s),
+        items: yn([{ src: e, alt: t }], s),
         initialIndex: o,
         onClose: h
       }
     )
   ] });
-}, yn = ({
+}, _n = ({
   state: e,
   src: t,
   alt: s,
@@ -4292,28 +4331,28 @@ const zr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const h = Hr({ src: t, alt: s, items: r }), g = ye(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = _e(
+  const h = Gr({ src: t, alt: s, items: r }), g = _e(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = Ce(
     d
   );
   if (h.length === 0)
     return null;
   const x = h.map(
-    (v, N) => Gr(v, N, h.length, o)
+    (v, N) => Vr(v, N, h.length, o)
   );
   return /* @__PURE__ */ m(
-    we,
+    Ne,
     {
       variant: g,
       text: i,
       groupPosition: l,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(wn, { tiles: x, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Nn, { tiles: x, onTileActivate: c }) }),
         /* @__PURE__ */ n(
-          xn,
+          wn,
           {
             open: u,
-            items: Nn(h, a),
+            items: yn(h, a),
             initialIndex: f,
             onClose: b
           }
@@ -4321,11 +4360,11 @@ const zr = ({
       ]
     }
   );
-}, Wr = (e) => /* @__PURE__ */ n(Yr, { ...e }), qr = (e) => /* @__PURE__ */ n(yn, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(yn, { ...e, state: "received" }), Zr = {
-  Composer: Wr,
+}, Yr = (e) => /* @__PURE__ */ n(Hr, { ...e }), qr = (e) => /* @__PURE__ */ n(_n, { ...e, state: "sent" }), Wr = (e) => /* @__PURE__ */ n(_n, { ...e, state: "received" }), Xr = {
+  Composer: Yr,
   Sent: qr,
-  Received: Xr
-}, Kr = ({
+  Received: Wr
+}, Zr = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4339,7 +4378,7 @@ const zr = ({
     () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "document"),
     [o]
   ), h = re(
-    () => o ? Jr(o.src) : void 0,
+    () => o ? Kr(o.src) : void 0,
     [o]
   );
   return !o || !h ? null : /* @__PURE__ */ m(
@@ -4373,16 +4412,16 @@ const zr = ({
       ]
     }
   );
-}, Jr = (e) => {
+}, Kr = (e) => {
   const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, Qr = ({
+}, Jr = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ei = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Qr = ({
   variant: e,
   item: t,
   index: s,
@@ -4391,7 +4430,7 @@ const zr = ({
 }) => {
   const i = t.filename ?? ne(t.src);
   return /* @__PURE__ */ n(
-    bn,
+    pn,
     {
       variant: e,
       filename: i,
@@ -4415,7 +4454,7 @@ const zr = ({
   onClick: d,
   onDismiss: h
 }) => {
-  const g = ye(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = _e(
+  const g = _e(e), u = Jr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = Ce(
     d
   ), v = e === "composer" && !!h;
   if (u.length === 0)
@@ -4425,7 +4464,7 @@ const zr = ({
     filename: w.filename ?? ne(w.src)
   }));
   return /* @__PURE__ */ m(
-    we,
+    Ne,
     {
       variant: g,
       text: l,
@@ -4433,8 +4472,8 @@ const zr = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, I) => {
-          const S = w.filename ?? ne(w.src), T = v && I === 0 ? /* @__PURE__ */ n(Ne, { onClick: h, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            vn,
+          const S = w.filename ?? ne(w.src), T = v && I === 0 ? /* @__PURE__ */ n(ye, { onClick: h, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+            xn,
             {
               url: w.src,
               filename: S,
@@ -4444,7 +4483,7 @@ const zr = ({
             }
           );
           return /* @__PURE__ */ n(
-            ei,
+            Qr,
             {
               variant: g,
               item: w,
@@ -4456,7 +4495,7 @@ const zr = ({
           );
         }) }),
         /* @__PURE__ */ n(
-          Kr,
+          Zr,
           {
             open: f,
             items: N,
@@ -4467,11 +4506,11 @@ const zr = ({
       ]
     }
   );
-}, ti = (e) => /* @__PURE__ */ n(gt, { ...e, state: "composer" }), ni = (e) => /* @__PURE__ */ n(gt, { ...e, state: "sent" }), si = (e) => /* @__PURE__ */ n(gt, { ...e, state: "received" }), ai = {
-  Composer: ti,
-  Sent: ni,
-  Received: si
-}, _n = ({
+}, ei = (e) => /* @__PURE__ */ n(gt, { ...e, state: "composer" }), ti = (e) => /* @__PURE__ */ n(gt, { ...e, state: "sent" }), ni = (e) => /* @__PURE__ */ n(gt, { ...e, state: "received" }), si = {
+  Composer: ei,
+  Sent: ti,
+  Received: ni
+}, Cn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4521,7 +4560,7 @@ const zr = ({
       ]
     }
   ) : null;
-}, ri = () => /* @__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(He, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Cn = ({
+}, ai = () => /* @__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(He, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), kn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ m("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4536,31 +4575,31 @@ const zr = ({
       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(
-    Yt,
+    qt,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(ri, {})
-] }), ii = (e, t, s) => ({
+  /* @__PURE__ */ n(ai, {})
+] }), ri = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Cn, { item: e, index: t })
-}), oi = ({
+  content: /* @__PURE__ */ n(kn, { item: e, index: t })
+}), ii = ({
   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 }] : [], kn = (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 }] : [], En = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), li = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: h, closeViewer: g } = _e(
+})), oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+  const { viewerOpen: o, viewerIndex: d, handleActivate: h, closeViewer: g } = Ce(
     i
   );
   return /* @__PURE__ */ m("div", { className: "relative w-fit", children: [
@@ -4571,15 +4610,15 @@ const zr = ({
         onClick: () => h(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(Cn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(kn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ne, { onClick: l }) }) : null,
+    l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(ye, { onClick: l }) }) : null,
     /* @__PURE__ */ n(
-      _n,
+      Cn,
       {
         open: o,
-        items: kn(
+        items: En(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
@@ -4588,7 +4627,7 @@ const zr = ({
       }
     )
   ] });
-}, En = ({
+}, In = ({
   state: e,
   src: t,
   poster: s,
@@ -4600,16 +4639,16 @@ const zr = ({
   preload: d,
   onClick: h
 }) => {
-  const g = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = ye(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = _e(
+  const g = ii({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = _e(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = Ce(
     h
   );
   if (g.length === 0)
     return null;
   const v = g.map(
-    (N, w) => ii(N, w, g.length)
+    (N, w) => ri(N, w, g.length)
   );
   return /* @__PURE__ */ m(
-    we,
+    Ne,
     {
       variant: u,
       text: l,
@@ -4617,7 +4656,7 @@ const zr = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          wn,
+          Nn,
           {
             tiles: v,
             onTileActivate: b,
@@ -4625,10 +4664,10 @@ const zr = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          _n,
+          Cn,
           {
             open: f,
-            items: kn(g, r),
+            items: En(g, r),
             initialIndex: c,
             onClose: x
           }
@@ -4636,17 +4675,17 @@ const zr = ({
       ]
     }
   );
-}, ci = (e) => /* @__PURE__ */ n(li, { ...e }), di = (e) => /* @__PURE__ */ n(En, { ...e, state: "sent" }), ui = (e) => /* @__PURE__ */ n(En, { ...e, state: "received" }), mi = {
-  Composer: ci,
-  Sent: di,
-  Received: ui
-}, Si = {
-  Image: Zr,
-  Video: mi,
-  Audio: Tr,
-  Pdf: ai,
-  File: Ur
-}, hi = ({
+}, li = (e) => /* @__PURE__ */ n(oi, { ...e }), ci = (e) => /* @__PURE__ */ n(In, { ...e, state: "sent" }), di = (e) => /* @__PURE__ */ n(In, { ...e, state: "received" }), ui = {
+  Composer: li,
+  Sent: ci,
+  Received: di
+}, Ii = {
+  Image: Xr,
+  Video: ui,
+  Audio: Sr,
+  Pdf: si,
+  File: jr
+}, mi = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4668,7 +4707,7 @@ const zr = ({
     ),
     children: e
   }
-), Ti = ({
+), Si = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4697,7 +4736,7 @@ const zr = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           o.map((d) => /* @__PURE__ */ n(
-            hi,
+            mi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4711,38 +4750,38 @@ const zr = ({
   ] }) });
 };
 export {
-  an as A,
+  rn as A,
   na as B,
-  tr as C,
+  er as C,
   Ls as D,
-  Ti as F,
-  Ei as L,
-  _i as M,
-  Se as a,
+  Si as F,
+  ki as L,
+  yi as M,
+  Te as a,
   oe as b,
-  en as c,
-  hn as d,
-  Ci as e,
-  hi as f,
+  tn as c,
+  fn as d,
+  _i as e,
+  mi as f,
   le as g,
   Bt as h,
-  Si as i,
+  Ii as i,
   Ta as j,
-  yi as k,
-  ki as l,
-  Rr as m,
-  Ar as n,
+  Ni as k,
+  Ci as l,
+  Dr as m,
+  Tr as n,
   Bs as o,
-  Dr as p,
-  Kt as q,
+  Mr as p,
+  Jt as q,
   ge as r,
-  ln as s,
+  cn as s,
   Us as t,
-  Ii as u,
+  Ei as u,
   $s as v,
   rt as w,
   it as x,
   tt as y,
   Sa as z
 };
-//# sourceMappingURL=index-BGwytfkX.js.map
+//# sourceMappingURL=index-CPa6Qru7.js.map