@linktr.ee/messaging-react 3.23.0-rc-1785426600 → 3.24.0

package/dist/{index-DIKyFjPC.js → index-Daw6ObfN.js}

@@ -1,5 +1,5 @@
-import { jsx as s, jsxs as h, Fragment as Z } from "react/jsx-runtime";
-import F, { createContext as lt, useContext as ke, useCallback as q, useState as B, useRef as j, useEffect as G, useId as en, useMemo as se, Suspense as tn } from "react";
+import { jsx as s, jsxs as h, Fragment as J } from "react/jsx-runtime";
+import F, { createContext as lt, useContext as ke, useCallback as W, useState as B, useRef as H, useEffect as Y, useId as en, useMemo as ne, Suspense as tn } from "react";
 import { StreamChatService as sn } from "@linktr.ee/messaging-core";
 import { StreamChat as nn, LinkPreviewsManager as et } from "stream-chat";
 import { Chat as an, useChannelStateContext as he, useChatContext as Se, DateSeparator as rn, useMessageContext as fe, MessageStatus as on, MessageErrorIcon as tt, MessageText as ze, areMessageUIPropsEqual as ln, useMessageReminder as cn, useComponentContext as ds, Attachment as dn, EditMessageModal as un, MessageBlocked as mn, MessageBouncePrompt as hn, MessageDeleted as fn, MessageIsThreadReplyInChannelButtonIndicator as gn, MessageRepliesCountButton as pn, ReminderNotification as bn, StreamedMessageText as vn, messageHasAttachments as xn, messageHasReactions as _n, isDateSeparatorMessage as wn, isMessageBlocked as Nn, isMessageBounced as yn, MessageBounceModal as Cn, Poll as kn, useMessageComposer as Sn, useStateStore as En, MessageInput as Yt, useMessageInputContext as In, useMessageComposerHasSendableData as Tn, AttachmentPreviewList as An, QuotedMessagePreview as Ln, TextareaComposer as Mn, MessageTimestamp as Ge, AIStates as Ye, useTypingContext as Rn, useAIState as Dn, Channel as Pn, WithComponents as On, Window as zn, MessageList as Wt, ChannelList as Bn, InfiniteScroll as Fn } from "stream-chat-react";
@@ -26,10 +26,10 @@ const ps = lt({
   debug: i = !1,
   client: l
 }) => {
-  var k, T;
-  const o = q(
-    (E, ...L) => {
-      i && console.log(`🔥 [MessagingProvider] ${E}`, ...L);
+  var k, E;
+  const o = W(
+    (I, ...A) => {
+      i && console.log(`🔥 [MessagingProvider] ${I}`, ...A);
     },
     [i]
   );
@@ -39,18 +39,18 @@ const ps = lt({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = B(null), [f, u] = B(null), [g, c] = B(!1), [x, _] = B(!1), [b, p] = B(null), v = j(!1), w = j(null), C = j(n);
+  const [d, m] = B(null), [f, u] = B(null), [g, c] = B(!1), [x, _] = B(!1), [b, p] = B(null), v = H(!1), w = H(null), C = H(n);
   C.current = n;
-  const I = j(i);
-  I.current = i;
-  const O = j({
+  const T = H(i);
+  T.current = i;
+  const O = H({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
     capabilities: r
-  }), D = j(0);
-  D.current++, o("📊 RENDER INFO", {
-    renderCount: D.current,
+  }), R = H(0);
+  R.current++, o("📊 RENDER INFO", {
+    renderCount: R.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: O.current.userId !== (t == null ? void 0 : t.id),
@@ -64,40 +64,40 @@ const ps = lt({
     serviceConfig: n,
     capabilities: r
   };
-  const z = j(null);
+  const z = H(null);
   !l && a && ((k = z.current) == null ? void 0 : k.apiKey) !== a && (z.current = { apiKey: a, client: new nn(a) });
-  const $ = l || (a ? ((T = z.current) == null ? void 0 : T.client) ?? null : null);
-  G(() => {
-    const E = D.current, L = C.current;
+  const $ = l || (a ? ((E = z.current) == null ? void 0 : E.client) ?? null : null);
+  Y(() => {
+    const I = R.current, A = C.current;
     if (l) {
       w.current = null, m(null), u(null), c(!1), p(null), _(!1);
       return;
     }
-    if (!a || !$ || !L) {
+    if (!a || !$ || !A) {
       o("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: E,
+        renderCount: I,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     o("🚀 CREATING SERVICE", {
-      renderCount: E,
+      renderCount: I,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
     const U = new sn({
-      ...L,
+      ...A,
       apiKey: a,
-      debug: I.current,
+      debug: T.current,
       client: $
     });
     w.current = U, m(U), o("✅ SERVICE SET", {
-      renderCount: E,
+      renderCount: I,
       serviceInstance: !!U
     });
   }, [a, $, l]);
-  const A = j(null);
-  G(() => {
-    var L, U;
+  const L = H(null);
+  Y(() => {
+    var A, U;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!d,
       hasUser: !!t,
@@ -115,7 +115,7 @@ const ps = lt({
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((L = A.current) == null ? void 0 : L.serviceId) === d && ((U = A.current) == null ? void 0 : U.userId) === t.id) {
+    if (((A = L.current) == null ? void 0 : A.serviceId) === d && ((U = L.current) == null ? void 0 : U.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -126,16 +126,16 @@ const ps = lt({
       o("🚀 STARTING USER CONNECTION", { userId: t.id }), v.current = !0, _(!0), p(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const Y = await d.connectUser(t);
-        u(Y), c(!0), A.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const j = await d.connectUser(t);
+        u(j), c(!0), L.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: Y.userID
+          clientId: j.userID
         });
-      } catch (Y) {
-        const ee = Y instanceof Error ? Y.message : "Connection failed";
-        p(ee), o("❌ USER CONNECTION ERROR", {
+      } catch (j) {
+        const q = j instanceof Error ? j.message : "Connection failed";
+        p(q), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: ee
+          error: q
         });
       } finally {
         _(!1), v.current = !1, o("🔄 USER CONNECTION FINISHED", {
@@ -144,14 +144,14 @@ const ps = lt({
         });
       }
     })();
-  }, [d, t, o, g, l]), G(() => {
-    const E = $;
+  }, [d, t, o, g, l]), Y(() => {
+    const I = $;
     return () => {
-      var L;
-      E && (A.current = null, (L = w.current) == null || L.disconnectUser().catch(console.error));
+      var A;
+      I && (L.current = null, (A = w.current) == null || A.disconnectUser().catch(console.error));
     };
   }, [$]);
-  const S = q(async () => {
+  const S = W(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -163,19 +163,19 @@ const ps = lt({
       o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), _(!0);
       try {
         o("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
-        const E = await d.connectUser(t);
-        u(E), c(!0), p(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-      } catch (E) {
-        const L = E instanceof Error ? E.message : "Refresh failed";
-        p(L), o("❌ CONNECTION REFRESH ERROR", {
+        const I = await d.connectUser(t);
+        u(I), c(!0), p(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      } catch (I) {
+        const A = I instanceof Error ? I.message : "Refresh failed";
+        p(A), o("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
-          error: L
+          error: A
         });
       } finally {
         _(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, o, l]), M = F.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, o, l]), P = F.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!f,
     isConnected: g,
@@ -212,10 +212,10 @@ const ps = lt({
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: D.current,
+    renderCount: R.current,
     willRenderChat: !!$,
-    contextValueReady: !!M
-  }), /* @__PURE__ */ s(ps.Provider, { value: M, children: $ ? /* @__PURE__ */ s(
+    contextValueReady: !!P
+  }), /* @__PURE__ */ s(ps.Provider, { value: P, children: $ ? /* @__PURE__ */ s(
     an,
     {
       client: $,
@@ -230,7 +230,7 @@ const ps = lt({
   const [t, n] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return G(() => {
+  return Y(() => {
     var l;
     if (!e) {
       n(!1);
@@ -408,9 +408,9 @@ const _e = ({
   onActionComplete: m,
   logLabel: f = "useChannelModerationActions"
 }) => {
-  var M;
-  const { service: u, debug: g } = dt(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.id, x = !!(a && n && u && c), [_, b] = B(!1), [p, v] = B(null), [w, C] = B(!1), [I, O] = B(!1), D = x && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== u);
-  return G(() => {
+  var P;
+  const { service: u, debug: g } = dt(), c = (P = t == null ? void 0 : t.user) == null ? void 0 : P.id, x = !!(a && n && u && c), [_, b] = B(!1), [p, v] = B(null), [w, C] = B(!1), [T, O] = B(!1), R = x && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== u);
+  return Y(() => {
     if (!x || !u || !c) {
       b(!1), v(null);
       return;
@@ -418,15 +418,15 @@ const _e = ({
     let k = !1;
     return (async () => {
       try {
-        const T = await u.getBlockedUsers();
+        const E = await u.getBlockedUsers();
         if (k) return;
         b(
-          T.some(
-            (E) => E.blocked_user_id === c
+          E.some(
+            (I) => I.blocked_user_id === c
           )
         );
-      } catch (T) {
-        k || console.error(`[${f}] Failed to check blocked status:`, T);
+      } catch (E) {
+        k || console.error(`[${f}] Failed to check blocked status:`, E);
       } finally {
         k || v({ participantId: c, service: u });
       }
@@ -435,44 +435,44 @@ const _e = ({
     };
   }, [x, u, c, f]), {
     isParticipantBlocked: _,
-    isCheckingBlockedStatus: D,
+    isCheckingBlockedStatus: R,
     isLeaving: w,
-    isUpdatingBlockStatus: I,
+    isUpdatingBlockStatus: T,
     handleLeaveConversation: async () => {
       var k;
       if (!w) {
         l == null || l(), g && console.log(`[${f}] Leave conversation`, e.cid), C(!0);
         try {
-          const T = ((k = e._client) == null ? void 0 : k.userID) ?? null;
-          await e.hide(T, !1), r && await r(e), m == null || m();
-        } catch (T) {
-          console.error(`[${f}] Failed to leave conversation`, T);
+          const E = ((k = e._client) == null ? void 0 : k.userID) ?? null;
+          await e.hide(E, !1), r && await r(e), m == null || m();
+        } catch (E) {
+          console.error(`[${f}] Failed to leave conversation`, E);
         } finally {
           C(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var k, T, E;
-      if (!(I || !u)) {
+      var k, E, I;
+      if (!(T || !u)) {
         o == null || o(), g && console.log(`[${f}] Block member`, (k = t == null ? void 0 : t.user) == null ? void 0 : k.id), O(!0);
         try {
-          await u.blockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), m == null || m();
-        } catch (L) {
-          console.error(`[${f}] Failed to block member`, L);
+          await u.blockUser((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), m == null || m();
+        } catch (A) {
+          console.error(`[${f}] Failed to block member`, A);
         } finally {
           O(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var k, T, E;
-      if (!(I || !u)) {
+      var k, E, I;
+      if (!(T || !u)) {
         o == null || o(), g && console.log(`[${f}] Unblock member`, (k = t == null ? void 0 : t.user) == null ? void 0 : k.id), O(!0);
         try {
-          await u.unBlockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), m == null || m();
-        } catch (L) {
-          console.error(`[${f}] Failed to unblock member`, L);
+          await u.unBlockUser((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), m == null || m();
+        } catch (A) {
+          console.error(`[${f}] Failed to unblock member`, A);
         } finally {
           O(!1);
         }
@@ -513,14 +513,14 @@ const _e = ({
   customChannelActions: f,
   triggerClassName: u
 }) => {
-  const [g, c] = B(!1), x = j(null), _ = en(), b = q(() => c(!1), []), {
+  const [g, c] = B(!1), x = H(null), _ = en(), b = W(() => c(!1), []), {
     isParticipantBlocked: p,
     isCheckingBlockedStatus: v,
     isLeaving: w,
     isUpdatingBlockStatus: C,
-    handleLeaveConversation: I,
+    handleLeaveConversation: T,
     handleBlockUser: O,
-    handleUnblockUser: D,
+    handleUnblockUser: R,
     handleReportUser: z
   } = Sa({
     channel: e,
@@ -535,15 +535,15 @@ const _e = ({
     onActionComplete: b,
     logLabel: "ChannelActionsMenu"
   });
-  return G(() => {
+  return Y(() => {
     if (!g) return;
-    const A = (M) => {
-      x.current && !x.current.contains(M.target) && c(!1);
-    }, S = (M) => {
-      M.key === "Escape" && c(!1);
+    const L = (P) => {
+      x.current && !x.current.contains(P.target) && c(!1);
+    }, S = (P) => {
+      P.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", A), document.addEventListener("keydown", S), () => {
-      document.removeEventListener("mousedown", A), document.removeEventListener("keydown", S);
+    return document.addEventListener("mousedown", L), document.addEventListener("keydown", S), () => {
+      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", S);
     };
   }, [g]), !t || !(n || a || r || !!f) ? null : /* @__PURE__ */ h("div", { ref: x, className: "relative", children: [
     /* @__PURE__ */ h(
@@ -554,7 +554,7 @@ const _e = ({
         "aria-haspopup": "true",
         "aria-expanded": g,
         "aria-controls": g ? _ : void 0,
-        onClick: () => c((A) => !A),
+        onClick: () => c((L) => !L),
         children: [
           /* @__PURE__ */ s($n, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
@@ -574,7 +574,7 @@ const _e = ({
           n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ h(
             we,
             {
-              onClick: I,
+              onClick: T,
               disabled: w,
               "aria-busy": w,
               children: [
@@ -593,7 +593,7 @@ const _e = ({
           ) : p ? /* @__PURE__ */ h(
             we,
             {
-              onClick: D,
+              onClick: R,
               disabled: C,
               "aria-busy": C,
               children: [
@@ -640,31 +640,31 @@ const _e = ({
   showChannelInfo: x = !0,
   onParticipantNameClick: _
 }) => {
-  var S, M, k, T;
+  var S, P, k, E;
   const { channel: b } = he(), { client: p } = Se(), v = F.useMemo(
     () => {
-      var E;
+      var I;
       return vs(
-        (E = b.state) == null ? void 0 : E.members,
+        (I = b.state) == null ? void 0 : I.members,
         p == null ? void 0 : p.userID,
         b.type
       );
     },
     [(S = b.state) == null ? void 0 : S.members, p == null ? void 0 : p.userID, b.type]
-  ), w = xs(v == null ? void 0 : v.user), C = (M = v == null ? void 0 : v.user) == null ? void 0 : M.image, I = bs(b), O = Ta((k = b.data) == null ? void 0 : k.customer_tag) && (v == null ? void 0 : v.is_follower) === !0, D = a && I, z = O || D || !!_, $ = async () => {
+  ), w = xs(v == null ? void 0 : v.user), C = (P = v == null ? void 0 : v.user) == null ? void 0 : P.image, T = bs(b), O = Ta((k = b.data) == null ? void 0 : k.customer_tag) && (v == null ? void 0 : v.is_follower) === !0, R = a && T, z = O || R || !!_, $ = async () => {
     try {
-      I ? await b.unpin() : await b.pin();
-    } catch (E) {
+      T ? await b.unpin() : await b.pin();
+    } catch (I) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
-        E
+        I
       );
     }
-  }, A = /* @__PURE__ */ h(Z, { children: [
+  }, L = /* @__PURE__ */ h(J, { children: [
     /* @__PURE__ */ s(
       _e,
       {
-        id: ((T = v == null ? void 0 : v.user) == null ? void 0 : T.id) || b.id || "unknown",
+        id: ((E = v == null ? void 0 : v.user) == null ? void 0 : E.id) || b.id || "unknown",
         name: w,
         image: C,
         shape: "circle",
@@ -690,7 +690,7 @@ const _e = ({
                 children: /* @__PURE__ */ s(Vn, { className: "size-2.5", weight: "bold" })
               }
             ),
-            D && /* @__PURE__ */ s(
+            R && /* @__PURE__ */ s(
               "span",
               {
                 "aria-label": "Starred conversation",
@@ -740,9 +740,9 @@ const _e = ({
             onClick: _,
             "aria-label": `View details for ${w}`,
             className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
-            children: A
+            children: L
           }
-        ) : /* @__PURE__ */ s("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: A }) }),
+        ) : /* @__PURE__ */ s("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: L }) }),
         /* @__PURE__ */ h("div", { className: "flex items-start justify-end gap-2", children: [
           a && /* @__PURE__ */ s(
             "button",
@@ -750,16 +750,16 @@ const _e = ({
               className: We,
               onClick: $,
               type: "button",
-              "aria-pressed": I,
-              "aria-label": I ? "Unstar conversation" : "Star conversation",
+              "aria-pressed": T,
+              "aria-label": T ? "Unstar conversation" : "Star conversation",
               children: /* @__PURE__ */ s(
                 st,
                 {
                   className: y("size-5", {
-                    "text-[#FFD60A]": I,
-                    "text-black/90": !I
+                    "text-[#FFD60A]": T,
+                    "text-black/90": !T
                   }),
-                  weight: I ? "fill" : "regular"
+                  weight: T ? "fill" : "regular"
                 }
               )
             }
@@ -790,10 +790,10 @@ function Ma(e) {
   return e != null && e.length ? e.some((t) => t.type === rt) ? "down" : e.some((t) => t.type === at) ? "up" : null : null;
 }
 function Ra(e) {
-  const { channel: t } = he(), { client: n } = Se("useMessageVote"), a = se(
+  const { channel: t } = he(), { client: n } = Se("useMessageVote"), a = ne(
     () => Ma(e.own_reactions),
     [e.own_reactions]
-  ), r = q(async () => {
+  ), r = W(async () => {
     if (n != null && n.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, at) : await t.sendReaction(
@@ -803,7 +803,7 @@ function Ra(e) {
         );
       } catch {
       }
-  }, [t, n == null ? void 0 : n.userID, e.id, a]), i = q(async () => {
+  }, [t, n == null ? void 0 : n.userID, e.id, a]), i = W(async () => {
     if (n != null && n.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, rt) : await t.sendReaction(
@@ -905,66 +905,66 @@ const Va = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const f = ce(t), u = j(null), g = j(null), c = j(null), x = j(r), [_, b] = B(a), [p, v] = B(0), [w, C] = B(!1), [I, O] = B(!1), [D, z] = B(!1), [$, A] = B(!1), [S, M] = B(!0), [k, T] = B(null), E = q(() => {
+  const f = ce(t), u = H(null), g = H(null), c = H(null), x = H(r), [_, b] = B(a), [p, v] = B(0), [w, C] = B(!1), [T, O] = B(!1), [R, z] = B(!1), [$, L] = B(!1), [S, P] = B(!0), [k, E] = B(null), I = W(() => {
     z(!1), b(!0);
-  }, []), L = q((N) => {
-    const R = g.current;
-    if (!R) return 0;
-    const H = R.getBoundingClientRect();
+  }, []), A = W((N) => {
+    const M = g.current;
+    if (!M) return 0;
+    const G = M.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Va(N) - H.left) / H.width)
+      Math.min(1, (Va(N) - G.left) / G.width)
     );
-  }, []), U = q((N) => {
-    const R = u.current;
-    R && R.duration && (R.currentTime = N * R.duration);
-  }, []), Y = (N) => {
+  }, []), U = W((N) => {
+    const M = u.current;
+    M && M.duration && (M.currentTime = N * M.duration);
+  }, []), j = (N) => {
     N.stopPropagation(), C(!0);
-    const R = L(N);
-    v(R), U(R);
+    const M = A(N);
+    v(M), U(M);
   };
-  G(() => {
+  Y(() => {
     r !== void 0 && r !== x.current && (x.current = r, b(r));
-  }, [r]), G(() => {
+  }, [r]), Y(() => {
     if (!_) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
     const N = () => {
-      const R = u.current;
-      R && R.duration && !w && v(R.currentTime / R.duration), c.current = requestAnimationFrame(N);
+      const M = u.current;
+      M && M.duration && !w && v(M.currentTime / M.duration), c.current = requestAnimationFrame(N);
     };
     return c.current = requestAnimationFrame(N), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [_, w]), G(() => {
+  }, [_, w]), Y(() => {
     const N = u.current;
-    N && (_ ? N.play().catch((R) => {
+    N && (_ ? N.play().catch((M) => {
       b(!1), z(!0);
     }) : N.pause());
-  }, [_]), G(() => {
+  }, [_]), Y(() => {
     if (!w) return;
-    const N = (H) => v(L(H)), R = (H) => {
-      C(!1), U(L(H));
+    const N = (G) => v(A(G)), M = (G) => {
+      C(!1), U(A(G));
     };
-    return window.addEventListener("mousemove", N), window.addEventListener("mouseup", R), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", R), () => {
-      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", R), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", R);
+    return window.addEventListener("mousemove", N), window.addEventListener("mouseup", M), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", M), () => {
+      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", M), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", M);
     };
-  }, [w, L, U]);
-  const ee = k ? { aspectRatio: String(k) } : void 0, ae = k ? "" : " aspect-video", X = Math.round(p * 100);
+  }, [w, A, U]);
+  const q = k ? { aspectRatio: String(k) } : void 0, Q = k ? "" : " aspect-video", K = Math.round(p * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${ae}`,
-      style: ee,
+      className: `relative cursor-pointer overflow-hidden bg-black ${Q}`,
+      style: q,
       onClick: (N) => {
         if (m) {
           m(N);
           return;
         }
-        D || l && b((R) => !R);
+        R || l && b((M) => !M);
       },
       onKeyDown: (N) => {
         if (!(N.key !== "Enter" && N.key !== " ")) {
@@ -972,7 +972,7 @@ const Va = (e) => {
             m(N);
             return;
           }
-          D || l && b((R) => !R);
+          R || l && b((M) => !M);
         }
       },
       children: [
@@ -996,11 +996,11 @@ const Va = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => A(!0),
+            onLoadStart: () => L(!0),
             onCanPlay: () => {
-              A(!1), M(!1);
+              L(!1), P(!1);
             },
-            onWaiting: () => A(!0),
+            onWaiting: () => L(!0),
             onPlay: () => z(!1),
             onEnded: () => {
               i || (b(!1), v(0));
@@ -1016,15 +1016,15 @@ const Va = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => A(!0),
+            onLoadStart: () => L(!0),
             onCanPlay: () => {
-              A(!1), M(!1);
+              L(!1), P(!1);
             },
-            onWaiting: () => A(!0),
+            onWaiting: () => L(!0),
             onPlay: () => z(!1),
             onLoadedMetadata: () => {
               const N = u.current;
-              N instanceof HTMLVideoElement && N.videoWidth && N.videoHeight && T(N.videoWidth / N.videoHeight);
+              N instanceof HTMLVideoElement && N.videoWidth && N.videoHeight && E(N.videoWidth / N.videoHeight);
             },
             onEnded: () => {
               i || (b(!1), v(0));
@@ -1032,14 +1032,14 @@ const Va = (e) => {
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
         ) }),
-        $ && !D && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
+        $ && !R && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
           ve,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        D && !l && /* @__PURE__ */ s(
+        R && !l && /* @__PURE__ */ s(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -1047,10 +1047,10 @@ const Va = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (N) => {
-              N.stopPropagation(), E();
+              N.stopPropagation(), I();
             },
             onKeyDown: (N) => {
-              N.key !== "Enter" && N.key !== " " || (N.preventDefault(), N.stopPropagation(), E());
+              N.key !== "Enter" && N.key !== " " || (N.preventDefault(), N.stopPropagation(), I());
             },
             children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(nt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -1060,14 +1060,14 @@ const Va = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": X,
+            "aria-valuenow": K,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: g,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: Y,
-            onTouchStart: Y,
+            onMouseDown: j,
+            onTouchStart: j,
             onClick: (N) => N.stopPropagation(),
             onKeyDown: (N) => {
               N.key === "ArrowRight" && U(Math.min(1, p + 0.05)), N.key === "ArrowLeft" && U(Math.max(0, p - 0.05));
@@ -1076,7 +1076,7 @@ const Va = (e) => {
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${X}%` }
+                style: { width: `${K}%` }
               }
             ) })
           }
@@ -1087,7 +1087,7 @@ const Va = (e) => {
             {
               type: "button",
               onClick: (N) => {
-                N.stopPropagation(), b((R) => !R);
+                N.stopPropagation(), b((M) => !M);
               },
               className: "shrink-0 text-white",
               "aria-label": _ ? "Pause" : "Play",
@@ -1099,14 +1099,14 @@ const Va = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": X,
+              "aria-valuenow": K,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: g,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: Y,
-              onTouchStart: Y,
+              onMouseDown: j,
+              onTouchStart: j,
               onClick: (N) => N.stopPropagation(),
               onMouseEnter: () => O(!0),
               onMouseLeave: () => O(!1),
@@ -1117,12 +1117,12 @@ const Va = (e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${I || w ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || w ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ s(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${X}%` }
+                        style: { width: `${K}%` }
                       }
                     )
                   }
@@ -1130,8 +1130,8 @@ const Va = (e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${I || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${X}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${T || w ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${K}%` }
                   }
                 )
               ]
@@ -1717,7 +1717,7 @@ function pr(e, t, n) {
   const a = gr(e, t), r = typeof n == "number" && n > 0 ? hr(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function ne(e) {
+function ae(e) {
   try {
     const n = new URL(e).pathname.split("/").pop();
     return n && n.length > 0 ? decodeURIComponent(n) : "download";
@@ -1784,7 +1784,7 @@ const br = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(Z, { children: [
+  ) : /* @__PURE__ */ h(J, { children: [
     f,
     u
   ] });
@@ -1794,7 +1794,7 @@ const br = {
   ] });
 };
 async function As(e, t) {
-  const n = t ?? ne(e);
+  const n = t ?? ae(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -1821,7 +1821,7 @@ const _r = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ne(t.src);
+  const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ s(
     Ts,
     {
@@ -1859,7 +1859,7 @@ const _r = ({
     if ((m == null ? void 0 : m(b)) === !1) return;
     const p = c[b];
     if (!p) return;
-    const v = p.filename ?? ne(p.src);
+    const v = p.filename ?? ae(p.src);
     As(p.src, v);
   };
   if (c.length === 0)
@@ -1904,7 +1904,7 @@ const _r = ({
   onNext: t,
   prevLabel: n = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(Z, { children: [
+}) => /* @__PURE__ */ h(J, { children: [
   /* @__PURE__ */ s(
     "button",
     {
@@ -1934,7 +1934,7 @@ const _r = ({
   tone: i = "dark",
   onTriggered: l
 }) => {
-  const [o, d] = B(!1), m = q(
+  const [o, d] = B(!1), m = W(
     (c) => {
       c.stopPropagation(), !o && (d(!0), As(e, t).catch(() => {
       }).finally(() => {
@@ -2016,17 +2016,17 @@ const _r = ({
   open: n
 }) => {
   const a = qe(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
-  G(() => {
+  Y(() => {
     n && i(qe(t, 0, Math.max(e - 1, 0)));
-  }, [n, t, e]), G(() => {
+  }, [n, t, e]), Y(() => {
     i((d) => qe(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = q(() => {
+  const l = W(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = q(() => {
+  }, [e]), o = W(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return G(() => {
+  return Y(() => {
     if (!n || e <= 1) return;
     const d = (m) => {
       if (m.key !== "ArrowLeft" && m.key !== "ArrowRight") return;
@@ -2044,8 +2044,8 @@ const _r = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = j(null), d = j(null);
-  return G(() => {
+  const o = H(null), d = H(null);
+  return Y(() => {
     var g;
     const u = o.current;
     if (u) {
@@ -2135,8 +2135,8 @@ const _r = ({
     length: t.length,
     initialIndex: n,
     open: e
-  }), o = t[r], d = se(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "image"),
+  }), o = t[r], d = ne(
+    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "image"),
     [o]
   );
   return o ? /* @__PURE__ */ h(
@@ -2293,12 +2293,12 @@ const _r = ({
     }
   );
 }, Ae = (e) => {
-  const [t, n] = B(!1), [a, r] = B(0), i = q(
+  const [t, n] = B(!1), [a, r] = B(0), i = W(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), n(!0));
     },
     [e]
-  ), l = q(() => n(!1), []);
+  ), l = W(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
 }, Lr = ({
   item: e,
@@ -2463,10 +2463,10 @@ const _r = ({
     length: t.length,
     initialIndex: n,
     open: e
-  }), o = t[r], d = se(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "document"),
+  }), o = t[r], d = ne(
+    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "document"),
     [o]
-  ), m = se(
+  ), m = ne(
     () => o ? Ur(o.src) : void 0,
     [o]
   );
@@ -2517,7 +2517,7 @@ const _r = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ne(t.src);
+  const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ s(
     Ts,
     {
@@ -2550,7 +2550,7 @@ const _r = ({
     return null;
   const p = u.map((v) => ({
     src: v.src,
-    filename: v.filename ?? ne(v.src)
+    filename: v.filename ?? ae(v.src)
   }));
   return /* @__PURE__ */ h(
     Ee,
@@ -2561,7 +2561,7 @@ const _r = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: u.map((v, w) => {
-          const C = v.filename ?? ne(v.src), I = b && w === 0 ? /* @__PURE__ */ s(Ie, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+          const C = v.filename ?? ae(v.src), T = b && w === 0 ? /* @__PURE__ */ s(Ie, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
             Ls,
             {
               url: v.src,
@@ -2578,7 +2578,7 @@ const _r = ({
               item: v,
               index: w,
               onActivate: x,
-              trailingAction: I
+              trailingAction: T
             },
             `${v.src}-${w}`
           );
@@ -2609,8 +2609,8 @@ const _r = ({
     length: t.length,
     initialIndex: n,
     open: e
-  }), o = t[r], d = se(
-    () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "video"),
+  }), o = t[r], d = ne(
+    () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "video"),
     [o]
   );
   return o ? /* @__PURE__ */ h(
@@ -2775,7 +2775,7 @@ const _r = ({
 function ai(e) {
   return ke($s)[e] ?? ni[e];
 }
-const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import("./Card-G28kYBkV.js")), oi = () => /* @__PURE__ */ s(
+const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import("./Card-Cgn2G-VJ.js")), oi = () => /* @__PURE__ */ s(
   "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)]",
@@ -2843,10 +2843,10 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
   ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), f = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(li, { size: l ? 12 : 15 }) });
-  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ h(Z, { children: [
+  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ h(J, { children: [
     m,
     f
-  ] }) : /* @__PURE__ */ h(Z, { children: [
+  ] }) : /* @__PURE__ */ h(J, { children: [
     f,
     m
   ] }) });
@@ -2893,10 +2893,10 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
       }
   })();
   return e.id === n;
-}, Ke = () => Nt() ? /* @__PURE__ */ h(Z, { children: [
+}, Ke = () => Nt() ? /* @__PURE__ */ h(J, { children: [
   /* @__PURE__ */ s(la, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, fi = () => Nt() ? /* @__PURE__ */ h(Z, { children: [
+] }) : null, fi = () => Nt() ? /* @__PURE__ */ h(J, { children: [
   /* @__PURE__ */ s(
     ve,
     {
@@ -2911,7 +2911,7 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
   broadcastName: t,
   onBroadcastClick: n
 }) => {
-  const a = t || "Broadcast", r = /* @__PURE__ */ h(Z, { children: [
+  const a = t || "Broadcast", r = /* @__PURE__ */ h(J, { children: [
     /* @__PURE__ */ s("span", { className: "sent-message-broadcast-badge", "aria-hidden": "true", children: /* @__PURE__ */ s(oa, { weight: "fill" }) }),
     /* @__PURE__ */ s(
       "span",
@@ -3056,13 +3056,13 @@ const _i = {
     d == null && Ci[e]
   ), C = d ? { color: d } : void 0;
   if (m) {
-    const I = y(
+    const T = y(
       "animate-pulse rounded",
       ki[e]
     );
     return /* @__PURE__ */ s("div", { className: "shrink-0 px-4 py-3", children: /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
-      /* @__PURE__ */ s("div", { className: y("h-5 w-3/4", I), "aria-hidden": !0 }),
-      /* @__PURE__ */ s("div", { className: y("h-4 w-1/2", I), "aria-hidden": !0 })
+      /* @__PURE__ */ s("div", { className: y("h-5 w-3/4", T), "aria-hidden": !0 }),
+      /* @__PURE__ */ s("div", { className: y("h-4 w-1/2", T), "aria-hidden": !0 })
     ] }) });
   }
   return /* @__PURE__ */ h("div", { className: "shrink-0 px-4 py-3", children: [
@@ -3222,7 +3222,7 @@ const _i = {
               "aria-hidden": !0
             }
           )
-        ) : f ? /* @__PURE__ */ h(Z, { children: [
+        ) : f ? /* @__PURE__ */ h(J, { children: [
           /* @__PURE__ */ s(
             "video",
             {
@@ -3459,7 +3459,7 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ s(Z, { children: a }), $i = ({
+) : /* @__PURE__ */ s(J, { children: a }), $i = ({
   title: e,
   description: t,
   url: n,
@@ -3616,7 +3616,7 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   Sent: Ui,
   Received: $i
 };
-function P(e) {
+function D(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
@@ -3635,10 +3635,10 @@ function Vi(e, t) {
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
 function as(e) {
-  const t = P(e.og_scrape_url) ?? P(e.title_link), n = P(e.image_url) ?? P(e.thumb_url), a = P(e.asset_url), r = P(e.mime_type);
+  const t = D(e.og_scrape_url) ?? D(e.title_link), n = D(e.image_url) ?? D(e.thumb_url), a = D(e.asset_url), r = D(e.mime_type);
   return {
-    title: P(e.title),
-    description: P(e.text),
+    title: D(e.title),
+    description: D(e.text),
     url: t,
     thumbnailUrl: me(n),
     // Playable clip embedded in a link preview — lets LinkAttachment render its
@@ -3651,7 +3651,7 @@ function as(e) {
     // paints an identical chin without re-extracting — visitors in
     // linktr.ee-profiles cannot call the extraction query at all. Absent on
     // messages sent before MES-1349, which render the fallback chin.
-    accentColor: P(e.accent_color),
+    accentColor: D(e.accent_color),
     // A persisted attachment is by definition fully scraped.
     status: "ready"
   };
@@ -3661,7 +3661,7 @@ function ji(e) {
   return Hs(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
 }
 function Hs(e) {
-  const t = P(e.og_scrape_url);
+  const t = D(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
 function Gs(e) {
@@ -3698,7 +3698,7 @@ function Gi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
 function rs(e) {
-  return P(e.image_url) ?? P(e.asset_url) ?? "";
+  return D(e.image_url) ?? D(e.asset_url) ?? "";
 }
 function Yi(e) {
   switch (e) {
@@ -3721,42 +3721,42 @@ function Wi(e, t) {
         return {
           items: t.map((a) => ({
             src: rs(a),
-            alt: P(a.title)
+            alt: D(a.title)
           }))
         };
       case "video":
         return {
           items: t.map((a) => ({
-            src: P(a.asset_url) ?? "",
-            poster: P(
+            src: D(a.asset_url) ?? "",
+            poster: D(
               a.thumb_url
             ),
-            mimeType: P(a.mime_type)
+            mimeType: D(a.mime_type)
           }))
         };
       case "audio":
         return {
           items: t.map((a) => ({
-            src: P(a.asset_url) ?? "",
-            mimeType: P(a.mime_type) ?? "audio/mpeg",
-            filename: P(a.title)
+            src: D(a.asset_url) ?? "",
+            mimeType: D(a.mime_type) ?? "audio/mpeg",
+            filename: D(a.title)
           }))
         };
       case "pdf":
         return {
           items: t.map((a) => ({
-            src: P(a.asset_url) ?? "",
-            filename: P(a.title),
+            src: D(a.asset_url) ?? "",
+            filename: D(a.title),
             fileSize: a.file_size
           }))
         };
       case "file":
         return {
           items: t.map((a) => ({
-            src: P(a.asset_url) ?? "",
-            filename: P(a.title),
+            src: D(a.asset_url) ?? "",
+            filename: D(a.title),
             fileSize: a.file_size,
-            mimeType: P(a.mime_type) ?? "application/octet-stream"
+            mimeType: D(a.mime_type) ?? "application/octet-stream"
           }))
         };
     }
@@ -3766,34 +3766,34 @@ function Wi(e, t) {
     case "image":
       return {
         src: rs(n),
-        alt: P(n.title)
+        alt: D(n.title)
       };
     case "video":
       return {
-        src: P(n.asset_url) ?? "",
-        poster: P(
+        src: D(n.asset_url) ?? "",
+        poster: D(
           n.thumb_url
         ),
-        mimeType: P(n.mime_type)
+        mimeType: D(n.mime_type)
       };
     case "audio":
       return {
-        src: P(n.asset_url) ?? "",
-        mimeType: P(n.mime_type) ?? "audio/mpeg",
-        filename: P(n.title)
+        src: D(n.asset_url) ?? "",
+        mimeType: D(n.mime_type) ?? "audio/mpeg",
+        filename: D(n.title)
       };
     case "pdf":
       return {
-        src: P(n.asset_url) ?? "",
-        filename: P(n.title),
+        src: D(n.asset_url) ?? "",
+        filename: D(n.title),
         fileSize: n.file_size
       };
     case "file":
       return {
-        src: P(n.asset_url) ?? "",
-        filename: P(n.title),
+        src: D(n.asset_url) ?? "",
+        filename: D(n.title),
         fileSize: n.file_size,
-        mimeType: P(n.mime_type) ?? "application/octet-stream"
+        mimeType: D(n.mime_type) ?? "application/octet-stream"
       };
   }
 }
@@ -3905,33 +3905,33 @@ const Xi = ({
     threadList: _,
     viewerLanguage: b,
     onBroadcastClick: p
-  } = e, { client: v } = Se("CustomMessage"), { channel: w } = he("CustomMessage"), { isUnlocking: C, onUnlockClick: I, onFetchSource: O, onDownloadClick: D } = ai("LockedAttachment"), [z, $] = B(!1), A = cn(c.id), { selected: S, voteUp: M, voteDown: k } = Ra(c), {
-    Attachment: T = dn,
-    EditMessageModal: E = un,
-    MessageActions: L,
+  } = e, { client: v } = Se("CustomMessage"), { channel: w } = he("CustomMessage"), { isUnlocking: C, onUnlockClick: T, onFetchSource: O, onDownloadClick: R } = ai("LockedAttachment"), [z, $] = B(!1), L = cn(c.id), { selected: S, voteUp: P, voteDown: k } = Ra(c), {
+    Attachment: E = dn,
+    EditMessageModal: I = un,
+    MessageActions: A,
     MessageBlocked: U = mn,
-    MessageBouncePrompt: Y = hn,
-    MessageDeleted: ee = fn,
-    MessageIsThreadReplyInChannelButtonIndicator: ae = gn,
-    MessageRepliesCountButton: X = pn,
+    MessageBouncePrompt: j = hn,
+    MessageDeleted: q = fn,
+    MessageIsThreadReplyInChannelButtonIndicator: Q = gn,
+    MessageRepliesCountButton: K = pn,
     ReminderNotification: N = bn,
-    StreamedMessageText: R = vn,
-    PinIndicator: H
-  } = ds("CustomMessage"), W = xn(c), te = _n(c), K = se(
+    StreamedMessageText: M = vn,
+    PinIndicator: G
+  } = ds("CustomMessage"), X = xn(c), se = _n(c), Z = ne(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), V = se(() => {
+  ), V = ne(() => {
     const ue = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...ue] : ue;
     if (!Be(c)) return be;
     const Ht = be.filter((Gt) => !("type" in Gt) || !Ss(Gt));
     return Ht.length === be.length ? be : Ht;
-  }, [c]), J = se(
+  }, [c]), ee = ne(
     () => Gs(V),
     [V]
-  ), re = se(() => {
+  ), re = ne(() => {
     const ue = ws({ message: c, viewerLanguage: b });
     return ue === c.text ? c : { ...c, text: ue };
-  }, [c, b]), Me = J.length > 0, Re = J.reduce(
+  }, [c, b]), Me = ee.length > 0, Re = ee.reduce(
     (ue, be) => ue + be.attachments.length,
     0
   ) === ((V == null ? void 0 : V.length) ?? 0), ie = ir({
@@ -3942,30 +3942,30 @@ const Xi = ({
   if (wn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ s(ee, { message: c });
+    return /* @__PURE__ */ s(q, { message: c });
   if (Nn(c))
     return /* @__PURE__ */ s(U, {});
   const de = !_ && !!c.reply_count, oe = !_ && c.show_in_channel && c.parent_id, It = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, Tt = yn(c);
   let ge;
   It ? ge = () => m(c) : Tt && (ge = () => $(!0));
-  const Q = g(), Zs = y(
+  const te = g(), Zs = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    Q ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    te ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": W,
+      "str-chat__message--has-attachment": X,
       "str-chat__message--highlighted": f,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": te,
+      "str-chat__message--with-reactions": se,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Pt = c == null ? void 0 : c.error) == null ? void 0 : Pt.status) !== 403,
       "str-chat__message-with-thread-link": de || oe,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), je = c.poll_id && v.polls.fromState(c.poll_id), At = mi(c), pe = Be(c), Js = wt(c), He = !!(V != null && V.length && !c.quoted_message), Lt = pe && Q && He, Qs = Me && Re && !c.quoted_message && !je && !K && !pe, Mt = {
+  ), je = c.poll_id && v.polls.fromState(c.poll_id), At = mi(c), pe = Be(c), Js = wt(c), He = !!(V != null && V.length && !c.quoted_message), Lt = pe && te && He, Qs = Me && Re && !c.quoted_message && !je && !Z && !pe, Mt = {
     contentType: "text",
     amountText: (Ot = c.metadata) == null ? void 0 : Ot.amount_text,
     paymentStatus: (zt = c.metadata) == null ? void 0 : zt.payment_status,
@@ -3980,9 +3980,9 @@ const Xi = ({
     paymentStatus: (jt = c.metadata) == null ? void 0 : jt.payment_status,
     onFetchSource: O ? () => O(c, w) : void 0
   };
-  return /* @__PURE__ */ h(Z, { children: [
+  return /* @__PURE__ */ h(J, { children: [
     a && /* @__PURE__ */ s(
-      E,
+      I,
       {
         additionalMessageInputProps: t
       }
@@ -3990,7 +3990,7 @@ const Xi = ({
     z && /* @__PURE__ */ s(
       Cn,
       {
-        MessageBouncePrompt: Y,
+        MessageBouncePrompt: j,
         onClose: () => $(!1),
         open: z
       }
@@ -4002,8 +4002,8 @@ const Xi = ({
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
-          H && /* @__PURE__ */ s(H, {}),
-          !!A && /* @__PURE__ */ s(N, { reminder: A }),
+          G && /* @__PURE__ */ s(G, {}),
+          !!L && /* @__PURE__ */ s(N, { reminder: L }),
           c.user && /* @__PURE__ */ s(
             _e,
             {
@@ -4034,8 +4034,8 @@ const Xi = ({
                 marginInlineStart: 0
               },
               children: At ? /* @__PURE__ */ s(Xe, { message: c, standalone: !0 }) : di(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                Q && L && /* @__PURE__ */ s(L, {}),
-                Q ? /* @__PURE__ */ s(
+                te && A && /* @__PURE__ */ s(A, {}),
+                te ? /* @__PURE__ */ s(
                   Pe,
                   {
                     ...Mt,
@@ -4047,19 +4047,19 @@ const Xi = ({
                     ...Mt,
                     isMine: !1,
                     isUnlocking: C(c.id),
-                    onUnlockClick: () => I == null ? void 0 : I(c, w)
+                    onUnlockClick: () => T == null ? void 0 : T(c, w)
                   }
                 ),
-                !Q && L && /* @__PURE__ */ s(L, {})
+                !te && A && /* @__PURE__ */ s(A, {})
               ] }) }) : ui(c) ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  Q && L && /* @__PURE__ */ s(L, {}),
-                  Q ? /* @__PURE__ */ s(
+                  te && A && /* @__PURE__ */ s(A, {}),
+                  te ? /* @__PURE__ */ s(
                     Pe,
                     {
                       ...Rt,
                       isMine: !0,
-                      onPreviewClick: () => I ? I(c, w) : void 0
+                      onPreviewClick: () => T ? T(c, w) : void 0
                     }
                   ) : /* @__PURE__ */ s(
                     Pe,
@@ -4067,11 +4067,11 @@ const Xi = ({
                       ...Rt,
                       isMine: !1,
                       isUnlocking: C(c.id),
-                      onUnlockClick: () => I ? I(c, w) : void 0,
-                      onDownloadClick: () => D ? D(c, w) : void 0
+                      onUnlockClick: () => T ? T(c, w) : void 0,
+                      onDownloadClick: () => R ? R(c, w) : void 0
                     }
                   ),
-                  !Q && L && /* @__PURE__ */ s(L, {})
+                  !te && A && /* @__PURE__ */ s(A, {})
                 ] }),
                 c.text && /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s(
                   ze,
@@ -4084,7 +4084,7 @@ const Xi = ({
                 Xi,
                 {
                   groupPosition: ie,
-                  isMyMessage: Q,
+                  isMyMessage: te,
                   message: {
                     ...re,
                     attachments: V,
@@ -4101,19 +4101,19 @@ const Xi = ({
                   {
                     message: c,
                     hasAttachment: He,
-                    isMyMessage: Q
+                    isMyMessage: te
                   }
                 ),
                 je && /* @__PURE__ */ s(kn, { poll: je }),
                 V != null && V.length && !c.quoted_message ? /* @__PURE__ */ s(
-                  T,
+                  E,
                   {
                     actionHandler: o,
                     attachments: V
                   }
                 ) : null,
-                K ? /* @__PURE__ */ s(
-                  R,
+                Z ? /* @__PURE__ */ s(
+                  M,
                   {
                     message: re,
                     renderText: x
@@ -4135,27 +4135,27 @@ const Xi = ({
               {
                 message: c,
                 hasAttachment: He,
-                isMyMessage: Q
+                isMyMessage: te
               }
             ),
             n && pe && /* @__PURE__ */ s(
               hi,
               {
                 selected: S,
-                onVoteUp: M,
+                onVoteUp: P,
                 onVoteDown: k
               }
             )
           ] }),
           /* @__PURE__ */ s(bi, { onBroadcastClick: p }),
           de && /* @__PURE__ */ s(
-            X,
+            K,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          oe && /* @__PURE__ */ s(ae, {})
+          oe && /* @__PURE__ */ s(Q, {})
         ]
       },
       c.id
@@ -4407,7 +4407,7 @@ const Xi = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ h(Z, { children: [
+  ) : /* @__PURE__ */ h(J, { children: [
     t == null ? void 0 : t(),
     /* @__PURE__ */ s("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ s("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
     n == null ? void 0 : n()
@@ -4495,7 +4495,7 @@ const Xi = ({
   if (t === -1)
     return e;
   const n = t + Je.length;
-  return /* @__PURE__ */ h(Z, { children: [
+  return /* @__PURE__ */ h(J, { children: [
     e.slice(0, t),
     /* @__PURE__ */ s(
       "a",
@@ -4752,15 +4752,22 @@ const wo = ({
   customChannelActions: v,
   renderChannelActions: w,
   renderMessage: C,
-  viewerLanguage: I,
+  viewerLanguage: T,
   showChannelInfo: O = !0,
-  onParticipantNameClick: D,
+  onParticipantNameClick: R,
   onBroadcastClick: z,
   composerInput: $
 }) => {
-  const { channel: A } = he(), S = A.state.messages.some(
-    (E) => E.type !== "deleted"
-  ), M = p ? /* @__PURE__ */ s(F.Fragment, { children: p() }, "lt-channel-banner") : null, k = /* @__PURE__ */ s(
+  const { channel: L } = he(), S = H(z);
+  Y(() => {
+    S.current = z;
+  }, [z]);
+  const P = W((j) => {
+    var q;
+    (q = S.current) == null || q.call(S, j);
+  }, []), k = z ? P : void 0, E = L.state.messages.some(
+    (j) => j.type !== "deleted"
+  ), I = p ? /* @__PURE__ */ s(F.Fragment, { children: p() }, "lt-channel-banner") : null, A = /* @__PURE__ */ s(
     Aa,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
@@ -4778,28 +4785,28 @@ const wo = ({
       onReportParticipantClick: f,
       customChannelActions: v,
       renderChannelActions: w,
-      onParticipantNameClick: D
+      onParticipantNameClick: R
     }
-  ), T = q(
-    (E) => {
-      const { message: L } = fe("ChannelView"), U = /* @__PURE__ */ s(
+  ), U = W(
+    (j) => {
+      const { message: q } = fe("ChannelView"), Q = /* @__PURE__ */ s(
         Ji,
         {
-          ...E,
+          ...j,
           chatbotVotingEnabled: b,
-          viewerLanguage: I,
-          onBroadcastClick: z
+          viewerLanguage: T,
+          onBroadcastClick: k
         }
       );
-      return !C || !L ? U : C(U, L);
+      return !C || !q ? Q : C(Q, q);
     },
-    [b, z, C, I]
+    [b, k, C, T]
   );
-  return /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(J, { children: /* @__PURE__ */ s(
     On,
     {
       overrides: {
-        Message: T,
+        Message: U,
         MessageActions: to,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
@@ -4810,16 +4817,16 @@ const wo = ({
           {
             className: "messaging-channel-message-list messaging-channel-message-list--floating relative min-h-0 flex-1 overflow-hidden",
             children: [
-              !S && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ h("div", { className: "str-chat__message-list-scroll", children: [
-                k,
-                M
+              !E && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ h("div", { className: "str-chat__message-list-scroll", children: [
+                A,
+                I
               ] }) }),
               /* @__PURE__ */ s(
                 Wt,
                 {
-                  head: S ? /* @__PURE__ */ h("div", { className: "sticky top-0 z-10", children: [
-                    k,
-                    M
+                  head: E ? /* @__PURE__ */ h("div", { className: "sticky top-0 z-10", children: [
+                    A,
+                    I
                   ] }) : void 0,
                   hideDeletedMessages: !0,
                   hideNewMessageSeparator: !1
@@ -4833,34 +4840,34 @@ const wo = ({
           os,
           {
             ...n && {
-              renderActions: () => n == null ? void 0 : n(A)
+              renderActions: () => n == null ? void 0 : n(L)
             },
             ...r && {
-              renderHeader: () => r(A)
+              renderHeader: () => r(L)
             },
-            renderFooter: () => a == null ? void 0 : a(A),
+            renderFooter: () => a == null ? void 0 : a(L),
             disabled: c,
             disabledReason: x,
             composerInput: $
           },
           "lt-channel-message-input"
         )
-      ] }) : /* @__PURE__ */ h(Z, { children: [
+      ] }) : /* @__PURE__ */ h(J, { children: [
         /* @__PURE__ */ h(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
             children: [
-              !S && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ h("div", { className: "str-chat__message-list-scroll", children: [
-                k,
-                M
+              !E && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ h("div", { className: "str-chat__message-list-scroll", children: [
+                A,
+                I
               ] }) }),
               /* @__PURE__ */ s(
                 Wt,
                 {
-                  head: S ? /* @__PURE__ */ h("div", { className: "sticky top-0 z-10", children: [
-                    k,
-                    M
+                  head: E ? /* @__PURE__ */ h("div", { className: "sticky top-0 z-10", children: [
+                    A,
+                    I
                   ] }) : void 0,
                   hideDeletedMessages: !0,
                   hideNewMessageSeparator: !1
@@ -4870,14 +4877,14 @@ const wo = ({
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ s(F.Fragment, { children: r(A) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ s(F.Fragment, { children: r(L) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
           os,
           {
             ...n && {
-              renderActions: () => n == null ? void 0 : n(A)
+              renderActions: () => n == null ? void 0 : n(L)
             },
-            renderFooter: () => a == null ? void 0 : a(A),
+            renderFooter: () => a == null ? void 0 : a(L),
             disabled: c,
             disabledReason: x,
             composerInput: $
@@ -4910,56 +4917,56 @@ const wo = ({
     dmAgentEnabled: v,
     messageMetadata: w,
     onMessageSent: C,
-    showStarButton: I = !1,
+    showStarButton: T = !1,
     chatbotVotingEnabled: O = !1,
-    renderChannelBanner: D,
+    renderChannelBanner: R,
     customChannelActions: z,
     renderChannelActions: $,
-    renderMessage: A,
+    renderMessage: L,
     onMessageLinkClick: S,
-    sendButton: M,
+    sendButton: P,
     attachmentPreviewList: k,
-    viewerLanguage: T,
-    showChannelInfo: E = !0,
-    onParticipantNameClick: L,
+    viewerLanguage: E,
+    showChannelInfo: I = !0,
+    onParticipantNameClick: A,
     onBroadcastClick: U,
-    composerInput: Y
+    composerInput: j
   }) => {
-    const ee = q(
-      async (X, N, R) => {
-        var J;
-        const H = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, W = v && !H, te = {
+    const q = W(
+      async (K, N, M) => {
+        var ee;
+        const G = ((ee = e.data) == null ? void 0 : ee.chatbot_paused) === !0, X = v && !G, se = {
           ...N,
-          ...W && { silent: !0 },
+          ...X && { silent: !0 },
           ...w && {
             metadata: {
               ...N.metadata ?? {},
               ...w
             }
           }
-        }, K = {
-          ...R,
-          ...W && { skip_push: !0 }
-        }, V = await e.sendMessage(te, K);
+        }, Z = {
+          ...M,
+          ...X && { skip_push: !0 }
+        }, V = await e.sendMessage(se, Z);
         return C == null || C(V), V;
       },
       [e, v, w, C]
-    ), ae = j(null);
-    return G(() => {
+    ), Q = H(null);
+    return Y(() => {
       if (!S) return;
-      const X = ae.current;
-      if (!X) return;
-      const N = (R) => {
-        const H = R.target, W = H == null ? void 0 : H.closest("a[href]"), te = W == null ? void 0 : W.getAttribute("href");
-        if (!te) return;
-        const K = W == null ? void 0 : W.closest("[data-message-id]"), V = K == null ? void 0 : K.getAttribute("data-message-id"), J = V ? e.state.messages.find((re) => re.id === V) : void 0;
-        S(te, J);
+      const K = Q.current;
+      if (!K) return;
+      const N = (M) => {
+        const G = M.target, X = G == null ? void 0 : G.closest("a[href]"), se = X == null ? void 0 : X.getAttribute("href");
+        if (!se) return;
+        const Z = X == null ? void 0 : X.closest("[data-message-id]"), V = Z == null ? void 0 : Z.getAttribute("data-message-id"), ee = V ? e.state.messages.find((re) => re.id === V) : void 0;
+        S(se, ee);
       };
-      return X.addEventListener("click", N), () => X.removeEventListener("click", N);
+      return K.addEventListener("click", N), () => K.removeEventListener("click", N);
     }, [S, e]), /* @__PURE__ */ s(
       "div",
       {
-        ref: ae,
+        ref: Q,
         className: y(
           "messaging-channel-view h-full flex flex-col",
           d
@@ -4973,8 +4980,8 @@ const wo = ({
             LoadingIndicator: Ve,
             DateSeparator: La,
             TypingIndicator: bo,
-            doSendMessageRequest: ee,
-            ...M ? { SendButton: M } : {},
+            doSendMessageRequest: q,
+            ...P ? { SendButton: P } : {},
             ...k ? { AttachmentPreviewList: k } : {},
             children: /* @__PURE__ */ s(
               wo,
@@ -4995,17 +5002,17 @@ const wo = ({
                 showReportParticipant: _,
                 composerDisabled: b,
                 composerDisabledReason: p,
-                showStarButton: I,
+                showStarButton: T,
                 chatbotVotingEnabled: O,
-                renderChannelBanner: D,
+                renderChannelBanner: R,
                 customChannelActions: z,
                 renderChannelActions: $,
-                renderMessage: A,
-                viewerLanguage: T,
-                showChannelInfo: E,
-                onParticipantNameClick: L,
+                renderMessage: L,
+                viewerLanguage: E,
+                showChannelInfo: I,
+                onParticipantNameClick: A,
                 onBroadcastClick: U,
-                composerInput: Y
+                composerInput: j
               }
             )
           }
@@ -5052,33 +5059,33 @@ const qo = ({
   onBroadcastClick: v,
   renderMessage: w,
   onMessageLinkClick: C,
-  showChannelInfo: I,
+  showChannelInfo: T,
   composerInput: O
 }) => {
   const {
-    client: D,
+    client: R,
     isConnected: z,
     isLoading: $,
-    error: A,
+    error: L,
     refreshConnection: S,
-    service: M,
+    service: P,
     debug: k
-  } = xa(), [T, E] = B(null), [L, U] = B(null), [Y, ee] = B(!1), { showDeleteConversation: ae = !0 } = e, X = j(l);
-  X.current = l;
-  const N = j(a);
+  } = xa(), [E, I] = B(null), [A, U] = B(null), [j, q] = B(!1), { showDeleteConversation: Q = !0 } = e, K = H(l);
+  K.current = l;
+  const N = H(a);
   N.current = a;
-  const R = j(null), H = j(null);
-  G(() => {
-    H.current = T;
-  }, [T]), G(() => {
-    if (!D || !z) return;
-    const K = D.userID;
-    if (!K) return;
-    const V = `${K}::${i}`;
-    if (R.current === V) return;
-    R.current = V;
-    const J = () => {
-      R.current === V && (R.current = null);
+  const M = H(null), G = H(null);
+  Y(() => {
+    G.current = E;
+  }, [E]), Y(() => {
+    if (!R || !z) return;
+    const Z = R.userID;
+    if (!Z) return;
+    const V = `${Z}::${i}`;
+    if (M.current === V) return;
+    M.current = V;
+    const ee = () => {
+      M.current === V && (M.current = null);
     };
     (async () => {
       var Me, Re;
@@ -5087,36 +5094,36 @@ const qo = ({
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ie = await D.queryChannels(
+        const ie = await R.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [K, i] }
+            members: { $eq: [Z, i] }
           },
           {},
           { limit: 1 }
         );
         if (ie.length > 0) {
-          E(ie[0]), U(null), (Me = N.current) == null || Me.call(N, ie[0]), k && console.log(
+          I(ie[0]), U(null), (Me = N.current) == null || Me.call(N, ie[0]), k && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ie[0].id
           );
           return;
         }
-        const de = X.current;
-        if (!de || !M) {
-          J(), U("No conversation found with this account"), k && console.log(
+        const de = K.current;
+        if (!de || !P) {
+          ee(), U("No conversation found with this account"), k && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const oe = await M.startChannelWithParticipant({
+          const oe = await P.startChannelWithParticipant({
             id: de.id,
             name: de.name,
             phone: de.phone
           });
-          E(oe), U(null), (Re = N.current) == null || Re.call(N, oe), k && console.log(
+          I(oe), U(null), (Re = N.current) == null || Re.call(N, oe), k && console.log(
             "[MessagingShell] Channel created and loaded:",
             oe.id
           );
@@ -5124,39 +5131,39 @@ const qo = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             oe
-          ), J(), U("Failed to create conversation");
+          ), ee(), U("Failed to create conversation");
         }
       } catch (ie) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           ie
-        ), J(), H.current || U("Failed to load conversation");
+        ), ee(), G.current || U("Failed to load conversation");
       }
     })();
-  }, [i, D, z, M, k]);
-  const W = j(r);
-  W.current = r;
-  const te = q(() => {
-    var K;
-    E(null), ee(!0), (K = W.current) == null || K.call(W);
+  }, [i, R, z, P, k]);
+  const X = H(r);
+  X.current = r;
+  const se = W(() => {
+    var Z;
+    I(null), q(!0), (Z = X.current) == null || Z.call(X);
   }, []);
-  return $ ? /* @__PURE__ */ s(Ve, {}) : A ? /* @__PURE__ */ s(ye, { message: A, onBack: S }) : !z || !D ? /* @__PURE__ */ s(
+  return $ ? /* @__PURE__ */ s(Ve, {}) : L ? /* @__PURE__ */ s(ye, { message: L, onBack: S }) : !z || !R ? /* @__PURE__ */ s(
     ye,
     {
       message: "Not connected to messaging service",
       onBack: S
     }
-  ) : L ? /* @__PURE__ */ s(ye, { message: L }) : Y && !T ? /* @__PURE__ */ s(ye, { message: "Conversation ended" }) : T ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
+  ) : A ? /* @__PURE__ */ s(ye, { message: A }) : j && !E ? /* @__PURE__ */ s(ye, { message: "Conversation ended" }) : E ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
     Ws,
     {
-      channel: T,
+      channel: E,
       renderMessageInputActions: t,
       renderConversationFooter: n,
       renderChannelBanner: x,
-      onLeaveConversation: te,
-      onBlockParticipant: te,
+      onLeaveConversation: se,
+      onBlockParticipant: se,
       CustomChannelEmptyState: o,
-      showDeleteConversation: ae,
+      showDeleteConversation: Q,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
       dmAgentEnabled: f,
@@ -5169,10 +5176,10 @@ const qo = ({
       onBroadcastClick: v,
       renderMessage: w,
       onMessageLinkClick: C,
-      showChannelInfo: I,
+      showChannelInfo: T,
       composerInput: O
     },
-    T.id
+    E.id
   ) }) }) : /* @__PURE__ */ s(Ve, {});
 };
 function No(e) {
@@ -5212,7 +5219,7 @@ const qs = F.createContext({
   });
 }, Xs = F.memo(
   (e) => {
-    var z, $, A;
+    var z, $, L;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -5235,44 +5242,44 @@ const qs = F.createContext({
     const g = () => {
       t && r(t);
     }, c = (S) => {
-      const M = S.key === "Enter" || S.key === " ", k = S.repeat;
-      !M || k || (S.preventDefault(), g());
+      const P = S.key === "Enter" || S.key === " ", k = S.repeat;
+      !P || k || (S.preventDefault(), g());
     }, x = vs(
       (z = t == null ? void 0 : t.state) == null ? void 0 : z.members,
       m == null ? void 0 : m.userID,
       t == null ? void 0 : t.type
     ), _ = xs(x == null ? void 0 : x.user), b = ($ = x == null ? void 0 : x.user) == null ? void 0 : $.image, p = (() => {
-      var M;
-      const S = (M = t == null ? void 0 : t.state) == null ? void 0 : M.messages;
+      var P;
+      const S = (P = t == null ? void 0 : t.state) == null ? void 0 : P.messages;
       if (S != null && S.length) {
         for (let k = S.length - 1; k >= 0; k--)
           if (S[k].type !== "system") return S[k];
       }
     })(), w = (() => {
-      var E;
+      var I;
       const S = ws({
         message: p,
         viewerLanguage: d
-      }), { custom_type: M, attachment_content_type: k } = (p == null ? void 0 : p.metadata) || {};
-      if (M === le.TIP)
+      }), { custom_type: P, attachment_content_type: k } = (p == null ? void 0 : p.metadata) || {};
+      if (P === le.TIP)
         return S || "Sent a tip";
-      if (M === le.PAID)
+      if (P === le.PAID)
         return S || "Sent a message";
-      if (M === le.ATTACHMENT) {
+      if (P === le.ATTACHMENT) {
         if (k === "text")
           return "🔒 Sent a locked message";
         if (k === "media")
           return "🔒 Sent a locked attachment";
       }
       if (S) return S;
-      const T = (E = p == null ? void 0 : p.attachments) == null ? void 0 : E[0];
-      return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), C = p != null && p.created_at ? So(new Date(p.created_at)) : "", I = p ? Be(p) : !1, O = o ? o(p, w) : `${I ? "✨ " : ""}${w}`, D = n ?? 0;
+      const E = (I = p == null ? void 0 : p.attachments) == null ? void 0 : I[0];
+      return E ? E.og_scrape_url ? E.og_scrape_url : E.type === "image" ? "📷 Sent an image" : E.type === "video" ? "🎥 Sent a video" : E.type === "audio" ? "🎵 Sent audio" : E.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), C = p != null && p.created_at ? So(new Date(p.created_at)) : "", T = p ? Be(p) : !1, O = o ? o(p, w) : `${T ? "✨ " : ""}${w}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: f,
       participantName: _,
-      unreadCount: D,
+      unreadCount: R,
       hasTimestamp: !!C
     }), /* @__PURE__ */ s(
       "div",
@@ -5293,7 +5300,7 @@ const qs = F.createContext({
           /* @__PURE__ */ s(
             _e,
             {
-              id: ((A = x == null ? void 0 : x.user) == null ? void 0 : A.id) || t.id || "unknown",
+              id: ((L = x == null ? void 0 : x.user) == null ? void 0 : L.id) || t.id || "unknown",
               name: _,
               image: b,
               size: 48,
@@ -5318,7 +5325,7 @@ const qs = F.createContext({
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: O }),
-              D > 0 && /* @__PURE__ */ s("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: D > 99 ? "99+" : D })
+              R > 0 && /* @__PURE__ */ s("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: R > 99 ? "99+" : R })
             ] })
           ] })
         ] })
@@ -5352,8 +5359,8 @@ const Eo = { last_message_at: -1 }, Io = F.memo(
     v.current++;
     const { debug: w = !1 } = dt(), C = F.useCallback(
       (O) => {
-        for (const D of O)
-          No(D);
+        for (const R of O)
+          No(R);
         return r ? r(O) : O;
       },
       [r]
@@ -5363,7 +5370,7 @@ const Eo = { last_message_at: -1 }, Io = F.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: n
     });
-    const I = F.useMemo(
+    const T = F.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -5388,7 +5395,7 @@ const Eo = { last_message_at: -1 }, Io = F.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(yo, { value: I, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(yo, { value: T, children: /* @__PURE__ */ s(
           Bn,
           {
             filters: n,
@@ -5586,4 +5593,4 @@ export {
   vs as y,
   ht as z
 };
-//# sourceMappingURL=index-DIKyFjPC.js.map
+//# sourceMappingURL=index-Daw6ObfN.js.map