@linktr.ee/messaging-react 2.5.1 → 2.5.2

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

@@ -1,9 +1,9 @@
 import { jsx as n, jsxs as m, Fragment as ie } from "react/jsx-runtime";
 import y from "classnames";
-import B, { createContext as Ze, useContext as Ke, useCallback as U, useState as z, useRef as Z, useEffect as X, useMemo as re, Suspense as Je } from "react";
+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 Mn, useChannelStateContext as me, useChatContext as Qe, areMessageUIPropsEqual as An, 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 Ms, ArrowLeftIcon as Lt, CaretRightIcon as We, DotsThreeIcon as Ft, PencilSimpleIcon as As, CaretLeftIcon as Ds } from "@phosphor-icons/react";
+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 { MessageActions as Rs, DefaultDropdownActionButton as Wt } from "stream-chat-react/experimental";
 import { LinkPreviewsManager as Ot } from "stream-chat";
 const qt = Ze({
@@ -24,9 +24,9 @@ const qt = Ze({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  const l = U(
-    (T, ...O) => {
-      i && console.log(`🔥 [MessagingProvider] ${T}`, ...O);
+  const l = V(
+    (A, ...O) => {
+      i && console.log(`🔥 [MessagingProvider] ${A}`, ...O);
     },
     [i]
   );
@@ -41,9 +41,9 @@ const qt = Ze({
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), E = Z(0);
-  E.current++, l("📊 RENDER INFO", {
-    renderCount: E.current,
+  }), I = Z(0);
+  I.current++, l("📊 RENDER INFO", {
+    renderCount: I.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: w.current.userId !== (t == null ? void 0 : t.id),
@@ -57,9 +57,9 @@ const qt = Ze({
     serviceConfig: s,
     capabilities: r
   }, X(() => {
-    const T = E.current;
+    const A = I.current;
     if (l("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: T,
+      renderCount: A,
       apiKey: !!a,
       serviceConfig: !!s,
       dependencies: {
@@ -70,13 +70,13 @@ const qt = Ze({
       }
     }), !a || !s) {
       l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: T,
+        renderCount: A,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     l("🚀 CREATING NEW SERVICE", {
-      renderCount: T,
+      renderCount: A,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
       serviceConfigChanged: w.current.serviceConfig !== s
     });
@@ -86,18 +86,18 @@ const qt = Ze({
       debug: i
     });
     return d(O), l("✅ SERVICE SET", {
-      renderCount: T,
+      renderCount: A,
       serviceInstance: !!O
     }), () => {
       l("🧹 SERVICE CLEANUP", {
-        renderCount: T,
+        renderCount: A,
         reason: "Effect cleanup"
       }), O.disconnectUser().catch(console.error);
     };
   }, [a, s, i, l]);
-  const I = Z(null);
+  const S = Z(null);
   X(() => {
-    var O, M;
+    var O, E;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!o,
       hasUser: !!t,
@@ -113,7 +113,7 @@ const qt = Ze({
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((O = I.current) == null ? void 0 : O.serviceId) === o && ((M = I.current) == null ? void 0 : M.userId) === t.id) {
+    if (((O = S.current) == null ? void 0 : O.serviceId) === o && ((E = S.current) == null ? void 0 : E.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -124,16 +124,16 @@ const qt = Ze({
       l("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, b(!0), v(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const L = await o.connectUser(t);
-        g(L), f(!0), I.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const R = await o.connectUser(t);
+        g(R), f(!0), S.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: L.userID
+          clientId: R.userID
         });
-      } catch (L) {
-        const A = L instanceof Error ? L.message : "Connection failed";
-        v(A), l("❌ USER CONNECTION ERROR", {
+      } catch (R) {
+        const P = R instanceof Error ? R.message : "Connection failed";
+        v(P), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: A
+          error: P
         });
       } finally {
         b(!1), N.current = !1, l("🔄 USER CONNECTION FINISHED", {
@@ -149,12 +149,12 @@ const qt = Ze({
     o && u ? (l(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), I.current = null, o.disconnectUser().catch(console.error)) : l("🔇 CLEANUP EFFECT SKIPPED", {
+    ), S.current = null, o.disconnectUser().catch(console.error)) : l("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!o,
       isConnected: u
     });
   }), [o, u, l]);
-  const S = U(async () => {
+  const T = V(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
       hasUser: !!t
@@ -165,10 +165,10 @@ const qt = Ze({
     l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
     try {
       l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-      const T = await o.connectUser(t);
-      g(T), f(!0), v(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (T) {
-      const O = T instanceof Error ? T.message : "Refresh failed";
+      const A = await o.connectUser(t);
+      g(A), f(!0), v(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (A) {
+      const O = A instanceof Error ? A.message : "Refresh failed";
       v(O), l("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
         error: O
@@ -176,7 +176,7 @@ const qt = Ze({
     } finally {
       b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [o, t, l]), R = B.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [o, t, l]), D = $.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
     hasClient: !!h,
     isConnected: u,
@@ -190,7 +190,7 @@ const qt = Ze({
     isLoading: c,
     error: x,
     capabilities: r,
-    refreshConnection: S,
+    refreshConnection: T,
     debug: i
   }), [
     o,
@@ -199,15 +199,15 @@ const qt = Ze({
     c,
     x,
     r,
-    S,
+    T,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: E.current,
+    renderCount: I.current,
     willRenderChat: !!(h && u),
-    contextValueReady: !!R
-  }), /* @__PURE__ */ n(qt.Provider, { value: R, children: h && u ? /* @__PURE__ */ n(
+    contextValueReady: !!D
+  }), /* @__PURE__ */ n(qt.Provider, { value: D, children: h && u ? /* @__PURE__ */ n(
     Sn,
     {
       client: h,
@@ -224,14 +224,14 @@ function Fs(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const Xt = B.createContext({
+const Xt = $.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Os = Xt.Provider, zs = () => B.useContext(Xt), Zt = (e) => {
+}), Os = Xt.Provider, zs = () => $.useContext(Xt), Zt = (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)
@@ -434,7 +434,7 @@ const oe = ({
 }, Ws = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Me = (e) => {
+}, Ae = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
 }, qs = (e) => {
@@ -450,7 +450,7 @@ const oe = ({
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = Jt(e), i = Me(e);
+  const r = Jt(e), i = Ae(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -474,9 +474,9 @@ const oe = ({
     g,
     h
   ] }) });
-}, Qt = B.memo(
+}, Qt = $.memo(
   ({ channel: e, unread: t }) => {
-    var R, T, O;
+    var D, A, O;
     const {
       selectedChannel: s,
       onChannelSelect: a,
@@ -485,37 +485,39 @@ const oe = ({
       viewerLanguage: l
     } = zs(), o = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
-    }, h = (M) => {
-      const L = M.key === "Enter" || M.key === " ", A = M.repeat;
-      !L || A || (M.preventDefault(), d());
-    }, u = Object.values(((R = e == null ? void 0 : e.state) == null ? void 0 : R.members) || {}).find(
-      (M) => {
-        var L, A;
-        return ((L = M.user) == null ? void 0 : L.id) && M.user.id !== ((A = e == null ? void 0 : e._client) == null ? void 0 : A.userID);
+    }, h = (E) => {
+      const R = E.key === "Enter" || E.key === " ", P = E.repeat;
+      !R || P || (E.preventDefault(), d());
+    }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
+      (E) => {
+        var R, P;
+        return ((R = E.user) == null ? void 0 : R.id) && E.user.id !== ((P = e == null ? void 0 : e._client) == null ? void 0 : P.userID);
       }
-    ), f = tt(u == null ? void 0 : u.user), c = (T = u == null ? void 0 : u.user) == null ? void 0 : T.image, b = (() => {
-      var L;
-      const M = (L = e == null ? void 0 : e.state) == null ? void 0 : L.messages;
-      if (M != null && M.length) {
-        for (let A = M.length - 1; A >= 0; A--)
-          if (M[A].type !== "system") return M[A];
+    ), f = tt(u == null ? void 0 : u.user), c = (A = u == null ? void 0 : u.user) == null ? void 0 : A.image, b = (() => {
+      var R;
+      const E = (R = e == null ? void 0 : e.state) == null ? void 0 : R.messages;
+      if (E != null && E.length) {
+        for (let P = E.length - 1; P >= 0; P--)
+          if (E[P].type !== "system") return E[P];
       }
     })(), v = (() => {
-      var H, k;
-      const M = Kt({
+      var B, H, U, L;
+      const E = Kt({
         message: b,
         viewerLanguage: l
       });
-      if (M) return M;
-      if (((H = b == null ? void 0 : b.metadata) == null ? void 0 : H.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
-      const A = (k = b == null ? void 0 : b.attachments) == null ? void 0 : k[0];
-      return A ? A.og_scrape_url ? A.og_scrape_url : A.type === "image" ? "📷 Sent an image" : A.type === "video" ? "🎥 Sent a video" : A.type === "audio" ? "🎵 Sent audio" : A.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 ? Me(b) : !1, E = i ? i(b, v) : `${w ? "✨ " : ""}${v}`, I = Zt(e), S = t ?? 0;
+      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 (((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;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: o,
       participantName: f,
-      unreadCount: S,
+      unreadCount: T,
       hasTimestamp: !!N
     }), /* @__PURE__ */ n(
       "div",
@@ -539,7 +541,7 @@ const oe = ({
               name: f,
               image: c,
               size: 44,
-              starred: I,
+              starred: S,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
@@ -553,7 +555,7 @@ const oe = ({
                     o ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    I && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    S && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     f
                   ]
                 }
@@ -561,8 +563,8 @@ const oe = ({
               N && /* @__PURE__ */ n("span", { className: "text-xs text-stone flex-shrink-0", children: N })
             ] }),
             /* @__PURE__ */ m("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: E }),
-              S > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: S > 99 ? "99+" : S })
+              /* @__PURE__ */ n("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: I }),
+              T > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: T > 99 ? "99+" : T })
             ] })
           ] })
         ] })
@@ -571,7 +573,7 @@ const oe = ({
   }
 );
 Qt.displayName = "CustomChannelPreview";
-const Zs = { last_message_at: -1 }, en = B.memo(
+const Zs = { last_message_at: -1 }, en = $.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
@@ -586,9 +588,9 @@ const Zs = { last_message_at: -1 }, en = B.memo(
     renderMessagePreview: g,
     viewerLanguage: u
   }) => {
-    const f = B.useRef(0);
+    const f = $.useRef(0);
     f.current++;
-    const { debug: c = !1 } = et(), b = B.useCallback(
+    const { debug: c = !1 } = et(), b = $.useCallback(
       (v) => {
         for (const N of v)
           Fs(N);
@@ -601,7 +603,7 @@ const Zs = { last_message_at: -1 }, en = B.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const x = B.useMemo(
+    const x = $.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -702,66 +704,66 @@ const Qs = ({
   customProfileContent: f,
   customChannelActions: c
 }) => {
-  var V, P, F, G;
-  const { service: b, debug: x } = et(), [v, N] = z(!1), [w, E] = z(!1), [I, S] = z(!1), R = U(async () => {
+  var U, L, F, G;
+  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)))
       try {
         const p = (await b.getBlockedUsers()).some(
-          (C) => {
+          (k) => {
             var Y;
-            return C.blocked_user_id === ((Y = s == null ? void 0 : s.user) == null ? void 0 : Y.id);
+            return k.blocked_user_id === ((Y = s == null ? void 0 : s.user) == null ? void 0 : Y.id);
           }
         );
         N(p);
-      } catch (D) {
+      } catch (M) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          D
+          M
         );
       }
-  }, [b, (V = s == null ? void 0 : s.user) == null ? void 0 : V.id]);
+  }, [b, (U = s == null ? void 0 : s.user) == null ? void 0 : U.id]);
   X(() => {
-    R();
-  }, [R]);
-  const T = async () => {
+    D();
+  }, [D]);
+  const A = async () => {
     var _;
     if (!w) {
-      h == null || h(), x && console.log("[ChannelInfoDialog] Leave conversation", r.cid), E(!0);
+      h == null || h(), x && console.log("[ChannelInfoDialog] Leave conversation", r.cid), I(!0);
       try {
-        const D = ((_ = r._client) == null ? void 0 : _.userID) ?? null;
-        await r.hide(D, !1), l && await l(r), t();
-      } catch (D) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", D);
+        const M = ((_ = r._client) == null ? void 0 : _.userID) ?? null;
+        await r.hide(M, !1), l && await l(r), t();
+      } catch (M) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", M);
       } finally {
-        E(!1);
+        I(!1);
       }
     }
   }, O = async () => {
-    var _, D, p;
-    if (!(I || !b)) {
-      g == null || g(), x && console.log("[ChannelInfoDialog] Block member", (_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), S(!0);
+    var _, M, p;
+    if (!(S || !b)) {
+      g == null || g(), x && console.log("[ChannelInfoDialog] Block member", (_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), T(!0);
       try {
-        await b.blockUser((D = s == null ? void 0 : s.user) == null ? void 0 : D.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
-      } catch (C) {
-        console.error("[ChannelInfoDialog] Failed to block member", C);
+        await b.blockUser((M = s == null ? void 0 : s.user) == null ? void 0 : M.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
+      } catch (k) {
+        console.error("[ChannelInfoDialog] Failed to block member", k);
       } finally {
-        S(!1);
+        T(!1);
       }
     }
-  }, M = async () => {
-    var _, D, p;
-    if (!(I || !b)) {
-      g == null || g(), x && console.log("[ChannelInfoDialog] Unblock member", (_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), S(!0);
+  }, E = async () => {
+    var _, M, p;
+    if (!(S || !b)) {
+      g == null || g(), x && console.log("[ChannelInfoDialog] Unblock member", (_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), T(!0);
       try {
-        await b.unBlockUser((D = s == null ? void 0 : s.user) == null ? void 0 : D.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
-      } catch (C) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", C);
+        await b.unBlockUser((M = s == null ? void 0 : s.user) == null ? void 0 : M.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
+      } catch (k) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", k);
       } finally {
-        S(!1);
+        T(!1);
       }
     }
-  }, L = () => {
+  }, R = () => {
     u == null || u(), t(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
@@ -769,7 +771,7 @@ const Qs = ({
     );
   };
   if (!s) return null;
-  const A = a ?? tt(s.user), H = (P = s.user) == null ? void 0 : P.image, k = (F = s.user) == null ? void 0 : F.username, j = k ? `linktr.ee/${k}` : void 0, W = ((G = s.user) == null ? void 0 : G.id) || "unknown";
+  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";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ n(
@@ -797,16 +799,16 @@ const Qs = ({
                     /* @__PURE__ */ n(
                       oe,
                       {
-                        id: W,
-                        name: A,
-                        image: H,
+                        id: H,
+                        name: P,
+                        image: W,
                         size: 88,
                         shape: "circle"
                       }
                     ),
                     /* @__PURE__ */ m("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                      /* @__PURE__ */ n("p", { className: "truncate text-base font-semibold text-charcoal", children: A }),
-                      j && /* @__PURE__ */ n("p", { className: "truncate text-sm text-[#00000055]", children: j }),
+                      /* @__PURE__ */ n("p", { className: "truncate text-base font-semibold text-charcoal", children: P }),
+                      B && /* @__PURE__ */ n("p", { className: "truncate text-sm text-[#00000055]", children: B }),
                       i && !f && /* @__PURE__ */ n(
                         "span",
                         {
@@ -831,7 +833,7 @@ const Qs = ({
               d && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(
                 Se,
                 {
-                  onClick: T,
+                  onClick: A,
                   disabled: w,
                   "aria-busy": w,
                   children: [
@@ -843,11 +845,11 @@ const Qs = ({
               /* @__PURE__ */ n("li", { children: v ? /* @__PURE__ */ m(
                 Se,
                 {
-                  onClick: M,
-                  disabled: I,
-                  "aria-busy": I,
+                  onClick: E,
+                  disabled: S,
+                  "aria-busy": S,
                   children: [
-                    I ? /* @__PURE__ */ n(Be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
+                    S ? /* @__PURE__ */ n(Be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Unblock" })
                   ]
                 }
@@ -855,15 +857,15 @@ const Qs = ({
                 Se,
                 {
                   onClick: O,
-                  disabled: I,
-                  "aria-busy": I,
+                  disabled: S,
+                  "aria-busy": S,
                   children: [
-                    I ? /* @__PURE__ */ n(Be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
+                    S ? /* @__PURE__ */ n(Be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(Se, { variant: "danger", onClick: L, children: [
+              /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(Se, { variant: "danger", onClick: R, children: [
                 /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Report" })
               ] }) }),
@@ -874,7 +876,7 @@ const Qs = ({
       }
     )
   );
-}, ea = (e) => /* @__PURE__ */ n(Mn, { ...e, position: "center" }), qe = "vote_up", Xe = "vote_down";
+}, ea = (e) => /* @__PURE__ */ n(An, { ...e, position: "center" }), qe = "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;
 }
@@ -882,7 +884,7 @@ function na(e) {
   const { channel: t } = me(), { client: s } = Qe("useMessageVote"), a = re(
     () => ta(e.own_reactions),
     [e.own_reactions]
-  ), r = U(async () => {
+  ), r = V(async () => {
     if (s != null && s.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, qe) : await t.sendReaction(
@@ -892,7 +894,7 @@ function na(e) {
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = U(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = V(async () => {
     if (s != null && s.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, Xe) : await t.sendReaction(
@@ -905,7 +907,7 @@ function na(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-const sa = B.lazy(() => import("./Card-BpVephnj.js")), aa = B.lazy(() => import("./Card-CYLat33l.js")), ra = B.lazy(() => import("./Card-bUYvpOEI.js")), nt = () => /* @__PURE__ */ n(
+const sa = $.lazy(() => import("./Card-CBeF7eUm.js")), aa = $.lazy(() => import("./Card-CSvw2WUm.js")), ra = $.lazy(() => import("./Card-cl8fYGrO.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)]",
@@ -951,7 +953,7 @@ function ma(e) {
   return t !== "document" ? da[t] : ua[sn(e)];
 }
 function ge(e, t) {
-  return B.createElement(ma(e), t);
+  return $.createElement(ma(e), t);
 }
 const ha = (e) => {
   var t, s;
@@ -968,23 +970,23 @@ 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), [E, I] = z(!1), [S, R] = z(!1), [T, O] = z(!1), [M, L] = z(!1), [A, H] = z(!0), [k, j] = z(null), W = U(() => {
+  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(() => {
     O(!1), v(!0);
-  }, []), V = U((p) => {
-    const C = f.current;
-    if (!C) return 0;
-    const Y = C.getBoundingClientRect();
+  }, []), U = V((p) => {
+    const k = f.current;
+    if (!k) return 0;
+    const Y = k.getBoundingClientRect();
     return Math.max(
       0,
       Math.min(1, (ha(p) - Y.left) / Y.width)
     );
-  }, []), P = U((p) => {
-    const C = u.current;
-    C && C.duration && (C.currentTime = p * C.duration);
+  }, []), L = V((p) => {
+    const k = u.current;
+    k && k.duration && (k.currentTime = p * k.duration);
   }, []), F = (p) => {
-    p.stopPropagation(), I(!0);
-    const C = V(p);
-    w(C), P(C);
+    p.stopPropagation(), S(!0);
+    const k = U(p);
+    w(k), L(k);
   };
   X(() => {
     r !== void 0 && r !== b.current && (b.current = r, v(r));
@@ -994,27 +996,27 @@ const ha = (e) => {
       return;
     }
     const p = () => {
-      const C = u.current;
-      C && C.duration && !E && w(C.currentTime / C.duration), c.current = requestAnimationFrame(p);
+      const k = u.current;
+      k && k.duration && !I && w(k.currentTime / k.duration), c.current = requestAnimationFrame(p);
     };
     return c.current = requestAnimationFrame(p), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [x, E]), X(() => {
+  }, [x, I]), X(() => {
     const p = u.current;
-    p && (x ? p.play().catch((C) => {
+    p && (x ? p.play().catch((k) => {
       v(!1), O(!0);
     }) : p.pause());
   }, [x]), X(() => {
-    if (!E) return;
-    const p = (Y) => w(V(Y)), C = (Y) => {
-      I(!1), P(V(Y));
+    if (!I) return;
+    const p = (Y) => w(U(Y)), k = (Y) => {
+      S(!1), L(U(Y));
     };
-    return window.addEventListener("mousemove", p), window.addEventListener("mouseup", C), window.addEventListener("touchmove", p, { passive: !0 }), window.addEventListener("touchend", C), () => {
-      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", C), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", C);
+    return window.addEventListener("mousemove", p), window.addEventListener("mouseup", k), window.addEventListener("touchmove", p, { passive: !0 }), window.addEventListener("touchend", k), () => {
+      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", k), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", k);
     };
-  }, [E, V, P]);
-  const G = k ? { aspectRatio: String(k) } : void 0, _ = k ? "" : " aspect-video", D = Math.round(N * 100);
+  }, [I, U, L]);
+  const G = C ? { aspectRatio: String(C) } : void 0, _ = C ? "" : " aspect-video", M = Math.round(N * 100);
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1027,7 +1029,7 @@ const ha = (e) => {
           h(p);
           return;
         }
-        T || l && v((C) => !C);
+        A || l && v((k) => !k);
       },
       onKeyDown: (p) => {
         if (!(p.key !== "Enter" && p.key !== " ")) {
@@ -1035,11 +1037,11 @@ const ha = (e) => {
             h(p);
             return;
           }
-          T || l && v((C) => !C);
+          A || l && v((k) => !k);
         }
       },
       children: [
-        s && (g === "audio" || A) && /* @__PURE__ */ n(
+        s && (g === "audio" || P) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -1047,7 +1049,7 @@ const ha = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || A) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ge(t, {
+        !s && (g === "audio" || P) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ge(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -1059,11 +1061,11 @@ const ha = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              L(!1), H(!1);
+              R(!1), W(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => R(!0),
             onPlay: () => O(!1),
             onEnded: () => {
               i || (v(!1), w(0));
@@ -1079,15 +1081,15 @@ const ha = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              L(!1), H(!1);
+              R(!1), W(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => R(!0),
             onPlay: () => O(!1),
             onLoadedMetadata: () => {
               const p = u.current;
-              p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && j(p.videoWidth / p.videoHeight);
+              p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && B(p.videoWidth / p.videoHeight);
             },
             onEnded: () => {
               i || (v(!1), w(0));
@@ -1095,14 +1097,14 @@ const ha = (e) => {
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        M && !T && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        E && !A && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           pe,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        T && !l && /* @__PURE__ */ n(
+        A && !l && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -1110,10 +1112,10 @@ const ha = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (p) => {
-              p.stopPropagation(), W();
+              p.stopPropagation(), H();
             },
             onKeyDown: (p) => {
-              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), W());
+              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), H());
             },
             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" }) })
           }
@@ -1123,7 +1125,7 @@ const ha = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": D,
+            "aria-valuenow": M,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
@@ -1133,13 +1135,13 @@ const ha = (e) => {
             onTouchStart: F,
             onClick: (p) => p.stopPropagation(),
             onKeyDown: (p) => {
-              p.key === "ArrowRight" && P(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && P(Math.max(0, N - 0.05));
+              p.key === "ArrowRight" && L(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && L(Math.max(0, N - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${D}%` }
+                style: { width: `${M}%` }
               }
             ) })
           }
@@ -1150,7 +1152,7 @@ const ha = (e) => {
             {
               type: "button",
               onClick: (p) => {
-                p.stopPropagation(), v((C) => !C);
+                p.stopPropagation(), v((k) => !k);
               },
               className: "shrink-0 text-white",
               "aria-label": x ? "Pause" : "Play",
@@ -1162,7 +1164,7 @@ const ha = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": D,
+              "aria-valuenow": M,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -1171,21 +1173,21 @@ const ha = (e) => {
               onMouseDown: F,
               onTouchStart: F,
               onClick: (p) => p.stopPropagation(),
-              onMouseEnter: () => R(!0),
-              onMouseLeave: () => R(!1),
+              onMouseEnter: () => D(!0),
+              onMouseLeave: () => D(!1),
               onKeyDown: (p) => {
-                p.key === "ArrowRight" && P(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && P(Math.max(0, N - 0.05));
+                p.key === "ArrowRight" && L(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && L(Math.max(0, N - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${S || E ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || I ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${D}%` }
+                        style: { width: `${M}%` }
                       }
                     )
                   }
@@ -1193,8 +1195,8 @@ const ha = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${S || E ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${D}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${T || I ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${M}%` }
                   }
                 )
               ]
@@ -1372,7 +1374,7 @@ function wa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const at = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, h = /* @__PURE__ */ m(B.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, h = /* @__PURE__ */ m($.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1434,7 +1436,7 @@ const ya = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(pe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(B.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(pe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m($.Fragment, { children: [
         /* @__PURE__ */ n(ve, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1610,7 +1612,7 @@ const Ta = ({
       children: /* @__PURE__ */ n(Ss, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Ma = (e) => {
+] }), Aa = (e) => {
   var bt, pt, vt, xt, wt, Nt, yt, _t, Ct, kt, Et, It, St, Tt;
   const {
     additionalMessageInputProps: t,
@@ -1629,26 +1631,26 @@ const Ta = ({
     renderText: b,
     threadList: x,
     viewerLanguage: v
-  } = e, { client: N } = Qe("CustomMessage"), { channel: w } = me("CustomMessage"), { isUnlocking: E, onUnlockClick: I, onFetchSource: S, onDownloadClick: R } = Sa("LockedAttachment"), [T, O] = z(!1), M = Dn(c.id), { selected: L, voteUp: A, voteDown: H } = na(c), {
-    Attachment: k = Rn,
-    EditMessageModal: j = Ln,
-    MessageActions: W,
-    MessageBlocked: V = Fn,
-    MessageBouncePrompt: P = On,
+  } = 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: D = $n,
+    ReminderNotification: M = $n,
     StreamedMessageText: p = jn,
-    PinIndicator: C
+    PinIndicator: k
   } = Gt("CustomMessage"), Y = Un(c), q = Vn(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 (!Me(c)) return Ie;
-    const Mt = Ie.filter((At) => !("type" in At) || !ln(At));
-    return Mt.length === Ie.length ? Ie : Mt;
+    if (!Ae(c)) return Ie;
+    const At = Ie.filter((Mt) => !("type" in Mt) || !ln(Mt));
+    return At.length === Ie.length ? Ie : At;
   }, [c]), ee = re(() => {
     const be = Kt({ message: c, viewerLanguage: v });
     return be === c.text ? c : { ...c, text: be };
@@ -1658,7 +1660,7 @@ const Ta = ({
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(F, { message: c });
   if (Hn(c))
-    return /* @__PURE__ */ n(V, {});
+    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);
   let se;
   ce ? se = () => h(c) : te && (se = () => O(!0));
@@ -1679,25 +1681,25 @@ const Ta = ({
       "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), $ = Me(c), K = qs(c), Q = !!(J != null && J.length && !c.quoted_message), ae = $ && de && Q;
+  ), 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;
   return /* @__PURE__ */ m(ie, { children: [
     a && /* @__PURE__ */ n(
-      j,
+      B,
       {
         additionalMessageInputProps: t
       }
     ),
-    T && /* @__PURE__ */ n(
+    A && /* @__PURE__ */ n(
       Wn,
       {
-        MessageBouncePrompt: P,
+        MessageBouncePrompt: L,
         onClose: () => O(!1),
-        open: T
+        open: A
       }
     ),
     /* @__PURE__ */ m("div", { className: Oe, "data-message-id": c.id, children: [
-      C && /* @__PURE__ */ n(C, {}),
-      !!M && /* @__PURE__ */ n(D, { reminder: M }),
+      k && /* @__PURE__ */ n(k, {}),
+      !!E && /* @__PURE__ */ n(M, { reminder: E }),
       c.user && /* @__PURE__ */ n(
         oe,
         {
@@ -1705,9 +1707,9 @@ const Ta = ({
           id: c.user.id,
           image: c.user.image,
           name: c.user.name || c.user.id,
-          size: $ ? 24 : 28,
+          size: j ? 24 : 28,
           shape: "circle",
-          dmAgentEnabled: $
+          dmAgentEnabled: j
         }
       ),
       /* @__PURE__ */ m(
@@ -1738,8 +1740,8 @@ const Ta = ({
                   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: () => I == null ? void 0 : I(c, w),
-                  onFetchSource: async () => await (S == null ? void 0 : S(c, w))
+                  onPreviewClick: () => S == null ? void 0 : S(c, w),
+                  onFetchSource: async () => await (T == null ? void 0 : T(c, w))
                 }
               ) : /* @__PURE__ */ n(
                 Bt.Received,
@@ -1750,10 +1752,10 @@ const Ta = ({
                   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: E(c.id),
-                  onUnlockClick: () => I == null ? void 0 : I(c, w),
-                  onFetchSource: async () => await (S == null ? void 0 : S(c, w)),
-                  onDownloadClick: () => R == null ? void 0 : R(c, w)
+                  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(
@@ -1767,7 +1769,7 @@ const Ta = ({
               /* 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: [
-              $ && !ae && /* @__PURE__ */ n(
+              j && !ae && /* @__PURE__ */ n(
                 $e,
                 {
                   message: c,
@@ -1777,7 +1779,7 @@ const Ta = ({
               ),
               Ee && /* @__PURE__ */ n(qn, { poll: Ee }),
               J != null && J.length && !c.quoted_message ? /* @__PURE__ */ n(
-                k,
+                C,
                 {
                   actionHandler: o,
                   attachments: J
@@ -1798,12 +1800,12 @@ const Ta = ({
               ),
               /* @__PURE__ */ n(Xn, {})
             ] }) }),
-            W && /* @__PURE__ */ n(W, {})
+            H && /* @__PURE__ */ n(H, {})
           ]
         }
       ),
       !K && !ue && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
-        (!$ || ae) && /* @__PURE__ */ n(
+        (!j || ae) && /* @__PURE__ */ n(
           $e,
           {
             message: c,
@@ -1811,12 +1813,12 @@ const Ta = ({
             isMyMessage: de
           }
         ),
-        s && $ && /* @__PURE__ */ n(
+        s && j && /* @__PURE__ */ n(
           Ta,
           {
-            selected: L,
-            onVoteUp: A,
-            onVoteDown: H
+            selected: R,
+            onVoteUp: P,
+            onVoteDown: W
           }
         )
       ] }),
@@ -1830,12 +1832,12 @@ const Ta = ({
       ke && /* @__PURE__ */ n(G, {})
     ] }, c.id)
   ] });
-}, Aa = B.memo(
-  Ma,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : An(e, t)
+}, Ma = $.memo(
+  Aa,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Mn(e, t)
 ), Da = (e) => {
   const t = Le("CustomMessage");
-  return /* @__PURE__ */ n(Aa, { ...t, ...e });
+  return /* @__PURE__ */ n(Ma, { ...t, ...e });
 }, Ra = () => {
   const { handleDelete: e } = Le("CustomMessageActions"), { t } = Zn("CustomMessageActions");
   return /* @__PURE__ */ n(Wt, { onClick: e, children: t("Delete") });
@@ -2056,7 +2058,7 @@ const Ta = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Ms,
+              As,
               {
                 size: 24,
                 weight: "duotone",
@@ -2227,11 +2229,11 @@ const tr = () => null, nr = ({ className: e, message: t }) => /* @__PURE__ */ m(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ae = B.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
+), 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" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-Ae.displayName = "LoadingState";
+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 = ({
   onBack: e,
   showBackButton: t,
@@ -2242,13 +2244,13 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   getParticipantDisplayName: l
 }) => {
   var c, b, x, v, N;
-  const { channel: o } = me(), d = B.useMemo(() => {
-    var I, S;
-    const w = (I = o._client) == null ? void 0 : I.userID;
-    return w ? Object.values(((S = o.state) == null ? void 0 : S.members) || {}).find(
-      (R) => {
-        var T;
-        return ((T = R.user) == null ? void 0 : T.id) && R.user.id !== w;
+  const { channel: o } = me(), d = $.useMemo(() => {
+    var S, T;
+    const w = (S = o._client) == null ? void 0 : S.userID;
+    return w ? Object.values(((T = o.state) == null ? void 0 : T.members) || {}).find(
+      (D) => {
+        var A;
+        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 () => {
@@ -2439,38 +2441,38 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   viewerLanguage: N,
   getParticipantDisplayName: w
 }) => {
-  var j, W, V, P, F, G;
-  const { channel: E } = me(), I = Z(null), S = B.useMemo(() => {
-    var p, C;
-    const _ = (p = E._client) == null ? void 0 : p.userID;
-    return _ ? Object.values(((C = E.state) == null ? void 0 : C.members) || {}).find(
+  var B, H, U, L, F, G;
+  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 !== _;
       }
     ) : void 0;
-  }, [(j = E._client) == null ? void 0 : j.userID, (W = E.state) == null ? void 0 : W.members]), R = B.useMemo(() => {
-    var p, C;
-    const _ = (p = E._client) == null ? void 0 : p.userID;
-    return _ ? Object.values(((C = E.state) == null ? void 0 : C.members) || {}).find((Y) => {
+  }, [(B = I._client) == null ? void 0 : B.userID, (H = I.state) == null ? void 0 : H.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) === _;
     }) : void 0;
-  }, [(V = E._client) == null ? void 0 : V.userID, (P = E.state) == null ? void 0 : P.members]), T = ((F = R == null ? void 0 : R.user) == null ? void 0 : F.is_account) ?? (R == null ? void 0 : R.is_account), O = ((G = S == null ? void 0 : S.user) == null ? void 0 : G.is_account) ?? (S == null ? void 0 : S.is_account), M = v && T === !1 && O === !0, L = B.useMemo(() => {
-    const _ = E.data ?? {};
+  }, [(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(() => {
+    const _ = I.data ?? {};
     if (_.followerStatus)
       return String(_.followerStatus);
     if (_.isFollower !== void 0)
       return _.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [E.data]), A = U(() => {
+  }, [I.data]), P = V(() => {
     var _;
-    (_ = I.current) == null || _.showModal();
-  }, []), H = U(() => {
+    (_ = S.current) == null || _.showModal();
+  }, []), W = V(() => {
     var _;
-    (_ = I.current) == null || _.close();
-  }, []), k = U(
+    (_ = S.current) == null || _.close();
+  }, []), C = V(
     (_) => {
-      const { message: D } = Le("ChannelView"), p = /* @__PURE__ */ n(
+      const { message: M } = Le("ChannelView"), p = /* @__PURE__ */ n(
         Da,
         {
           ..._,
@@ -2478,7 +2480,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           viewerLanguage: N
         }
       );
-      return !x || !D ? p : x(p, D);
+      return !x || !M ? p : x(p, M);
     },
     [u, x, N]
   );
@@ -2487,7 +2489,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       cs,
       {
         overrides: {
-          Message: k,
+          Message: C,
           MessageActions: Oa
         },
         children: /* @__PURE__ */ m(ds, { children: [
@@ -2496,14 +2498,14 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             {
               onBack: e,
               showBackButton: t,
-              onShowInfo: A,
-              canShowInfo: !!S,
+              onShowInfo: P,
+              canShowInfo: !!T,
               showStarButton: g,
-              dmAgentEnabled: M,
+              dmAgentEnabled: E,
               getParticipantDisplayName: w
             }
           ) }, "lt-channel-header"),
-          f ? /* @__PURE__ */ n(B.Fragment, { children: f() }, "lt-channel-banner") : null,
+          f ? /* @__PURE__ */ n($.Fragment, { children: f() }, "lt-channel-banner") : null,
           /* @__PURE__ */ n(
             "div",
             {
@@ -2518,11 +2520,11 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             },
             "lt-channel-message-list"
           ),
-          a ? /* @__PURE__ */ n(B.Fragment, { children: a(E) }, "lt-channel-conversation-footer") : null,
+          a ? /* @__PURE__ */ n($.Fragment, { children: a(I) }, "lt-channel-conversation-footer") : null,
           /* @__PURE__ */ n(
             Ua,
             {
-              renderActions: () => s == null ? void 0 : s(E)
+              renderActions: () => s == null ? void 0 : s(I)
             },
             "lt-channel-message-input"
           )
@@ -2532,12 +2534,12 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     /* @__PURE__ */ n(
       Qs,
       {
-        dialogRef: I,
-        onClose: H,
-        participant: S,
-        participantDisplayName: w(S),
-        channel: E,
-        followerStatusLabel: L,
+        dialogRef: S,
+        onClose: W,
+        participant: T,
+        participantDisplayName: w(T),
+        channel: I,
+        followerStatusLabel: R,
         onLeaveConversation: r,
         onBlockParticipant: i,
         showDeleteConversation: l,
@@ -2549,7 +2551,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     )
   ] });
-}, hn = B.memo(
+}, hn = $.memo(
   ({
     channel: e,
     onBack: t,
@@ -2570,52 +2572,52 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     showStarButton: v = !1,
     chatbotVotingEnabled: N = !1,
     renderChannelBanner: w,
-    customProfileContent: E,
-    customChannelActions: I,
-    renderMessage: S,
-    onMessageLinkClick: R,
-    sendButton: T,
+    customProfileContent: I,
+    customChannelActions: S,
+    renderMessage: T,
+    onMessageLinkClick: D,
+    sendButton: A,
     viewerLanguage: O,
-    getParticipantDisplayName: M
+    getParticipantDisplayName: E
   }) => {
-    const L = U(
-      (k) => (M == null ? void 0 : M(k)) ?? tt(k == null ? void 0 : k.user),
-      [M]
-    ), A = U(
-      async (k, j, W) => {
-        var D;
-        const V = ((D = e.data) == null ? void 0 : D.chatbot_paused) === !0, P = c && !V, F = {
-          ...j,
-          ...P && { silent: !0 },
+    const R = V(
+      (C) => (E == null ? void 0 : E(C)) ?? tt(C == null ? void 0 : C.user),
+      [E]
+    ), P = V(
+      async (C, B, H) => {
+        var M;
+        const U = ((M = e.data) == null ? void 0 : M.chatbot_paused) === !0, L = c && !U, F = {
+          ...B,
+          ...L && { silent: !0 },
           ...b && {
             metadata: {
-              ...j.metadata ?? {},
+              ...B.metadata ?? {},
               ...b
             }
           }
         }, G = {
-          ...W,
-          ...P && { skip_push: !0 }
+          ...H,
+          ...L && { skip_push: !0 }
         }, _ = await e.sendMessage(F, G);
         return x == null || x(_), _;
       },
       [e, c, b, x]
-    ), H = Z(null);
+    ), W = Z(null);
     return X(() => {
-      if (!R) return;
-      const k = H.current;
-      if (!k) return;
-      const j = (W) => {
-        const V = W.target, P = V == null ? void 0 : V.closest("a[href]"), F = P == null ? void 0 : P.getAttribute("href");
+      if (!D) return;
+      const C = W.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");
         if (!F) return;
-        const G = P == null ? void 0 : P.closest("[data-message-id]"), _ = G == null ? void 0 : G.getAttribute("data-message-id"), D = _ ? e.state.messages.find((p) => p.id === _) : void 0;
-        R(F, D);
+        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;
+        D(F, M);
       };
-      return k.addEventListener("click", j), () => k.removeEventListener("click", j);
-    }, [R, e]), /* @__PURE__ */ n(
+      return C.addEventListener("click", B), () => C.removeEventListener("click", B);
+    }, [D, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: H,
+        ref: W,
         className: y(
           "messaging-channel-view h-full flex flex-col",
           o
@@ -2626,11 +2628,11 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             channel: e,
             MessageSystem: Ka,
             EmptyStateIndicator: d,
-            LoadingIndicator: Ae,
+            LoadingIndicator: Me,
             DateSeparator: ea,
             TypingIndicator: Qa,
-            doSendMessageRequest: A,
-            ...T ? { SendButton: T } : {},
+            doSendMessageRequest: P,
+            ...A ? { SendButton: A } : {},
             children: /* @__PURE__ */ n(
               ar,
               {
@@ -2649,11 +2651,11 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 dmAgentEnabled: c,
                 chatbotVotingEnabled: N,
                 renderChannelBanner: w,
-                customProfileContent: E,
-                customChannelActions: I,
-                renderMessage: S,
+                customProfileContent: I,
+                customChannelActions: S,
+                renderMessage: T,
                 viewerLanguage: O,
-                getParticipantDisplayName: L
+                getParticipantDisplayName: R
               }
             )
           }
@@ -2797,7 +2799,7 @@ const rr = ({ className: e }) => /* @__PURE__ */ m(
       ] })
     ]
   }
-), fn = B.memo(
+), fn = $.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, {}),
     t && !e && /* @__PURE__ */ m("div", { className: "mt-8", children: [
@@ -2807,7 +2809,7 @@ const rr = ({ className: e }) => /* @__PURE__ */ m(
   ] }) })
 );
 fn.displayName = "EmptyState";
-const Te = B.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: [
+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: [
   /* @__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 }),
@@ -2842,73 +2844,73 @@ const ki = ({
   messageMetadata: v,
   onMessageSent: N,
   showStarButton: w = !1,
-  chatbotVotingEnabled: E = !1,
-  viewerLanguage: I,
-  renderMessagePreview: S,
-  renderChannelBanner: R,
-  customProfileContent: T,
+  chatbotVotingEnabled: I = !1,
+  viewerLanguage: S,
+  renderMessagePreview: T,
+  renderChannelBanner: D,
+  customProfileContent: A,
   customChannelActions: O,
-  renderMessage: M,
-  onMessageLinkClick: L,
-  sendButton: A
+  renderMessage: E,
+  onMessageLinkClick: R,
+  sendButton: P
 }) => {
   const {
-    service: H,
-    client: k,
-    isConnected: j,
-    isLoading: W,
-    error: V,
-    refreshConnection: P,
+    service: W,
+    client: C,
+    isConnected: B,
+    isLoading: H,
+    error: U,
+    refreshConnection: L,
     debug: F
-  } = Ls(), [G, _] = z(null), [D, p] = z(!1), [C, Y] = z(!1), [q, he] = z(!1), [J, ee] = z(null), { showDeleteConversation: Ce = !0 } = e, ke = B.useMemo(() => {
-    const $ = k == null ? void 0 : k.userID;
+  } = 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(() => {
+    const j = C == null ? void 0 : C.userID;
     return {
       ...{
         type: "messaging",
         last_message_at: { $exists: !0 },
-        ...$ && {
-          members: { $in: [$] },
+        ...j && {
+          members: { $in: [j] },
           hidden: !1
         }
       },
       ...h
     };
-  }, [h, k == null ? void 0 : k.userID]), ce = Z(null), te = U(async () => {
-    if (!k || !j) return;
-    const $ = k.userID;
-    if ($)
+  }, [h, C == null ? void 0 : C.userID]), ce = Z(null), te = V(async () => {
+    if (!C || !B) return;
+    const j = C.userID;
+    if (j)
       try {
-        F && console.log("[MessagingShell] Syncing channels for user:", $);
-        const K = await k.queryChannels(
+        F && console.log("[MessagingShell] Syncing channels for user:", j);
+        const K = await C.queryChannels(
           {
             type: "messaging",
-            members: { $in: [$] }
+            members: { $in: [j] }
           },
           {},
           { limit: 100 }
         );
-        p(K.length > 0), Y(!0), ce.current = $, F && console.log("[MessagingShell] Channels synced successfully:", {
+        p(K.length > 0), Y(!0), ce.current = j, F && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: K.length
         });
       } catch (K) {
         console.error("[MessagingShell] Failed to sync channels:", K);
       }
-  }, [k, j, F]);
+  }, [C, B, F]);
   X(() => {
-    if (!k || !j) return;
-    const $ = k.userID;
-    $ && ce.current !== $ && te();
-  }, [k, j, te]), X(() => {
-    if (!i || !k || !j) return;
+    if (!C || !B) return;
+    const j = C.userID;
+    j && ce.current !== j && te();
+  }, [C, B, te]), X(() => {
+    if (!i || !C || !B) return;
     (async () => {
-      const K = k.userID;
+      const K = C.userID;
       if (K)
         try {
           F && console.log(
             "[MessagingShell] Loading initial conversation with:",
             i
           );
-          const Q = await k.queryChannels(
+          const Q = await C.queryChannels(
             {
               type: "messaging",
               members: { $eq: [K, i] }
@@ -2921,13 +2923,13 @@ const ki = ({
               "[MessagingShell] Initial conversation loaded:",
               Q[0].id
             );
-          else if (l && H) {
+          else if (l && W) {
             F && console.log(
               "[MessagingShell] No conversation found, creating one for:",
               l
             );
             try {
-              const ae = await H.startChannelWithParticipant({
+              const ae = await W.startChannelWithParticipant({
                 id: l.id,
                 name: l.name,
                 phone: l.phone
@@ -2959,35 +2961,35 @@ const ki = ({
   }, [
     i,
     l,
-    k,
-    j,
-    H,
+    C,
+    B,
+    W,
     F,
     r
   ]);
-  const se = U(
-    ($) => {
-      _($), r == null || r($);
+  const se = V(
+    (j) => {
+      _(j), r == null || r(j);
     },
     [r]
-  ), de = U(() => {
+  ), de = V(() => {
     q || _(null);
-  }, [q]), Oe = U(
-    async ($) => {
-      F && console.log("[MessagingShell] Leaving conversation:", $.id), _(null), he(!1), ce.current = null, await te();
+  }, [q]), Oe = V(
+    async (j) => {
+      F && console.log("[MessagingShell] Leaving conversation:", j.id), _(null), he(!1), ce.current = null, await te();
     },
     [te, F]
-  ), Ee = U(
-    async ($) => {
-      F && console.log("[MessagingShell] Blocking participant:", $), _(null), he(!1), ce.current = null, await te();
+  ), Ee = V(
+    async (j) => {
+      F && console.log("[MessagingShell] Blocking participant:", j), _(null), he(!1), ce.current = null, await te();
     },
     [te, F]
   ), ue = !!G;
-  return W ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Ae, {}) }) : V ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Te, { message: V, onBack: P }) }) : !j || !k ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(
+  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,
     {
       message: "Not connected to messaging service",
-      onBack: P
+      onBack: L
     }
   ) }) : J ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Te, { message: J }) }) : /* @__PURE__ */ n(
     "div",
@@ -3018,8 +3020,8 @@ const ki = ({
                 filters: ke,
                 channelRenderFilterFn: g,
                 customEmptyStateIndicator: u,
-                renderMessagePreview: S,
-                viewerLanguage: I
+                renderMessagePreview: T,
+                viewerLanguage: S
               }
             )
           }
@@ -3044,7 +3046,7 @@ const ki = ({
                 showBackButton: !q,
                 renderMessageInputActions: s,
                 renderConversationFooter: a,
-                renderChannelBanner: R,
+                renderChannelBanner: D,
                 onLeaveConversation: Oe,
                 onBlockParticipant: Ee,
                 CustomChannelEmptyState: o,
@@ -3056,23 +3058,23 @@ const ki = ({
                 messageMetadata: v,
                 onMessageSent: N,
                 showStarButton: w,
-                chatbotVotingEnabled: E,
-                viewerLanguage: I,
-                customProfileContent: T,
+                chatbotVotingEnabled: I,
+                viewerLanguage: S,
+                customProfileContent: A,
                 customChannelActions: O,
-                renderMessage: M,
-                onMessageLinkClick: L,
-                sendButton: A
+                renderMessage: E,
+                onMessageLinkClick: R,
+                sendButton: P
               },
               G.id
             ) }) : i ? (
               // Show loading while creating/loading direct conversation channel
-              /* @__PURE__ */ n(Ae, {})
+              /* @__PURE__ */ n(Me, {})
             ) : /* @__PURE__ */ n(
               fn,
               {
-                hasChannels: D,
-                channelsLoaded: C
+                hasChannels: M,
+                channelsLoaded: k
               }
             )
           }
@@ -3337,7 +3339,7 @@ const lr = {
       onClick: u,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(As, { className: "size-5", weight: "regular" })
+      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: [
@@ -3643,10 +3645,10 @@ const lr = {
   Sent: Ir,
   Received: Sr
 };
-function Mr(e) {
+function Ar(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 Ar = {
+const Mr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3666,7 +3668,7 @@ function Dr(e, t) {
   }
   if (!e) return;
   if (le(e) === "document") {
-    const r = sn(e), i = Ar[r];
+    const r = sn(e), i = Mr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3675,7 +3677,7 @@ function Dr(e, t) {
     return a.toUpperCase();
 }
 function Rr(e, t, s) {
-  const a = Dr(e, t), r = typeof s == "number" && s > 0 ? Mr(s) : void 0;
+  const a = Dr(e, t), r = typeof s == "number" && s > 0 ? Ar(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ne(e) {
@@ -3895,7 +3897,7 @@ const zr = ({
   tone: i = "dark",
   onTriggered: l
 }) => {
-  const [o, d] = z(!1), h = U(
+  const [o, d] = z(!1), h = V(
     (c) => {
       c.stopPropagation(), !o && (d(!0), pn(e, t).catch(() => {
       }).finally(() => {
@@ -3982,9 +3984,9 @@ const zr = ({
   }, [s, t, e]), X(() => {
     i((d) => Ve(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = U(() => {
+  const l = V(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = U(() => {
+  }, [e]), o = V(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return X(() => {
@@ -4213,12 +4215,12 @@ const zr = ({
     }
   );
 }, _e = (e) => {
-  const [t, s] = z(!1), [a, r] = z(0), i = U(
+  const [t, s] = z(!1), [a, r] = z(0), i = V(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
     },
     [e]
-  ), l = U(() => s(!1), []);
+  ), l = V(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
 }, Gr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
@@ -4430,14 +4432,14 @@ const zr = ({
       groupPosition: o,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, E) => {
-          const I = w.filename ?? ne(w.src), S = v && E === 0 ? /* @__PURE__ */ n(Ne, { onClick: h, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__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,
             {
               url: w.src,
-              filename: I,
+              filename: S,
               variant: "inline",
-              label: `Download ${I}`,
+              label: `Download ${S}`,
               tone: g
             }
           );
@@ -4446,11 +4448,11 @@ const zr = ({
             {
               variant: g,
               item: w,
-              index: E,
+              index: I,
               onActivate: b,
-              trailingAction: S
+              trailingAction: T
             },
-            `${w.src}-${E}`
+            `${w.src}-${I}`
           );
         }) }),
         /* @__PURE__ */ n(
@@ -4729,7 +4731,7 @@ export {
   yi as k,
   ki as l,
   Rr as m,
-  Mr as n,
+  Ar as n,
   Bs as o,
   Dr as p,
   Kt as q,
@@ -4743,4 +4745,4 @@ export {
   tt as y,
   Sa as z
 };
-//# sourceMappingURL=index-CxKVYxq6.js.map
+//# sourceMappingURL=index-BGwytfkX.js.map