@linktr.ee/messaging-react 3.3.11-rc-1781859612 → 3.3.11

package/dist/{index-CAAtAfn1.js → index-cIErdakH.js}

@@ -1,9 +1,9 @@
 import { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
-import F, { createContext as Ge, useContext as Te, useCallback as W, useState as O, useRef as H, useEffect as Y, useId as En, useMemo as ee, Suspense as He } from "react";
-import { StreamChatService as In } from "@linktr.ee/messaging-core";
-import { StreamChat as Sn, LinkPreviewsManager as Tt } from "stream-chat";
-import { Chat as Tn, DateSeparator as An, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as Mn, useMessageReminder as Rn, useComponentContext as Ut, Attachment as Ln, EditMessageModal as Dn, MessageBlocked as Pn, MessageBouncePrompt as On, MessageDeleted as zn, MessageIsThreadReplyInChannelButtonIndicator as $n, MessageRepliesCountButton as Fn, ReminderNotification as Bn, StreamedMessageText as Un, messageHasAttachments as jn, messageHasReactions as Vn, isDateSeparatorMessage as Gn, isMessageBlocked as Hn, isMessageBounced as Yn, MessageBounceModal as qn, MessageText as At, Poll as Wn, MessageErrorIcon as Xn, useMessageContext as pe, useMessageComposer as Jn, useStateStore as Kn, MessageInput as Zn, useMessageInputContext as Qn, useMessageComposerHasSendableData as es, AttachmentPreviewList as ts, QuotedMessagePreview as ns, TextareaComposer as ss, MessageTimestamp as Le, AIStates as De, useTypingContext as as, useAIState as rs, Channel as is, WithComponents as os, Window as ls, MessageList as cs, ChannelList as ds, InfiniteScroll as us } from "stream-chat-react";
-import { StarIcon as Fe, DotsThreeIcon as ms, SpinnerGapIcon as Ce, SignOutIcon as hs, ProhibitInsetIcon as Mt, FlagIcon as jt, FileIcon as Vt, ImageIcon as fs, SpeakerHighIcon as gs, VideoCameraIcon as Gt, FileMdIcon as bs, FileTextIcon as ps, FileZipIcon as vs, FilePptIcon as xs, FileCsvIcon as ws, FileXlsIcon as _s, FileDocIcon as Ns, FilePdfIcon as ys, CircleNotchIcon as ge, PlayIcon as Be, PauseIcon as Cs, LinkIcon as ks, DownloadSimpleIcon as be, GiftIcon as Es, ThumbsUpIcon as Is, ThumbsDownIcon as Ss, TrashSimpleIcon as Ts, XIcon as Ae, ArrowUpIcon as As, SparkleIcon as Ue, ProhibitIcon as Ms, ArrowLeftIcon as Rt, PencilSimpleIcon as Rs, CaretLeftIcon as Ls, CaretRightIcon as Ds } from "@phosphor-icons/react";
+import j, { createContext as Ge, useContext as Te, useCallback as W, useState as z, useRef as G, useEffect as Y, useId as En, useMemo as ee, Suspense as He } from "react";
+import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
+import { StreamChat as In, LinkPreviewsManager as Tt } from "stream-chat";
+import { Chat as Tn, DateSeparator as An, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as Mn, useMessageReminder as Rn, useComponentContext as Ut, Attachment as Ln, EditMessageModal as Dn, MessageBlocked as Pn, MessageBouncePrompt as On, MessageDeleted as zn, MessageIsThreadReplyInChannelButtonIndicator as $n, MessageRepliesCountButton as Fn, ReminderNotification as Bn, StreamedMessageText as Un, messageHasAttachments as jn, messageHasReactions as Vn, isDateSeparatorMessage as Gn, isMessageBlocked as Hn, isMessageBounced as Yn, MessageBounceModal as qn, MessageText as At, Poll as Wn, MessageErrorIcon as Xn, useMessageContext as pe, useMessageComposer as Kn, useStateStore as Jn, MessageInput as Zn, useMessageInputContext as Qn, useMessageComposerHasSendableData as es, AttachmentPreviewList as ts, QuotedMessagePreview as ns, TextareaComposer as ss, MessageTimestamp as Le, AIStates as De, useTypingContext as as, useAIState as rs, Channel as is, WithComponents as os, Window as ls, MessageList as cs, ChannelList as ds, InfiniteScroll as us } from "stream-chat-react";
+import { StarIcon as Fe, DotsThreeIcon as ms, SpinnerGapIcon as Ce, SignOutIcon as hs, ProhibitInsetIcon as Mt, FlagIcon as jt, FileIcon as Vt, ImageIcon as fs, SpeakerHighIcon as gs, VideoCameraIcon as Gt, FileMdIcon as bs, FileTextIcon as ps, FileZipIcon as vs, FilePptIcon as xs, FileCsvIcon as ws, FileXlsIcon as _s, FileDocIcon as Ns, FilePdfIcon as ys, CircleNotchIcon as ge, PlayIcon as Be, PauseIcon as Cs, LinkIcon as ks, DownloadSimpleIcon as be, GiftIcon as Es, ThumbsUpIcon as Ss, ThumbsDownIcon as Is, TrashSimpleIcon as Ts, XIcon as Ae, ArrowUpIcon as As, SparkleIcon as Ue, ProhibitIcon as Ms, ArrowLeftIcon as Rt, PencilSimpleIcon as Rs, CaretLeftIcon as Ls, CaretRightIcon as Ds } from "@phosphor-icons/react";
 import y from "classnames";
 import { MessageActions as Ps, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
 const Yt = Ge({
@@ -24,9 +24,10 @@ const Yt = Ge({
   capabilities: r = {},
   debug: i = !1
 }) => {
+  var B, E;
   const o = W(
-    (w, ...C) => {
-      i && console.log(`🔥 [MessagingProvider] ${w}`, ...C);
+    (k, ...A) => {
+      i && console.log(`🔥 [MessagingProvider] ${k}`, ...A);
     },
     [i]
   );
@@ -36,85 +37,77 @@ const Yt = Ge({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = O(null), [m, b] = O(null), [u, f] = O(!1), [c, g] = O(!1), [p, v] = O(null), N = H(!1), _ = H(null), E = H({
+  const [l, d] = z(null), [m, b] = z(null), [u, f] = z(!1), [c, g] = z(!1), [p, v] = z(null), _ = G(!1), w = G(null), I = G(s);
+  I.current = s;
+  const S = G(i);
+  S.current = i;
+  const M = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), I = H(0);
-  I.current++, o("📊 RENDER INFO", {
-    renderCount: I.current,
+  }), P = G(0);
+  P.current++, o("📊 RENDER INFO", {
+    renderCount: P.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: E.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: E.current.apiKey !== a,
-      serviceConfigChanged: E.current.serviceConfig !== s,
-      capabilitiesChanged: E.current.capabilities !== r
+      userChanged: M.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: M.current.apiKey !== a,
+      serviceConfigChanged: M.current.serviceConfig !== s,
+      capabilitiesChanged: M.current.capabilities !== r
     }
-  }), E.current = {
+  }), M.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const T = F.useMemo(
-    () => a ? new Sn(a) : null,
-    [a]
-  );
+  const R = G(null);
+  a && ((B = R.current) == null ? void 0 : B.apiKey) !== a && (R.current = { apiKey: a, client: new In(a) });
+  const L = a ? ((E = R.current) == null ? void 0 : E.client) ?? null : null;
   Y(() => {
-    const w = I.current;
-    if (o("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: w,
-      apiKey: !!a,
-      serviceConfig: !!s,
-      dependencies: {
-        apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
-        serviceConfigRef: s,
-        serviceConfigStable: E.current.serviceConfig === s,
-        apiKeyStable: E.current.apiKey === a
-      }
-    }), !a || !s) {
+    const k = P.current, A = I.current;
+    if (!a || !L || !A) {
       o("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: w,
-        reason: "Missing apiKey or serviceConfig"
+        renderCount: k,
+        reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
-    o("🚀 CREATING NEW SERVICE", {
-      renderCount: w,
-      apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
-      serviceConfigChanged: E.current.serviceConfig !== s
+    o("🚀 CREATING SERVICE", {
+      renderCount: k,
+      apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const C = new In({
-      ...s,
+    const $ = new Sn({
+      ...A,
       apiKey: a,
-      debug: i,
-      ...T ? { client: T } : {}
+      debug: S.current,
+      client: L
     });
-    _.current = C, d(C), o("✅ SERVICE SET", {
-      renderCount: w,
-      serviceInstance: !!C
+    w.current = $, d($), o("✅ SERVICE SET", {
+      renderCount: k,
+      serviceInstance: !!$
     });
-  }, [a, s, i, o, T]);
-  const L = H(null);
+  }, [a, L]);
+  const N = G(null);
   Y(() => {
-    var C, M;
+    var A, $;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: N.current,
+      isConnecting: _.current,
       isConnected: u,
       dependencies: { service: !!l, userId: t == null ? void 0 : t.id }
     }), !l || !t) {
       o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (N.current) {
+    if (_.current) {
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((C = L.current) == null ? void 0 : C.serviceId) === l && ((M = L.current) == null ? void 0 : M.userId) === t.id) {
+    if (((A = N.current) == null ? void 0 : A.serviceId) === l && (($ = N.current) == null ? void 0 : $.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -122,34 +115,35 @@ const Yt = Ge({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, g(!0), v(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, g(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const P = await l.connectUser(t);
-        b(P), f(!0), L.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const O = await l.connectUser(t);
+        b(O), f(!0), N.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: P.userID
+          clientId: O.userID
         });
-      } catch (P) {
-        const S = P instanceof Error ? P.message : "Connection failed";
-        v(S), o("❌ USER CONNECTION ERROR", {
+      } catch (O) {
+        const U = O instanceof Error ? O.message : "Connection failed";
+        v(U), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: S
+          error: U
         });
       } finally {
-        g(!1), N.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        g(!1), _.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
       }
     })();
-  }, [l, t, o, u]), Y(() => (o("🔌 CLIENT CLEANUP EFFECT REGISTERED", {
-    hasClient: !!T
-  }), () => {
-    var w;
-    o("🧹 CLIENT CLEANUP EFFECT TRIGGERED", "Disconnecting client"), L.current = null, (w = _.current) == null || w.disconnectUser().catch(console.error);
-  }), [T, o]);
-  const A = W(async () => {
+  }, [l, t, o, u]), Y(() => {
+    const k = L;
+    return () => {
+      var A;
+      k && (N.current = null, (A = w.current) == null || A.disconnectUser().catch(console.error));
+    };
+  }, [L]);
+  const T = W(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!l,
       hasUser: !!t
@@ -160,18 +154,18 @@ const Yt = Ge({
     o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), g(!0);
     try {
       o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
-      const w = await l.connectUser(t);
-      b(w), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (w) {
-      const C = w instanceof Error ? w.message : "Refresh failed";
-      v(C), o("❌ CONNECTION REFRESH ERROR", {
+      const k = await l.connectUser(t);
+      b(k), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (k) {
+      const A = k instanceof Error ? k.message : "Refresh failed";
+      v(A), o("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: C
+        error: A
       });
     } finally {
       g(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), R = F.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), D = j.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
@@ -185,7 +179,7 @@ const Yt = Ge({
     isLoading: c,
     error: p,
     capabilities: r,
-    refreshConnection: A,
+    refreshConnection: T,
     debug: i
   }), [
     l,
@@ -194,18 +188,18 @@ const Yt = Ge({
     c,
     p,
     r,
-    A,
+    T,
     i,
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: I.current,
-    willRenderChat: !!T,
-    contextValueReady: !!R
-  }), /* @__PURE__ */ n(Yt.Provider, { value: R, children: T ? /* @__PURE__ */ n(
+    renderCount: P.current,
+    willRenderChat: !!L,
+    contextValueReady: !!D
+  }), /* @__PURE__ */ n(Yt.Provider, { value: D, children: L ? /* @__PURE__ */ n(
     Tn,
     {
-      client: T,
+      client: L,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
@@ -214,7 +208,7 @@ const Yt = Ge({
   ) : e });
 }, Os = () => qe(), qt = (e) => {
   var a, r;
-  const [t, s] = O(
+  const [t, s] = z(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return Y(() => {
@@ -369,73 +363,73 @@ const ae = ({
   onActionComplete: m,
   logLabel: b = "useChannelModerationActions"
 }) => {
-  var P;
-  const { service: u, debug: f } = qe(), c = (P = t == null ? void 0 : t.user) == null ? void 0 : P.id, g = !!(a && s && u && c), [p, v] = O(!1), [N, _] = O(null), [E, I] = O(!1), [T, L] = O(!1), A = g && ((N == null ? void 0 : N.participantId) !== c || (N == null ? void 0 : N.service) !== u);
+  var B;
+  const { service: u, debug: f } = qe(), c = (B = t == null ? void 0 : t.user) == null ? void 0 : B.id, g = !!(a && s && u && c), [p, v] = z(!1), [_, w] = z(null), [I, S] = z(!1), [M, P] = z(!1), R = g && ((_ == null ? void 0 : _.participantId) !== c || (_ == null ? void 0 : _.service) !== u);
   return Y(() => {
     if (!g || !u || !c) {
-      v(!1), _(null);
+      v(!1), w(null);
       return;
     }
-    let S = !1;
+    let E = !1;
     return (async () => {
       try {
-        const D = await u.getBlockedUsers();
-        if (S) return;
+        const k = await u.getBlockedUsers();
+        if (E) return;
         v(
-          D.some(
-            ($) => $.blocked_user_id === c
+          k.some(
+            (A) => A.blocked_user_id === c
           )
         );
-      } catch (D) {
-        S || console.error(`[${b}] Failed to check blocked status:`, D);
+      } catch (k) {
+        E || console.error(`[${b}] Failed to check blocked status:`, k);
       } finally {
-        S || _({ participantId: c, service: u });
+        E || w({ participantId: c, service: u });
       }
     })(), () => {
-      S = !0;
+      E = !0;
     };
   }, [g, u, c, b]), {
     isParticipantBlocked: p,
-    isCheckingBlockedStatus: A,
-    isLeaving: E,
-    isUpdatingBlockStatus: T,
+    isCheckingBlockedStatus: R,
+    isLeaving: I,
+    isUpdatingBlockStatus: M,
     handleLeaveConversation: async () => {
-      var S;
-      if (!E) {
-        o == null || o(), f && console.log(`[${b}] Leave conversation`, e.cid), I(!0);
+      var E;
+      if (!I) {
+        o == null || o(), f && console.log(`[${b}] Leave conversation`, e.cid), S(!0);
         try {
-          const D = ((S = e._client) == null ? void 0 : S.userID) ?? null;
-          await e.hide(D, !1), r && await r(e), m == null || m();
-        } catch (D) {
-          console.error(`[${b}] Failed to leave conversation`, D);
+          const k = ((E = e._client) == null ? void 0 : E.userID) ?? null;
+          await e.hide(k, !1), r && await r(e), m == null || m();
+        } catch (k) {
+          console.error(`[${b}] Failed to leave conversation`, k);
         } finally {
-          I(!1);
+          S(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var S, D, $;
-      if (!(T || !u)) {
-        l == null || l(), f && console.log(`[${b}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
+      var E, k, A;
+      if (!(M || !u)) {
+        l == null || l(), f && console.log(`[${b}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), P(!0);
         try {
-          await u.blockUser((D = t == null ? void 0 : t.user) == null ? void 0 : D.id), i && await i(($ = t == null ? void 0 : t.user) == null ? void 0 : $.id), m == null || m();
-        } catch (V) {
-          console.error(`[${b}] Failed to block member`, V);
+          await u.blockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), m == null || m();
+        } catch ($) {
+          console.error(`[${b}] Failed to block member`, $);
         } finally {
-          L(!1);
+          P(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var S, D, $;
-      if (!(T || !u)) {
-        l == null || l(), f && console.log(`[${b}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
+      var E, k, A;
+      if (!(M || !u)) {
+        l == null || l(), f && console.log(`[${b}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), P(!0);
         try {
-          await u.unBlockUser((D = t == null ? void 0 : t.user) == null ? void 0 : D.id), i && await i(($ = t == null ? void 0 : t.user) == null ? void 0 : $.id), m == null || m();
-        } catch (V) {
-          console.error(`[${b}] Failed to unblock member`, V);
+          await u.unBlockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), m == null || m();
+        } catch ($) {
+          console.error(`[${b}] Failed to unblock member`, $);
         } finally {
-          L(!1);
+          P(!1);
         }
       }
     },
@@ -474,15 +468,15 @@ const ae = ({
   customChannelActions: b,
   triggerClassName: u
 }) => {
-  const [f, c] = O(!1), g = H(null), p = En(), v = W(() => c(!1), []), {
-    isParticipantBlocked: N,
-    isCheckingBlockedStatus: _,
-    isLeaving: E,
-    isUpdatingBlockStatus: I,
-    handleLeaveConversation: T,
-    handleBlockUser: L,
-    handleUnblockUser: A,
-    handleReportUser: R
+  const [f, c] = z(!1), g = G(null), p = En(), v = W(() => c(!1), []), {
+    isParticipantBlocked: _,
+    isCheckingBlockedStatus: w,
+    isLeaving: I,
+    isUpdatingBlockStatus: S,
+    handleLeaveConversation: M,
+    handleBlockUser: P,
+    handleUnblockUser: R,
+    handleReportUser: L
   } = js({
     channel: e,
     participant: t,
@@ -498,13 +492,13 @@ const ae = ({
   });
   return Y(() => {
     if (!f) return;
-    const C = (P) => {
-      g.current && !g.current.contains(P.target) && c(!1);
-    }, M = (P) => {
-      P.key === "Escape" && c(!1);
+    const T = (B) => {
+      g.current && !g.current.contains(B.target) && c(!1);
+    }, D = (B) => {
+      B.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", C), document.addEventListener("keydown", M), () => {
-      document.removeEventListener("mousedown", C), document.removeEventListener("keydown", M);
+    return document.addEventListener("mousedown", T), document.addEventListener("keydown", D), () => {
+      document.removeEventListener("mousedown", T), document.removeEventListener("keydown", D);
     };
   }, [f]), !t || !(s || a || r || !!b) ? null : /* @__PURE__ */ h("div", { ref: g, className: "relative", children: [
     /* @__PURE__ */ h(
@@ -515,7 +509,7 @@ const ae = ({
         "aria-haspopup": "true",
         "aria-expanded": f,
         "aria-controls": f ? p : void 0,
-        onClick: () => c((C) => !C),
+        onClick: () => c((T) => !T),
         children: [
           /* @__PURE__ */ n(ms, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -535,46 +529,46 @@ const ae = ({
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
             he,
             {
-              onClick: T,
-              disabled: E,
-              "aria-busy": E,
+              onClick: M,
+              disabled: I,
+              "aria-busy": I,
               children: [
-                E ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(hs, { className: "h-5 w-5" }),
+                I ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(hs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
           ) }),
-          a && /* @__PURE__ */ n("li", { children: _ ? (
+          a && /* @__PURE__ */ n("li", { children: w ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
             /* @__PURE__ */ h(he, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : N ? /* @__PURE__ */ h(
+          ) : _ ? /* @__PURE__ */ h(
             he,
             {
-              onClick: A,
-              disabled: I,
-              "aria-busy": I,
+              onClick: R,
+              disabled: S,
+              "aria-busy": S,
               children: [
-                I ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
+                S ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ h(
             he,
             {
-              onClick: L,
-              disabled: I,
-              "aria-busy": I,
+              onClick: P,
+              disabled: S,
+              "aria-busy": S,
               children: [
-                I ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
+                S ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Mt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(he, { variant: "danger", onClick: R, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(he, { variant: "danger", onClick: L, children: [
             /* @__PURE__ */ n(jt, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -625,13 +619,13 @@ function Xt({
   const s = e == null ? void 0 : e.text, a = Ys(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const qs = F.lazy(() => import("./Card-BmU_ztmU.js")), Ws = F.lazy(() => import("./Card-CHDQEG9i.js")), Xs = F.lazy(() => import("./Card-D-sSG334.js")), We = () => /* @__PURE__ */ n(
+const qs = j.lazy(() => import("./Card-VgnjOBSF.js")), Ws = j.lazy(() => import("./Card-datOr9-K.js")), Xs = j.lazy(() => import("./Card-Likc_mEq.js")), We = () => /* @__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
   }
-), Js = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ws, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Xs, { ...e }) }), Ks = Jt, Zs = Kt, Ot = { Composer: Js, Sent: Jt, Received: Kt, Creator: Ks, Visitor: Zs }, Qs = [
+), Ks = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(qs, { ...e }) }), Kt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ws, { ...e }) }), Jt = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Xs, { ...e }) }), Js = Kt, Zs = Jt, Ot = { Composer: Ks, Sent: Kt, Received: Jt, Creator: Js, Visitor: Zs }, Qs = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -671,7 +665,7 @@ function na(e) {
   return t !== "document" ? ea[t] : ta[Zt(e)];
 }
 function le(e, t) {
-  return F.createElement(na(e), t);
+  return j.createElement(na(e), t);
 }
 const sa = (e) => {
   var t, s;
@@ -688,23 +682,23 @@ const sa = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const b = ne(t), u = H(null), f = H(null), c = H(null), g = H(r), [p, v] = O(a), [N, _] = O(0), [E, I] = O(!1), [T, L] = O(!1), [A, R] = O(!1), [w, C] = O(!1), [M, P] = O(!0), [S, D] = O(null), $ = W(() => {
-    R(!1), v(!0);
-  }, []), V = W((x) => {
-    const k = f.current;
-    if (!k) return 0;
-    const j = k.getBoundingClientRect();
+  const b = ne(t), u = G(null), f = G(null), c = G(null), g = G(r), [p, v] = z(a), [_, w] = z(0), [I, S] = z(!1), [M, P] = z(!1), [R, L] = z(!1), [N, T] = z(!1), [D, B] = z(!0), [E, k] = z(null), A = W(() => {
+    L(!1), v(!0);
+  }, []), $ = W((x) => {
+    const C = f.current;
+    if (!C) return 0;
+    const V = C.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (sa(x) - j.left) / j.width)
+      Math.min(1, (sa(x) - V.left) / V.width)
     );
-  }, []), B = W((x) => {
-    const k = u.current;
-    k && k.duration && (k.currentTime = x * k.duration);
+  }, []), O = W((x) => {
+    const C = u.current;
+    C && C.duration && (C.currentTime = x * C.duration);
   }, []), U = (x) => {
-    x.stopPropagation(), I(!0);
-    const k = V(x);
-    _(k), B(k);
+    x.stopPropagation(), S(!0);
+    const C = $(x);
+    w(C), O(C);
   };
   Y(() => {
     r !== void 0 && r !== g.current && (g.current = r, v(r));
@@ -714,40 +708,40 @@ const sa = (e) => {
       return;
     }
     const x = () => {
-      const k = u.current;
-      k && k.duration && !E && _(k.currentTime / k.duration), c.current = requestAnimationFrame(x);
+      const C = u.current;
+      C && C.duration && !I && w(C.currentTime / C.duration), c.current = requestAnimationFrame(x);
     };
     return c.current = requestAnimationFrame(x), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [p, E]), Y(() => {
+  }, [p, I]), Y(() => {
     const x = u.current;
-    x && (p ? x.play().catch((k) => {
-      v(!1), R(!0);
+    x && (p ? x.play().catch((C) => {
+      v(!1), L(!0);
     }) : x.pause());
   }, [p]), Y(() => {
-    if (!E) return;
-    const x = (j) => _(V(j)), k = (j) => {
-      I(!1), B(V(j));
+    if (!I) return;
+    const x = (V) => w($(V)), C = (V) => {
+      S(!1), O($(V));
     };
-    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", k), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", k), () => {
-      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", k), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", k);
+    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", C), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", C), () => {
+      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", C), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", C);
     };
-  }, [E, V, B]);
-  const X = S ? { aspectRatio: String(S) } : void 0, G = S ? "" : " aspect-video", z = Math.round(N * 100);
+  }, [I, $, O]);
+  const X = E ? { aspectRatio: String(E) } : void 0, H = E ? "" : " aspect-video", F = Math.round(_ * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${G}`,
+      className: `relative cursor-pointer overflow-hidden bg-black ${H}`,
       style: X,
       onClick: (x) => {
         if (m) {
           m(x);
           return;
         }
-        A || o && v((k) => !k);
+        R || o && v((C) => !C);
       },
       onKeyDown: (x) => {
         if (!(x.key !== "Enter" && x.key !== " ")) {
@@ -755,11 +749,11 @@ const sa = (e) => {
             m(x);
             return;
           }
-          A || o && v((k) => !k);
+          R || o && v((C) => !C);
         }
       },
       children: [
-        s && (b === "audio" || M) && /* @__PURE__ */ n(
+        s && (b === "audio" || D) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -767,7 +761,7 @@ const sa = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (b === "audio" || M) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
+        !s && (b === "audio" || D) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -779,14 +773,14 @@ const sa = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => C(!0),
+            onLoadStart: () => T(!0),
             onCanPlay: () => {
-              C(!1), P(!1);
+              T(!1), B(!1);
             },
-            onWaiting: () => C(!0),
-            onPlay: () => R(!1),
+            onWaiting: () => T(!0),
+            onPlay: () => L(!1),
             onEnded: () => {
-              i || (v(!1), _(0));
+              i || (v(!1), w(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -799,30 +793,30 @@ const sa = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => C(!0),
+            onLoadStart: () => T(!0),
             onCanPlay: () => {
-              C(!1), P(!1);
+              T(!1), B(!1);
             },
-            onWaiting: () => C(!0),
-            onPlay: () => R(!1),
+            onWaiting: () => T(!0),
+            onPlay: () => L(!1),
             onLoadedMetadata: () => {
               const x = u.current;
-              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && D(x.videoWidth / x.videoHeight);
+              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && k(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
-              i || (v(!1), _(0));
+              i || (v(!1), w(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        w && !A && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        N && !R && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           ge,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        A && !o && /* @__PURE__ */ n(
+        R && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -830,10 +824,10 @@ const sa = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (x) => {
-              x.stopPropagation(), $();
+              x.stopPropagation(), A();
             },
             onKeyDown: (x) => {
-              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), $());
+              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), A());
             },
             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(Be, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -843,7 +837,7 @@ const sa = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": z,
+            "aria-valuenow": F,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
@@ -853,13 +847,13 @@ const sa = (e) => {
             onTouchStart: U,
             onClick: (x) => x.stopPropagation(),
             onKeyDown: (x) => {
-              x.key === "ArrowRight" && B(Math.min(1, N + 0.05)), x.key === "ArrowLeft" && B(Math.max(0, N - 0.05));
+              x.key === "ArrowRight" && O(Math.min(1, _ + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, _ - 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: `${z}%` }
+                style: { width: `${F}%` }
               }
             ) })
           }
@@ -870,7 +864,7 @@ const sa = (e) => {
             {
               type: "button",
               onClick: (x) => {
-                x.stopPropagation(), v((k) => !k);
+                x.stopPropagation(), v((C) => !C);
               },
               className: "shrink-0 text-white",
               "aria-label": p ? "Pause" : "Play",
@@ -882,7 +876,7 @@ const sa = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": z,
+              "aria-valuenow": F,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -891,21 +885,21 @@ const sa = (e) => {
               onMouseDown: U,
               onTouchStart: U,
               onClick: (x) => x.stopPropagation(),
-              onMouseEnter: () => L(!0),
-              onMouseLeave: () => L(!1),
+              onMouseEnter: () => P(!0),
+              onMouseLeave: () => P(!1),
               onKeyDown: (x) => {
-                x.key === "ArrowRight" && B(Math.min(1, N + 0.05)), x.key === "ArrowLeft" && B(Math.max(0, N - 0.05));
+                x.key === "ArrowRight" && O(Math.min(1, _ + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, _ - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || E ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${M || I ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${z}%` }
+                        style: { width: `${F}%` }
                       }
                     )
                   }
@@ -913,8 +907,8 @@ const sa = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${T || E ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${z}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${M || I ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${F}%` }
                   }
                 )
               ]
@@ -933,7 +927,7 @@ const sa = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ne(e), [d, m] = O(!1);
+  const l = ne(e), [d, m] = z(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
     aa,
     {
@@ -1091,8 +1085,8 @@ function ca(e) {
 function da(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const Je = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(F.Fragment, { children: [
+const Ke = ({ attachment: e, isMyMessage: t }) => {
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(j.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1118,7 +1112,7 @@ const Je = ({ attachment: e, isMyMessage: t }) => {
 function nn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function Ke(e) {
+function Je(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(nn);
 }
@@ -1138,7 +1132,7 @@ const ma = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = O(!1);
+  const [s, a] = z(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1154,7 +1148,7 @@ const ma = ({
       },
       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(ge, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(F.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(ge, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
         /* @__PURE__ */ n(be, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1243,7 +1237,7 @@ const sn = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = Ke(e), a = Ze(e);
+  const s = Je(e), a = Ze(e);
   return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", children: [
     !t && e.user && /* @__PURE__ */ n(
       ae,
@@ -1264,7 +1258,7 @@ const sn = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: Xe(t), children: /* @__PURE__ */ n(Je, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(sn, { ...a }) : /* @__PURE__ */ n(an, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: Xe(t), children: /* @__PURE__ */ n(Ke, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(sn, { ...a }) : /* @__PURE__ */ n(an, { ...a })
           }
         ) })
       }
@@ -1273,17 +1267,17 @@ const sn = ({
 }, fa = ({
   message: e
 }) => {
-  const t = Ke(e);
+  const t = Je(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Xe(!0), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !0 }) });
+    return /* @__PURE__ */ n("div", { className: Xe(!0), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !0 }) });
   const s = Ze(e);
   return s ? /* @__PURE__ */ n(sn, { ...s }) : null;
 }, ga = ({
   message: e
 }) => {
-  const t = Ke(e);
+  const t = Je(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !1 }) });
+    return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !1 }) });
   const s = Ze(e);
   return s ? /* @__PURE__ */ n(an, { ...s }) : null;
 }, yi = Object.assign(ha, {
@@ -1376,7 +1370,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "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(Ss, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
@@ -1390,7 +1384,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "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" })
     }
   )
 ] }), ka = (e) => {
@@ -1412,26 +1406,26 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     renderText: g,
     threadList: p,
     viewerLanguage: v
-  } = e, { client: N } = Ye("CustomMessage"), { channel: _ } = ce("CustomMessage"), { isUnlocking: E, onUnlockClick: I, onFetchSource: T, onDownloadClick: L } = va("LockedAttachment"), [A, R] = O(!1), w = Rn(c.id), { selected: C, voteUp: M, voteDown: P } = Hs(c), {
-    Attachment: S = Ln,
-    EditMessageModal: D = Dn,
-    MessageActions: $,
-    MessageBlocked: V = Pn,
-    MessageBouncePrompt: B = On,
+  } = e, { client: _ } = Ye("CustomMessage"), { channel: w } = ce("CustomMessage"), { isUnlocking: I, onUnlockClick: S, onFetchSource: M, onDownloadClick: P } = va("LockedAttachment"), [R, L] = z(!1), N = Rn(c.id), { selected: T, voteUp: D, voteDown: B } = Hs(c), {
+    Attachment: E = Ln,
+    EditMessageModal: k = Dn,
+    MessageActions: A,
+    MessageBlocked: $ = Pn,
+    MessageBouncePrompt: O = On,
     MessageDeleted: U = zn,
     MessageIsThreadReplyInChannelButtonIndicator: X = $n,
-    MessageRepliesCountButton: G = Fn,
-    ReminderNotification: z = Bn,
+    MessageRepliesCountButton: H = Fn,
+    ReminderNotification: F = Bn,
     StreamedMessageText: x = Un,
-    PinIndicator: k
-  } = Ut("CustomMessage"), j = jn(c), q = Vn(c), Ne = ee(
+    PinIndicator: C
+  } = Ut("CustomMessage"), V = jn(c), q = Vn(c), Ne = ee(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), J = ee(() => {
+  ), K = ee(() => {
     const me = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...me] : me;
     if (!ke(c)) return ye;
-    const It = ye.filter((St) => !("type" in St) || !nn(St));
-    return It.length === ye.length ? ye : It;
+    const St = ye.filter((It) => !("type" in It) || !nn(It));
+    return St.length === ye.length ? ye : St;
   }, [c]), re = ee(() => {
     const me = Xt({ message: c, viewerLanguage: v });
     return me === c.text ? c : { ...c, text: me };
@@ -1441,10 +1435,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(U, { message: c });
   if (Hn(c))
-    return /* @__PURE__ */ n(V, {});
-  const K = !p && !!c.reply_count, se = !p && c.show_in_channel && c.parent_id, Q = c.status === "failed" && ((ht = c.error) == null ? void 0 : ht.status) !== 403, lt = Yn(c);
+    return /* @__PURE__ */ n($, {});
+  const J = !p && !!c.reply_count, se = !p && c.show_in_channel && c.parent_id, Q = c.status === "failed" && ((ht = c.error) == null ? void 0 : ht.status) !== 403, lt = Yn(c);
   let ie;
-  Q ? ie = () => m(c) : lt && (ie = () => R(!0));
+  Q ? ie = () => m(c) : lt && (ie = () => L(!0));
   const de = f(), kn = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
@@ -1452,30 +1446,30 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": j,
+      "str-chat__message--has-attachment": V,
       "str-chat__message--highlighted": b,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": q,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((ft = c == null ? void 0 : c.error) == null ? void 0 : ft.status) !== 403,
-      "str-chat__message-with-thread-link": K || se,
+      "str-chat__message-with-thread-link": J || se,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), ct = c.poll_id && N.polls.fromState(c.poll_id), dt = ya(c), ue = ke(c), ut = Na(c), Re = !!(J != null && J.length && !c.quoted_message), mt = ue && de && Re;
+  ), ct = c.poll_id && _.polls.fromState(c.poll_id), dt = ya(c), ue = ke(c), ut = Na(c), Re = !!(K != null && K.length && !c.quoted_message), mt = ue && de && Re;
   return /* @__PURE__ */ h(te, { children: [
     a && /* @__PURE__ */ n(
-      D,
+      k,
       {
         additionalMessageInputProps: t
       }
     ),
-    A && /* @__PURE__ */ n(
+    R && /* @__PURE__ */ n(
       qn,
       {
-        MessageBouncePrompt: B,
-        onClose: () => R(!1),
-        open: A
+        MessageBouncePrompt: O,
+        onClose: () => L(!1),
+        open: R
       }
     ),
     /* @__PURE__ */ h(
@@ -1484,8 +1478,8 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: kn,
         "data-message-id": c.id,
         children: [
-          k && /* @__PURE__ */ n(k, {}),
-          !!w && /* @__PURE__ */ n(z, { reminder: w }),
+          C && /* @__PURE__ */ n(C, {}),
+          !!N && /* @__PURE__ */ n(F, { reminder: N }),
           c.user && /* @__PURE__ */ n(
             ae,
             {
@@ -1517,7 +1511,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               },
               children: ut ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 de ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  $ && /* @__PURE__ */ n($, {}),
+                  A && /* @__PURE__ */ n(A, {}),
                   /* @__PURE__ */ n(
                     Ot.Sent,
                     {
@@ -1527,8 +1521,8 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (vt = c.metadata) == null ? void 0 : vt.amount_text,
                       detail: (xt = c.metadata) == null ? void 0 : xt.attachment_detail,
                       paymentStatus: (wt = c.metadata) == null ? void 0 : wt.payment_status,
-                      onPreviewClick: () => I == null ? void 0 : I(c, _),
-                      onFetchSource: async () => await (T == null ? void 0 : T(c, _))
+                      onPreviewClick: () => S == null ? void 0 : S(c, w),
+                      onFetchSource: async () => await (M == null ? void 0 : M(c, w))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
@@ -1541,13 +1535,13 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (Ct = c.metadata) == null ? void 0 : Ct.amount_text,
                       detail: (kt = c.metadata) == null ? void 0 : kt.attachment_detail,
                       paymentStatus: (Et = c.metadata) == null ? void 0 : Et.payment_status,
-                      isUnlocking: E(c.id),
-                      onUnlockClick: () => I == null ? void 0 : I(c, _),
-                      onFetchSource: async () => await (T == null ? void 0 : T(c, _)),
-                      onDownloadClick: () => L == null ? void 0 : L(c, _)
+                      isUnlocking: I(c.id),
+                      onUnlockClick: () => S == null ? void 0 : S(c, w),
+                      onFetchSource: async () => await (M == null ? void 0 : M(c, w)),
+                      onDownloadClick: () => P == null ? void 0 : P(c, w)
                     }
                   ),
-                  $ && /* @__PURE__ */ n($, {})
+                  A && /* @__PURE__ */ n(A, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   At,
@@ -1569,11 +1563,11 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   }
                 ),
                 ct && /* @__PURE__ */ n(Wn, { poll: ct }),
-                J != null && J.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  S,
+                K != null && K.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  E,
                   {
                     actionHandler: l,
-                    attachments: J
+                    attachments: K
                   }
                 ) : null,
                 Ne ? /* @__PURE__ */ n(
@@ -1605,14 +1599,14 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
             s && ue && /* @__PURE__ */ n(
               Ca,
               {
-                selected: C,
-                onVoteUp: M,
-                onVoteDown: P
+                selected: T,
+                onVoteUp: D,
+                onVoteDown: B
               }
             )
           ] }),
-          K && /* @__PURE__ */ n(
-            G,
+          J && /* @__PURE__ */ n(
+            H,
             {
               onClick: d,
               reply_count: c.reply_count
@@ -1624,13 +1618,13 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       c.id
     )
   ] });
-}, Ea = F.memo(
+}, Ea = j.memo(
   ka,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Mn(e, t)
-), Ia = (e) => {
+), Sa = (e) => {
   const t = pe("CustomMessage");
   return /* @__PURE__ */ n(Ea, { ...t, ...e });
-}, Sa = () => {
+}, Ia = () => {
   var s;
   const { handleDelete: e, message: t } = pe("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
@@ -1662,7 +1656,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     Ps,
     {
       messageActionSet: [
-        { Component: Sa, placement: "quick", type: "delete" },
+        { Component: Ia, placement: "quick", type: "delete" },
         { Component: Ta, placement: "quick", type: "flag" }
       ]
     }
@@ -1712,7 +1706,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     (t) => Tt.previewIsLoaded(t) || Tt.previewIsLoading(t)
   )
 }), La = () => {
-  const { linkPreviewsManager: e } = Jn(), { linkPreviews: t } = Kn(
+  const { linkPreviewsManager: e } = Kn(), { linkPreviews: t } = Jn(
     e.state,
     Ra
   ), s = (r) => {
@@ -1726,7 +1720,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     r.og_scrape_url
   )) }) : null;
-}, ln = F.createContext(!1), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, ln = j.createContext(!1), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1942,14 +1936,14 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: v, user: N }) => {
-      var _;
-      return (N == null ? void 0 : N.id) !== ((_ = r.user) == null ? void 0 : _.id) && !v;
+    ({ parent_id: v, user: _ }) => {
+      var w;
+      return (_ == null ? void 0 : _.id) !== ((w = r.user) == null ? void 0 : w.id) && !v;
     }
   ), b = e ? Object.values(i).filter(
-    ({ parent_id: v, user: N }) => {
-      var _;
-      return (N == null ? void 0 : N.id) !== ((_ = r.user) == null ? void 0 : _.id) && v === (a == null ? void 0 : a.id);
+    ({ parent_id: v, user: _ }) => {
+      var w;
+      return (_ == null ? void 0 : _.id) !== ((w = r.user) == null ? void 0 : w.id) && v === (a == null ? void 0 : a.id);
     }
   ) : [], u = e ? b : m;
   if (!u.length)
@@ -2017,7 +2011,7 @@ function Wa(e, t) {
       return i;
   }
 }
-const Xa = () => null, Ja = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
     className: y("flex items-center justify-center h-full", e),
@@ -2060,12 +2054,12 @@ const Xa = () => null, Ja = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ee = F.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(Ja, { className: "w-6 h-6" }),
+), Ee = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ n(Ka, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ee.displayName = "LoadingState";
-const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Ka = ({
+const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Ja = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2081,23 +2075,23 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   customChannelActions: f,
   showActionsMenu: c = !0
 }) => {
-  var I, T, L, A, R;
-  const { channel: g } = ce(), p = F.useMemo(() => {
-    var M, P;
-    const w = (M = g._client) == null ? void 0 : M.userID;
-    return w ? Object.values(((P = g.state) == null ? void 0 : P.members) || {}).find(
-      (S) => {
-        var D;
-        return ((D = S.user) == null ? void 0 : D.id) && S.user.id !== w;
+  var S, M, P, R, L;
+  const { channel: g } = ce(), p = j.useMemo(() => {
+    var D, B;
+    const N = (D = g._client) == null ? void 0 : D.userID;
+    return N ? Object.values(((B = g.state) == null ? void 0 : B.members) || {}).find(
+      (E) => {
+        var k;
+        return ((k = E.user) == null ? void 0 : k.id) && E.user.id !== N;
       }
     ) : void 0;
-  }, [(I = g._client) == null ? void 0 : I.userID, (T = g.state) == null ? void 0 : T.members]), v = Wt(p == null ? void 0 : p.user), N = (L = p == null ? void 0 : p.user) == null ? void 0 : L.image, _ = qt(g), E = async () => {
+  }, [(S = g._client) == null ? void 0 : S.userID, (M = g.state) == null ? void 0 : M.members]), v = Wt(p == null ? void 0 : p.user), _ = (P = p == null ? void 0 : p.user) == null ? void 0 : P.image, w = qt(g), I = async () => {
     try {
-      _ ? await g.unpin() : await g.pin();
-    } catch (w) {
+      w ? await g.unpin() : await g.pin();
+    } catch (N) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        w
+        N
       );
     }
   };
@@ -2121,10 +2115,10 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         /* @__PURE__ */ n(
           ae,
           {
-            id: ((A = p == null ? void 0 : p.user) == null ? void 0 : A.id) || g.id || "unknown",
+            id: ((R = p == null ? void 0 : p.user) == null ? void 0 : R.id) || g.id || "unknown",
             name: v,
-            image: N,
-            starred: s && _,
+            image: _,
+            starred: s && w,
             dmAgentEnabled: a,
             size: 48
           }
@@ -2140,17 +2134,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: oe,
-            onClick: E,
+            onClick: I,
             type: "button",
-            "aria-label": _ ? "Unstar conversation" : "Star conversation",
+            "aria-label": w ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Fe,
               {
                 className: y("size-5", {
-                  "text-yellow-600": _,
-                  "text-black/90": !_
+                  "text-yellow-600": w,
+                  "text-black/90": !w
                 }),
-                weight: _ ? "duotone" : "regular"
+                weight: w ? "duotone" : "regular"
               }
             )
           }
@@ -2192,10 +2186,10 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         /* @__PURE__ */ n(
           ae,
           {
-            id: ((R = p == null ? void 0 : p.user) == null ? void 0 : R.id) || g.id || "unknown",
+            id: ((L = p == null ? void 0 : p.user) == null ? void 0 : L.id) || g.id || "unknown",
             name: v,
-            image: N,
-            starred: s && _,
+            image: _,
+            starred: s && w,
             dmAgentEnabled: a,
             size: 48
           }
@@ -2213,17 +2207,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: oe,
-            onClick: E,
+            onClick: I,
             type: "button",
-            "aria-label": _ ? "Unstar conversation" : "Star conversation",
+            "aria-label": w ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Fe,
               {
                 className: y("size-6", {
-                  "text-yellow-600": _,
-                  "text-black/90": !_
+                  "text-yellow-600": w,
+                  "text-black/90": !w
                 }),
-                weight: _ ? "duotone" : "regular"
+                weight: w ? "duotone" : "regular"
               }
             )
           }
@@ -2266,60 +2260,60 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   composerDisabledReason: g,
   showStarButton: p = !1,
   chatbotVotingEnabled: v = !1,
-  renderChannelBanner: N,
-  customChannelActions: _,
-  renderMessage: E,
-  dmAgentEnabled: I = !1,
-  viewerLanguage: T,
-  showChannelInfo: L = !0
+  renderChannelBanner: _,
+  customChannelActions: w,
+  renderMessage: I,
+  dmAgentEnabled: S = !1,
+  viewerLanguage: M,
+  showChannelInfo: P = !0
 }) => {
-  var D, $, V, B, U, X;
-  const { channel: A } = ce(), R = F.useMemo(() => {
-    var x, k;
-    const G = (x = A._client) == null ? void 0 : x.userID;
-    return G ? Object.values(((k = A.state) == null ? void 0 : k.members) || {}).find(
-      (j) => {
+  var k, A, $, O, U, X;
+  const { channel: R } = ce(), L = j.useMemo(() => {
+    var x, C;
+    const H = (x = R._client) == null ? void 0 : x.userID;
+    return H ? Object.values(((C = R.state) == null ? void 0 : C.members) || {}).find(
+      (V) => {
         var q;
-        return ((q = j.user) == null ? void 0 : q.id) && j.user.id !== G;
+        return ((q = V.user) == null ? void 0 : q.id) && V.user.id !== H;
       }
     ) : void 0;
-  }, [(D = A._client) == null ? void 0 : D.userID, ($ = A.state) == null ? void 0 : $.members]), w = F.useMemo(() => {
-    var x, k;
-    const G = (x = A._client) == null ? void 0 : x.userID;
-    return G ? Object.values(((k = A.state) == null ? void 0 : k.members) || {}).find((j) => {
+  }, [(k = R._client) == null ? void 0 : k.userID, (A = R.state) == null ? void 0 : A.members]), N = j.useMemo(() => {
+    var x, C;
+    const H = (x = R._client) == null ? void 0 : x.userID;
+    return H ? Object.values(((C = R.state) == null ? void 0 : C.members) || {}).find((V) => {
       var q;
-      return ((q = j.user) == null ? void 0 : q.id) === G;
+      return ((q = V.user) == null ? void 0 : q.id) === H;
     }) : void 0;
-  }, [(V = A._client) == null ? void 0 : V.userID, (B = A.state) == null ? void 0 : B.members]), C = ((U = w == null ? void 0 : w.user) == null ? void 0 : U.is_account) ?? (w == null ? void 0 : w.is_account), M = ((X = R == null ? void 0 : R.user) == null ? void 0 : X.is_account) ?? (R == null ? void 0 : R.is_account), P = I && C === !1 && M === !0, S = W(
-    (G) => {
-      const { message: z } = pe("ChannelView"), x = /* @__PURE__ */ n(
-        Ia,
+  }, [($ = R._client) == null ? void 0 : $.userID, (O = R.state) == null ? void 0 : O.members]), T = ((U = N == null ? void 0 : N.user) == null ? void 0 : U.is_account) ?? (N == null ? void 0 : N.is_account), D = ((X = L == null ? void 0 : L.user) == null ? void 0 : X.is_account) ?? (L == null ? void 0 : L.is_account), B = S && T === !1 && D === !0, E = W(
+    (H) => {
+      const { message: F } = pe("ChannelView"), x = /* @__PURE__ */ n(
+        Sa,
         {
-          ...G,
+          ...H,
           chatbotVotingEnabled: v,
-          viewerLanguage: T
+          viewerLanguage: M
         }
       );
-      return !E || !z ? x : E(x, z);
+      return !I || !F ? x : I(x, F);
     },
-    [v, E, T]
+    [v, I, M]
   );
   return /* @__PURE__ */ n(te, { children: /* @__PURE__ */ n(
     os,
     {
       overrides: {
-        Message: S,
+        Message: E,
         MessageActions: Aa
       },
       children: /* @__PURE__ */ h(ls, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          Ka,
+          Ja,
           {
             onBack: e,
             showBackButton: t,
-            showActionsMenu: L,
+            showActionsMenu: P,
             showStarButton: p,
-            dmAgentEnabled: P,
+            dmAgentEnabled: B,
             onLeaveConversation: i,
             onBlockParticipant: o,
             showDeleteConversation: l,
@@ -2328,10 +2322,10 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onDeleteConversationClick: d,
             onBlockParticipantClick: m,
             onReportParticipantClick: b,
-            customChannelActions: _
+            customChannelActions: w
           }
         ) }, "lt-channel-header"),
-        N ? /* @__PURE__ */ n(F.Fragment, { children: N() }, "lt-channel-banner") : null,
+        _ ? /* @__PURE__ */ n(j.Fragment, { children: _() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
@@ -2340,14 +2334,14 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(F.Fragment, { children: r(A) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(j.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           Oa,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(A)
+              renderActions: () => s == null ? void 0 : s(R)
             },
-            renderFooter: () => a == null ? void 0 : a(A),
+            renderFooter: () => a == null ? void 0 : a(R),
             disabled: c,
             disabledReason: g
           },
@@ -2356,7 +2350,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, dn = F.memo(
+}, dn = j.memo(
   ({
     channel: e,
     onBack: t,
@@ -2375,61 +2369,61 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     showBlockParticipant: g = !0,
     showReportParticipant: p = !0,
     composerDisabled: v = !1,
-    composerDisabledReason: N,
-    dmAgentEnabled: _,
-    messageMetadata: E,
-    onMessageSent: I,
-    showStarButton: T = !1,
-    chatbotVotingEnabled: L = !1,
-    renderChannelBanner: A,
-    customChannelActions: R,
-    renderMessage: w,
-    onMessageLinkClick: C,
-    sendButton: M,
-    attachmentPreviewList: P,
-    viewerLanguage: S,
-    showChannelInfo: D = !0
+    composerDisabledReason: _,
+    dmAgentEnabled: w,
+    messageMetadata: I,
+    onMessageSent: S,
+    showStarButton: M = !1,
+    chatbotVotingEnabled: P = !1,
+    renderChannelBanner: R,
+    customChannelActions: L,
+    renderMessage: N,
+    onMessageLinkClick: T,
+    sendButton: D,
+    attachmentPreviewList: B,
+    viewerLanguage: E,
+    showChannelInfo: k = !0
   }) => {
-    const $ = W(
-      async (B, U, X) => {
+    const A = W(
+      async (O, U, X) => {
         var q;
-        const G = ((q = e.data) == null ? void 0 : q.chatbot_paused) === !0, z = _ && !G, x = {
+        const H = ((q = e.data) == null ? void 0 : q.chatbot_paused) === !0, F = w && !H, x = {
           ...U,
-          ...z && { silent: !0 },
-          ...E && {
+          ...F && { silent: !0 },
+          ...I && {
             metadata: {
               ...U.metadata ?? {},
-              ...E
+              ...I
             }
           }
-        }, k = {
+        }, C = {
           ...X,
-          ...z && { skip_push: !0 }
-        }, j = await e.sendMessage(x, k);
-        return I == null || I(j), j;
+          ...F && { skip_push: !0 }
+        }, V = await e.sendMessage(x, C);
+        return S == null || S(V), V;
       },
-      [e, _, E, I]
-    ), V = H(null);
+      [e, w, I, S]
+    ), $ = G(null);
     return Y(() => {
-      if (!C) return;
-      const B = V.current;
-      if (!B) return;
+      if (!T) return;
+      const O = $.current;
+      if (!O) return;
       const U = (X) => {
-        const G = X.target, z = G == null ? void 0 : G.closest("a[href]"), x = z == null ? void 0 : z.getAttribute("href");
+        const H = X.target, F = H == null ? void 0 : H.closest("a[href]"), x = F == null ? void 0 : F.getAttribute("href");
         if (!x) return;
-        const k = z == null ? void 0 : z.closest("[data-message-id]"), j = k == null ? void 0 : k.getAttribute("data-message-id"), q = j ? e.state.messages.find((Ne) => Ne.id === j) : void 0;
-        C(x, q);
+        const C = F == null ? void 0 : F.closest("[data-message-id]"), V = C == null ? void 0 : C.getAttribute("data-message-id"), q = V ? e.state.messages.find((Ne) => Ne.id === V) : void 0;
+        T(x, q);
       };
-      return B.addEventListener("click", U), () => B.removeEventListener("click", U);
-    }, [C, e]), /* @__PURE__ */ n(
+      return O.addEventListener("click", U), () => O.removeEventListener("click", U);
+    }, [T, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: V,
+        ref: $,
         className: y(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(cn.Provider, { value: _ ?? !1, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(cn.Provider, { value: w ?? !1, children: /* @__PURE__ */ n(
           is,
           {
             channel: e,
@@ -2438,9 +2432,9 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             LoadingIndicator: Ee,
             DateSeparator: Vs,
             TypingIndicator: qa,
-            doSendMessageRequest: $,
-            ...M ? { SendButton: M } : {},
-            ...P ? { AttachmentPreviewList: P } : {},
+            doSendMessageRequest: A,
+            ...D ? { SendButton: D } : {},
+            ...B ? { AttachmentPreviewList: B } : {},
             children: /* @__PURE__ */ n(
               Za,
               {
@@ -2459,15 +2453,15 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showBlockParticipant: g,
                 showReportParticipant: p,
                 composerDisabled: v,
-                composerDisabledReason: N,
-                showStarButton: T,
-                dmAgentEnabled: _,
-                chatbotVotingEnabled: L,
-                renderChannelBanner: A,
-                customChannelActions: R,
-                renderMessage: w,
-                viewerLanguage: S,
-                showChannelInfo: D
+                composerDisabledReason: _,
+                showStarButton: M,
+                dmAgentEnabled: w,
+                chatbotVotingEnabled: P,
+                renderChannelBanner: R,
+                customChannelActions: L,
+                renderMessage: N,
+                viewerLanguage: E,
+                showChannelInfo: k
               }
             )
           }
@@ -2477,7 +2471,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 dn.displayName = "ChannelView";
-const fe = F.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+const fe = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("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 }),
@@ -2510,71 +2504,71 @@ const ki = ({
   renderChannelBanner: g,
   customChannelActions: p,
   renderMessage: v,
-  onMessageLinkClick: N,
-  showChannelInfo: _
+  onMessageLinkClick: _,
+  showChannelInfo: w
 }) => {
   const {
-    client: E,
-    isConnected: I,
-    isLoading: T,
-    error: L,
-    refreshConnection: A,
-    service: R,
-    debug: w
-  } = Os(), [C, M] = O(null), [P, S] = O(null), [D, $] = O(!1), { showDeleteConversation: V = !0 } = e, B = H(o);
-  B.current = o;
-  const U = H(a);
+    client: I,
+    isConnected: S,
+    isLoading: M,
+    error: P,
+    refreshConnection: R,
+    service: L,
+    debug: N
+  } = Os(), [T, D] = z(null), [B, E] = z(null), [k, A] = z(!1), { showDeleteConversation: $ = !0 } = e, O = G(o);
+  O.current = o;
+  const U = G(a);
   U.current = a;
-  const X = H(null), G = H(null);
+  const X = G(null), H = G(null);
   Y(() => {
-    G.current = C;
-  }, [C]), Y(() => {
-    if (!E || !I) return;
-    const k = E.userID;
-    if (!k) return;
-    const j = `${k}::${i}`;
-    if (X.current === j) return;
-    X.current = j;
+    H.current = T;
+  }, [T]), Y(() => {
+    if (!I || !S) return;
+    const C = I.userID;
+    if (!C) return;
+    const V = `${C}::${i}`;
+    if (X.current === V) return;
+    X.current = V;
     const q = () => {
-      X.current === j && (X.current = null);
+      X.current === V && (X.current = null);
     };
     (async () => {
-      var J, re;
+      var K, re;
       try {
-        w && console.log(
+        N && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const K = await E.queryChannels(
+        const J = await I.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [k, i] }
+            members: { $eq: [C, i] }
           },
           {},
           { limit: 1 }
         );
-        if (K.length > 0) {
-          M(K[0]), S(null), (J = U.current) == null || J.call(U, K[0]), w && console.log(
+        if (J.length > 0) {
+          D(J[0]), E(null), (K = U.current) == null || K.call(U, J[0]), N && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            K[0].id
+            J[0].id
           );
           return;
         }
-        const se = B.current;
-        if (!se || !R) {
-          q(), S("No conversation found with this account"), w && console.log(
+        const se = O.current;
+        if (!se || !L) {
+          q(), E("No conversation found with this account"), N && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const Q = await R.startChannelWithParticipant({
+          const Q = await L.startChannelWithParticipant({
             id: se.id,
             name: se.name,
             phone: se.phone
           });
-          M(Q), S(null), (re = U.current) == null || re.call(U, Q), w && console.log(
+          D(Q), E(null), (re = U.current) == null || re.call(U, Q), N && console.log(
             "[MessagingShell] Channel created and loaded:",
             Q.id
           );
@@ -2582,39 +2576,39 @@ const ki = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             Q
-          ), q(), S("Failed to create conversation");
+          ), q(), E("Failed to create conversation");
         }
-      } catch (K) {
+      } catch (J) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          K
-        ), q(), G.current || S("Failed to load conversation");
+          J
+        ), q(), H.current || E("Failed to load conversation");
       }
     })();
-  }, [i, E, I, R, w]);
-  const z = H(r);
-  z.current = r;
+  }, [i, I, S, L, N]);
+  const F = G(r);
+  F.current = r;
   const x = W(() => {
-    var k;
-    M(null), $(!0), (k = z.current) == null || k.call(z);
+    var C;
+    D(null), A(!0), (C = F.current) == null || C.call(F);
   }, []);
-  return T ? /* @__PURE__ */ n(Ee, {}) : L ? /* @__PURE__ */ n(fe, { message: L, onBack: A }) : !I || !E ? /* @__PURE__ */ n(
+  return M ? /* @__PURE__ */ n(Ee, {}) : P ? /* @__PURE__ */ n(fe, { message: P, onBack: R }) : !S || !I ? /* @__PURE__ */ n(
     fe,
     {
       message: "Not connected to messaging service",
-      onBack: A
+      onBack: R
     }
-  ) : P ? /* @__PURE__ */ n(fe, { message: P }) : D && !C ? /* @__PURE__ */ n(fe, { message: "Conversation ended" }) : C ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+  ) : B ? /* @__PURE__ */ n(fe, { message: B }) : k && !T ? /* @__PURE__ */ n(fe, { message: "Conversation ended" }) : T ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     dn,
     {
-      channel: C,
+      channel: T,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: g,
       onLeaveConversation: x,
       onBlockParticipant: x,
       CustomChannelEmptyState: l,
-      showDeleteConversation: V,
+      showDeleteConversation: $,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
       dmAgentEnabled: b,
@@ -2623,10 +2617,10 @@ const ki = ({
       viewerLanguage: c,
       customChannelActions: p,
       renderMessage: v,
-      onMessageLinkClick: N,
-      showChannelInfo: _
+      onMessageLinkClick: _,
+      showChannelInfo: w
     },
-    C.id
+    T.id
   ) }) }) : /* @__PURE__ */ n(Ee, {});
 };
 function Qa(e) {
@@ -2635,14 +2629,14 @@ function Qa(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const un = F.createContext({
+const un = j.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), er = un.Provider, tr = () => F.useContext(un), nr = (e, t) => {
+}), er = un.Provider, tr = () => j.useContext(un), nr = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
@@ -2663,9 +2657,9 @@ const un = F.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, mn = F.memo(
+}, mn = j.memo(
   ({ channel: e, unread: t }) => {
-    var L, A, R;
+    var P, R, L;
     const {
       selectedChannel: s,
       onChannelSelect: a,
@@ -2674,40 +2668,40 @@ const un = F.createContext({
       viewerLanguage: o
     } = tr(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
-    }, m = (w) => {
-      const C = w.key === "Enter" || w.key === " ", M = w.repeat;
-      !C || M || (w.preventDefault(), d());
-    }, u = Object.values(((L = e == null ? void 0 : e.state) == null ? void 0 : L.members) || {}).find(
-      (w) => {
-        var C, M;
-        return ((C = w.user) == null ? void 0 : C.id) && w.user.id !== ((M = e == null ? void 0 : e._client) == null ? void 0 : M.userID);
+    }, m = (N) => {
+      const T = N.key === "Enter" || N.key === " ", D = N.repeat;
+      !T || D || (N.preventDefault(), d());
+    }, u = Object.values(((P = e == null ? void 0 : e.state) == null ? void 0 : P.members) || {}).find(
+      (N) => {
+        var T, D;
+        return ((T = N.user) == null ? void 0 : T.id) && N.user.id !== ((D = e == null ? void 0 : e._client) == null ? void 0 : D.userID);
       }
-    ), f = Wt(u == null ? void 0 : u.user), c = (A = u == null ? void 0 : u.user) == null ? void 0 : A.image, g = (() => {
-      var C;
-      const w = (C = e == null ? void 0 : e.state) == null ? void 0 : C.messages;
-      if (w != null && w.length) {
-        for (let M = w.length - 1; M >= 0; M--)
-          if (w[M].type !== "system") return w[M];
+    ), f = Wt(u == null ? void 0 : u.user), c = (R = u == null ? void 0 : u.user) == null ? void 0 : R.image, g = (() => {
+      var T;
+      const N = (T = e == null ? void 0 : e.state) == null ? void 0 : T.messages;
+      if (N != null && N.length) {
+        for (let D = N.length - 1; D >= 0; D--)
+          if (N[D].type !== "system") return N[D];
       }
     })(), v = (() => {
-      var D, $, V, B;
-      const w = Xt({
+      var k, A, $, O;
+      const N = Xt({
         message: g,
         viewerLanguage: o
       });
-      if (((D = g == null ? void 0 : g.metadata) == null ? void 0 : D.custom_type) === "MESSAGE_TIP") return w ? `💵 ${w}` : "💵 Sent a tip";
-      if ((($ = g == null ? void 0 : g.metadata) == null ? void 0 : $.custom_type) === "MESSAGE_PAID") return w ? `💰 ${w}` : "💰 Sent a message";
-      if (((V = g == null ? void 0 : g.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT") return w ? `📎 ${w}` : "📎 Sent an attachment";
-      if (w) return w;
-      const S = (B = g == null ? void 0 : g.attachments) == null ? void 0 : B[0];
-      return S ? S.og_scrape_url ? S.og_scrape_url : S.type === "image" ? "📷 Sent an image" : S.type === "video" ? "🎥 Sent a video" : S.type === "audio" ? "🎵 Sent audio" : S.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), N = g != null && g.created_at ? sr(new Date(g.created_at)) : "", _ = g ? ke(g) : !1, E = i ? i(g, v) : `${_ ? "✨ " : ""}${v}`, I = qt(e), T = t ?? 0;
+      if (((k = g == null ? void 0 : g.metadata) == null ? void 0 : k.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
+      if (((A = g == null ? void 0 : g.metadata) == null ? void 0 : A.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
+      if ((($ = g == null ? void 0 : g.metadata) == null ? void 0 : $.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
+      if (N) return N;
+      const E = (O = g == null ? void 0 : g.attachments) == null ? void 0 : O[0];
+      return E ? E.og_scrape_url ? E.og_scrape_url : E.type === "image" ? "📷 Sent an image" : E.type === "video" ? "🎥 Sent a video" : E.type === "audio" ? "🎵 Sent audio" : E.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), _ = g != null && g.created_at ? sr(new Date(g.created_at)) : "", w = g ? ke(g) : !1, I = i ? i(g, v) : `${w ? "✨ " : ""}${v}`, S = qt(e), M = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
       participantName: f,
-      unreadCount: T,
-      hasTimestamp: !!N
+      unreadCount: M,
+      hasTimestamp: !!_
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2726,11 +2720,11 @@ const un = F.createContext({
           /* @__PURE__ */ n(
             ae,
             {
-              id: ((R = u == null ? void 0 : u.user) == null ? void 0 : R.id) || e.id || "unknown",
+              id: ((L = u == null ? void 0 : u.user) == null ? void 0 : L.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 48,
-              starred: I
+              starred: S
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
@@ -2742,16 +2736,16 @@ const un = F.createContext({
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
-                    I && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    S && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     f
                   ]
                 }
               ),
-              N && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: N })
+              _ && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: E }),
-              T > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: T > 99 ? "99+" : T })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: I }),
+              M > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: M > 99 ? "99+" : M })
             ] })
           ] })
         ] })
@@ -2760,7 +2754,7 @@ const un = F.createContext({
   }
 );
 mn.displayName = "CustomChannelPreview";
-const ar = { last_message_at: -1 }, rr = F.memo(
+const ar = { last_message_at: -1 }, rr = j.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
@@ -2773,9 +2767,9 @@ const ar = { last_message_at: -1 }, rr = F.memo(
     renderMessagePreview: d,
     viewerLanguage: m
   }) => {
-    const b = F.useRef(0);
+    const b = j.useRef(0);
     b.current++;
-    const { debug: u = !1 } = qe(), f = F.useCallback(
+    const { debug: u = !1 } = qe(), f = j.useCallback(
       (g) => {
         for (const p of g)
           Qa(p);
@@ -2788,7 +2782,7 @@ const ar = { last_message_at: -1 }, rr = F.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const c = F.useMemo(
+    const c = j.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2896,7 +2890,7 @@ const lr = {
   const v = y(
     "truncate text-base font-medium leading-6",
     d && !t ? ur : dr[e]
-  ), N = y(
+  ), _ = y(
     "truncate text-xs leading-4",
     mr[e]
   );
@@ -2908,9 +2902,9 @@ const lr = {
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
             /* @__PURE__ */ n("p", { className: y("min-w-0", v), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: N, children: a })
+          u && /* @__PURE__ */ n("p", { className: _, children: a })
         ] }),
-        !g && c && /* @__PURE__ */ n("p", { className: N, children: f })
+        !g && c && /* @__PURE__ */ n("p", { className: _, children: f })
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
@@ -2923,7 +2917,7 @@ const lr = {
   // 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)]"
-), Ie = ({
+), Se = ({
   variant: e,
   children: t,
   href: s,
@@ -2993,7 +2987,7 @@ const lr = {
   if (!t || !e) return !1;
   const s = ne(e);
   return s === "video" || s === "audio";
-}, tt = "bg-[#F2F3F4]", Se = ({
+}, tt = "bg-[#F2F3F4]", Ie = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3090,9 +3084,9 @@ const lr = {
       children: /* @__PURE__ */ n(Rs, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Se, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Se,
+      Ie,
       {
         variant: "dark",
         sourceUrl: o,
@@ -3102,13 +3096,13 @@ const lr = {
     ) }),
     g && /* @__PURE__ */ n("div", { className: "shrink-0", children: g })
   ] }) }) : /* @__PURE__ */ h(
-    Ie,
+    Se,
     {
       variant: "dark",
       topRight: f ? g : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Se,
+          Ie,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3154,7 +3148,7 @@ const lr = {
     }
   } : d;
   return /* @__PURE__ */ h(
-    Ie,
+    Se,
     {
       variant: "light",
       href: f,
@@ -3164,7 +3158,7 @@ const lr = {
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Se,
+          Ie,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3202,7 +3196,7 @@ const lr = {
 }) => {
   const u = hn(r, o), f = Qe(a), c = m == null && f != null && !u ? f : void 0, g = m == null && !u && c != null ? b : void 0;
   return /* @__PURE__ */ h(
-    Ie,
+    Se,
     {
       variant: "dark",
       href: c,
@@ -3210,7 +3204,7 @@ const lr = {
       bgClassName: Me(r, o) ? tt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Se,
+          Ie,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3330,7 +3324,7 @@ const lr = {
     ),
     children: /* @__PURE__ */ n(Ae, { className: "size-3", weight: "bold" })
   }
-), we = (e) => e === "received" ? "light" : "dark", Ii = ({
+), we = (e) => e === "received" ? "light" : "dark", Si = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
@@ -3388,10 +3382,10 @@ const lr = {
       )) })
     }
   );
-}, Er = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Tr = {
+}, Er = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), Sr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Ir = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Tr = {
   Composer: Er,
-  Sent: Ir,
-  Received: Sr
+  Sent: Sr,
+  Received: Ir
 };
 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`;
@@ -3568,10 +3562,10 @@ const zr = ({
     items: o
   }), g = (v) => {
     if ((m == null ? void 0 : m(v)) === !1) return;
-    const N = c[v];
-    if (!N) return;
-    const _ = N.filename ?? Z(N.src);
-    gn(N.src, _);
+    const _ = c[v];
+    if (!_) return;
+    const w = _.filename ?? Z(_.src);
+    gn(_.src, w);
   };
   if (c.length === 0)
     return null;
@@ -3593,16 +3587,16 @@ const zr = ({
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, N) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, _) => /* @__PURE__ */ n(
         $r,
         {
           variant: u,
           item: v,
-          index: N,
+          index: _,
           onActivate: g,
-          trailingAction: f && N === 0 ? /* @__PURE__ */ n(xe, { onClick: b, variant: "inline" }) : p
+          trailingAction: f && _ === 0 ? /* @__PURE__ */ n(xe, { onClick: b, variant: "inline" }) : p
         },
-        `${v.src}-${N}`
+        `${v.src}-${_}`
       )) })
     }
   );
@@ -3645,7 +3639,7 @@ const zr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = O(!1), m = W(
+  const [l, d] = z(!1), m = W(
     (c) => {
       c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
       }).finally(() => {
@@ -3726,7 +3720,7 @@ const zr = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
+  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = z(a);
   Y(() => {
     s && i($e(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), Y(() => {
@@ -3755,7 +3749,7 @@ const zr = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = H(null), d = H(null);
+  const l = G(null), d = G(null);
   return Y(() => {
     var f;
     const u = l.current;
@@ -3963,7 +3957,7 @@ const zr = ({
     }
   );
 }, _e = (e) => {
-  const [t, s] = O(!1), [a, r] = O(0), i = W(
+  const [t, s] = z(!1), [a, r] = z(0), i = W(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
@@ -4046,7 +4040,7 @@ const zr = ({
   if (m.length === 0)
     return null;
   const p = m.map(
-    (v, N) => Gr(v, N, m.length, l)
+    (v, _) => Gr(v, _, m.length, l)
   );
   return /* @__PURE__ */ h(
     ve,
@@ -4069,11 +4063,11 @@ const zr = ({
       ]
     }
   );
-}, qr = (e) => /* @__PURE__ */ n(Yr, { ...e }), Wr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Jr = {
+}, qr = (e) => /* @__PURE__ */ n(Yr, { ...e }), Wr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Kr = {
   Composer: qr,
   Sent: Wr,
   Received: Xr
-}, Kr = ({
+}, Jr = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4168,9 +4162,9 @@ const zr = ({
   ), v = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const N = u.map((_) => ({
-    src: _.src,
-    filename: _.filename ?? Z(_.src)
+  const _ = u.map((w) => ({
+    src: w.src,
+    filename: w.filename ?? Z(w.src)
   }));
   return /* @__PURE__ */ h(
     ve,
@@ -4180,14 +4174,14 @@ const zr = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((_, E) => {
-          const I = _.filename ?? Z(_.src), T = v && E === 0 ? /* @__PURE__ */ n(xe, { onClick: m, 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 ?? Z(w.src), M = v && I === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             bn,
             {
-              url: _.src,
-              filename: I,
+              url: w.src,
+              filename: S,
               variant: "inline",
-              label: `Download ${I}`,
+              label: `Download ${S}`,
               tone: b
             }
           );
@@ -4195,19 +4189,19 @@ const zr = ({
             ei,
             {
               variant: b,
-              item: _,
-              index: E,
+              item: w,
+              index: I,
               onActivate: g,
-              trailingAction: T
+              trailingAction: M
             },
-            `${_.src}-${E}`
+            `${w.src}-${I}`
           );
         }) }),
         /* @__PURE__ */ n(
-          Kr,
+          Jr,
           {
             open: f,
-            items: N,
+            items: _,
             initialIndex: c,
             onClose: p
           }
@@ -4354,7 +4348,7 @@ const zr = ({
   if (b.length === 0)
     return null;
   const v = b.map(
-    (N, _) => ii(N, _, b.length)
+    (_, w) => ii(_, w, b.length)
   );
   return /* @__PURE__ */ h(
     ve,
@@ -4388,8 +4382,8 @@ const zr = ({
   Composer: ci,
   Sent: di,
   Received: ui
-}, Si = {
-  Image: Jr,
+}, Ii = {
+  Image: Kr,
   Video: mi,
   Audio: Tr,
   Pdf: ai,
@@ -4474,7 +4468,7 @@ export {
   hi as f,
   ne as g,
   Ot as h,
-  Si as i,
+  Ii as i,
   Ca as j,
   Ni as k,
   ki as l,
@@ -4486,11 +4480,11 @@ export {
   le as r,
   nn as s,
   $s as t,
-  Ii as u,
+  Si as u,
   Ys as v,
-  Ke as w,
+  Je as w,
   Ze as x,
   Wt as y,
   va as z
 };
-//# sourceMappingURL=index-CAAtAfn1.js.map
+//# sourceMappingURL=index-cIErdakH.js.map