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

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

@@ -1,11 +1,11 @@
 import { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
-import $, { createContext as Ge, useContext as Te, useCallback as W, useState as P, useRef as H, useEffect as Y, useId as En, useMemo as ee, Suspense as He } from "react";
-import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
-import { Chat as In, DateSeparator as Tn, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as An, useMessageReminder as Mn, useComponentContext as Ut, Attachment as Rn, EditMessageModal as Ln, MessageBlocked as Dn, MessageBouncePrompt as Pn, MessageDeleted as On, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as $n, ReminderNotification as Fn, StreamedMessageText as Bn, messageHasAttachments as Un, messageHasReactions as jn, isDateSeparatorMessage as Vn, isMessageBlocked as Gn, isMessageBounced as Hn, MessageBounceModal as Yn, MessageText as Tt, Poll as qn, MessageErrorIcon as Wn, useMessageContext as pe, useMessageComposer as Xn, useStateStore as Kn, MessageInput as Jn, useMessageInputContext as Zn, useMessageComposerHasSendableData as Qn, AttachmentPreviewList as es, QuotedMessagePreview as ts, TextareaComposer as ns, MessageTimestamp as Le, AIStates as De, useTypingContext as ss, useAIState as as, Channel as rs, WithComponents as is, Window as os, MessageList as ls, ChannelList as cs, InfiniteScroll as ds } from "stream-chat-react";
-import { StarIcon as Fe, DotsThreeIcon as us, SpinnerGapIcon as Ce, SignOutIcon as ms, ProhibitInsetIcon as At, FlagIcon as jt, FileIcon as Vt, ImageIcon as hs, SpeakerHighIcon as fs, VideoCameraIcon as Gt, FileMdIcon as gs, FileTextIcon as bs, FileZipIcon as ps, FilePptIcon as vs, FileCsvIcon as xs, FileXlsIcon as ws, FileDocIcon as _s, FilePdfIcon as Ns, CircleNotchIcon as ge, PlayIcon as Be, PauseIcon as ys, LinkIcon as Cs, DownloadSimpleIcon as be, GiftIcon as ks, ThumbsUpIcon as Es, ThumbsDownIcon as Ss, TrashSimpleIcon as Is, XIcon as Ae, ArrowUpIcon as Ts, SparkleIcon as Ue, ProhibitIcon as As, ArrowLeftIcon as Mt, PencilSimpleIcon as Ms, CaretLeftIcon as Rs, CaretRightIcon as Ls } from "@phosphor-icons/react";
+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 y from "classnames";
-import { MessageActions as Ds, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
-import { LinkPreviewsManager as Rt } from "stream-chat";
+import { MessageActions as Ps, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
 const Yt = Ge({
   service: null,
   client: null,
@@ -16,7 +16,7 @@ const Yt = Ge({
   refreshConnection: async () => {
   },
   debug: !1
-}), qe = () => Te(Yt), _i = ({
+}), qe = () => Te(Yt), Ni = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -25,8 +25,8 @@ const Yt = Ge({
   debug: i = !1
 }) => {
   const o = W(
-    (k, ...T) => {
-      i && console.log(`🔥 [MessagingProvider] ${k}`, ...T);
+    (w, ...C) => {
+      i && console.log(`🔥 [MessagingProvider] ${w}`, ...C);
     },
     [i]
   );
@@ -36,84 +36,85 @@ const Yt = Ge({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = P(null), [m, b] = P(null), [u, f] = P(!1), [c, g] = P(!1), [p, v] = P(null), _ = H(!1), x = H({
+  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({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), S = H(0);
-  S.current++, o("📊 RENDER INFO", {
-    renderCount: S.current,
+  }), I = H(0);
+  I.current++, o("📊 RENDER INFO", {
+    renderCount: I.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: x.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: x.current.apiKey !== a,
-      serviceConfigChanged: x.current.serviceConfig !== s,
-      capabilitiesChanged: x.current.capabilities !== r
+      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
     }
-  }), x.current = {
+  }), E.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }, Y(() => {
-    const k = S.current;
+  };
+  const T = F.useMemo(
+    () => a ? new Sn(a) : null,
+    [a]
+  );
+  Y(() => {
+    const w = I.current;
     if (o("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: k,
+      renderCount: w,
       apiKey: !!a,
       serviceConfig: !!s,
       dependencies: {
         apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
         serviceConfigRef: s,
-        serviceConfigStable: x.current.serviceConfig === s,
-        apiKeyStable: x.current.apiKey === a
+        serviceConfigStable: E.current.serviceConfig === s,
+        apiKeyStable: E.current.apiKey === a
       }
     }), !a || !s) {
       o("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: k,
+        renderCount: w,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     o("🚀 CREATING NEW SERVICE", {
-      renderCount: k,
+      renderCount: w,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
-      serviceConfigChanged: x.current.serviceConfig !== s
+      serviceConfigChanged: E.current.serviceConfig !== s
     });
-    const T = new Sn({
+    const C = new In({
       ...s,
       apiKey: a,
-      debug: i
+      debug: i,
+      ...T ? { client: T } : {}
     });
-    return d(T), o("✅ SERVICE SET", {
-      renderCount: k,
-      serviceInstance: !!T
-    }), () => {
-      o("🧹 SERVICE CLEANUP", {
-        renderCount: k,
-        reason: "Effect cleanup"
-      }), T.disconnectUser().catch(console.error);
-    };
-  }, [a, s, i, o]);
-  const E = H(null);
+    _.current = C, d(C), o("✅ SERVICE SET", {
+      renderCount: w,
+      serviceInstance: !!C
+    });
+  }, [a, s, i, o, T]);
+  const L = H(null);
   Y(() => {
-    var T, N;
+    var C, M;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: _.current,
+      isConnecting: N.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 (_.current) {
+    if (N.current) {
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((T = E.current) == null ? void 0 : T.serviceId) === l && ((N = E.current) == null ? void 0 : N.userId) === t.id) {
+    if (((C = L.current) == null ? void 0 : C.serviceId) === l && ((M = L.current) == null ? void 0 : M.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -121,40 +122,34 @@ const Yt = Ge({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, g(!0), v(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, g(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const I = await l.connectUser(t);
-        b(I), f(!0), E.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const P = await l.connectUser(t);
+        b(P), f(!0), L.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: I.userID
+          clientId: P.userID
         });
-      } catch (I) {
-        const R = I instanceof Error ? I.message : "Connection failed";
-        v(R), o("❌ USER CONNECTION ERROR", {
+      } catch (P) {
+        const S = P instanceof Error ? P.message : "Connection failed";
+        v(S), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: R
+          error: S
         });
       } finally {
-        g(!1), _.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        g(!1), N.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
       }
     })();
-  }, [l, t, o, u]), Y(() => (o("🔌 CLEANUP EFFECT REGISTERED", {
-    hasService: !!l,
-    isConnected: u
+  }, [l, t, o, u]), Y(() => (o("🔌 CLIENT CLEANUP EFFECT REGISTERED", {
+    hasClient: !!T
   }), () => {
-    l && u ? (o(
-      "🧹 CLEANUP EFFECT TRIGGERED",
-      "Cleaning up connection on unmount"
-    ), E.current = null, l.disconnectUser().catch(console.error)) : o("🔇 CLEANUP EFFECT SKIPPED", {
-      hasService: !!l,
-      isConnected: u
-    });
-  }), [l, u, o]);
-  const M = W(async () => {
+    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 () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!l,
       hasUser: !!t
@@ -165,18 +160,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 k = await l.connectUser(t);
-      b(k), f(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (k) {
-      const T = k instanceof Error ? k.message : "Refresh failed";
-      v(T), o("❌ CONNECTION REFRESH ERROR", {
+      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", {
         userId: t.id,
-        error: T
+        error: C
       });
     } finally {
       g(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), D = $.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), R = F.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
@@ -190,7 +185,7 @@ const Yt = Ge({
     isLoading: c,
     error: p,
     capabilities: r,
-    refreshConnection: M,
+    refreshConnection: A,
     debug: i
   }), [
     l,
@@ -199,27 +194,27 @@ const Yt = Ge({
     c,
     p,
     r,
-    M,
+    A,
     i,
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: S.current,
-    willRenderChat: !!(m && u),
-    contextValueReady: !!D
-  }), /* @__PURE__ */ n(Yt.Provider, { value: D, children: m && u ? /* @__PURE__ */ n(
-    In,
+    renderCount: I.current,
+    willRenderChat: !!T,
+    contextValueReady: !!R
+  }), /* @__PURE__ */ n(Yt.Provider, { value: R, children: T ? /* @__PURE__ */ n(
+    Tn,
     {
-      client: m,
+      client: T,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: e
     }
   ) : e });
-}, Ps = () => qe(), qt = (e) => {
+}, Os = () => qe(), qt = (e) => {
   var a, r;
-  const [t, s] = P(
+  const [t, s] = O(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return Y(() => {
@@ -239,13 +234,13 @@ const Yt = Ge({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, Os = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function zs(e) {
-  return Os.test(e.trim());
+}, zs = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function $s(e) {
+  return zs.test(e.trim());
 }
 function Lt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !zs(s);
+  return !s || t && s === t ? !1 : !$s(s);
 }
 function Wt(e) {
   return Lt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Lt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
@@ -278,7 +273,7 @@ const Dt = [
   "🍈"
   // Melon
 ];
-function $s(e) {
+function Fs(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -286,8 +281,8 @@ function $s(e) {
   }
   return Math.abs(t);
 }
-function Fs(e) {
-  const s = $s(e) % Dt.length;
+function Bs(e) {
+  const s = Fs(e) % Dt.length;
   return Dt[s];
 }
 const ae = ({
@@ -299,7 +294,7 @@ const ae = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Fs(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", b = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
+  const l = Bs(e), m = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", b = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -361,7 +356,7 @@ const ae = ({
       ]
     }
   );
-}, Bs = "https://linktr.ee/s/about/trust-center/report", Us = ({
+}, Us = "https://linktr.ee/s/about/trust-center/report", js = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -374,78 +369,78 @@ const ae = ({
   onActionComplete: m,
   logLabel: b = "useChannelModerationActions"
 }) => {
-  var F;
-  const { service: u, debug: f } = qe(), c = (F = t == null ? void 0 : t.user) == null ? void 0 : F.id, g = !!(a && s && u && c), [p, v] = P(!1), [_, x] = P(null), [S, E] = P(!1), [M, D] = P(!1), k = g && ((_ == null ? void 0 : _.participantId) !== c || (_ == null ? void 0 : _.service) !== u);
+  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);
   return Y(() => {
     if (!g || !u || !c) {
-      v(!1), x(null);
+      v(!1), _(null);
       return;
     }
-    let A = !1;
+    let S = !1;
     return (async () => {
       try {
-        const L = await u.getBlockedUsers();
-        if (A) return;
+        const D = await u.getBlockedUsers();
+        if (S) return;
         v(
-          L.some(
-            (z) => z.blocked_user_id === c
+          D.some(
+            ($) => $.blocked_user_id === c
           )
         );
-      } catch (L) {
-        A || console.error(`[${b}] Failed to check blocked status:`, L);
+      } catch (D) {
+        S || console.error(`[${b}] Failed to check blocked status:`, D);
       } finally {
-        A || x({ participantId: c, service: u });
+        S || _({ participantId: c, service: u });
       }
     })(), () => {
-      A = !0;
+      S = !0;
     };
   }, [g, u, c, b]), {
     isParticipantBlocked: p,
-    isCheckingBlockedStatus: k,
-    isLeaving: S,
-    isUpdatingBlockStatus: M,
+    isCheckingBlockedStatus: A,
+    isLeaving: E,
+    isUpdatingBlockStatus: T,
     handleLeaveConversation: async () => {
-      var A;
-      if (!S) {
-        o == null || o(), f && console.log(`[${b}] Leave conversation`, e.cid), E(!0);
+      var S;
+      if (!E) {
+        o == null || o(), f && console.log(`[${b}] Leave conversation`, e.cid), I(!0);
         try {
-          const L = ((A = e._client) == null ? void 0 : A.userID) ?? null;
-          await e.hide(L, !1), r && await r(e), m == null || m();
-        } catch (L) {
-          console.error(`[${b}] Failed to leave conversation`, L);
+          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);
         } finally {
-          E(!1);
+          I(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var A, L, z;
-      if (!(M || !u)) {
-        l == null || l(), f && console.log(`[${b}] Block member`, (A = t == null ? void 0 : t.user) == null ? void 0 : A.id), D(!0);
+      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);
         try {
-          await u.blockUser((L = t == null ? void 0 : t.user) == null ? void 0 : L.id), i && await i((z = t == null ? void 0 : t.user) == null ? void 0 : z.id), m == null || m();
+          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);
         } finally {
-          D(!1);
+          L(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var A, L, z;
-      if (!(M || !u)) {
-        l == null || l(), f && console.log(`[${b}] Unblock member`, (A = t == null ? void 0 : t.user) == null ? void 0 : A.id), D(!0);
+      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);
         try {
-          await u.unBlockUser((L = t == null ? void 0 : t.user) == null ? void 0 : L.id), i && await i((z = t == null ? void 0 : t.user) == null ? void 0 : z.id), m == null || m();
+          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);
         } finally {
-          D(!1);
+          L(!1);
         }
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(Bs, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(Us, "_blank", "noopener,noreferrer");
     }
   };
 }, he = ({
@@ -479,16 +474,16 @@ const ae = ({
   customChannelActions: b,
   triggerClassName: u
 }) => {
-  const [f, c] = P(!1), g = H(null), p = En(), v = W(() => c(!1), []), {
-    isParticipantBlocked: _,
-    isCheckingBlockedStatus: x,
-    isLeaving: S,
-    isUpdatingBlockStatus: E,
-    handleLeaveConversation: M,
-    handleBlockUser: D,
-    handleUnblockUser: k,
-    handleReportUser: T
-  } = Us({
+  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
+  } = js({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -503,13 +498,13 @@ const ae = ({
   });
   return Y(() => {
     if (!f) return;
-    const I = (F) => {
-      g.current && !g.current.contains(F.target) && c(!1);
-    }, R = (F) => {
-      F.key === "Escape" && c(!1);
+    const C = (P) => {
+      g.current && !g.current.contains(P.target) && c(!1);
+    }, M = (P) => {
+      P.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", I), document.addEventListener("keydown", R), () => {
-      document.removeEventListener("mousedown", I), document.removeEventListener("keydown", R);
+    return document.addEventListener("mousedown", C), document.addEventListener("keydown", M), () => {
+      document.removeEventListener("mousedown", C), document.removeEventListener("keydown", M);
     };
   }, [f]), !t || !(s || a || r || !!b) ? null : /* @__PURE__ */ h("div", { ref: g, className: "relative", children: [
     /* @__PURE__ */ h(
@@ -520,9 +515,9 @@ const ae = ({
         "aria-haspopup": "true",
         "aria-expanded": f,
         "aria-controls": f ? p : void 0,
-        onClick: () => c((I) => !I),
+        onClick: () => c((C) => !C),
         children: [
-          /* @__PURE__ */ n(us, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(ms, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -540,46 +535,46 @@ const ae = ({
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
             he,
             {
-              onClick: M,
-              disabled: S,
-              "aria-busy": S,
+              onClick: T,
+              disabled: E,
+              "aria-busy": E,
               children: [
-                S ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(ms, { className: "h-5 w-5" }),
+                E ? /* @__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: x ? (
+          a && /* @__PURE__ */ n("li", { children: _ ? (
             // 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" })
             ] })
-          ) : _ ? /* @__PURE__ */ h(
+          ) : N ? /* @__PURE__ */ h(
             he,
             {
-              onClick: k,
-              disabled: E,
-              "aria-busy": E,
+              onClick: A,
+              disabled: I,
+              "aria-busy": I,
               children: [
-                E ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(At, { className: "h-5 w-5" }),
+                I ? /* @__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: D,
-              disabled: E,
-              "aria-busy": E,
+              onClick: L,
+              disabled: I,
+              "aria-busy": I,
               children: [
-                E ? /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(At, { className: "h-5 w-5" }),
+                I ? /* @__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: T, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(he, { variant: "danger", onClick: R, children: [
             /* @__PURE__ */ n(jt, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -588,13 +583,13 @@ const ae = ({
       }
     )
   ] });
-}, js = (e) => /* @__PURE__ */ n(Tn, { ...e, position: "center" }), je = "vote_up", Ve = "vote_down";
-function Vs(e) {
+}, Vs = (e) => /* @__PURE__ */ n(An, { ...e, position: "center" }), je = "vote_up", Ve = "vote_down";
+function Gs(e) {
   return e != null && e.length ? e.some((t) => t.type === Ve) ? "down" : e.some((t) => t.type === je) ? "up" : null : null;
 }
-function Gs(e) {
+function Hs(e) {
   const { channel: t } = ce(), { client: s } = Ye("useMessageVote"), a = ee(
-    () => Vs(e.own_reactions),
+    () => Gs(e.own_reactions),
     [e.own_reactions]
   ), r = W(async () => {
     if (s != null && s.userID)
@@ -619,7 +614,7 @@ function Gs(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Hs(e) {
+function Ys(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function Xt({
@@ -627,16 +622,16 @@ function Xt({
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Hs(t);
+  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 Ys = $.lazy(() => import("./Card-giUAe8IB.js")), qs = $.lazy(() => import("./Card-DndbBigk.js")), Ws = $.lazy(() => import("./Card-qFB_y7k3.js")), We = () => /* @__PURE__ */ n(
+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(
   "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
   }
-), Xs = (e) => /* @__PURE__ */ n(He, { fallback: /* @__PURE__ */ n(We, {}), children: /* @__PURE__ */ n(Ys, { ...e }) }), Kt = (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 }) }), Ks = Kt, Js = Jt, Ot = { Composer: Xs, Sent: Kt, Received: Jt, Creator: Ks, Visitor: Js }, Zs = [
+), 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 = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -650,38 +645,38 @@ function ne(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Zt(e) {
-  const t = Zs.find(
+  const t = Qs.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Qs = {
+const ea = {
   video: Gt,
-  audio: fs,
-  image: hs,
+  audio: gs,
+  image: fs,
   document: Vt
-}, ea = {
-  pdf: Ns,
-  doc: _s,
-  xls: ws,
-  csv: xs,
-  ppt: vs,
-  zip: ps,
-  text: bs,
-  markdown: gs,
+}, ta = {
+  pdf: ys,
+  doc: Ns,
+  xls: _s,
+  csv: ws,
+  ppt: xs,
+  zip: vs,
+  text: ps,
+  markdown: bs,
   generic: Vt
 };
-function ta(e) {
+function na(e) {
   const t = ne(e);
-  return t !== "document" ? Qs[t] : ea[Zt(e)];
+  return t !== "document" ? ea[t] : ta[Zt(e)];
 }
 function le(e, t) {
-  return $.createElement(ta(e), t);
+  return F.createElement(na(e), t);
 }
-const na = (e) => {
+const sa = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, sa = ({
+}, aa = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -693,23 +688,23 @@ const na = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const b = ne(t), u = H(null), f = H(null), c = H(null), g = H(r), [p, v] = P(a), [_, x] = P(0), [S, E] = P(!1), [M, D] = P(!1), [k, T] = P(!1), [N, I] = P(!1), [R, F] = P(!0), [A, L] = P(null), z = W(() => {
-    T(!1), v(!0);
-  }, []), V = W((w) => {
-    const C = f.current;
-    if (!C) return 0;
-    const j = C.getBoundingClientRect();
+  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();
     return Math.max(
       0,
-      Math.min(1, (na(w) - j.left) / j.width)
+      Math.min(1, (sa(x) - j.left) / j.width)
     );
-  }, []), B = W((w) => {
-    const C = u.current;
-    C && C.duration && (C.currentTime = w * C.duration);
-  }, []), U = (w) => {
-    w.stopPropagation(), E(!0);
-    const C = V(w);
-    x(C), B(C);
+  }, []), B = W((x) => {
+    const k = u.current;
+    k && k.duration && (k.currentTime = x * k.duration);
+  }, []), U = (x) => {
+    x.stopPropagation(), I(!0);
+    const k = V(x);
+    _(k), B(k);
   };
   Y(() => {
     r !== void 0 && r !== g.current && (g.current = r, v(r));
@@ -718,28 +713,28 @@ const na = (e) => {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const w = () => {
-      const C = u.current;
-      C && C.duration && !S && x(C.currentTime / C.duration), c.current = requestAnimationFrame(w);
+    const x = () => {
+      const k = u.current;
+      k && k.duration && !E && _(k.currentTime / k.duration), c.current = requestAnimationFrame(x);
     };
-    return c.current = requestAnimationFrame(w), () => {
+    return c.current = requestAnimationFrame(x), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [p, S]), Y(() => {
-    const w = u.current;
-    w && (p ? w.play().catch((C) => {
-      v(!1), T(!0);
-    }) : w.pause());
+  }, [p, E]), Y(() => {
+    const x = u.current;
+    x && (p ? x.play().catch((k) => {
+      v(!1), R(!0);
+    }) : x.pause());
   }, [p]), Y(() => {
-    if (!S) return;
-    const w = (j) => x(V(j)), C = (j) => {
-      E(!1), B(V(j));
+    if (!E) return;
+    const x = (j) => _(V(j)), k = (j) => {
+      I(!1), B(V(j));
     };
-    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", C), window.addEventListener("touchmove", w, { passive: !0 }), window.addEventListener("touchend", C), () => {
-      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", C), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", C);
+    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);
     };
-  }, [S, V, B]);
-  const X = A ? { aspectRatio: String(A) } : void 0, G = A ? "" : " aspect-video", O = Math.round(_ * 100);
+  }, [E, V, B]);
+  const X = S ? { aspectRatio: String(S) } : void 0, G = S ? "" : " aspect-video", z = Math.round(N * 100);
   return /* @__PURE__ */ h(
     "div",
     {
@@ -747,24 +742,24 @@ const na = (e) => {
       tabIndex: 0,
       className: `relative cursor-pointer overflow-hidden bg-black ${G}`,
       style: X,
-      onClick: (w) => {
+      onClick: (x) => {
         if (m) {
-          m(w);
+          m(x);
           return;
         }
-        k || o && v((C) => !C);
+        A || o && v((k) => !k);
       },
-      onKeyDown: (w) => {
-        if (!(w.key !== "Enter" && w.key !== " ")) {
-          if (w.preventDefault(), m) {
-            m(w);
+      onKeyDown: (x) => {
+        if (!(x.key !== "Enter" && x.key !== " ")) {
+          if (x.preventDefault(), m) {
+            m(x);
             return;
           }
-          k || o && v((C) => !C);
+          A || o && v((k) => !k);
         }
       },
       children: [
-        s && (b === "audio" || R) && /* @__PURE__ */ n(
+        s && (b === "audio" || M) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -772,7 +767,7 @@ const na = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (b === "audio" || R) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
+        !s && (b === "audio" || M) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -784,14 +779,14 @@ const na = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => I(!0),
+            onLoadStart: () => C(!0),
             onCanPlay: () => {
-              I(!1), F(!1);
+              C(!1), P(!1);
             },
-            onWaiting: () => I(!0),
-            onPlay: () => T(!1),
+            onWaiting: () => C(!0),
+            onPlay: () => R(!1),
             onEnded: () => {
-              i || (v(!1), x(0));
+              i || (v(!1), _(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -804,41 +799,41 @@ const na = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => I(!0),
+            onLoadStart: () => C(!0),
             onCanPlay: () => {
-              I(!1), F(!1);
+              C(!1), P(!1);
             },
-            onWaiting: () => I(!0),
-            onPlay: () => T(!1),
+            onWaiting: () => C(!0),
+            onPlay: () => R(!1),
             onLoadedMetadata: () => {
-              const w = u.current;
-              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && L(w.videoWidth / w.videoHeight);
+              const x = u.current;
+              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && D(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
-              i || (v(!1), x(0));
+              i || (v(!1), _(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        N && !k && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        w && !A && /* @__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"
           }
         ) }),
-        k && !o && /* @__PURE__ */ n(
+        A && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (w) => {
-              w.stopPropagation(), z();
+            onClick: (x) => {
+              x.stopPropagation(), $();
             },
-            onKeyDown: (w) => {
-              w.key !== "Enter" && w.key !== " " || (w.preventDefault(), w.stopPropagation(), z());
+            onKeyDown: (x) => {
+              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), $());
             },
             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" }) })
           }
@@ -848,7 +843,7 @@ const na = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": O,
+            "aria-valuenow": z,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
@@ -856,15 +851,15 @@ const na = (e) => {
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: U,
             onTouchStart: U,
-            onClick: (w) => w.stopPropagation(),
-            onKeyDown: (w) => {
-              w.key === "ArrowRight" && B(Math.min(1, _ + 0.05)), w.key === "ArrowLeft" && B(Math.max(0, _ - 0.05));
+            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));
             },
             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: `${O}%` }
+                style: { width: `${z}%` }
               }
             ) })
           }
@@ -874,12 +869,12 @@ const na = (e) => {
             "button",
             {
               type: "button",
-              onClick: (w) => {
-                w.stopPropagation(), v((C) => !C);
+              onClick: (x) => {
+                x.stopPropagation(), v((k) => !k);
               },
               className: "shrink-0 text-white",
               "aria-label": p ? "Pause" : "Play",
-              children: p ? /* @__PURE__ */ n(ys, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
+              children: p ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -887,7 +882,7 @@ const na = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": O,
+              "aria-valuenow": z,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -895,22 +890,22 @@ const na = (e) => {
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: U,
               onTouchStart: U,
-              onClick: (w) => w.stopPropagation(),
-              onMouseEnter: () => D(!0),
-              onMouseLeave: () => D(!1),
-              onKeyDown: (w) => {
-                w.key === "ArrowRight" && B(Math.min(1, _ + 0.05)), w.key === "ArrowLeft" && B(Math.max(0, _ - 0.05));
+              onClick: (x) => x.stopPropagation(),
+              onMouseEnter: () => L(!0),
+              onMouseLeave: () => L(!1),
+              onKeyDown: (x) => {
+                x.key === "ArrowRight" && B(Math.min(1, N + 0.05)), x.key === "ArrowLeft" && B(Math.max(0, N - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${M || S ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || E ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${O}%` }
+                        style: { width: `${z}%` }
                       }
                     )
                   }
@@ -918,8 +913,8 @@ const na = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${M || S ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${O}%` }
+                    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}%` }
                   }
                 )
               ]
@@ -929,7 +924,7 @@ const na = (e) => {
       ]
     }
   );
-}, zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", aa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Qt = ({
+}, zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ra = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Qt = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -938,9 +933,9 @@ const na = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ne(e), [d, m] = P(!1);
+  const l = ne(e), [d, m] = O(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    sa,
+    aa,
     {
       source: t,
       mimeType: e,
@@ -991,7 +986,7 @@ const na = (e) => {
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${aa(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${ra(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1081,23 +1076,23 @@ function tn(e) {
 function Xe(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function ra(e) {
+function ia(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function ia(e) {
+function oa(e) {
   return e ? "text-white" : "text-black";
 }
-function oa(e) {
+function la(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function la(e) {
+function ca(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function ca(e) {
+function da(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-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($.Fragment, { children: [
+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: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1108,14 +1103,14 @@ const Ke = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${ra(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Cs, { className: `size-12 ${ca(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${ia(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(ks, { className: `size-12 ${da(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ia(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${oa(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${la(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${oa(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${la(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ca(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ n("div", { className: "block", children: m });
@@ -1123,11 +1118,11 @@ const Ke = ({ attachment: e, isMyMessage: t }) => {
 function nn(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function Je(e) {
+function Ke(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(nn);
 }
-async function da(e, t) {
+async function ua(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1139,11 +1134,11 @@ async function da(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const ua = ({
+const ma = ({
   url: e,
   filename: t
 }) => {
-  const [s, a] = P(!1);
+  const [s, a] = O(!1);
   return /* @__PURE__ */ n(
     "button",
     {
@@ -1151,7 +1146,7 @@ const ua = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), da(e, t).then(() => {
+        a(!0), ua(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1159,7 +1154,7 @@ const ua = ({
       },
       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($.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(ge, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(F.Fragment, { children: [
         /* @__PURE__ */ n(be, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1241,14 +1236,14 @@ const sn = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(ua, { url: e, filename: s })
+      action: /* @__PURE__ */ n(ma, { url: e, filename: s })
     }
   );
-}, ma = ({
+}, ha = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = Je(e), a = Ze(e);
+  const s = Ke(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,
@@ -1269,40 +1264,40 @@ 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(Ke, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(sn, { ...a }) : /* @__PURE__ */ n(an, { ...a })
+            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 })
           }
         ) })
       }
     )
   ] });
-}, ha = ({
+}, fa = ({
   message: e
 }) => {
-  const t = Je(e);
+  const t = Ke(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Xe(!0), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !0 }) });
+    return /* @__PURE__ */ n("div", { className: Xe(!0), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !0 }) });
   const s = Ze(e);
   return s ? /* @__PURE__ */ n(sn, { ...s }) : null;
-}, fa = ({
+}, ga = ({
   message: e
 }) => {
-  const t = Je(e);
+  const t = Ke(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !1 }) });
+    return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Je, { attachment: t, isMyMessage: !1 }) });
   const s = Ze(e);
   return s ? /* @__PURE__ */ n(an, { ...s }) : null;
-}, Ni = Object.assign(ma, {
-  Creator: ha,
-  Visitor: fa
-}), ga = {
+}, yi = Object.assign(ha, {
+  Creator: fa,
+  Visitor: ga
+}), ba = {
   isUnlocking: () => !1
-}, ba = {
-  LockedAttachment: ga
-}, rn = Ge({}), yi = rn.Provider;
-function pa(e) {
-  return Te(rn)[e] ?? ba[e];
+}, pa = {
+  LockedAttachment: ba
+}, rn = Ge({}), Ci = rn.Provider;
+function va(e) {
+  return Te(rn)[e] ?? pa[e];
 }
-const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
+const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1319,19 +1314,19 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), xa = (e) => {
+), wa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, wa = (e) => {
+}, _a = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, ke = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, _a = (e) => {
+}, Na = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, on = (e) => xa(e) || wa(e), Na = (e) => {
+}, on = (e) => wa(e) || _a(e), ya = (e) => {
   var t;
   return on(e) && !((t = e.text) != null && t.trim());
 }, Pe = ({
@@ -1349,7 +1344,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     if (!f) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", g = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ n(ks, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n(Es, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: g })
     ] });
   }
@@ -1357,7 +1352,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), b = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(va, { size: o ? 12 : 15 }) });
+  ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), b = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(xa, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(te, { children: [
     m,
     b
@@ -1365,7 +1360,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     b,
     m
   ] }) });
-}, ya = ({
+}, Ca = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1381,7 +1376,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(Es, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Is, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
@@ -1398,7 +1393,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(Ss, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Ca = (e) => {
+] }), ka = (e) => {
   var ht, ft, gt, bt, pt, vt, xt, wt, _t, Nt, yt, Ct, kt, Et;
   const {
     additionalMessageInputProps: t,
@@ -1417,39 +1412,39 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     renderText: g,
     threadList: p,
     viewerLanguage: v
-  } = e, { client: _ } = Ye("CustomMessage"), { channel: x } = ce("CustomMessage"), { isUnlocking: S, onUnlockClick: E, onFetchSource: M, onDownloadClick: D } = pa("LockedAttachment"), [k, T] = P(!1), N = Mn(c.id), { selected: I, voteUp: R, voteDown: F } = Gs(c), {
-    Attachment: A = Rn,
-    EditMessageModal: L = Ln,
-    MessageActions: z,
-    MessageBlocked: V = Dn,
-    MessageBouncePrompt: B = Pn,
-    MessageDeleted: U = On,
-    MessageIsThreadReplyInChannelButtonIndicator: X = zn,
-    MessageRepliesCountButton: G = $n,
-    ReminderNotification: O = Fn,
-    StreamedMessageText: w = Bn,
-    PinIndicator: C
-  } = Ut("CustomMessage"), j = Un(c), q = jn(c), Ne = ee(
+  } = 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,
+    MessageDeleted: U = zn,
+    MessageIsThreadReplyInChannelButtonIndicator: X = $n,
+    MessageRepliesCountButton: G = Fn,
+    ReminderNotification: z = Bn,
+    StreamedMessageText: x = Un,
+    PinIndicator: k
+  } = Ut("CustomMessage"), j = jn(c), q = Vn(c), Ne = ee(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), K = ee(() => {
+  ), J = ee(() => {
     const me = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...me] : me;
     if (!ke(c)) return ye;
-    const St = ye.filter((It) => !("type" in It) || !nn(It));
-    return St.length === ye.length ? ye : St;
+    const It = ye.filter((St) => !("type" in St) || !nn(St));
+    return It.length === ye.length ? ye : It;
   }, [c]), re = ee(() => {
     const me = Xt({ message: c, viewerLanguage: v });
     return me === c.text ? c : { ...c, text: me };
   }, [c, v]);
-  if (Vn(c))
+  if (Gn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(U, { message: c });
-  if (Gn(c))
+  if (Hn(c))
     return /* @__PURE__ */ n(V, {});
-  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 = Hn(c);
+  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);
   let ie;
-  Q ? ie = () => m(c) : lt && (ie = () => T(!0));
+  Q ? ie = () => m(c) : lt && (ie = () => R(!0));
   const de = f(), kn = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
@@ -1462,25 +1457,25 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "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": J || se,
+      "str-chat__message-with-thread-link": K || 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 && _.polls.fromState(c.poll_id), dt = Na(c), ue = ke(c), ut = _a(c), Re = !!(K != null && K.length && !c.quoted_message), mt = ue && de && Re;
+  ), 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;
   return /* @__PURE__ */ h(te, { children: [
     a && /* @__PURE__ */ n(
-      L,
+      D,
       {
         additionalMessageInputProps: t
       }
     ),
-    k && /* @__PURE__ */ n(
-      Yn,
+    A && /* @__PURE__ */ n(
+      qn,
       {
         MessageBouncePrompt: B,
-        onClose: () => T(!1),
-        open: k
+        onClose: () => R(!1),
+        open: A
       }
     ),
     /* @__PURE__ */ h(
@@ -1489,8 +1484,8 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: kn,
         "data-message-id": c.id,
         children: [
-          C && /* @__PURE__ */ n(C, {}),
-          !!N && /* @__PURE__ */ n(O, { reminder: N }),
+          k && /* @__PURE__ */ n(k, {}),
+          !!w && /* @__PURE__ */ n(z, { reminder: w }),
           c.user && /* @__PURE__ */ n(
             ae,
             {
@@ -1522,7 +1517,7 @@ const va = ({ 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: [
-                  z && /* @__PURE__ */ n(z, {}),
+                  $ && /* @__PURE__ */ n($, {}),
                   /* @__PURE__ */ n(
                     Ot.Sent,
                     {
@@ -1532,8 +1527,8 @@ const va = ({ 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: () => E == null ? void 0 : E(c, x),
-                      onFetchSource: async () => await (M == null ? void 0 : M(c, x))
+                      onPreviewClick: () => I == null ? void 0 : I(c, _),
+                      onFetchSource: async () => await (T == null ? void 0 : T(c, _))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
@@ -1546,16 +1541,16 @@ const va = ({ 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: S(c.id),
-                      onUnlockClick: () => E == null ? void 0 : E(c, x),
-                      onFetchSource: async () => await (M == null ? void 0 : M(c, x)),
-                      onDownloadClick: () => D == null ? void 0 : D(c, x)
+                      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, _)
                     }
                   ),
-                  z && /* @__PURE__ */ n(z, {})
+                  $ && /* @__PURE__ */ n($, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-                  Tt,
+                  At,
                   {
                     message: re,
                     renderText: g
@@ -1573,28 +1568,28 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
                     isMyMessage: de
                   }
                 ),
-                ct && /* @__PURE__ */ n(qn, { poll: ct }),
-                K != null && K.length && !c.quoted_message ? /* @__PURE__ */ n(
-                  A,
+                ct && /* @__PURE__ */ n(Wn, { poll: ct }),
+                J != null && J.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  S,
                   {
                     actionHandler: l,
-                    attachments: K
+                    attachments: J
                   }
                 ) : null,
                 Ne ? /* @__PURE__ */ n(
-                  w,
+                  x,
                   {
                     message: re,
                     renderText: g
                   }
                 ) : /* @__PURE__ */ n(
-                  Tt,
+                  At,
                   {
                     message: re,
                     renderText: g
                   }
                 ),
-                /* @__PURE__ */ n(Wn, {})
+                /* @__PURE__ */ n(Xn, {})
               ] }) })
             }
           ),
@@ -1608,15 +1603,15 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             ),
             s && ue && /* @__PURE__ */ n(
-              ya,
+              Ca,
               {
-                selected: I,
-                onVoteUp: R,
-                onVoteDown: F
+                selected: C,
+                onVoteUp: M,
+                onVoteDown: P
               }
             )
           ] }),
-          J && /* @__PURE__ */ n(
+          K && /* @__PURE__ */ n(
             G,
             {
               onClick: d,
@@ -1629,12 +1624,12 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       c.id
     )
   ] });
-}, ka = $.memo(
-  Ca,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : An(e, t)
-), Ea = (e) => {
+}, Ea = F.memo(
+  ka,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Mn(e, t)
+), Ia = (e) => {
   const t = pe("CustomMessage");
-  return /* @__PURE__ */ n(ka, { ...t, ...e });
+  return /* @__PURE__ */ n(Ea, { ...t, ...e });
 }, Sa = () => {
   var s;
   const { handleDelete: e, message: t } = pe("CustomMessageActions");
@@ -1645,10 +1640,10 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(Is, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ts, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ia = () => {
+}, Ta = () => {
   const { handleFlag: e } = pe("CustomMessageActions");
   return /* @__PURE__ */ n(
     Ht,
@@ -1660,19 +1655,19 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(jt, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ta = () => {
+}, Aa = () => {
   var t;
   const { message: e } = pe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    Ds,
+    Ps,
     {
       messageActionSet: [
         { Component: Sa, placement: "quick", type: "delete" },
-        { Component: Ia, placement: "quick", type: "flag" }
+        { Component: Ta, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Aa = ({
+}, Ma = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1712,26 +1707,26 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Ma = (e) => ({
+}, Ra = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Rt.previewIsLoaded(t) || Rt.previewIsLoading(t)
+    (t) => Tt.previewIsLoaded(t) || Tt.previewIsLoading(t)
   )
-}), Ra = () => {
-  const { linkPreviewsManager: e } = Xn(), { linkPreviews: t } = Kn(
+}), La = () => {
+  const { linkPreviewsManager: e } = Jn(), { linkPreviews: t } = Kn(
     e.state,
-    Ma
+    Ra
   ), s = (r) => {
     e.dismissPreview(r);
   };
   return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-stretch w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    Aa,
+    Ma,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, ln = $.createContext(!1), La = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, ln = F.createContext(!1), Da = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1739,20 +1734,20 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Ts, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(As, { weight: "bold", className: "size-4" })
   }
-), Da = () => {
-  const e = Te(ln), { handleSubmit: t } = Zn(), s = Qn(), a = e || !s, {
-    SendButton: r = La,
-    AttachmentPreviewList: i = es
+), Pa = () => {
+  const e = Te(ln), { handleSubmit: t } = Qn(), s = es(), a = e || !s, {
+    SendButton: r = Da,
+    AttachmentPreviewList: i = ts
   } = Ut("CustomMessageInput");
   return /* @__PURE__ */ h("div", { className: "central-container flex flex-col gap-2 min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
-    /* @__PURE__ */ n(ts, {}),
-    /* @__PURE__ */ n(Ra, {}),
+    /* @__PURE__ */ n(ns, {}),
+    /* @__PURE__ */ n(La, {}),
     /* @__PURE__ */ n(i, {}),
     /* @__PURE__ */ h("div", { className: "flex", children: [
       /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
-        ns,
+        ss,
         {
           "aria-disabled": e || void 0,
           className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -1775,7 +1770,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       )
     ] })
   ] });
-}, Pa = ({
+}, Oa = ({
   renderActions: e,
   renderFooter: t,
   disabled: s = !1,
@@ -1795,23 +1790,23 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(ln.Provider, { value: i, children: /* @__PURE__ */ n(Jn, { Input: Da }) })
+          /* @__PURE__ */ n(ln.Provider, { value: i, children: /* @__PURE__ */ n(Zn, { Input: Pa }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Oa = [
+}, za = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], za = {
+], $a = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, $a = [
+}, Fa = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Fa = {
+], Ba = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Oe = "age safety guidelines.", Ba = "https://linktr.ee/s/about/contact", $t = (e) => Oa.includes(e), Ua = (e) => $a.includes(e), ja = (e) => {
+}, Oe = "age safety guidelines.", Ua = "https://linktr.ee/s/about/contact", $t = (e) => za.includes(e), ja = (e) => Fa.includes(e), Va = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if ($t(t))
@@ -1819,7 +1814,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: t
     };
-  if (Ua(t))
+  if (ja(t))
     return {
       kind: "age-safety",
       type: t
@@ -1830,7 +1825,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: s
     };
-}, Va = (e) => {
+}, Ga = (e) => {
   const t = e.indexOf(Oe);
   if (t === -1)
     return e;
@@ -1840,7 +1835,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     /* @__PURE__ */ n(
       "a",
       {
-        href: Ba,
+        href: Ua,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -1849,13 +1844,13 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ),
     e.slice(s)
   ] });
-}, Ga = (e) => {
+}, Ha = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = ja(
+  const t = e.message.hide_date === !0, s = Va(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || za[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || $a[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1881,7 +1876,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Fa[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ba[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1891,7 +1886,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              As,
+              Ms,
               {
                 size: 24,
                 weight: "duotone",
@@ -1900,7 +1895,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Va(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Ga(i) }) })
           ]
         }
       ),
@@ -1925,15 +1920,15 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Ha = /* @__PURE__ */ new Set([
+) }), Ya = /* @__PURE__ */ new Set([
   De.Thinking,
   De.Generating,
   De.ExternalSources
-]), Ya = ({ threadList: e }) => {
+]), qa = ({ threadList: e }) => {
   var g, p;
-  const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = Ye(), { typing: i = {} } = ss(), { aiState: o } = as(t), l = Te(cn);
-  if (!e && l && Ha.has(o)) {
-    const v = qa(t, (g = r.user) == null ? void 0 : g.id);
+  const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = Ye(), { typing: i = {} } = as(), { aiState: o } = rs(t), l = Te(cn);
+  if (!e && l && Ya.has(o)) {
+    const v = Wa(t, (g = r.user) == null ? void 0 : g.id);
     return /* @__PURE__ */ n(
       Ft,
       {
@@ -1947,14 +1942,14 @@ const va = ({ 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: _ }) => {
-      var x;
-      return (_ == null ? void 0 : _.id) !== ((x = r.user) == null ? void 0 : x.id) && !v;
+    ({ parent_id: v, user: N }) => {
+      var _;
+      return (N == null ? void 0 : N.id) !== ((_ = r.user) == null ? void 0 : _.id) && !v;
     }
   ), b = e ? Object.values(i).filter(
-    ({ parent_id: v, user: _ }) => {
-      var x;
-      return (_ == null ? void 0 : _.id) !== ((x = r.user) == null ? void 0 : x.id) && v === (a == null ? void 0 : a.id);
+    ({ 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);
     }
   ) : [], u = e ? b : m;
   if (!u.length)
@@ -2013,7 +2008,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] })
   }
 );
-function qa(e, t) {
+function Wa(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -2022,7 +2017,7 @@ function qa(e, t) {
       return i;
   }
 }
-const Wa = () => null, Xa = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Xa = () => null, Ja = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
     className: y("flex items-center justify-center h-full", e),
@@ -2065,8 +2060,8 @@ const Wa = () => null, Xa = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ee = $.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(Xa, { className: "w-6 h-6" }),
+), 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" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ee.displayName = "LoadingState";
@@ -2086,23 +2081,23 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   customChannelActions: f,
   showActionsMenu: c = !0
 }) => {
-  var E, M, D, k, T;
-  const { channel: g } = ce(), p = $.useMemo(() => {
-    var R, F;
-    const N = (R = g._client) == null ? void 0 : R.userID;
-    return N ? Object.values(((F = g.state) == null ? void 0 : F.members) || {}).find(
-      (A) => {
-        var L;
-        return ((L = A.user) == null ? void 0 : L.id) && A.user.id !== N;
+  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;
       }
     ) : void 0;
-  }, [(E = g._client) == null ? void 0 : E.userID, (M = g.state) == null ? void 0 : M.members]), v = Wt(p == null ? void 0 : p.user), _ = (D = p == null ? void 0 : p.user) == null ? void 0 : D.image, x = qt(g), S = async () => {
+  }, [(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 () => {
     try {
-      x ? await g.unpin() : await g.pin();
-    } catch (N) {
+      _ ? await g.unpin() : await g.pin();
+    } catch (w) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        N
+        w
       );
     }
   };
@@ -2119,17 +2114,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(Mt, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ n(Rt, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ n(
           ae,
           {
-            id: ((k = p == null ? void 0 : p.user) == null ? void 0 : k.id) || g.id || "unknown",
+            id: ((A = p == null ? void 0 : p.user) == null ? void 0 : A.id) || g.id || "unknown",
             name: v,
-            image: _,
-            starred: s && x,
+            image: N,
+            starred: s && _,
             dmAgentEnabled: a,
             size: 48
           }
@@ -2145,17 +2140,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: oe,
-            onClick: S,
+            onClick: E,
             type: "button",
-            "aria-label": x ? "Unstar conversation" : "Star conversation",
+            "aria-label": _ ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Fe,
               {
                 className: y("size-5", {
-                  "text-yellow-600": x,
-                  "text-black/90": !x
+                  "text-yellow-600": _,
+                  "text-black/90": !_
                 }),
-                weight: x ? "duotone" : "regular"
+                weight: _ ? "duotone" : "regular"
               }
             )
           }
@@ -2191,16 +2186,16 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Mt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Rt, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ n(
           ae,
           {
-            id: ((T = p == null ? void 0 : p.user) == null ? void 0 : T.id) || g.id || "unknown",
+            id: ((R = p == null ? void 0 : p.user) == null ? void 0 : R.id) || g.id || "unknown",
             name: v,
-            image: _,
-            starred: s && x,
+            image: N,
+            starred: s && _,
             dmAgentEnabled: a,
             size: 48
           }
@@ -2218,17 +2213,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: oe,
-            onClick: S,
+            onClick: E,
             type: "button",
-            "aria-label": x ? "Unstar conversation" : "Star conversation",
+            "aria-label": _ ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Fe,
               {
                 className: y("size-6", {
-                  "text-yellow-600": x,
-                  "text-black/90": !x
+                  "text-yellow-600": _,
+                  "text-black/90": !_
                 }),
-                weight: x ? "duotone" : "regular"
+                weight: _ ? "duotone" : "regular"
               }
             )
           }
@@ -2253,7 +2248,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, Ja = ({
+}, Za = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2271,60 +2266,60 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   composerDisabledReason: g,
   showStarButton: p = !1,
   chatbotVotingEnabled: v = !1,
-  renderChannelBanner: _,
-  customChannelActions: x,
-  renderMessage: S,
-  dmAgentEnabled: E = !1,
-  viewerLanguage: M,
-  showChannelInfo: D = !0
+  renderChannelBanner: N,
+  customChannelActions: _,
+  renderMessage: E,
+  dmAgentEnabled: I = !1,
+  viewerLanguage: T,
+  showChannelInfo: L = !0
 }) => {
-  var L, z, V, B, U, X;
-  const { channel: k } = ce(), T = $.useMemo(() => {
-    var w, C;
-    const G = (w = k._client) == null ? void 0 : w.userID;
-    return G ? Object.values(((C = k.state) == null ? void 0 : C.members) || {}).find(
+  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 q;
         return ((q = j.user) == null ? void 0 : q.id) && j.user.id !== G;
       }
     ) : void 0;
-  }, [(L = k._client) == null ? void 0 : L.userID, (z = k.state) == null ? void 0 : z.members]), N = $.useMemo(() => {
-    var w, C;
-    const G = (w = k._client) == null ? void 0 : w.userID;
-    return G ? Object.values(((C = k.state) == null ? void 0 : C.members) || {}).find((j) => {
+  }, [(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) => {
       var q;
       return ((q = j.user) == null ? void 0 : q.id) === G;
     }) : void 0;
-  }, [(V = k._client) == null ? void 0 : V.userID, (B = k.state) == null ? void 0 : B.members]), I = ((U = N == null ? void 0 : N.user) == null ? void 0 : U.is_account) ?? (N == null ? void 0 : N.is_account), R = ((X = T == null ? void 0 : T.user) == null ? void 0 : X.is_account) ?? (T == null ? void 0 : T.is_account), F = E && I === !1 && R === !0, A = W(
+  }, [(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: O } = pe("ChannelView"), w = /* @__PURE__ */ n(
-        Ea,
+      const { message: z } = pe("ChannelView"), x = /* @__PURE__ */ n(
+        Ia,
         {
           ...G,
           chatbotVotingEnabled: v,
-          viewerLanguage: M
+          viewerLanguage: T
         }
       );
-      return !S || !O ? w : S(w, O);
+      return !E || !z ? x : E(x, z);
     },
-    [v, S, M]
+    [v, E, T]
   );
   return /* @__PURE__ */ n(te, { children: /* @__PURE__ */ n(
-    is,
+    os,
     {
       overrides: {
-        Message: A,
-        MessageActions: Ta
+        Message: S,
+        MessageActions: Aa
       },
-      children: /* @__PURE__ */ h(os, { children: [
+      children: /* @__PURE__ */ h(ls, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
           Ka,
           {
             onBack: e,
             showBackButton: t,
-            showActionsMenu: D,
+            showActionsMenu: L,
             showStarButton: p,
-            dmAgentEnabled: F,
+            dmAgentEnabled: P,
             onLeaveConversation: i,
             onBlockParticipant: o,
             showDeleteConversation: l,
@@ -2333,26 +2328,26 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onDeleteConversationClick: d,
             onBlockParticipantClick: m,
             onReportParticipantClick: b,
-            customChannelActions: x
+            customChannelActions: _
           }
         ) }, "lt-channel-header"),
-        _ ? /* @__PURE__ */ n($.Fragment, { children: _() }, "lt-channel-banner") : null,
+        N ? /* @__PURE__ */ n(F.Fragment, { children: N() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
-            children: /* @__PURE__ */ n(ls, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
+            children: /* @__PURE__ */ n(cs, { hideDeletedMessages: !0, hideNewMessageSeparator: !1 })
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n($.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(F.Fragment, { children: r(A) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          Pa,
+          Oa,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(k)
+              renderActions: () => s == null ? void 0 : s(A)
             },
-            renderFooter: () => a == null ? void 0 : a(k),
+            renderFooter: () => a == null ? void 0 : a(A),
             disabled: c,
             disabledReason: g
           },
@@ -2361,7 +2356,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, dn = $.memo(
+}, dn = F.memo(
   ({
     channel: e,
     onBack: t,
@@ -2372,7 +2367,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Wa,
+    CustomChannelEmptyState: m = Xa,
     showDeleteConversation: b = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
@@ -2380,53 +2375,53 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     showBlockParticipant: g = !0,
     showReportParticipant: p = !0,
     composerDisabled: v = !1,
-    composerDisabledReason: _,
-    dmAgentEnabled: x,
-    messageMetadata: S,
-    onMessageSent: E,
-    showStarButton: M = !1,
-    chatbotVotingEnabled: D = !1,
-    renderChannelBanner: k,
-    customChannelActions: T,
-    renderMessage: N,
-    onMessageLinkClick: I,
-    sendButton: R,
-    attachmentPreviewList: F,
-    viewerLanguage: A,
-    showChannelInfo: L = !0
+    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
   }) => {
-    const z = W(
+    const $ = W(
       async (B, U, X) => {
         var q;
-        const G = ((q = e.data) == null ? void 0 : q.chatbot_paused) === !0, O = x && !G, w = {
+        const G = ((q = e.data) == null ? void 0 : q.chatbot_paused) === !0, z = _ && !G, x = {
           ...U,
-          ...O && { silent: !0 },
-          ...S && {
+          ...z && { silent: !0 },
+          ...E && {
             metadata: {
               ...U.metadata ?? {},
-              ...S
+              ...E
             }
           }
-        }, C = {
+        }, k = {
           ...X,
-          ...O && { skip_push: !0 }
-        }, j = await e.sendMessage(w, C);
-        return E == null || E(j), j;
+          ...z && { skip_push: !0 }
+        }, j = await e.sendMessage(x, k);
+        return I == null || I(j), j;
       },
-      [e, x, S, E]
+      [e, _, E, I]
     ), V = H(null);
     return Y(() => {
-      if (!I) return;
+      if (!C) return;
       const B = V.current;
       if (!B) return;
       const U = (X) => {
-        const G = X.target, O = G == null ? void 0 : G.closest("a[href]"), w = O == null ? void 0 : O.getAttribute("href");
-        if (!w) return;
-        const C = O == null ? void 0 : O.closest("[data-message-id]"), j = C == null ? void 0 : C.getAttribute("data-message-id"), q = j ? e.state.messages.find((Ne) => Ne.id === j) : void 0;
-        I(w, q);
+        const G = X.target, z = G == null ? void 0 : G.closest("a[href]"), x = z == null ? void 0 : z.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);
       };
       return B.addEventListener("click", U), () => B.removeEventListener("click", U);
-    }, [I, e]), /* @__PURE__ */ n(
+    }, [C, e]), /* @__PURE__ */ n(
       "div",
       {
         ref: V,
@@ -2434,20 +2429,20 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(cn.Provider, { value: x ?? !1, children: /* @__PURE__ */ n(
-          rs,
+        children: /* @__PURE__ */ n(cn.Provider, { value: _ ?? !1, children: /* @__PURE__ */ n(
+          is,
           {
             channel: e,
-            MessageSystem: Ga,
+            MessageSystem: Ha,
             EmptyStateIndicator: m,
             LoadingIndicator: Ee,
-            DateSeparator: js,
-            TypingIndicator: Ya,
-            doSendMessageRequest: z,
-            ...R ? { SendButton: R } : {},
-            ...F ? { AttachmentPreviewList: F } : {},
+            DateSeparator: Vs,
+            TypingIndicator: qa,
+            doSendMessageRequest: $,
+            ...M ? { SendButton: M } : {},
+            ...P ? { AttachmentPreviewList: P } : {},
             children: /* @__PURE__ */ n(
-              Ja,
+              Za,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2464,15 +2459,15 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showBlockParticipant: g,
                 showReportParticipant: p,
                 composerDisabled: v,
-                composerDisabledReason: _,
-                showStarButton: M,
-                dmAgentEnabled: x,
-                chatbotVotingEnabled: D,
-                renderChannelBanner: k,
-                customChannelActions: T,
-                renderMessage: N,
-                viewerLanguage: A,
-                showChannelInfo: L
+                composerDisabledReason: N,
+                showStarButton: T,
+                dmAgentEnabled: _,
+                chatbotVotingEnabled: L,
+                renderChannelBanner: A,
+                customChannelActions: R,
+                renderMessage: w,
+                viewerLanguage: S,
+                showChannelInfo: D
               }
             )
           }
@@ -2482,7 +2477,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 dn.displayName = "ChannelView";
-const fe = $.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 = 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: [
   /* @__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 }),
@@ -2497,7 +2492,7 @@ const fe = $.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 fe.displayName = "ErrorState";
-const Ci = ({
+const ki = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2515,71 +2510,71 @@ const Ci = ({
   renderChannelBanner: g,
   customChannelActions: p,
   renderMessage: v,
-  onMessageLinkClick: _,
-  showChannelInfo: x
+  onMessageLinkClick: N,
+  showChannelInfo: _
 }) => {
   const {
-    client: S,
-    isConnected: E,
-    isLoading: M,
-    error: D,
-    refreshConnection: k,
-    service: T,
-    debug: N
-  } = Ps(), [I, R] = P(null), [F, A] = P(null), [L, z] = P(!1), { showDeleteConversation: V = !0 } = e, B = H(o);
+    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);
   U.current = a;
   const X = H(null), G = H(null);
   Y(() => {
-    G.current = I;
-  }, [I]), Y(() => {
-    if (!S || !E) return;
-    const C = S.userID;
-    if (!C) return;
-    const j = `${C}::${i}`;
+    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;
     const q = () => {
       X.current === j && (X.current = null);
     };
     (async () => {
-      var K, re;
+      var J, re;
       try {
-        N && console.log(
+        w && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const J = await S.queryChannels(
+        const K = await E.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [C, i] }
+            members: { $eq: [k, i] }
           },
           {},
           { limit: 1 }
         );
-        if (J.length > 0) {
-          R(J[0]), A(null), (K = U.current) == null || K.call(U, J[0]), N && console.log(
+        if (K.length > 0) {
+          M(K[0]), S(null), (J = U.current) == null || J.call(U, K[0]), w && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            J[0].id
+            K[0].id
           );
           return;
         }
         const se = B.current;
-        if (!se || !T) {
-          q(), A("No conversation found with this account"), N && console.log(
+        if (!se || !R) {
+          q(), S("No conversation found with this account"), w && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const Q = await T.startChannelWithParticipant({
+          const Q = await R.startChannelWithParticipant({
             id: se.id,
             name: se.name,
             phone: se.phone
           });
-          R(Q), A(null), (re = U.current) == null || re.call(U, Q), N && console.log(
+          M(Q), S(null), (re = U.current) == null || re.call(U, Q), w && console.log(
             "[MessagingShell] Channel created and loaded:",
             Q.id
           );
@@ -2587,37 +2582,37 @@ const Ci = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             Q
-          ), q(), A("Failed to create conversation");
+          ), q(), S("Failed to create conversation");
         }
-      } catch (J) {
+      } catch (K) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          J
-        ), q(), G.current || A("Failed to load conversation");
+          K
+        ), q(), G.current || S("Failed to load conversation");
       }
     })();
-  }, [i, S, E, T, N]);
-  const O = H(r);
-  O.current = r;
-  const w = W(() => {
-    var C;
-    R(null), z(!0), (C = O.current) == null || C.call(O);
+  }, [i, E, I, R, w]);
+  const z = H(r);
+  z.current = r;
+  const x = W(() => {
+    var k;
+    M(null), $(!0), (k = z.current) == null || k.call(z);
   }, []);
-  return M ? /* @__PURE__ */ n(Ee, {}) : D ? /* @__PURE__ */ n(fe, { message: D, onBack: k }) : !E || !S ? /* @__PURE__ */ n(
+  return T ? /* @__PURE__ */ n(Ee, {}) : L ? /* @__PURE__ */ n(fe, { message: L, onBack: A }) : !I || !E ? /* @__PURE__ */ n(
     fe,
     {
       message: "Not connected to messaging service",
-      onBack: k
+      onBack: A
     }
-  ) : F ? /* @__PURE__ */ n(fe, { message: F }) : L && !I ? /* @__PURE__ */ n(fe, { message: "Conversation ended" }) : I ? /* @__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(
+  ) : 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(
     dn,
     {
-      channel: I,
+      channel: C,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: g,
-      onLeaveConversation: w,
-      onBlockParticipant: w,
+      onLeaveConversation: x,
+      onBlockParticipant: x,
       CustomChannelEmptyState: l,
       showDeleteConversation: V,
       onBlockParticipantClick: d,
@@ -2628,37 +2623,37 @@ const Ci = ({
       viewerLanguage: c,
       customChannelActions: p,
       renderMessage: v,
-      onMessageLinkClick: _,
-      showChannelInfo: x
+      onMessageLinkClick: N,
+      showChannelInfo: _
     },
-    I.id
+    C.id
   ) }) }) : /* @__PURE__ */ n(Ee, {});
 };
-function Za(e) {
+function Qa(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const un = $.createContext({
+const un = F.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Qa = un.Provider, er = () => $.useContext(un), tr = (e, t) => {
+}), er = un.Provider, tr = () => F.useContext(un), nr = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - s.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, nr = (e) => {
+}, sr = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = tr(e, t);
+  const a = nr(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2668,51 +2663,51 @@ const un = $.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, mn = $.memo(
+}, mn = F.memo(
   ({ channel: e, unread: t }) => {
-    var D, k, T;
+    var L, A, R;
     const {
       selectedChannel: s,
       onChannelSelect: a,
       debug: r,
       renderMessagePreview: i,
       viewerLanguage: o
-    } = er(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+    } = tr(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
-    }, m = (N) => {
-      const I = N.key === "Enter" || N.key === " ", R = N.repeat;
-      !I || R || (N.preventDefault(), d());
-    }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
-      (N) => {
-        var I, R;
-        return ((I = N.user) == null ? void 0 : I.id) && N.user.id !== ((R = e == null ? void 0 : e._client) == null ? void 0 : R.userID);
+    }, 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);
       }
-    ), f = Wt(u == null ? void 0 : u.user), c = (k = u == null ? void 0 : u.user) == null ? void 0 : k.image, g = (() => {
-      var I;
-      const N = (I = e == null ? void 0 : e.state) == null ? void 0 : I.messages;
-      if (N != null && N.length) {
-        for (let R = N.length - 1; R >= 0; R--)
-          if (N[R].type !== "system") return N[R];
+    ), 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];
       }
     })(), v = (() => {
-      var L, z, V, B;
-      const N = Xt({
+      var D, $, V, B;
+      const w = Xt({
         message: g,
         viewerLanguage: o
       });
-      if (((L = g == null ? void 0 : g.metadata) == null ? void 0 : L.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
-      if (((z = g == null ? void 0 : g.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
-      if (((V = g == null ? void 0 : g.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
-      if (N) return N;
-      const A = (B = g == null ? void 0 : g.attachments) == null ? void 0 : B[0];
-      return A ? A.og_scrape_url ? A.og_scrape_url : A.type === "image" ? "📷 Sent an image" : A.type === "video" ? "🎥 Sent a video" : A.type === "audio" ? "🎵 Sent audio" : A.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), _ = g != null && g.created_at ? nr(new Date(g.created_at)) : "", x = g ? ke(g) : !1, S = i ? i(g, v) : `${x ? "✨ " : ""}${v}`, E = qt(e), M = t ?? 0;
+      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;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
       participantName: f,
-      unreadCount: M,
-      hasTimestamp: !!_
+      unreadCount: T,
+      hasTimestamp: !!N
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2731,11 +2726,11 @@ const un = $.createContext({
           /* @__PURE__ */ n(
             ae,
             {
-              id: ((T = u == null ? void 0 : u.user) == null ? void 0 : T.id) || e.id || "unknown",
+              id: ((R = u == null ? void 0 : u.user) == null ? void 0 : R.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 48,
-              starred: E
+              starred: I
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
@@ -2747,16 +2742,16 @@ const un = $.createContext({
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
-                    E && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    I && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     f
                   ]
                 }
               ),
-              _ && /* @__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: N })
             ] }),
             /* @__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: S }),
-              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 })
+              /* @__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 })
             ] })
           ] })
         ] })
@@ -2765,25 +2760,25 @@ const un = $.createContext({
   }
 );
 mn.displayName = "CustomChannelPreview";
-const sr = { last_message_at: -1 }, ar = $.memo(
+const ar = { last_message_at: -1 }, rr = F.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = sr,
+    sort: i = ar,
     className: o,
     customEmptyStateIndicator: l,
     renderMessagePreview: d,
     viewerLanguage: m
   }) => {
-    const b = $.useRef(0);
+    const b = F.useRef(0);
     b.current++;
-    const { debug: u = !1 } = qe(), f = $.useCallback(
+    const { debug: u = !1 } = qe(), f = F.useCallback(
       (g) => {
         for (const p of g)
-          Za(p);
+          Qa(p);
         return r ? r(g) : g;
       },
       [r]
@@ -2793,7 +2788,7 @@ const sr = { last_message_at: -1 }, ar = $.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const c = $.useMemo(
+    const c = F.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2816,15 +2811,15 @@ const sr = { last_message_at: -1 }, ar = $.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Qa, { value: c, children: /* @__PURE__ */ n(
-          cs,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(er, { value: c, children: /* @__PURE__ */ n(
+          ds,
           {
             filters: s,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
             channelRenderFilterFn: f,
-            Paginator: ds,
+            Paginator: us,
             Preview: mn,
             EmptyStateIndicator: l
           },
@@ -2834,26 +2829,26 @@ const sr = { last_message_at: -1 }, ar = $.memo(
     );
   }
 );
-ar.displayName = "ChannelList";
-const rr = /^([a-z][a-z0-9+.-]*):/i, ir = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+rr.displayName = "ChannelList";
+const ir = /^([a-z][a-z0-9+.-]*):/i, or = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function Qe(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = rr.exec(t);
+  const s = ir.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return ir.has(a) ? t : void 0;
+    return or.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const or = {
+const lr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, lr = ({ variant: e, cta: t }) => {
+}, cr = ({ variant: e, cta: t }) => {
   const s = y(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    or[e]
+    lr[e]
   ), a = Qe(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -2880,10 +2875,10 @@ const or = {
       children: t.label
     }
   );
-}, cr = {
+}, dr = {
   dark: "text-white",
   light: "text-black/90"
-}, dr = "text-white/30", ur = {
+}, ur = "text-white/30", mr = {
   dark: "text-white/55",
   light: "text-black/55"
 }, et = ({
@@ -2900,10 +2895,10 @@ const or = {
   if (!b && !u && !c && !g) return null;
   const v = y(
     "truncate text-base font-medium leading-6",
-    d && !t ? dr : cr[e]
-  ), _ = y(
+    d && !t ? ur : dr[e]
+  ), N = y(
     "truncate text-xs leading-4",
-    ur[e]
+    mr[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -2913,22 +2908,22 @@ const or = {
             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: _, children: a })
+          u && /* @__PURE__ */ n("p", { className: N, children: a })
         ] }),
-        !g && c && /* @__PURE__ */ n("p", { className: _, children: f })
+        !g && c && /* @__PURE__ */ n("p", { className: N, children: f })
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(lr, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(cr, { variant: e, cta: o })
   ] });
-}, mr = y(
+}, hr = y(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Se = ({
+), Ie = ({
   variant: e,
   children: t,
   href: s,
@@ -2940,7 +2935,7 @@ const or = {
   "data-testid": d
 }) => {
   const m = s != null || a != null, b = y(
-    mr,
+    hr,
     l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2988,17 +2983,17 @@ const or = {
       ]
     }
   );
-}, hr = {
+}, fr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, fr = {
+}, gr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, Me = (e, t) => !!t && !!e && ne(e) === "audio", hn = (e, t) => {
   if (!t || !e) return !1;
   const s = ne(e);
   return s === "video" || s === "audio";
-}, tt = "bg-[#F2F3F4]", Ie = ({
+}, tt = "bg-[#F2F3F4]", Se = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3049,10 +3044,10 @@ const or = {
           {
             className: y(
               "flex h-full w-full items-center justify-center",
-              hr[e]
+              fr[e]
             ),
             children: le(r, {
-              className: fr[e],
+              className: gr[e],
               weight: "regular"
             })
           }
@@ -3062,7 +3057,7 @@ const or = {
       ]
     }
   );
-}, gr = ({
+}, br = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3092,12 +3087,12 @@ const or = {
       onClick: u,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(Ms, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Rs, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Se, { variant: "dark", bgClassName: tt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Ie, { 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(
-      Ie,
+      Se,
       {
         variant: "dark",
         sourceUrl: o,
@@ -3107,13 +3102,13 @@ const or = {
     ) }),
     g && /* @__PURE__ */ n("div", { className: "shrink-0", children: g })
   ] }) }) : /* @__PURE__ */ h(
-    Se,
+    Ie,
     {
       variant: "dark",
       topRight: f ? g : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Ie,
+          Se,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3139,7 +3134,7 @@ const or = {
       ]
     }
   );
-}, br = ({
+}, pr = ({
   title: e,
   description: t,
   url: s,
@@ -3159,7 +3154,7 @@ const or = {
     }
   } : d;
   return /* @__PURE__ */ h(
-    Se,
+    Ie,
     {
       variant: "light",
       href: f,
@@ -3169,7 +3164,7 @@ const or = {
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Ie,
+          Se,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3192,7 +3187,7 @@ const or = {
       ]
     }
   );
-}, pr = ({
+}, vr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3207,7 +3202,7 @@ const or = {
 }) => {
   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(
-    Se,
+    Ie,
     {
       variant: "dark",
       href: c,
@@ -3215,7 +3210,7 @@ const or = {
       bgClassName: Me(r, o) ? tt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Ie,
+          Se,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3239,20 +3234,20 @@ const or = {
       ]
     }
   );
-}, ki = {
-  Composer: gr,
-  Sent: pr,
-  Received: br
-}, vr = {
+}, Ei = {
+  Composer: br,
+  Sent: vr,
+  Received: pr
+}, xr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, xr = {
+}, wr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, wr = {
+}, _r = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, _r = (e) => e === "dark" ? "sender" : "receiver", Nr = {
+}, Nr = (e) => e === "dark" ? "sender" : "receiver", yr = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -3274,7 +3269,7 @@ const or = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Nr[_r(e)][a];
+  const l = t != null && t !== "", d = yr[Nr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -3289,10 +3284,10 @@ const or = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        vr[e],
         xr[e],
+        wr[e],
         s && "border",
-        s && wr[e],
+        s && _r[e],
         r
       ),
       children: [
@@ -3335,16 +3330,16 @@ const or = {
     ),
     children: /* @__PURE__ */ n(Ae, { className: "size-3", weight: "bold" })
   }
-), we = (e) => e === "received" ? "light" : "dark", Ei = ({
+), we = (e) => e === "received" ? "light" : "dark", Ii = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", yr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Cr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Cr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], kr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3367,7 +3362,7 @@ const or = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = we(e), b = e === "composer" && !!d, u = yr({ src: t, mimeType: s, filename: a, items: r });
+  const m = we(e), b = e === "composer" && !!d, u = Cr({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = l ?? (u.length > 1 ? "none" : "metadata");
@@ -3379,7 +3374,7 @@ const or = {
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, g) => /* @__PURE__ */ n(
-        Cr,
+        kr,
         {
           item: c,
           preload: f,
@@ -3393,15 +3388,15 @@ const or = {
       )) })
     }
   );
-}, kr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), Er = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Ir = {
-  Composer: kr,
-  Sent: Er,
+}, 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 = {
+  Composer: Er,
+  Sent: Ir,
   Received: Sr
 };
-function Tr(e) {
+function Ar(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const Ar = {
+const Mr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3411,7 +3406,7 @@ const Ar = {
   text: "TXT",
   markdown: "MD"
 };
-function Mr(e, t) {
+function Rr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3421,7 +3416,7 @@ function Mr(e, t) {
   }
   if (!e) return;
   if (ne(e) === "document") {
-    const r = Zt(e), i = Ar[r];
+    const r = Zt(e), i = Mr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3429,8 +3424,8 @@ function Mr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Rr(e, t, s) {
-  const a = Mr(e, t), r = typeof s == "number" && s > 0 ? Tr(s) : void 0;
+function Lr(e, t, s) {
+  const a = Rr(e, t), r = typeof s == "number" && s > 0 ? Ar(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function Z(e) {
@@ -3441,13 +3436,13 @@ function Z(e) {
     return "download";
   }
 }
-const Lr = {
+const Dr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Dr = {
+}, Pr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Pr = {
+}, Or = {
   dark: "text-white/85",
   light: "text-black/85"
 }, fn = ({
@@ -3460,16 +3455,16 @@ const Lr = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", m = Rr(a, t, r), b = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = Lr(a, t, r), b = /* @__PURE__ */ n(
     "div",
     {
       className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Dr[e]
+        Pr[e]
       ),
       "aria-hidden": !0,
       children: le(a, {
-        className: y("size-6", Pr[e]),
+        className: y("size-6", Or[e]),
         weight: "regular"
       })
     }
@@ -3480,7 +3475,7 @@ const Lr = {
       {
         className: y(
           "truncate text-xs leading-4",
-          Lr[e]
+          Dr[e]
         ),
         children: m
       }
@@ -3523,14 +3518,14 @@ async function gn(e, t) {
     }
   }
 }
-const Or = ({
+const zr = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], zr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], $r = ({
   variant: e,
   item: t,
   index: s,
@@ -3564,7 +3559,7 @@ const Or = ({
   onClick: m,
   onDismiss: b
 }) => {
-  const u = we(e), f = e === "composer" && !!b, c = Or({
+  const u = we(e), f = e === "composer" && !!b, c = zr({
     src: t,
     filename: s,
     fileSize: a,
@@ -3573,10 +3568,10 @@ const Or = ({
     items: o
   }), g = (v) => {
     if ((m == null ? void 0 : m(v)) === !1) return;
-    const _ = c[v];
-    if (!_) return;
-    const x = _.filename ?? Z(_.src);
-    gn(_.src, x);
+    const N = c[v];
+    if (!N) return;
+    const _ = N.filename ?? Z(N.src);
+    gn(N.src, _);
   };
   if (c.length === 0)
     return null;
@@ -3598,23 +3593,23 @@ const Or = ({
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, _) => /* @__PURE__ */ n(
-        zr,
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, N) => /* @__PURE__ */ n(
+        $r,
         {
           variant: u,
           item: v,
-          index: _,
+          index: N,
           onActivate: g,
-          trailingAction: f && _ === 0 ? /* @__PURE__ */ n(xe, { onClick: b, variant: "inline" }) : p
+          trailingAction: f && N === 0 ? /* @__PURE__ */ n(xe, { onClick: b, variant: "inline" }) : p
         },
-        `${v.src}-${_}`
+        `${v.src}-${N}`
       )) })
     }
   );
-}, $r = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), Fr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Br = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Ur = {
-  Composer: $r,
-  Sent: Fr,
-  Received: Br
+}, Fr = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), Br = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Ur = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), jr = {
+  Composer: Fr,
+  Sent: Br,
+  Received: Ur
 }, at = ({
   onPrev: e,
   onNext: t,
@@ -3628,7 +3623,7 @@ const Or = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Rs, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ls, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3638,7 +3633,7 @@ const Or = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(Ls, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ds, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), bn = ({
@@ -3650,7 +3645,7 @@ const Or = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = P(!1), m = W(
+  const [l, d] = O(!1), m = W(
     (c) => {
       c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
       }).finally(() => {
@@ -3731,7 +3726,7 @@ const Or = ({
   initialIndex: t,
   open: s
 }) => {
-  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = P(a);
+  const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
   Y(() => {
     s && i($e(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), Y(() => {
@@ -3897,7 +3892,7 @@ const Or = ({
       ]
     }
   ) : null;
-}, jr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", vn = ({
+}, Vr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", vn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3906,7 +3901,7 @@ const Or = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, b) => {
-    const u = y(jr, "h-full w-full");
+    const u = y(Vr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
@@ -3968,14 +3963,14 @@ const Or = ({
     }
   );
 }, _e = (e) => {
-  const [t, s] = P(!1), [a, r] = P(0), i = W(
+  const [t, s] = O(!1), [a, r] = O(0), i = W(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
   ), o = W(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, Vr = (e, t, s, a) => ({
+}, Gr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -3990,7 +3985,7 @@ const Or = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), Gr = ({
+}), Hr = ({
   src: e,
   alt: t,
   items: s
@@ -3998,7 +3993,7 @@ const Or = ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Hr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), Yr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = _e(
     r
   );
@@ -4045,13 +4040,13 @@ const Or = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Gr({ src: t, alt: s, items: r }), b = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = _e(
+  const m = Hr({ src: t, alt: s, items: r }), b = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = _e(
     d
   );
   if (m.length === 0)
     return null;
   const p = m.map(
-    (v, _) => Vr(v, _, m.length, l)
+    (v, N) => Gr(v, N, m.length, l)
   );
   return /* @__PURE__ */ h(
     ve,
@@ -4074,10 +4069,10 @@ const Or = ({
       ]
     }
   );
-}, Yr = (e) => /* @__PURE__ */ n(Hr, { ...e }), qr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Wr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Xr = {
-  Composer: Yr,
-  Sent: qr,
-  Received: Wr
+}, qr = (e) => /* @__PURE__ */ n(Yr, { ...e }), Wr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Jr = {
+  Composer: qr,
+  Sent: Wr,
+  Received: Xr
 }, Kr = ({
   open: e,
   items: t,
@@ -4092,7 +4087,7 @@ const Or = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "document"),
     [l]
   ), m = ee(
-    () => l ? Jr(l.src) : void 0,
+    () => l ? Zr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ h(
@@ -4126,16 +4121,16 @@ const Or = ({
       ]
     }
   );
-}, Jr = (e) => {
+}, Zr = (e) => {
   const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, Zr = ({
+}, Qr = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Qr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ei = ({
   variant: e,
   item: t,
   index: s,
@@ -4168,14 +4163,14 @@ const Or = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const b = we(e), u = Zr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
+  const b = we(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
     d
   ), v = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const _ = u.map((x) => ({
-    src: x.src,
-    filename: x.filename ?? Z(x.src)
+  const N = u.map((_) => ({
+    src: _.src,
+    filename: _.filename ?? Z(_.src)
   }));
   return /* @__PURE__ */ h(
     ve,
@@ -4185,34 +4180,34 @@ const Or = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((x, S) => {
-          const E = x.filename ?? Z(x.src), M = v && S === 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((_, E) => {
+          const I = _.filename ?? Z(_.src), T = v && E === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             bn,
             {
-              url: x.src,
-              filename: E,
+              url: _.src,
+              filename: I,
               variant: "inline",
-              label: `Download ${E}`,
+              label: `Download ${I}`,
               tone: b
             }
           );
           return /* @__PURE__ */ n(
-            Qr,
+            ei,
             {
               variant: b,
-              item: x,
-              index: S,
+              item: _,
+              index: E,
               onActivate: g,
-              trailingAction: M
+              trailingAction: T
             },
-            `${x.src}-${S}`
+            `${_.src}-${E}`
           );
         }) }),
         /* @__PURE__ */ n(
           Kr,
           {
             open: f,
-            items: _,
+            items: N,
             initialIndex: c,
             onClose: p
           }
@@ -4220,10 +4215,10 @@ const Or = ({
       ]
     }
   );
-}, ei = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), ti = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ni = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), si = {
-  Composer: ei,
-  Sent: ti,
-  Received: ni
+}, ti = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), ni = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), si = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), ai = {
+  Composer: ti,
+  Sent: ni,
+  Received: si
 }, _n = ({
   open: e,
   items: t,
@@ -4274,7 +4269,7 @@ const Or = ({
       ]
     }
   ) : null;
-}, ai = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Nn = ({
+}, ri = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Nn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4296,11 +4291,11 @@ const Or = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(ai, {})
-] }), ri = (e, t, s) => ({
+  /* @__PURE__ */ n(ri, {})
+] }), ii = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(Nn, { item: e, index: t })
-}), ii = ({
+}), oi = ({
   src: e,
   poster: t,
   mimeType: s,
@@ -4312,7 +4307,7 @@ const Or = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), li = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: b } = _e(
     i
   );
@@ -4353,13 +4348,13 @@ const Or = ({
   preload: d,
   onClick: m
 }) => {
-  const b = ii({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
+  const b = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
     m
   );
   if (b.length === 0)
     return null;
   const v = b.map(
-    (_, x) => ri(_, x, b.length)
+    (N, _) => ii(N, _, b.length)
   );
   return /* @__PURE__ */ h(
     ve,
@@ -4389,17 +4384,17 @@ const Or = ({
       ]
     }
   );
-}, li = (e) => /* @__PURE__ */ n(oi, { ...e }), ci = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), di = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), ui = {
-  Composer: li,
-  Sent: ci,
-  Received: di
+}, ci = (e) => /* @__PURE__ */ n(li, { ...e }), di = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), ui = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), mi = {
+  Composer: ci,
+  Sent: di,
+  Received: ui
 }, Si = {
-  Image: Xr,
-  Video: ui,
-  Audio: Ir,
-  Pdf: si,
-  File: Ur
-}, mi = ({
+  Image: Jr,
+  Video: mi,
+  Audio: Tr,
+  Pdf: ai,
+  File: jr
+}, hi = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4421,7 +4416,7 @@ const Or = ({
     ),
     children: e
   }
-), Ii = ({
+), Ti = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4450,7 +4445,7 @@ const Or = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            mi,
+            hi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4465,37 +4460,37 @@ const Or = ({
 };
 export {
   Qt as A,
-  Gs as B,
-  Wa as C,
-  Ps as D,
-  Ii as F,
-  ki as L,
-  Ni as M,
+  Hs as B,
+  Xa as C,
+  Os as D,
+  Ti as F,
+  Ei as L,
+  yi as M,
   he as a,
   ae as b,
-  ar as c,
+  rr as c,
   dn as d,
-  yi as e,
-  mi as f,
+  Ci as e,
+  hi as f,
   ne as g,
   Ot as h,
   Si as i,
-  ya as j,
-  _i as k,
-  Ci as l,
-  Rr as m,
-  Tr as n,
-  nr as o,
-  Mr as p,
+  Ca as j,
+  Ni as k,
+  ki as l,
+  Lr as m,
+  Ar as n,
+  sr as o,
+  Rr as p,
   Xt as q,
   le as r,
   nn as s,
-  zs as t,
-  Ei as u,
-  Hs as v,
-  Je as w,
+  $s as t,
+  Ii as u,
+  Ys as v,
+  Ke as w,
   Ze as x,
   Wt as y,
-  pa as z
+  va as z
 };
-//# sourceMappingURL=index-DGVCJzwy.js.map
+//# sourceMappingURL=index-CAAtAfn1.js.map