@linktr.ee/messaging-react 3.1.0 → 3.1.1

package/dist/{index-CJEl_fID.js → index-Cj6b1oEe.js}

@@ -1,5 +1,5 @@
-import { jsx as n, jsxs as h, Fragment as ne } from "react/jsx-runtime";
-import z, { createContext as He, useContext as Se, useCallback as q, useState as O, useRef as K, useEffect as J, useMemo as te, Suspense as Ye } from "react";
+import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
+import z, { createContext as He, useContext as Se, useCallback as q, useState as O, useRef as X, useEffect as J, useMemo as ne, Suspense as Ye } from "react";
 import { StreamChatService as In } from "@linktr.ee/messaging-core";
 import { Chat as Sn, DateSeparator as Tn, useChannelStateContext as de, useChatContext as qe, areMessageUIPropsEqual as An, useMessageReminder as Mn, useComponentContext as Ut, Attachment as Dn, EditMessageModal as Rn, MessageBlocked as Ln, MessageBouncePrompt as Pn, MessageDeleted as On, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as Fn, ReminderNotification as $n, StreamedMessageText as Bn, messageHasAttachments as jn, messageHasReactions as Vn, isDateSeparatorMessage as Un, isMessageBlocked as Gn, isMessageBounced as Hn, MessageBounceModal as Yn, MessageText as Mt, Poll as qn, MessageErrorIcon as Wn, useMessageContext as be, 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 De, AIStates as Re, useTypingContext as ss, useAIState as as, Channel as rs, WithComponents as is, Window as os, MessageList as ls, ChannelList as cs } from "stream-chat-react";
 import { StarIcon as $e, XIcon as pe, SpinnerGapIcon as Le, SignOutIcon as ds, ProhibitInsetIcon as Dt, FlagIcon as Gt, FileIcon as Ht, ImageIcon as us, SpeakerHighIcon as ms, VideoCameraIcon as Yt, FileMdIcon as hs, FileTextIcon as fs, FileZipIcon as gs, FilePptIcon as bs, FileCsvIcon as ps, FileXlsIcon as vs, FileDocIcon as xs, FilePdfIcon as ws, CircleNotchIcon as fe, PlayIcon as Be, PauseIcon as Ns, LinkIcon as _s, DownloadSimpleIcon as ge, GiftIcon as ys, ThumbsUpIcon as Cs, ThumbsDownIcon as ks, TrashSimpleIcon as Es, ArrowUpIcon as Is, SparkleIcon as je, ProhibitIcon as Ss, ArrowLeftIcon as Rt, CaretRightIcon as Ve, DotsThreeIcon as Lt, PencilSimpleIcon as Ts, CaretLeftIcon as As } from "@phosphor-icons/react";
@@ -36,14 +36,14 @@ const Wt = He({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = O(null), [m, g] = O(null), [u, f] = O(!1), [c, b] = O(!1), [N, v] = O(null), x = K(!1), w = K({
+  const [l, d] = O(null), [m, g] = O(null), [u, f] = O(!1), [c, p] = O(!1), [N, v] = O(null), x = X(!1), w = X({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), M = K(0);
-  M.current++, o("📊 RENDER INFO", {
-    renderCount: M.current,
+  }), A = X(0);
+  A.current++, o("📊 RENDER INFO", {
+    renderCount: A.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: w.current.userId !== (t == null ? void 0 : t.id),
@@ -57,7 +57,7 @@ const Wt = He({
     serviceConfig: s,
     capabilities: r
   }, J(() => {
-    const I = M.current;
+    const I = A.current;
     if (o("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: I,
       apiKey: !!a,
@@ -95,7 +95,7 @@ const Wt = He({
       }), C.disconnectUser().catch(console.error);
     };
   }, [a, s, i, o]);
-  const A = K(null);
+  const T = X(null);
   J(() => {
     var C, k;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -113,7 +113,7 @@ const Wt = He({
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((C = A.current) == null ? void 0 : C.serviceId) === l && ((k = A.current) == null ? void 0 : k.userId) === t.id) {
+    if (((C = T.current) == null ? void 0 : C.serviceId) === l && ((k = T.current) == null ? void 0 : k.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -121,11 +121,11 @@ const Wt = He({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), x.current = !0, b(!0), v(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), x.current = !0, p(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const E = await l.connectUser(t);
-        g(E), f(!0), A.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        g(E), f(!0), T.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: E.userID
         });
@@ -136,7 +136,7 @@ const Wt = He({
           error: D
         });
       } finally {
-        b(!1), x.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        p(!1), x.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
@@ -149,7 +149,7 @@ const Wt = He({
     l && u ? (o(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), A.current = null, l.disconnectUser().catch(console.error)) : o("🔇 CLEANUP EFFECT SKIPPED", {
+    ), T.current = null, l.disconnectUser().catch(console.error)) : o("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!l,
       isConnected: u
     });
@@ -162,7 +162,7 @@ const Wt = He({
       o("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
+    o("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), p(!0);
     try {
       o("🔌 DISCONNECTING FOR REFRESH"), await l.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
       const I = await l.connectUser(t);
@@ -174,9 +174,9 @@ const Wt = He({
         error: C
       });
     } finally {
-      b(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      p(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), L = z.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), R = z.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
@@ -204,10 +204,10 @@ const Wt = He({
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: M.current,
+    renderCount: A.current,
     willRenderChat: !!(m && u),
-    contextValueReady: !!L
-  }), /* @__PURE__ */ n(Wt.Provider, { value: L, children: m && u ? /* @__PURE__ */ n(
+    contextValueReady: !!R
+  }), /* @__PURE__ */ n(Wt.Provider, { value: R, children: m && u ? /* @__PURE__ */ n(
     Sn,
     {
       client: m,
@@ -290,7 +290,7 @@ function Os(e) {
   const s = Ps(e) % zt.length;
   return zt[s];
 }
-const se = ({
+const ae = ({
   id: e,
   image: t,
   size: s = 40,
@@ -421,21 +421,21 @@ const $s = ({
   onDeleteConversationClick: u,
   onBlockParticipantClick: f,
   onReportParticipantClick: c,
-  customProfileContent: b,
+  customProfileContent: p,
   customChannelActions: N
 }) => {
-  var B, H, W, $;
-  const { service: v, debug: x } = We(), [w, M] = O(!1), [A, S] = O(!1), [L, I] = O(!1), C = q(async () => {
-    var p;
-    if (!(!m || !v || !((p = s == null ? void 0 : s.user) != null && p.id)))
+  var B, H, Y, $;
+  const { service: v, debug: x } = We(), [w, A] = O(!1), [T, S] = O(!1), [R, I] = O(!1), C = q(async () => {
+    var b;
+    if (!(!m || !v || !((b = s == null ? void 0 : s.user) != null && b.id)))
       try {
-        const R = (await v.getBlockedUsers()).some(
-          (T) => {
-            var j;
-            return T.blocked_user_id === ((j = s == null ? void 0 : s.user) == null ? void 0 : j.id);
+        const L = (await v.getBlockedUsers()).some(
+          (M) => {
+            var W;
+            return M.blocked_user_id === ((W = s == null ? void 0 : s.user) == null ? void 0 : W.id);
           }
         );
-        M(R);
+        A(L);
       } catch (_) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
@@ -447,11 +447,11 @@ const $s = ({
     C();
   }, [C]);
   const k = async () => {
-    var p;
-    if (!A) {
+    var b;
+    if (!T) {
       u == null || u(), x && console.log("[ChannelInfoDialog] Leave conversation", r.cid), S(!0);
       try {
-        const _ = ((p = r._client) == null ? void 0 : p.userID) ?? null;
+        const _ = ((b = r._client) == null ? void 0 : b.userID) ?? null;
         await r.hide(_, !1), o && await o(r), t();
       } catch (_) {
         console.error("[ChannelInfoDialog] Failed to leave conversation", _);
@@ -460,25 +460,25 @@ const $s = ({
       }
     }
   }, E = async () => {
-    var p, _, R;
-    if (!(L || !v)) {
-      f == null || f(), x && console.log("[ChannelInfoDialog] Block member", (p = s == null ? void 0 : s.user) == null ? void 0 : p.id), I(!0);
+    var b, _, L;
+    if (!(R || !v)) {
+      f == null || f(), x && console.log("[ChannelInfoDialog] Block member", (b = s == null ? void 0 : s.user) == null ? void 0 : b.id), I(!0);
       try {
-        await v.blockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((R = s == null ? void 0 : s.user) == null ? void 0 : R.id), t();
-      } catch (T) {
-        console.error("[ChannelInfoDialog] Failed to block member", T);
+        await v.blockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((L = s == null ? void 0 : s.user) == null ? void 0 : L.id), t();
+      } catch (M) {
+        console.error("[ChannelInfoDialog] Failed to block member", M);
       } finally {
         I(!1);
       }
     }
   }, D = async () => {
-    var p, _, R;
-    if (!(L || !v)) {
-      f == null || f(), x && console.log("[ChannelInfoDialog] Unblock member", (p = s == null ? void 0 : s.user) == null ? void 0 : p.id), I(!0);
+    var b, _, L;
+    if (!(R || !v)) {
+      f == null || f(), x && console.log("[ChannelInfoDialog] Unblock member", (b = s == null ? void 0 : s.user) == null ? void 0 : b.id), I(!0);
       try {
-        await v.unBlockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((R = s == null ? void 0 : s.user) == null ? void 0 : R.id), t();
-      } catch (T) {
-        console.error("[ChannelInfoDialog] Failed to unblock member", T);
+        await v.unBlockUser((_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), l && await l((L = s == null ? void 0 : s.user) == null ? void 0 : L.id), t();
+      } catch (M) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", M);
       } finally {
         I(!1);
       }
@@ -491,7 +491,7 @@ const $s = ({
     );
   };
   if (!s) return null;
-  const F = a ?? Te(s.user), X = (H = s.user) == null ? void 0 : H.image, U = (W = s.user) == null ? void 0 : W.username, G = U ? `linktr.ee/${U}` : void 0, P = (($ = s.user) == null ? void 0 : $.id) || "unknown";
+  const F = a ?? Te(s.user), Z = (H = s.user) == null ? void 0 : H.image, U = (Y = s.user) == null ? void 0 : Y.username, G = U ? `linktr.ee/${U}` : void 0, P = (($ = s.user) == null ? void 0 : $.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ n(
@@ -500,8 +500,8 @@ const $s = ({
         ref: e,
         className: "mes-dialog group",
         onClose: t,
-        onClick: (p) => {
-          p.target === e.current && t();
+        onClick: (b) => {
+          b.target === e.current && t();
         },
         children: /* @__PURE__ */ h("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
           /* @__PURE__ */ h("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
@@ -517,11 +517,11 @@ const $s = ({
                 children: [
                   /* @__PURE__ */ h("div", { className: "flex items-center gap-3 w-full", children: [
                     /* @__PURE__ */ n(
-                      se,
+                      ae,
                       {
                         id: P,
                         name: F,
-                        image: X,
+                        image: Z,
                         size: 88,
                         shape: "circle"
                       }
@@ -529,7 +529,7 @@ const $s = ({
                     /* @__PURE__ */ h("div", { className: "flex flex-col min-w-0 flex-1", children: [
                       /* @__PURE__ */ n("p", { className: "truncate text-base font-semibold text-charcoal", children: F }),
                       G && /* @__PURE__ */ n("p", { className: "truncate text-sm text-[#00000055]", children: G }),
-                      i && !b && /* @__PURE__ */ n(
+                      i && !p && /* @__PURE__ */ n(
                         "span",
                         {
                           className: "mt-1 rounded-full text-xs font-normal w-fit",
@@ -545,7 +545,7 @@ const $s = ({
                       )
                     ] })
                   ] }),
-                  b && /* @__PURE__ */ n("div", { className: "w-full", children: b })
+                  p && /* @__PURE__ */ n("div", { className: "w-full", children: p })
                 ]
               }
             ),
@@ -554,10 +554,10 @@ const $s = ({
                 ye,
                 {
                   onClick: k,
-                  disabled: A,
-                  "aria-busy": A,
+                  disabled: T,
+                  "aria-busy": T,
                   children: [
-                    A ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(ds, { className: "h-5 w-5" }),
+                    T ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(ds, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Delete Conversation" })
                   ]
                 }
@@ -566,10 +566,10 @@ const $s = ({
                 ye,
                 {
                   onClick: D,
-                  disabled: L,
-                  "aria-busy": L,
+                  disabled: R,
+                  "aria-busy": R,
                   children: [
-                    L ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
+                    R ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Unblock" })
                   ]
                 }
@@ -577,10 +577,10 @@ const $s = ({
                 ye,
                 {
                   onClick: E,
-                  disabled: L,
-                  "aria-busy": L,
+                  disabled: R,
+                  "aria-busy": R,
                   children: [
-                    L ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
+                    R ? /* @__PURE__ */ n(Le, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Block" })
                   ]
                 }
@@ -601,7 +601,7 @@ function js(e) {
   return e != null && e.length ? e.some((t) => t.type === Ge) ? "down" : e.some((t) => t.type === Ue) ? "up" : null : null;
 }
 function Vs(e) {
-  const { channel: t } = de(), { client: s } = qe("useMessageVote"), a = te(
+  const { channel: t } = de(), { client: s } = qe("useMessageVote"), a = ne(
     () => js(e.own_reactions),
     [e.own_reactions]
   ), r = q(async () => {
@@ -638,7 +638,7 @@ function Kt({
   const s = e == null ? void 0 : e.text, a = Us(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Gs = z.lazy(() => import("./Card-BGOWR4lW.js")), Hs = z.lazy(() => import("./Card-BhO5jeP9.js")), Ys = z.lazy(() => import("./Card-BfvsO78k.js")), Xe = () => /* @__PURE__ */ n(
+const Gs = z.lazy(() => import("./Card-D8QPP3I9.js")), Hs = z.lazy(() => import("./Card-C8Q8MH6Y.js")), Ys = z.lazy(() => import("./Card-Bm_eCczn.js")), Xe = () => /* @__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)]",
@@ -654,7 +654,7 @@ const Gs = z.lazy(() => import("./Card-BGOWR4lW.js")), Hs = z.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function ae(e) {
+function re(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Qt(e) {
@@ -680,7 +680,7 @@ const Js = {
   generic: Ht
 };
 function Qs(e) {
-  const t = ae(e);
+  const t = re(e);
   return t !== "document" ? Js[t] : Zs[Qt(e)];
 }
 function ce(e, t) {
@@ -701,71 +701,71 @@ const ea = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ae(t), u = K(null), f = K(null), c = K(null), b = K(r), [N, v] = O(a), [x, w] = O(0), [M, A] = O(!1), [S, L] = O(!1), [I, C] = O(!1), [k, E] = O(!1), [D, V] = O(!0), [F, X] = O(null), U = q(() => {
+  const g = re(t), u = X(null), f = X(null), c = X(null), p = X(r), [N, v] = O(a), [x, w] = O(0), [A, T] = O(!1), [S, R] = O(!1), [I, C] = O(!1), [k, E] = O(!1), [D, V] = O(!0), [F, Z] = O(null), U = q(() => {
     C(!1), v(!0);
-  }, []), G = q((p) => {
+  }, []), G = q((b) => {
     const _ = f.current;
     if (!_) return 0;
-    const R = _.getBoundingClientRect();
+    const L = _.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ea(p) - R.left) / R.width)
+      Math.min(1, (ea(b) - L.left) / L.width)
     );
-  }, []), P = q((p) => {
+  }, []), P = q((b) => {
     const _ = u.current;
-    _ && _.duration && (_.currentTime = p * _.duration);
-  }, []), B = (p) => {
-    p.stopPropagation(), A(!0);
-    const _ = G(p);
+    _ && _.duration && (_.currentTime = b * _.duration);
+  }, []), B = (b) => {
+    b.stopPropagation(), T(!0);
+    const _ = G(b);
     w(_), P(_);
   };
   J(() => {
-    r !== void 0 && r !== b.current && (b.current = r, v(r));
+    r !== void 0 && r !== p.current && (p.current = r, v(r));
   }, [r]), J(() => {
     if (!N) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const p = () => {
+    const b = () => {
       const _ = u.current;
-      _ && _.duration && !M && w(_.currentTime / _.duration), c.current = requestAnimationFrame(p);
+      _ && _.duration && !A && w(_.currentTime / _.duration), c.current = requestAnimationFrame(b);
     };
-    return c.current = requestAnimationFrame(p), () => {
+    return c.current = requestAnimationFrame(b), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [N, M]), J(() => {
-    const p = u.current;
-    p && (N ? p.play().catch((_) => {
+  }, [N, A]), J(() => {
+    const b = u.current;
+    b && (N ? b.play().catch((_) => {
       v(!1), C(!0);
-    }) : p.pause());
+    }) : b.pause());
   }, [N]), J(() => {
-    if (!M) return;
-    const p = (R) => w(G(R)), _ = (R) => {
-      A(!1), P(G(R));
+    if (!A) return;
+    const b = (L) => w(G(L)), _ = (L) => {
+      T(!1), P(G(L));
     };
-    return window.addEventListener("mousemove", p), window.addEventListener("mouseup", _), window.addEventListener("touchmove", p, { passive: !0 }), window.addEventListener("touchend", _), () => {
-      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", _), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", _);
+    return window.addEventListener("mousemove", b), window.addEventListener("mouseup", _), window.addEventListener("touchmove", b, { passive: !0 }), window.addEventListener("touchend", _), () => {
+      window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", _), window.removeEventListener("touchmove", b), window.removeEventListener("touchend", _);
     };
-  }, [M, G, P]);
-  const H = F ? { aspectRatio: String(F) } : void 0, W = F ? "" : " aspect-video", $ = Math.round(x * 100);
+  }, [A, G, P]);
+  const H = F ? { aspectRatio: String(F) } : void 0, Y = F ? "" : " aspect-video", $ = Math.round(x * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${W}`,
+      className: `relative cursor-pointer overflow-hidden bg-black ${Y}`,
       style: H,
-      onClick: (p) => {
+      onClick: (b) => {
         if (m) {
-          m(p);
+          m(b);
           return;
         }
         I || o && v((_) => !_);
       },
-      onKeyDown: (p) => {
-        if (!(p.key !== "Enter" && p.key !== " ")) {
-          if (p.preventDefault(), m) {
-            m(p);
+      onKeyDown: (b) => {
+        if (!(b.key !== "Enter" && b.key !== " ")) {
+          if (b.preventDefault(), m) {
+            m(b);
             return;
           }
           I || o && v((_) => !_);
@@ -819,8 +819,8 @@ const ea = (e) => {
             onWaiting: () => E(!0),
             onPlay: () => C(!1),
             onLoadedMetadata: () => {
-              const p = u.current;
-              p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && X(p.videoWidth / p.videoHeight);
+              const b = u.current;
+              b instanceof HTMLVideoElement && b.videoWidth && b.videoHeight && Z(b.videoWidth / b.videoHeight);
             },
             onEnded: () => {
               i || (v(!1), w(0));
@@ -842,11 +842,11 @@ const ea = (e) => {
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (p) => {
-              p.stopPropagation(), U();
+            onClick: (b) => {
+              b.stopPropagation(), U();
             },
-            onKeyDown: (p) => {
-              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), U());
+            onKeyDown: (b) => {
+              b.key !== "Enter" && b.key !== " " || (b.preventDefault(), b.stopPropagation(), U());
             },
             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" }) })
           }
@@ -864,9 +864,9 @@ const ea = (e) => {
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: B,
             onTouchStart: B,
-            onClick: (p) => p.stopPropagation(),
-            onKeyDown: (p) => {
-              p.key === "ArrowRight" && P(Math.min(1, x + 0.05)), p.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
+            onClick: (b) => b.stopPropagation(),
+            onKeyDown: (b) => {
+              b.key === "ArrowRight" && P(Math.min(1, x + 0.05)), b.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -882,8 +882,8 @@ const ea = (e) => {
             "button",
             {
               type: "button",
-              onClick: (p) => {
-                p.stopPropagation(), v((_) => !_);
+              onClick: (b) => {
+                b.stopPropagation(), v((_) => !_);
               },
               className: "shrink-0 text-white",
               "aria-label": N ? "Pause" : "Play",
@@ -903,17 +903,17 @@ const ea = (e) => {
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: B,
               onTouchStart: B,
-              onClick: (p) => p.stopPropagation(),
-              onMouseEnter: () => L(!0),
-              onMouseLeave: () => L(!1),
-              onKeyDown: (p) => {
-                p.key === "ArrowRight" && P(Math.min(1, x + 0.05)), p.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
+              onClick: (b) => b.stopPropagation(),
+              onMouseEnter: () => R(!0),
+              onMouseLeave: () => R(!1),
+              onKeyDown: (b) => {
+                b.key === "ArrowRight" && P(Math.min(1, x + 0.05)), b.key === "ArrowLeft" && P(Math.max(0, x - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${S || M ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${S || A ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
@@ -926,7 +926,7 @@ const ea = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${S || M ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${S || A ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${$}%` }
                   }
                 )
@@ -946,7 +946,7 @@ const ea = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ae(e), [d, m] = O(!1);
+  const l = re(e), [d, m] = O(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
     ta,
     {
@@ -1031,7 +1031,7 @@ const ea = (e) => {
   rootRef: g,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", p = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
@@ -1051,8 +1051,8 @@ const ea = (e) => {
             {
               className: y("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && b,
-                "text-white": f && !b
+                "text-white/30": f && p,
+                "text-white": f && !p
               }),
               children: c
             }
@@ -1175,14 +1175,14 @@ const ca = ({
   );
 };
 function Qe(e) {
-  var u, f, c, b;
+  var u, f, c, p;
   const t = (u = e.attachments) == null ? void 0 : u.find(
     (N) => N.type === "video" && N.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
     (N) => N.type === "image" && N.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
     (N) => N.type === "audio" && N.asset_url
-  ), r = (b = e.attachments) == null ? void 0 : b.find(
+  ), r = (p = e.attachments) == null ? void 0 : p.find(
     (N) => N.type === "file" && N.asset_url
   ), i = t ?? s ?? a ?? r, o = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!o) return null;
@@ -1230,7 +1230,7 @@ const an = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ae(t), o = a !== void 0 ? nn(a) : void 0;
+  const i = re(t), o = a !== void 0 ? nn(a) : void 0;
   return /* @__PURE__ */ n(
     tn,
     {
@@ -1259,7 +1259,7 @@ const an = ({
   const s = Ze(e), a = Qe(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(
-      se,
+      ae,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1355,10 +1355,10 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (r) {
     const f = (u = e.metadata) == null ? void 0 : u.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", p = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
       /* @__PURE__ */ n(ys, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: b })
+      /* @__PURE__ */ n("span", { children: p })
     ] });
   }
   const o = s && a, l = o ? "Sent with AI" : "Sent with DM Agent", d = [
@@ -1366,10 +1366,10 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     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 }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(ba, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(ne, { children: [
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(se, { children: [
     m,
     g
-  ] }) : /* @__PURE__ */ h(ne, { children: [
+  ] }) : /* @__PURE__ */ h(se, { children: [
     g,
     m
   ] }) });
@@ -1422,30 +1422,30 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: b,
+    renderText: p,
     threadList: N,
     viewerLanguage: v
-  } = e, { client: x } = qe("CustomMessage"), { channel: w } = de("CustomMessage"), { isUnlocking: M, onUnlockClick: A, onFetchSource: S, onDownloadClick: L } = ga("LockedAttachment"), [I, C] = O(!1), k = Mn(c.id), { selected: E, voteUp: D, voteDown: V } = Vs(c), {
+  } = e, { client: x } = qe("CustomMessage"), { channel: w } = de("CustomMessage"), { isUnlocking: A, onUnlockClick: T, onFetchSource: S, onDownloadClick: R } = ga("LockedAttachment"), [I, C] = O(!1), k = Mn(c.id), { selected: E, voteUp: D, voteDown: V } = Vs(c), {
     Attachment: F = Dn,
-    EditMessageModal: X = Rn,
+    EditMessageModal: Z = Rn,
     MessageActions: U,
     MessageBlocked: G = Ln,
     MessageBouncePrompt: P = Pn,
     MessageDeleted: B = On,
     MessageIsThreadReplyInChannelButtonIndicator: H = zn,
-    MessageRepliesCountButton: W = Fn,
+    MessageRepliesCountButton: Y = Fn,
     ReminderNotification: $ = $n,
-    StreamedMessageText: p = Bn,
+    StreamedMessageText: b = Bn,
     PinIndicator: _
-  } = Ut("CustomMessage"), R = jn(c), T = Vn(c), j = te(
+  } = Ut("CustomMessage"), L = jn(c), M = Vn(c), W = ne(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), Y = te(() => {
+  ), j = ne(() => {
     const me = c.attachments ?? [], _e = c.shared_location ? [c.shared_location, ...me] : me;
     if (!Ce(c)) return _e;
     const Tt = _e.filter((At) => !("type" in At) || !sn(At));
     return Tt.length === _e.length ? _e : Tt;
-  }, [c]), Z = te(() => {
+  }, [c]), K = ne(() => {
     const me = Kt({ message: c, viewerLanguage: v });
     return me === c.text ? c : { ...c, text: me };
   }, [c, v]);
@@ -1455,7 +1455,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     return /* @__PURE__ */ n(B, { message: c });
   if (Gn(c))
     return /* @__PURE__ */ n(G, {});
-  const re = !N && !!c.reply_count, ee = !N && c.show_in_channel && c.parent_id, ct = c.status === "failed" && ((gt = c.error) == null ? void 0 : gt.status) !== 403, dt = Hn(c);
+  const ee = !N && !!c.reply_count, Q = !N && c.show_in_channel && c.parent_id, ct = c.status === "failed" && ((gt = c.error) == null ? void 0 : gt.status) !== 403, dt = Hn(c);
   let ie;
   ct ? ie = () => m(c) : dt && (ie = () => C(!0));
   const ue = f(), En = y(
@@ -1465,20 +1465,20 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ue ? "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": R,
+      "str-chat__message--has-attachment": L,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": T,
+      "str-chat__message--with-reactions": M,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((bt = c == null ? void 0 : c.error) == null ? void 0 : bt.status) !== 403,
-      "str-chat__message-with-thread-link": re || ee,
+      "str-chat__message-with-thread-link": ee || Q,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), ut = c.poll_id && x.polls.fromState(c.poll_id), mt = wa(c), oe = Ce(c), ht = xa(c), Me = !!(Y != null && Y.length && !c.quoted_message), ft = oe && ue && Me;
-  return /* @__PURE__ */ h(ne, { children: [
+  ), ut = c.poll_id && x.polls.fromState(c.poll_id), mt = wa(c), oe = Ce(c), ht = xa(c), Me = !!(j != null && j.length && !c.quoted_message), ft = oe && ue && Me;
+  return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
-      X,
+      Z,
       {
         additionalMessageInputProps: t
       }
@@ -1500,7 +1500,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
           _ && /* @__PURE__ */ n(_, {}),
           !!k && /* @__PURE__ */ n($, { reminder: k }),
           c.user && /* @__PURE__ */ n(
-            se,
+            ae,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1540,7 +1540,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (wt = c.metadata) == null ? void 0 : wt.amount_text,
                       detail: (Nt = c.metadata) == null ? void 0 : Nt.attachment_detail,
                       paymentStatus: (_t = c.metadata) == null ? void 0 : _t.payment_status,
-                      onPreviewClick: () => A == null ? void 0 : A(c, w),
+                      onPreviewClick: () => T == null ? void 0 : T(c, w),
                       onFetchSource: async () => await (S == null ? void 0 : S(c, w))
                     }
                   )
@@ -1554,10 +1554,10 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       amountText: (Et = c.metadata) == null ? void 0 : Et.amount_text,
                       detail: (It = c.metadata) == null ? void 0 : It.attachment_detail,
                       paymentStatus: (St = c.metadata) == null ? void 0 : St.payment_status,
-                      isUnlocking: M(c.id),
-                      onUnlockClick: () => A == null ? void 0 : A(c, w),
+                      isUnlocking: A(c.id),
+                      onUnlockClick: () => T == null ? void 0 : T(c, w),
                       onFetchSource: async () => await (S == null ? void 0 : S(c, w)),
-                      onDownloadClick: () => L == null ? void 0 : L(c, w)
+                      onDownloadClick: () => R == null ? void 0 : R(c, w)
                     }
                   ),
                   U && /* @__PURE__ */ n(U, {})
@@ -1565,8 +1565,8 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   Mt,
                   {
-                    message: Z,
-                    renderText: b
+                    message: K,
+                    renderText: p
                   }
                 ) })
               ] }) : mt ? (
@@ -1582,24 +1582,24 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   }
                 ),
                 ut && /* @__PURE__ */ n(qn, { poll: ut }),
-                Y != null && Y.length && !c.quoted_message ? /* @__PURE__ */ n(
+                j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
                   F,
                   {
                     actionHandler: l,
-                    attachments: Y
+                    attachments: j
                   }
                 ) : null,
-                j ? /* @__PURE__ */ n(
-                  p,
+                W ? /* @__PURE__ */ n(
+                  b,
                   {
-                    message: Z,
-                    renderText: b
+                    message: K,
+                    renderText: p
                   }
                 ) : /* @__PURE__ */ n(
                   Mt,
                   {
-                    message: Z,
-                    renderText: b
+                    message: K,
+                    renderText: p
                   }
                 ),
                 /* @__PURE__ */ n(Wn, {})
@@ -1624,14 +1624,14 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             )
           ] }),
-          re && /* @__PURE__ */ n(
-            W,
+          ee && /* @__PURE__ */ n(
+            Y,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ee && /* @__PURE__ */ n(H, {})
+          Q && /* @__PURE__ */ n(H, {})
         ]
       },
       c.id
@@ -1791,7 +1791,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }) => {
   var o;
   const { channel: r } = de(), i = ((o = r == null ? void 0 : r.data) == null ? void 0 : o.frozen) === !0;
-  return s ? /* @__PURE__ */ h(ne, { children: [
+  return s ? /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
   ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
@@ -1843,7 +1843,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if (t === -1)
     return e;
   const s = t + Oe.length;
-  return /* @__PURE__ */ h(ne, { children: [
+  return /* @__PURE__ */ h(se, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -1938,10 +1938,10 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
   Re.Generating,
   Re.ExternalSources
 ]), Ga = ({ threadList: e }) => {
-  var b, N;
+  var p, N;
   const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = qe(), { typing: i = {} } = ss(), { aiState: o } = as(t), l = Se(dn);
   if (!e && l && Ua.has(o)) {
-    const v = Ha(t, (b = r.user) == null ? void 0 : b.id);
+    const v = Ha(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
       jt,
       {
@@ -1990,7 +1990,7 @@ const ba = ({ size: e = 15 }) => /* @__PURE__ */ n(
     style: { insetInlineStart: 0, insetInlineEnd: "auto" },
     children: [
       /* @__PURE__ */ n("div", { className: "shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ n(
-        se,
+        ae,
         {
           id: e,
           name: t,
@@ -2083,17 +2083,17 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   showStarButton: r = !1,
   dmAgentEnabled: i = !1
 }) => {
-  var f, c, b, N, v;
+  var f, c, p, N, v;
   const { channel: o } = de(), l = z.useMemo(() => {
-    var M, A;
-    const x = (M = o._client) == null ? void 0 : M.userID;
-    return x ? Object.values(((A = o.state) == null ? void 0 : A.members) || {}).find(
+    var A, T;
+    const x = (A = o._client) == null ? void 0 : A.userID;
+    return x ? Object.values(((T = o.state) == null ? void 0 : T.members) || {}).find(
       (S) => {
-        var L;
-        return ((L = S.user) == null ? void 0 : L.id) && S.user.id !== x;
+        var R;
+        return ((R = S.user) == null ? void 0 : R.id) && S.user.id !== x;
       }
     ) : void 0;
-  }, [(f = o._client) == null ? void 0 : f.userID, (c = o.state) == null ? void 0 : c.members]), d = Te(l == null ? void 0 : l.user), m = (b = l == null ? void 0 : l.user) == null ? void 0 : b.image, g = Xt(o), u = async () => {
+  }, [(f = o._client) == null ? void 0 : f.userID, (c = o.state) == null ? void 0 : c.members]), d = Te(l == null ? void 0 : l.user), m = (p = l == null ? void 0 : l.user) == null ? void 0 : p.image, g = Xt(o), u = async () => {
     try {
       g ? await o.unpin() : await o.pin();
     } catch (x) {
@@ -2121,7 +2121,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ n(
-          se,
+          ae,
           {
             id: ((N = l == null ? void 0 : l.user) == null ? void 0 : N.id) || o.id || "unknown",
             name: d,
@@ -2197,7 +2197,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           }
         ),
         /* @__PURE__ */ n(
-          se,
+          ae,
           {
             id: ((v = l == null ? void 0 : l.user) == null ? void 0 : v.id) || o.id || "unknown",
             name: d,
@@ -2275,62 +2275,62 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
   showFollowerStatus: c = !0,
-  composerDisabled: b = !1,
+  composerDisabled: p = !1,
   composerDisabledReason: N,
   showStarButton: v = !1,
   chatbotVotingEnabled: x = !1,
   renderChannelBanner: w,
-  customProfileContent: M,
-  customChannelActions: A,
+  customProfileContent: A,
+  customChannelActions: T,
   renderMessage: S,
-  dmAgentEnabled: L = !1,
+  dmAgentEnabled: R = !1,
   viewerLanguage: I
 }) => {
-  var H, W, $, p, _, R;
-  const { channel: C } = de(), k = K(null), E = z.useMemo(() => {
-    var Y, Z;
-    const T = (Y = C._client) == null ? void 0 : Y.userID;
-    return T ? Object.values(((Z = C.state) == null ? void 0 : Z.members) || {}).find(
-      (re) => {
-        var ee;
-        return ((ee = re.user) == null ? void 0 : ee.id) && re.user.id !== T;
+  var H, Y, $, b, _, L;
+  const { channel: C } = de(), k = X(null), E = z.useMemo(() => {
+    var j, K;
+    const M = (j = C._client) == null ? void 0 : j.userID;
+    return M ? Object.values(((K = C.state) == null ? void 0 : K.members) || {}).find(
+      (ee) => {
+        var Q;
+        return ((Q = ee.user) == null ? void 0 : Q.id) && ee.user.id !== M;
       }
     ) : void 0;
-  }, [(H = C._client) == null ? void 0 : H.userID, (W = C.state) == null ? void 0 : W.members]), D = z.useMemo(() => {
-    var Y, Z;
-    const T = (Y = C._client) == null ? void 0 : Y.userID;
-    return T ? Object.values(((Z = C.state) == null ? void 0 : Z.members) || {}).find((re) => {
-      var ee;
-      return ((ee = re.user) == null ? void 0 : ee.id) === T;
+  }, [(H = C._client) == null ? void 0 : H.userID, (Y = C.state) == null ? void 0 : Y.members]), D = z.useMemo(() => {
+    var j, K;
+    const M = (j = C._client) == null ? void 0 : j.userID;
+    return M ? Object.values(((K = C.state) == null ? void 0 : K.members) || {}).find((ee) => {
+      var Q;
+      return ((Q = ee.user) == null ? void 0 : Q.id) === M;
     }) : void 0;
-  }, [($ = C._client) == null ? void 0 : $.userID, (p = C.state) == null ? void 0 : p.members]), V = ((_ = D == null ? void 0 : D.user) == null ? void 0 : _.is_account) ?? (D == null ? void 0 : D.is_account), F = ((R = E == null ? void 0 : E.user) == null ? void 0 : R.is_account) ?? (E == null ? void 0 : E.is_account), X = L && V === !1 && F === !0, U = z.useMemo(() => {
+  }, [($ = C._client) == null ? void 0 : $.userID, (b = C.state) == null ? void 0 : b.members]), V = ((_ = D == null ? void 0 : D.user) == null ? void 0 : _.is_account) ?? (D == null ? void 0 : D.is_account), F = ((L = E == null ? void 0 : E.user) == null ? void 0 : L.is_account) ?? (E == null ? void 0 : E.is_account), Z = R && V === !1 && F === !0, U = z.useMemo(() => {
     if (!c) return;
-    const T = C.data ?? {};
-    if (T.followerStatus)
-      return String(T.followerStatus);
-    if (T.isFollower !== void 0)
-      return T.isFollower ? "Subscribed to you" : "Not subscribed";
+    const M = C.data ?? {};
+    if (M.followerStatus)
+      return String(M.followerStatus);
+    if (M.isFollower !== void 0)
+      return M.isFollower ? "Subscribed to you" : "Not subscribed";
   }, [C.data, c]), G = q(() => {
-    var T;
-    (T = k.current) == null || T.showModal();
+    var M;
+    (M = k.current) == null || M.showModal();
   }, []), P = q(() => {
-    var T;
-    (T = k.current) == null || T.close();
+    var M;
+    (M = k.current) == null || M.close();
   }, []), B = q(
-    (T) => {
-      const { message: j } = be("ChannelView"), Y = /* @__PURE__ */ n(
+    (M) => {
+      const { message: W } = be("ChannelView"), j = /* @__PURE__ */ n(
         Ca,
         {
-          ...T,
+          ...M,
           chatbotVotingEnabled: x,
           viewerLanguage: I
         }
       );
-      return !S || !j ? Y : S(Y, j);
+      return !S || !W ? j : S(j, W);
     },
     [x, S, I]
   );
-  return /* @__PURE__ */ h(ne, { children: [
+  return /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n(
       is,
       {
@@ -2347,7 +2347,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               onShowInfo: G,
               canShowInfo: !!E,
               showStarButton: v,
-              dmAgentEnabled: X
+              dmAgentEnabled: Z
             }
           ) }, "lt-channel-header"),
           w ? /* @__PURE__ */ n(z.Fragment, { children: w() }, "lt-channel-banner") : null,
@@ -2371,7 +2371,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             {
               renderActions: () => s == null ? void 0 : s(C),
               renderFooter: () => a == null ? void 0 : a(C),
-              disabled: b,
+              disabled: p,
               disabledReason: N
             },
             "lt-channel-message-input"
@@ -2396,8 +2396,8 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         onDeleteConversationClick: d,
         onBlockParticipantClick: m,
         onReportParticipantClick: g,
-        customProfileContent: M,
-        customChannelActions: A
+        customProfileContent: A,
+        customChannelActions: T
       }
     )
   ] });
@@ -2417,15 +2417,15 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: b = !0,
+    showBlockParticipant: p = !0,
     showReportParticipant: N = !0,
     showFollowerStatus: v = !0,
     composerDisabled: x = !1,
     composerDisabledReason: w,
-    dmAgentEnabled: M,
-    messageMetadata: A,
+    dmAgentEnabled: A,
+    messageMetadata: T,
     onMessageSent: S,
-    showStarButton: L = !1,
+    showStarButton: R = !1,
     chatbotVotingEnabled: I = !1,
     renderChannelBanner: C,
     customProfileContent: k,
@@ -2433,38 +2433,38 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     renderMessage: D,
     onMessageLinkClick: V,
     sendButton: F,
-    attachmentPreviewList: X,
+    attachmentPreviewList: Z,
     viewerLanguage: U
   }) => {
     const G = q(
-      async (B, H, W) => {
-        var j;
-        const $ = ((j = e.data) == null ? void 0 : j.chatbot_paused) === !0, p = M && !$, _ = {
+      async (B, H, Y) => {
+        var W;
+        const $ = ((W = e.data) == null ? void 0 : W.chatbot_paused) === !0, b = A && !$, _ = {
           ...H,
-          ...p && { silent: !0 },
-          ...A && {
+          ...b && { silent: !0 },
+          ...T && {
             metadata: {
               ...H.metadata ?? {},
-              ...A
+              ...T
             }
           }
-        }, R = {
-          ...W,
-          ...p && { skip_push: !0 }
-        }, T = await e.sendMessage(_, R);
-        return S == null || S(T), T;
+        }, L = {
+          ...Y,
+          ...b && { skip_push: !0 }
+        }, M = await e.sendMessage(_, L);
+        return S == null || S(M), M;
       },
-      [e, M, A, S]
-    ), P = K(null);
+      [e, A, T, S]
+    ), P = X(null);
     return J(() => {
       if (!V) return;
       const B = P.current;
       if (!B) return;
-      const H = (W) => {
-        const $ = W.target, p = $ == null ? void 0 : $.closest("a[href]"), _ = p == null ? void 0 : p.getAttribute("href");
+      const H = (Y) => {
+        const $ = Y.target, b = $ == null ? void 0 : $.closest("a[href]"), _ = b == null ? void 0 : b.getAttribute("href");
         if (!_) return;
-        const R = p == null ? void 0 : p.closest("[data-message-id]"), T = R == null ? void 0 : R.getAttribute("data-message-id"), j = T ? e.state.messages.find((Y) => Y.id === T) : void 0;
-        V(_, j);
+        const L = b == null ? void 0 : b.closest("[data-message-id]"), M = L == null ? void 0 : L.getAttribute("data-message-id"), W = M ? e.state.messages.find((j) => j.id === M) : void 0;
+        V(_, W);
       };
       return B.addEventListener("click", H), () => B.removeEventListener("click", H);
     }, [V, e]), /* @__PURE__ */ n(
@@ -2475,7 +2475,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(dn.Provider, { value: M ?? !1, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(dn.Provider, { value: A ?? !1, children: /* @__PURE__ */ n(
           rs,
           {
             channel: e,
@@ -2486,7 +2486,7 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             TypingIndicator: Ga,
             doSendMessageRequest: G,
             ...F ? { SendButton: F } : {},
-            ...X ? { AttachmentPreviewList: X } : {},
+            ...Z ? { AttachmentPreviewList: Z } : {},
             children: /* @__PURE__ */ n(
               Xa,
               {
@@ -2502,13 +2502,13 @@ const le = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: b,
+                showBlockParticipant: p,
                 showReportParticipant: N,
                 showFollowerStatus: v,
                 composerDisabled: x,
                 composerDisabledReason: w,
-                showStarButton: L,
-                dmAgentEnabled: M,
+                showStarButton: R,
+                dmAgentEnabled: A,
                 chatbotVotingEnabled: I,
                 renderChannelBanner: C,
                 customProfileContent: k,
@@ -2554,91 +2554,101 @@ const _i = ({
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderChannelBanner: b,
+  renderChannelBanner: p,
   customChannelActions: N,
   renderMessage: v,
   onMessageLinkClick: x
 }) => {
   const {
     client: w,
-    isConnected: M,
-    isLoading: A,
+    isConnected: A,
+    isLoading: T,
     error: S,
-    refreshConnection: L,
+    refreshConnection: R,
     service: I,
     debug: C
-  } = Ds(), [k, E] = O(null), [D, V] = O(null), [F, X] = O(!1), { showDeleteConversation: U = !0 } = e, G = K(o);
+  } = Ds(), [k, E] = O(null), [D, V] = O(null), [F, Z] = O(!1), { showDeleteConversation: U = !0 } = e, G = X(o);
   G.current = o;
-  const P = K(a);
-  P.current = a, J(() => {
-    if (!w || !M) return;
+  const P = X(a);
+  P.current = a;
+  const B = X(null), H = X(null);
+  J(() => {
+    H.current = k;
+  }, [k]), J(() => {
+    if (!w || !A) return;
+    const b = w.userID;
+    if (!b) return;
+    const _ = `${b}::${i}`;
+    if (B.current === _) return;
+    B.current = _;
+    const L = () => {
+      B.current === _ && (B.current = null);
+    };
     (async () => {
-      var p, _;
-      const $ = w.userID;
-      if ($)
-        try {
-          C && console.log(
-            "[MessagingShell] Loading initial conversation with:",
+      var W, j;
+      try {
+        C && console.log(
+          "[MessagingShell] Loading initial conversation with:",
+          i
+        );
+        const K = await w.queryChannels(
+          {
+            type: "messaging",
+            members: { $eq: [b, i] }
+          },
+          {},
+          { limit: 1 }
+        );
+        if (K.length > 0) {
+          E(K[0]), V(null), (W = P.current) == null || W.call(P, K[0]), C && console.log(
+            "[MessagingShell] Initial conversation loaded:",
+            K[0].id
+          );
+          return;
+        }
+        const ee = G.current;
+        if (!ee || !I) {
+          L(), V("No conversation found with this account"), C && console.log(
+            "[MessagingShell] No conversation found for:",
             i
           );
-          const R = await w.queryChannels(
-            {
-              type: "messaging",
-              members: { $eq: [$, i] }
-            },
-            {},
-            { limit: 1 }
+          return;
+        }
+        try {
+          const Q = await I.startChannelWithParticipant({
+            id: ee.id,
+            name: ee.name,
+            phone: ee.phone
+          });
+          E(Q), V(null), (j = P.current) == null || j.call(P, Q), C && console.log(
+            "[MessagingShell] Channel created and loaded:",
+            Q.id
           );
-          if (R.length > 0) {
-            E(R[0]), V(null), (p = P.current) == null || p.call(P, R[0]), C && console.log(
-              "[MessagingShell] Initial conversation loaded:",
-              R[0].id
-            );
-            return;
-          }
-          const T = G.current;
-          if (!T || !I) {
-            V("No conversation found with this account"), C && console.log(
-              "[MessagingShell] No conversation found for:",
-              i
-            );
-            return;
-          }
-          try {
-            const j = await I.startChannelWithParticipant({
-              id: T.id,
-              name: T.name,
-              phone: T.phone
-            });
-            E(j), V(null), (_ = P.current) == null || _.call(P, j), C && console.log(
-              "[MessagingShell] Channel created and loaded:",
-              j.id
-            );
-          } catch (j) {
-            console.error(
-              "[MessagingShell] Failed to create conversation:",
-              j
-            ), V("Failed to create conversation");
-          }
-        } catch (R) {
+        } catch (Q) {
           console.error(
-            "[MessagingShell] Failed to load initial conversation:",
-            R
-          ), V("Failed to load conversation");
+            "[MessagingShell] Failed to create conversation:",
+            Q
+          ), L(), V("Failed to create conversation");
         }
+      } catch (K) {
+        console.error(
+          "[MessagingShell] Failed to load initial conversation:",
+          K
+        ), L(), H.current || V("Failed to load conversation");
+      }
     })();
-  }, [i, w, M, I, C]);
-  const B = K(r);
-  B.current = r;
-  const H = q(() => {
-    var W;
-    E(null), X(!0), (W = B.current) == null || W.call(B);
+  }, [i, w, A, I, C]);
+  const Y = X(r);
+  Y.current = r;
+  const $ = q(() => {
+    var b;
+    E(null), Z(!0), (b = Y.current) == null || b.call(Y);
   }, []);
-  return A ? /* @__PURE__ */ n(ke, {}) : S ? /* @__PURE__ */ n(he, { message: S, onBack: L }) : !M || !w ? /* @__PURE__ */ n(
+  return T ? /* @__PURE__ */ n(ke, {}) : S ? /* @__PURE__ */ n(he, { message: S, onBack: R }) : !A || !w ? /* @__PURE__ */ n(
     he,
     {
       message: "Not connected to messaging service",
-      onBack: L
+      onBack: R
     }
   ) : D ? /* @__PURE__ */ n(he, { message: D }) : F && !k ? /* @__PURE__ */ n(he, { message: "Conversation ended" }) : k ? /* @__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(
     un,
@@ -2646,9 +2656,9 @@ const _i = ({
       channel: k,
       renderMessageInputActions: t,
       renderConversationFooter: s,
-      renderChannelBanner: b,
-      onLeaveConversation: H,
-      onBlockParticipant: H,
+      renderChannelBanner: p,
+      onLeaveConversation: $,
+      onBlockParticipant: $,
       CustomChannelEmptyState: l,
       showDeleteConversation: U,
       onBlockParticipantClick: d,
@@ -2700,7 +2710,7 @@ const mn = z.createContext({
   });
 }, hn = z.memo(
   ({ channel: e, unread: t }) => {
-    var L, I, C;
+    var R, I, C;
     const {
       selectedChannel: s,
       onChannelSelect: a,
@@ -2712,12 +2722,12 @@ const mn = z.createContext({
     }, m = (k) => {
       const E = k.key === "Enter" || k.key === " ", D = k.repeat;
       !E || D || (k.preventDefault(), d());
-    }, u = Object.values(((L = e == null ? void 0 : e.state) == null ? void 0 : L.members) || {}).find(
+    }, u = Object.values(((R = e == null ? void 0 : e.state) == null ? void 0 : R.members) || {}).find(
       (k) => {
         var E, D;
         return ((E = k.user) == null ? void 0 : E.id) && k.user.id !== ((D = e == null ? void 0 : e._client) == null ? void 0 : D.userID);
       }
-    ), f = Te(u == null ? void 0 : u.user), c = (I = u == null ? void 0 : u.user) == null ? void 0 : I.image, b = (() => {
+    ), f = Te(u == null ? void 0 : u.user), c = (I = u == null ? void 0 : u.user) == null ? void 0 : I.image, p = (() => {
       var E;
       const k = (E = e == null ? void 0 : e.state) == null ? void 0 : E.messages;
       if (k != null && k.length) {
@@ -2725,18 +2735,18 @@ const mn = z.createContext({
           if (k[D].type !== "system") return k[D];
       }
     })(), v = (() => {
-      var X, U, G, P;
+      var Z, U, G, P;
       const k = Kt({
-        message: b,
+        message: p,
         viewerLanguage: o
       });
-      if (((X = b == null ? void 0 : b.metadata) == null ? void 0 : X.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
-      if (((U = b == null ? void 0 : b.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
-      if (((G = b == null ? void 0 : b.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_ATTACHMENT") return k ? `📎 ${k}` : "📎 Sent an attachment";
+      if (((Z = p == null ? void 0 : p.metadata) == null ? void 0 : Z.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
+      if (((U = p == null ? void 0 : p.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
+      if (((G = p == null ? void 0 : p.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_ATTACHMENT") return k ? `📎 ${k}` : "📎 Sent an attachment";
       if (k) return k;
-      const F = (P = b == null ? void 0 : b.attachments) == null ? void 0 : P[0];
+      const F = (P = p == null ? void 0 : p.attachments) == null ? void 0 : P[0];
       return F ? F.og_scrape_url ? F.og_scrape_url : F.type === "image" ? "📷 Sent an image" : F.type === "video" ? "🎥 Sent a video" : F.type === "audio" ? "🎵 Sent audio" : F.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), x = b != null && b.created_at ? er(new Date(b.created_at)) : "", w = b ? Ce(b) : !1, M = i ? i(b, v) : `${w ? "✨ " : ""}${v}`, A = Xt(e), S = t ?? 0;
+    })(), x = p != null && p.created_at ? er(new Date(p.created_at)) : "", w = p ? Ce(p) : !1, A = i ? i(p, v) : `${w ? "✨ " : ""}${v}`, T = Xt(e), S = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
@@ -2759,13 +2769,13 @@ const mn = z.createContext({
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-3", children: [
           /* @__PURE__ */ n(
-            se,
+            ae,
             {
               id: ((C = u == null ? void 0 : u.user) == null ? void 0 : C.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 44,
-              starred: A,
+              starred: T,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
@@ -2779,7 +2789,7 @@ const mn = z.createContext({
                     l ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    A && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    T && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     f
                   ]
                 }
@@ -2787,7 +2797,7 @@ const mn = z.createContext({
               x && /* @__PURE__ */ n("span", { className: "text-xs text-stone flex-shrink-0", children: x })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: M }),
+              /* @__PURE__ */ n("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: A }),
               S > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: S > 99 ? "99+" : S })
             ] })
           ] })
@@ -2813,10 +2823,10 @@ const tr = { last_message_at: -1 }, nr = z.memo(
     const g = z.useRef(0);
     g.current++;
     const { debug: u = !1 } = We(), f = z.useCallback(
-      (b) => {
-        for (const N of b)
+      (p) => {
+        for (const N of p)
           Ka(N);
-        return r ? r(b) : b;
+        return r ? r(p) : p;
       },
       [r]
     );
@@ -2927,8 +2937,8 @@ const rr = {
   cta: o,
   trailingAction: l
 }) => {
-  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
-  if (!g && !u && !c && !b) return null;
+  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", p = o != null;
+  if (!g && !u && !c && !p) return null;
   const v = y(
     "truncate text-base font-medium leading-6",
     d && !t ? lr : or[e]
@@ -2946,7 +2956,7 @@ const rr = {
           ] }),
           u && /* @__PURE__ */ n("p", { className: x, children: a })
         ] }),
-        !b && c && /* @__PURE__ */ n("p", { className: x, children: f })
+        !p && c && /* @__PURE__ */ n("p", { className: x, children: f })
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
@@ -3025,9 +3035,9 @@ const rr = {
 }, mr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ae = (e, t) => !!t && !!e && ae(e) === "audio", fn = (e, t) => {
+}, Ae = (e, t) => !!t && !!e && re(e) === "audio", fn = (e, t) => {
   if (!t || !e) return !1;
-  const s = ae(e);
+  const s = re(e);
   return s === "video" || s === "audio";
 }, nt = "bg-[#F2F3F4]", Ie = ({
   variant: e,
@@ -3038,7 +3048,7 @@ const rr = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = ae(r), d = !!s && l === "video";
+  const l = re(r), d = !!s && l === "video";
   return Ae(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -3107,7 +3117,7 @@ const rr = {
   onDismiss: g,
   onEditClick: u
 }) => {
-  const f = l === "classic", c = Ae(r, o), b = g ? /* @__PURE__ */ n(
+  const f = l === "classic", c = Ae(r, o), p = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3136,12 +3146,12 @@ const rr = {
         mimeType: r
       }
     ) }),
-    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
+    p && /* @__PURE__ */ n("div", { className: "shrink-0", children: p })
   ] }) }) : /* @__PURE__ */ h(
     Ee,
     {
       variant: "dark",
-      topRight: f ? b : void 0,
+      topRight: f ? p : void 0,
       children: [
         !f && /* @__PURE__ */ n(
           Ie,
@@ -3151,7 +3161,7 @@ const rr = {
             sourceUrl: o,
             title: e,
             mimeType: r,
-            topRight: b
+            topRight: p
           }
         ),
         /* @__PURE__ */ n(
@@ -3182,7 +3192,7 @@ const rr = {
   cta: d,
   onClick: m
 }) => {
-  const g = fn(a, i), u = et(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, b = Ae(a, i) ? nt : void 0, N = d && m ? {
+  const g = fn(a, i), u = et(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, p = Ae(a, i) ? nt : void 0, N = d && m ? {
     ...d,
     onClick: () => {
       var v;
@@ -3196,7 +3206,7 @@ const rr = {
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: b,
+      bgClassName: p,
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
@@ -3236,13 +3246,13 @@ const rr = {
   cta: m,
   onClick: g
 }) => {
-  const u = fn(r, o), f = et(a), c = m == null && f != null && !u ? f : void 0, b = m == null && !u && c != null ? g : void 0;
+  const u = fn(r, o), f = et(a), c = m == null && f != null && !u ? f : void 0, p = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
     Ee,
     {
       variant: "dark",
       href: c,
-      onClick: b,
+      onClick: p,
       bgClassName: Ae(r, o) ? nt : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
@@ -3409,7 +3419,7 @@ const rr = {
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, p) => /* @__PURE__ */ n(
         _r,
         {
           item: c,
@@ -3417,10 +3427,10 @@ const rr = {
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && b === 0 ? /* @__PURE__ */ n(xe, { onClick: d, variant: "inline" }) : void 0
+            g && p === 0 ? /* @__PURE__ */ n(xe, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${b}`
+        `${c.src}-${p}`
       )) })
     }
   );
@@ -3451,7 +3461,7 @@ function Tr(e, t) {
     }
   }
   if (!e) return;
-  if (ae(e) === "document") {
+  if (re(e) === "document") {
     const r = Qt(e), i = Sr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
@@ -3464,7 +3474,7 @@ function Ar(e, t, s) {
   const a = Tr(e, t), r = typeof s == "number" && s > 0 ? Ir(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function Q(e) {
+function te(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -3531,7 +3541,7 @@ const Mr = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(ne, { children: [
+  ) : /* @__PURE__ */ h(se, { children: [
     g,
     u
   ] });
@@ -3541,7 +3551,7 @@ const Mr = {
   ] });
 };
 async function bn(e, t) {
-  const s = t ?? Q(e);
+  const s = t ?? te(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -3568,7 +3578,7 @@ const Lr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Q(t.src);
+  const i = t.filename ?? te(t.src);
   return /* @__PURE__ */ n(
     gn,
     {
@@ -3602,11 +3612,11 @@ const Lr = ({
     mimeType: r,
     title: i,
     items: o
-  }), b = (v) => {
+  }), p = (v) => {
     if ((m == null ? void 0 : m(v)) === !1) return;
     const x = c[v];
     if (!x) return;
-    const w = x.filename ?? Q(x.src);
+    const w = x.filename ?? te(x.src);
     bn(x.src, w);
   };
   if (c.length === 0)
@@ -3635,7 +3645,7 @@ const Lr = ({
           variant: u,
           item: v,
           index: x,
-          onActivate: b,
+          onActivate: p,
           trailingAction: f && x === 0 ? /* @__PURE__ */ n(xe, { onClick: g, variant: "inline" }) : N
         },
         `${v.src}-${x}`
@@ -3651,7 +3661,7 @@ const Lr = ({
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(ne, { children: [
+}) => /* @__PURE__ */ h(se, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3791,7 +3801,7 @@ const Lr = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = K(null), d = K(null);
+  const l = X(null), d = X(null);
   return J(() => {
     var f;
     const u = l.current;
@@ -3882,8 +3892,8 @@ const Lr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = te(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "image"),
+  }), l = t[r], d = ne(
+    () => (l == null ? void 0 : l.filename) ?? (l ? te(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -4076,7 +4086,7 @@ const Lr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Vr({ src: t, alt: s, items: r }), g = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = Ne(
+  const m = Vr({ src: t, alt: s, items: r }), g = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: p } = Ne(
     d
   );
   if (m.length === 0)
@@ -4099,7 +4109,7 @@ const Lr = ({
             open: u,
             items: wn(m, a),
             initialIndex: f,
-            onClose: b
+            onClose: p
           }
         )
       ]
@@ -4119,10 +4129,10 @@ const Lr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = te(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "document"),
+  }), l = t[r], d = ne(
+    () => (l == null ? void 0 : l.filename) ?? (l ? te(l.src) : "document"),
     [l]
-  ), m = te(
+  ), m = ne(
     () => l ? Xr(l.src) : void 0,
     [l]
   );
@@ -4173,7 +4183,7 @@ const Lr = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Q(t.src);
+  const i = t.filename ?? te(t.src);
   return /* @__PURE__ */ n(
     gn,
     {
@@ -4199,14 +4209,14 @@ const Lr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = we(e), u = Kr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ne(
+  const g = we(e), u = Kr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: N } = Ne(
     d
   ), v = e === "composer" && !!m;
   if (u.length === 0)
     return null;
   const x = u.map((w) => ({
     src: w.src,
-    filename: w.filename ?? Q(w.src)
+    filename: w.filename ?? te(w.src)
   }));
   return /* @__PURE__ */ h(
     ve,
@@ -4216,14 +4226,14 @@ const Lr = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, M) => {
-          const A = w.filename ?? Q(w.src), S = v && M === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, A) => {
+          const T = w.filename ?? te(w.src), S = v && A === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             pn,
             {
               url: w.src,
-              filename: A,
+              filename: T,
               variant: "inline",
-              label: `Download ${A}`,
+              label: `Download ${T}`,
               tone: g
             }
           );
@@ -4232,11 +4242,11 @@ const Lr = ({
             {
               variant: g,
               item: w,
-              index: M,
-              onActivate: b,
+              index: A,
+              onActivate: p,
               trailingAction: S
             },
-            `${w.src}-${M}`
+            `${w.src}-${A}`
           );
         }) }),
         /* @__PURE__ */ n(
@@ -4265,8 +4275,8 @@ const Lr = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = te(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "video"),
+  }), l = t[r], d = ne(
+    () => (l == null ? void 0 : l.filename) ?? (l ? te(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -4384,7 +4394,7 @@ const Lr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = ai({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ne(
+  const g = ai({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: N } = Ne(
     m
   );
   if (g.length === 0)
@@ -4404,7 +4414,7 @@ const Lr = ({
           xn,
           {
             tiles: v,
-            onTileActivate: b,
+            onTileActivate: p,
             className: "overflow-hidden rounded-md"
           }
         ) }),
@@ -4464,7 +4474,7 @@ const Lr = ({
   const l = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      se,
+      ae,
       {
         id: o || "account",
         name: o || "Account",
@@ -4503,12 +4513,12 @@ export {
   yi as L,
   wi as M,
   ye as a,
-  se as b,
+  ae as b,
   nr as c,
   un as d,
   Ni as e,
   di as f,
-  ae as g,
+  re as g,
   Ft as h,
   ki as i,
   Na as j,
@@ -4529,4 +4539,4 @@ export {
   Te as y,
   ga as z
 };
-//# sourceMappingURL=index-CJEl_fID.js.map
+//# sourceMappingURL=index-Cj6b1oEe.js.map