@linktr.ee/messaging-react 4.3.0 → 4.3.1-rc-1787498296

package/dist/{index-Cc8BzIhS.js → index-CSGqkLxv.js}

@@ -2,8 +2,8 @@ import { jsx as s, jsxs as h, Fragment as Y } from "react/jsx-runtime";
 import L, { createContext as Se, useMemo as re, useContext as he, useCallback as J, useState as $, useRef as j, useEffect as q, useId as Js, Suspense as Qs } from "react";
 import { StreamChatService as en } from "@linktr.ee/messaging-core";
 import { StreamChat as tn, LinkPreviewsManager as tt } from "stream-chat";
-import { Chat as sn, useChannelStateContext as be, useChatContext as Ge, DateSeparator as nn, useMessageContext as fe, MessageStatus as an, MessageErrorIcon as st, MessageText as Be, areMessageUIPropsEqual as rn, useMessageReminder as on, useComponentContext as os, Attachment as ln, EditMessageModal as cn, MessageBlocked as dn, MessageBouncePrompt as un, MessageDeleted as mn, MessageIsThreadReplyInChannelButtonIndicator as hn, MessageRepliesCountButton as fn, ReminderNotification as gn, StreamedMessageText as pn, messageHasAttachments as bn, messageHasReactions as vn, isDateSeparatorMessage as xn, isMessageBlocked as wn, isMessageBounced as _n, MessageBounceModal as yn, Poll as Nn, useMessageComposer as Cn, useStateStore as Sn, MessageInput as $t, useMessageInputContext as kn, useMessageComposerHasSendableData as En, AttachmentPreviewList as In, QuotedMessagePreview as Tn, TextareaComposer as An, MessageTimestamp as qe, AIStates as Ke, useTypingContext as Rn, useAIState as Ln, Channel as Mn, WithComponents as Dn, Window as On, MessageList as Ut, ChannelList as Pn, InfiniteScroll as Fn } from "stream-chat-react";
-import { isOfficialChannel as ls, OFFICIAL_SENDER_USER_ID as Bn, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as jt, isAgeSafetySystemType as zn, resolveRichCardImagePresentation as $n, selectEnabledFaqs as Un } from "@linktr.ee/messaging-taxonomy";
+import { Chat as sn, useChannelStateContext as be, useChatContext as Ge, DateSeparator as nn, useMessageContext as fe, MessageStatus as an, MessageErrorIcon as st, MessageText as Fe, areMessageUIPropsEqual as rn, useMessageReminder as on, useComponentContext as os, Attachment as ln, EditMessageModal as cn, MessageBlocked as dn, MessageBouncePrompt as un, MessageDeleted as mn, MessageIsThreadReplyInChannelButtonIndicator as hn, MessageRepliesCountButton as fn, ReminderNotification as gn, StreamedMessageText as pn, messageHasAttachments as bn, messageHasReactions as vn, isDateSeparatorMessage as xn, isMessageBlocked as wn, isMessageBounced as _n, MessageBounceModal as yn, Poll as Nn, useMessageComposer as Cn, useStateStore as Sn, MessageInput as $t, useMessageInputContext as kn, useMessageComposerHasSendableData as En, AttachmentPreviewList as In, QuotedMessagePreview as Tn, TextareaComposer as An, MessageTimestamp as qe, AIStates as Ke, useTypingContext as Rn, useAIState as Ln, Channel as Mn, WithComponents as Dn, Window as On, MessageList as Ut, ChannelList as Pn, InfiniteScroll as Bn } from "stream-chat-react";
+import { isOfficialChannel as ls, OFFICIAL_SENDER_USER_ID as Fn, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as jt, isAgeSafetySystemType as zn, resolveRichCardImagePresentation as $n, selectEnabledFaqs as Un } from "@linktr.ee/messaging-taxonomy";
 import N from "classnames";
 import { StarIcon as nt, DotsThreeIcon as jn, SpinnerGapIcon as Oe, SignOutIcon as Hn, ProhibitInsetIcon as Ht, FlagIcon as cs, CurrencyDollarIcon as Vn, CaretRightIcon as ds, ArrowLeftIcon as Gn, GiftIcon as Yn, WarningCircleIcon as Wn, MegaphoneIcon as Xn, ChecksIcon as qn, CircleNotchIcon as ze, FileIcon as us, ImageIcon as Kn, SpeakerHighIcon as Zn, VideoCameraIcon as ms, FileMdIcon as Jn, FileTextIcon as Qn, FileZipIcon as ea, FilePptIcon as ta, FileCsvIcon as sa, FileXlsIcon as na, FileDocIcon as aa, FilePdfIcon as ra, XIcon as rt, PencilSimpleIcon as ia, DownloadSimpleIcon as $e, CaretLeftIcon as oa, PlayIcon as la, TrashSimpleIcon as ca, ArrowUpIcon as da, SparkleIcon as ua, ProhibitIcon as ma } from "@phosphor-icons/react";
 import { MessageActions as ha, DefaultDropdownActionButton as hs } from "stream-chat-react/experimental";
@@ -20,7 +20,7 @@ const _e = {
 }), gs = Se(_e), fa = ({ logger: e, children: t }) => {
   const n = re(() => fs(e), [e]);
   return /* @__PURE__ */ s(gs.Provider, { value: n, children: t });
-}, Fo = () => he(gs), ps = Se({
+}, Bo = () => he(gs), ps = Se({
   service: null,
   client: null,
   isConnected: !1,
@@ -30,7 +30,7 @@ const _e = {
   refreshConnection: async () => {
   },
   debug: !1
-}), it = () => he(ps), Bo = ({
+}), it = () => he(ps), Fo = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -42,8 +42,8 @@ const _e = {
 }) => {
   var M, U;
   const d = J(
-    (B, ...O) => {
-      i && console.log(`🔥 [MessagingProvider] ${B}`, ...O);
+    (F, ...O) => {
+      i && console.log(`🔥 [MessagingProvider] ${F}`, ...O);
     },
     [i]
   );
@@ -53,7 +53,7 @@ const _e = {
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [u, f] = $(null), [m, g] = $(null), [o, x] = $(!1), [_, b] = $(!1), [v, p] = $(null), y = j(!1), w = j(null), k = j(n);
+  const [u, f] = $(null), [m, g] = $(null), [o, x] = $(!1), [w, b] = $(!1), [v, p] = $(null), y = j(!1), _ = j(null), k = j(n);
   k.current = n;
   const T = j(i);
   T.current = i;
@@ -64,9 +64,9 @@ const _e = {
     apiKey: a,
     serviceConfig: n,
     capabilities: r
-  }), F = j(0);
-  F.current++, d("📊 RENDER INFO", {
-    renderCount: F.current,
+  }), B = j(0);
+  B.current++, d("📊 RENDER INFO", {
+    renderCount: B.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: D.current.userId !== (t == null ? void 0 : t.id),
@@ -84,20 +84,20 @@ const _e = {
   !c && a && ((M = R.current) == null ? void 0 : M.apiKey) !== a && (R.current = { apiKey: a, client: new tn(a) });
   const S = c || (a ? ((U = R.current) == null ? void 0 : U.client) ?? null : null);
   q(() => {
-    const B = F.current, O = k.current;
+    const F = B.current, O = k.current;
     if (c) {
-      w.current = null, f(null), g(null), x(!1), p(null), b(!1);
+      _.current = null, f(null), g(null), x(!1), p(null), b(!1);
       return;
     }
     if (!a || !S || !O) {
       d("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: B,
+        renderCount: F,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     d("🚀 CREATING SERVICE", {
-      renderCount: B,
+      renderCount: F,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
     const W = new en({
@@ -109,8 +109,8 @@ const _e = {
       // Resolved, because the service swaps its console defaults out wholesale.
       ...O.logger || !A.current ? {} : { logger: fs(A.current) }
     });
-    w.current = W, f(W), d("✅ SERVICE SET", {
-      renderCount: B,
+    _.current = W, f(W), d("✅ SERVICE SET", {
+      renderCount: F,
       serviceInstance: !!W
     });
   }, [a, S, c]);
@@ -164,10 +164,10 @@ const _e = {
       }
     })();
   }, [u, t, d, o, c]), q(() => {
-    const B = S;
+    const F = S;
     return () => {
       var O;
-      B && (I.current = null, (O = w.current) == null || O.disconnectUser().catch(console.error));
+      F && (I.current = null, (O = _.current) == null || O.disconnectUser().catch(console.error));
     };
   }, [S]);
   const E = J(async () => {
@@ -182,10 +182,10 @@ const _e = {
       d("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
       try {
         d("🔌 DISCONNECTING FOR REFRESH"), await u.disconnectUser(), d("📞 RECONNECTING FOR REFRESH");
-        const B = await u.connectUser(t);
-        g(B), x(!0), p(null), d("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-      } catch (B) {
-        const O = B instanceof Error ? B.message : "Refresh failed";
+        const F = await u.connectUser(t);
+        g(F), x(!0), p(null), d("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      } catch (F) {
+        const O = F instanceof Error ? F.message : "Refresh failed";
         p(O), d("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
           error: O
@@ -198,7 +198,7 @@ const _e = {
     hasService: !!u,
     hasClient: !!m,
     isConnected: o,
-    isLoading: _,
+    isLoading: w,
     hasError: !!v,
     capabilitiesKeys: Object.keys(r)
   }), {
@@ -213,7 +213,7 @@ const _e = {
     // through if the same provider previously attempted an apiKey connect.
     client: c ?? m,
     isConnected: c ? !0 : o,
-    isLoading: c ? !1 : _,
+    isLoading: c ? !1 : w,
     error: c ? null : v,
     capabilities: r,
     refreshConnection: E,
@@ -223,7 +223,7 @@ const _e = {
     m,
     c,
     o,
-    _,
+    w,
     v,
     r,
     E,
@@ -231,7 +231,7 @@ const _e = {
     d
   ]);
   return d("🔄 RENDER END", {
-    renderCount: F.current,
+    renderCount: B.current,
     willRenderChat: !!S,
     contextValueReady: !!C
   }), /* @__PURE__ */ s(fa, { logger: l, children: /* @__PURE__ */ s(ps.Provider, { value: C, children: S ? /* @__PURE__ */ s(
@@ -273,7 +273,7 @@ function vs(e, t, n) {
     const r = a.find(
       (i) => {
         var c;
-        return ((c = i.user) == null ? void 0 : c.id) === Bn;
+        return ((c = i.user) == null ? void 0 : c.id) === Fn;
       }
     );
     if (r) return r;
@@ -415,7 +415,7 @@ const ke = ({
   logLabel: f = "useChannelModerationActions"
 }) => {
   var I;
-  const { service: m, debug: g } = it(), o = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, x = !!(a && n && m && o), [_, b] = $(!1), [v, p] = $(null), [y, w] = $(!1), [k, T] = $(!1), A = x && ((v == null ? void 0 : v.participantId) !== o || (v == null ? void 0 : v.service) !== m);
+  const { service: m, debug: g } = it(), o = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, x = !!(a && n && m && o), [w, b] = $(!1), [v, p] = $(null), [y, _] = $(!1), [k, T] = $(!1), A = x && ((v == null ? void 0 : v.participantId) !== o || (v == null ? void 0 : v.service) !== m);
   return q(() => {
     if (!x || !m || !o) {
       b(!1), p(null);
@@ -440,21 +440,21 @@ const ke = ({
       E = !0;
     };
   }, [x, m, o, f]), {
-    isParticipantBlocked: _,
+    isParticipantBlocked: w,
     isCheckingBlockedStatus: A,
     isLeaving: y,
     isUpdatingBlockStatus: k,
     handleLeaveConversation: async () => {
       var E;
       if (!y) {
-        c == null || c(), g && console.log(`[${f}] Leave conversation`, e.cid), w(!0);
+        c == null || c(), g && console.log(`[${f}] Leave conversation`, e.cid), _(!0);
         try {
           const C = ((E = e._client) == null ? void 0 : E.userID) ?? null;
           await e.hide(C, !1), r && await r(e), u == null || u();
         } catch (C) {
           console.error(`[${f}] Failed to leave conversation`, C);
         } finally {
-          w(!1);
+          _(!1);
         }
       }
     },
@@ -519,11 +519,11 @@ const ke = ({
   customChannelActions: f,
   triggerClassName: m
 }) => {
-  const [g, o] = $(!1), x = j(null), _ = Js(), b = J(() => o(!1), []), {
+  const [g, o] = $(!1), x = j(null), w = Js(), b = J(() => o(!1), []), {
     isParticipantBlocked: v,
     isCheckingBlockedStatus: p,
     isLeaving: y,
-    isUpdatingBlockStatus: w,
+    isUpdatingBlockStatus: _,
     handleLeaveConversation: k,
     handleBlockUser: T,
     handleUnblockUser: A,
@@ -559,7 +559,7 @@ const ke = ({
         type: "button",
         "aria-haspopup": "true",
         "aria-expanded": g,
-        "aria-controls": g ? _ : void 0,
+        "aria-controls": g ? w : void 0,
         onClick: () => o((R) => !R),
         children: [
           /* @__PURE__ */ s(jn, { className: "size-5 text-black/90" }),
@@ -570,7 +570,7 @@ const ke = ({
     g && /* @__PURE__ */ s(
       "div",
       {
-        id: _,
+        id: w,
         "aria-label": "Conversation options",
         className: N(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
@@ -600,10 +600,10 @@ const ke = ({
             xe,
             {
               onClick: A,
-              disabled: w,
-              "aria-busy": w,
+              disabled: _,
+              "aria-busy": _,
               children: [
-                w ? /* @__PURE__ */ s(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Ht, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ s(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Ht, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
@@ -611,10 +611,10 @@ const ke = ({
             xe,
             {
               onClick: T,
-              disabled: w,
-              "aria-busy": w,
+              disabled: _,
+              "aria-busy": _,
               children: [
-                w ? /* @__PURE__ */ s(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Ht, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ s(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Ht, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
@@ -644,7 +644,7 @@ const ke = ({
   customChannelActions: g,
   renderChannelActions: o,
   showChannelInfo: x = !0,
-  onParticipantNameClick: _
+  onParticipantNameClick: w
 }) => {
   var S, I, E, C;
   const { channel: b } = be(), { client: v } = Ge(), p = L.useMemo(
@@ -657,7 +657,7 @@ const ke = ({
       );
     },
     [(S = b.state) == null ? void 0 : S.members, v == null ? void 0 : v.userID, b.type]
-  ), y = xs(p == null ? void 0 : p.user), w = (I = p == null ? void 0 : p.user) == null ? void 0 : I.image, k = bs(b), T = Sa((E = b.data) == null ? void 0 : E.customer_tag) && (p == null ? void 0 : p.is_follower) === !0, A = a && k, D = T || A || !!_, F = async () => {
+  ), y = xs(p == null ? void 0 : p.user), _ = (I = p == null ? void 0 : p.user) == null ? void 0 : I.image, k = bs(b), T = Sa((E = b.data) == null ? void 0 : E.customer_tag) && (p == null ? void 0 : p.is_follower) === !0, A = a && k, D = T || A || !!w, B = async () => {
     try {
       k ? await b.unpin() : await b.pin();
     } catch (M) {
@@ -672,7 +672,7 @@ const ke = ({
       {
         id: ((C = p == null ? void 0 : p.user) == null ? void 0 : C.id) || b.id || "unknown",
         name: y,
-        image: w,
+        image: _,
         shape: "circle",
         size: 48,
         className: "-mb-2"
@@ -704,7 +704,7 @@ const ke = ({
                 children: /* @__PURE__ */ s(nt, { className: "size-2.5", weight: "fill" })
               }
             ) }),
-            _ && /* @__PURE__ */ s(
+            w && /* @__PURE__ */ s(
               ds,
               {
                 "aria-hidden": "true",
@@ -739,11 +739,11 @@ const ke = ({
             children: /* @__PURE__ */ s(Gn, { className: "size-5 text-black/90" })
           }
         ) }),
-        /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: _ ? /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: w ? /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            onClick: _,
+            onClick: w,
             "aria-label": `View details for ${y}`,
             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: R
@@ -754,7 +754,7 @@ const ke = ({
             "button",
             {
               className: Ze,
-              onClick: F,
+              onClick: B,
               type: "button",
               "aria-pressed": k,
               "aria-label": k ? "Unstar conversation" : "Star conversation",
@@ -815,7 +815,7 @@ const Ta = {
 function Ra(e) {
   return he(ys)[e] ?? Aa[e];
 }
-const La = L.lazy(() => import("./Card-BzvDr-pU.js")), Ma = L.lazy(() => import("./Card-DyoGzhhM.js")), Da = () => /* @__PURE__ */ s(
+const La = L.lazy(() => import("./Card-BzvDr-pU.js")), Ma = L.lazy(() => import("./Card-CCVB5WIT.js")), Da = () => /* @__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)]",
@@ -850,10 +850,10 @@ const La = L.lazy(() => import("./Card-BzvDr-pU.js")), Ma = L.lazy(() => import(
 }, Pa = (e) => {
   var t;
   return lt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, Fa = (e) => {
+}, Ba = (e) => {
   var t;
   return lt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Ba = (e) => {
+}, Fa = (e) => {
   var t;
   return Ns(e) && !!((t = e.metadata) != null && t.amount_text);
 }, Yt = ({
@@ -977,7 +977,7 @@ const La = L.lazy(() => import("./Card-BzvDr-pU.js")), Ma = L.lazy(() => import(
       }
   })();
   return e.id === n;
-}, Fe = () => ct() ? /* @__PURE__ */ h(Y, { children: [
+}, Be = () => ct() ? /* @__PURE__ */ h(Y, { children: [
   /* @__PURE__ */ s(qn, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
 ] }) : null, Ga = () => ct() ? /* @__PURE__ */ h(Y, { children: [
@@ -1040,13 +1040,13 @@ const La = L.lazy(() => import("./Card-BzvDr-pU.js")), Ma = L.lazy(() => import(
       outbound: t,
       onOutboundClick: e
     }
-  ) : null, u = Ba(a) ? null : /* @__PURE__ */ s(
+  ) : null, u = Fa(a) ? null : /* @__PURE__ */ s(
     an,
     {
-      MessageSentStatus: Fe,
-      MessageDeliveredStatus: Fe,
-      MessageReadStatus: Fe,
-      MessageSendingStatus: Ss(a) ? Fe : Ga
+      MessageSentStatus: Be,
+      MessageDeliveredStatus: Be,
+      MessageReadStatus: Be,
+      MessageSendingStatus: Ss(a) ? Be : Ga
     }
   );
   return d ? /* @__PURE__ */ h("span", { className: "sent-message-status-row", children: [
@@ -1156,10 +1156,10 @@ const er = {
   trailingAction: f,
   isLoading: m = !1
 }) => {
-  const g = e === "dark", o = a ?? (g ? r : void 0) ?? "", x = o.trim() !== "", _ = i != null && i.trim() !== "", b = typeof l == "string" ? l.trim() : "", v = b !== "", p = u != null;
-  if (!m && !x && !_ && !v && !p)
+  const g = e === "dark", o = a ?? (g ? r : void 0) ?? "", x = o.trim() !== "", w = i != null && i.trim() !== "", b = typeof l == "string" ? l.trim() : "", v = b !== "", p = u != null;
+  if (!m && !x && !w && !v && !p)
     return null;
-  const y = g && !a, w = N(
+  const y = g && !a, _ = N(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
     n == null && (y ? sr : tr[e])
   ), k = N(
@@ -1171,13 +1171,13 @@ const er = {
     n == null && qt[e]
   );
   if (m) {
-    const F = N(
+    const B = N(
       "animate-pulse rounded",
       nr[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: N("h-5 w-3/4", F), "aria-hidden": !0 }),
-      /* @__PURE__ */ s("div", { className: N("h-4 w-1/2", F), "aria-hidden": !0 })
+      /* @__PURE__ */ s("div", { className: N("h-5 w-3/4", B), "aria-hidden": !0 }),
+      /* @__PURE__ */ s("div", { className: N("h-4 w-1/2", B), "aria-hidden": !0 })
     ] }) });
   }
   const A = n ? { color: n } : void 0, D = c > 1 ? {
@@ -1195,13 +1195,13 @@ const er = {
           /* @__PURE__ */ s(
             "p",
             {
-              className: N("min-w-0", w),
+              className: N("min-w-0", _),
               style: A,
               children: o
             }
           )
         ] }),
-        _ && /* @__PURE__ */ s("p", { className: T, style: D, children: i }),
+        w && /* @__PURE__ */ s("p", { className: T, style: D, children: i }),
         !p && v && /* @__PURE__ */ s(
           "p",
           {
@@ -1265,7 +1265,7 @@ const er = {
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
     g ? "cursor-pointer no-underline focus-ring" : null
-  ), x = f ? { role: "status", "aria-busy": !0, "aria-label": ar } : void 0, _ = d ? { "--accent": d } : void 0, b = c ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: c }) : null;
+  ), x = f ? { role: "status", "aria-busy": !0, "aria-label": ar } : void 0, w = d ? { "--accent": d } : void 0, b = c ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: c }) : null;
   return n ? /* @__PURE__ */ h(
     "a",
     {
@@ -1277,7 +1277,7 @@ const er = {
       "data-testid": m,
       "data-variant": e,
       className: o,
-      style: _,
+      style: w,
       ...x,
       children: [
         t,
@@ -1294,7 +1294,7 @@ const er = {
       "data-testid": m,
       "data-variant": e,
       className: N(o, "text-left"),
-      style: _,
+      style: w,
       ...x,
       children: [
         t,
@@ -1308,7 +1308,7 @@ const er = {
       "data-testid": m,
       "data-variant": e,
       className: o,
-      style: _,
+      style: w,
       ...x,
       children: [
         t,
@@ -1518,7 +1518,7 @@ const pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   status: g = "ready",
   onDismiss: o,
   onEditClick: x,
-  dismissLabel: _ = "Dismiss attachment"
+  dismissLabel: w = "Dismiss attachment"
 }) => {
   const b = d === "classic", v = Te(i, l), p = Ye({
     variant: "dark",
@@ -1533,14 +1533,14 @@ const pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     {
       type: "button",
       onClick: o,
-      "aria-label": _,
+      "aria-label": w,
       className: N(
         pr,
         !v && br
       ),
       children: /* @__PURE__ */ s(rt, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, w = x ? /* @__PURE__ */ s(
+  ) : void 0, _ = x ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
@@ -1596,7 +1596,7 @@ const pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
             url: r,
             appIcon: u,
             cta: f,
-            trailingAction: w,
+            trailingAction: _,
             isLoading: p.isLoading
           }
         )
@@ -1644,13 +1644,13 @@ const pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: g,
   groupPosition: o = "single"
 }) => {
-  const x = mt(r, c), _ = dt(a), b = u == null && _ != null && !x ? _ : void 0, v = u == null && !x ? g : void 0, p = m !== "loading" && Te(r, c) ? ht : void 0, y = u && g ? {
+  const x = mt(r, c), w = dt(a), b = u == null && w != null && !x ? w : void 0, v = u == null && !x ? g : void 0, p = m !== "loading" && Te(r, c) ? ht : void 0, y = u && g ? {
     ...u,
     onClick: () => {
       var k;
       g(), (k = u.onClick) == null || k.call(u);
     }
-  } : u, w = Ye({
+  } : u, _ = Ye({
     variant: "light",
     accentColor: f,
     status: m,
@@ -1662,7 +1662,7 @@ const pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   return /* @__PURE__ */ s(
     ft,
     {
-      accentHex: w.accentHex,
+      accentHex: _.accentHex,
       side: "receiver",
       visible: p == null && (o === "single" || o === "end"),
       children: /* @__PURE__ */ h(
@@ -1673,8 +1673,8 @@ const pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           onClick: v,
           ariaLabel: e ?? "Open attachment preview",
           fixedHeight: l === "featured" && p == null,
-          accentHex: w.accentHex,
-          busy: w.isLoading,
+          accentHex: _.accentHex,
+          busy: _.isLoading,
           bgClassName: p,
           "data-testid": "link-attachment",
           children: [
@@ -1682,27 +1682,27 @@ const pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               Ce,
               {
                 variant: "light",
-                thumbnailUrl: w.thumbnailUrl,
+                thumbnailUrl: _.thumbnailUrl,
                 sourceUrl: c,
                 title: e,
                 mimeType: r,
-                isLoading: w.isLoading,
-                onImageError: w.onImageError
+                isLoading: _.isLoading,
+                onImageError: _.onImageError
               }
             ),
             /* @__PURE__ */ s(
               ut,
               {
-                chinTextColor: w.chinTextColor,
+                chinTextColor: _.chinTextColor,
                 variant: "light",
-                ctaSurface: w.surface,
+                ctaSurface: _.surface,
                 title: e,
                 description: t,
                 descriptionLines: n,
                 url: a,
                 appIcon: d,
                 cta: y,
-                isLoading: w.isLoading
+                isLoading: _.isLoading
               }
             )
           ]
@@ -1727,7 +1727,7 @@ const pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: o,
   groupPosition: x = "single"
 }) => {
-  const _ = mt(i, l), b = dt(r), v = f == null && b != null && !_ ? b : void 0, p = f == null && !_ && v != null ? o : void 0, y = g !== "loading" && Te(i, l), w = Ye({
+  const w = mt(i, l), b = dt(r), v = f == null && b != null && !w ? b : void 0, p = f == null && !w && v != null ? o : void 0, y = g !== "loading" && Te(i, l), _ = Ye({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -1739,7 +1739,7 @@ const pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   return /* @__PURE__ */ s(
     ft,
     {
-      accentHex: w.accentHex,
+      accentHex: _.accentHex,
       side: "sender",
       visible: !y && (x === "single" || x === "end"),
       children: /* @__PURE__ */ h(
@@ -1749,28 +1749,28 @@ const pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           href: v,
           onClick: p,
           fixedHeight: d === "featured" && !y,
-          accentHex: w.accentHex,
-          busy: w.isLoading,
+          accentHex: _.accentHex,
+          busy: _.isLoading,
           bgClassName: y ? ht : void 0,
           children: [
             d === "featured" && /* @__PURE__ */ s(
               Ce,
               {
                 variant: "dark",
-                thumbnailUrl: w.thumbnailUrl,
+                thumbnailUrl: _.thumbnailUrl,
                 sourceUrl: l,
                 title: e,
                 mimeType: i,
-                isLoading: w.isLoading,
-                onImageError: w.onImageError
+                isLoading: _.isLoading,
+                onImageError: _.onImageError
               }
             ),
             /* @__PURE__ */ s(
               ut,
               {
-                chinTextColor: w.chinTextColor,
+                chinTextColor: _.chinTextColor,
                 variant: "dark",
-                ctaSurface: w.surface,
+                ctaSurface: _.surface,
                 title: e,
                 placeholderTitle: t,
                 description: n,
@@ -1778,7 +1778,7 @@ const pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
                 url: r,
                 appIcon: u,
                 cta: f,
-                isLoading: w.isLoading
+                isLoading: _.isLoading
               }
             )
           ]
@@ -2011,10 +2011,10 @@ function ie(e) {
 const Pr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Fr = {
+}, Br = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Br = {
+}, Fr = {
   dark: "text-white/85",
   light: "text-black/85"
 }, As = ({
@@ -2032,11 +2032,11 @@ const Pr = {
     {
       className: N(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Fr[e]
+        Br[e]
       ),
       "aria-hidden": !0,
       children: Is(a, {
-        className: N("size-6", Br[e]),
+        className: N("size-6", Fr[e]),
         weight: "regular"
       })
     }
@@ -2147,7 +2147,7 @@ const zr = ({
   };
   if (o.length === 0)
     return null;
-  const _ = /* @__PURE__ */ s(
+  const w = /* @__PURE__ */ s(
     "span",
     {
       className: N(
@@ -2172,7 +2172,7 @@ const zr = ({
           item: b,
           index: v,
           onActivate: x,
-          trailingAction: g && v === 0 ? /* @__PURE__ */ s(Re, { onClick: f, variant: "inline" }) : _
+          trailingAction: g && v === 0 ? /* @__PURE__ */ s(Re, { onClick: f, variant: "inline" }) : w
         },
         `${b.src}-${v}`
       )) })
@@ -2482,33 +2482,36 @@ const zr = ({
 }) => {
   const i = e.length;
   if (i === 0) return null;
-  const c = e.slice(0, Math.min(i, n)), l = i - c.length, d = (f, m, g) => {
-    var x;
-    const o = N(
+  const c = e.slice(0, Math.min(i, n)), l = i - c.length, d = l > 0 ? /* @__PURE__ */ h("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
+    "+",
+    l
+  ] }) : null, u = (m, g, o) => {
+    var w;
+    const x = N(
       Gr,
       "h-full w-full",
-      (x = Yr[c.length]) == null ? void 0 : x[m]
+      (w = Yr[c.length]) == null ? void 0 : w[g]
     );
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
-        onClick: () => t(m),
-        "aria-label": f.ariaLabel ?? `Open media ${m + 1}`,
-        className: N(o, "cursor-zoom-in"),
+        onClick: () => t(g),
+        "aria-label": m.ariaLabel ?? `Open media ${g + 1}`,
+        className: N(x, "cursor-zoom-in"),
         children: [
-          f.content,
-          g
+          m.content,
+          o
         ]
       },
-      m
-    ) : /* @__PURE__ */ h("div", { className: o, children: [
-      f.content,
       g
-    ] }, m);
+    ) : /* @__PURE__ */ h("div", { className: x, children: [
+      m.content,
+      o
+    ] }, g);
   };
-  let u;
-  return a && (u = {
+  let f;
+  return a && (f = {
     aspectRatio: a,
     // Hundredths keep the emitted declaration readable in devtools;
     // the rounding error is well under a device pixel.
@@ -2522,8 +2525,8 @@ const zr = ({
         a ? Xr : "aspect-square w-full",
         r
       ),
-      style: u,
-      children: d(c[0], 0)
+      style: f,
+      children: u(c[0], 0, d)
     }
   ) : c.length === 2 ? /* @__PURE__ */ s(
     "div",
@@ -2532,7 +2535,13 @@ const zr = ({
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         r
       ),
-      children: c.map((f, m) => d(f, m))
+      children: c.map(
+        (m, g) => u(
+          m,
+          g,
+          g === c.length - 1 ? d : null
+        )
+      )
     }
   ) : c.length === 3 ? /* @__PURE__ */ h(
     "div",
@@ -2542,9 +2551,9 @@ const zr = ({
         r
       ),
       children: [
-        /* @__PURE__ */ s("div", { className: "row-span-2", children: d(c[0], 0) }),
-        d(c[1], 1),
-        d(c[2], 2)
+        /* @__PURE__ */ s("div", { className: "row-span-2", children: u(c[0], 0) }),
+        u(c[1], 1),
+        u(c[2], 2, d)
       ]
     }
   ) : /* @__PURE__ */ s(
@@ -2561,15 +2570,12 @@ const zr = ({
         "grid aspect-[379/286] w-full grid-cols-2 grid-rows-2 gap-0.5",
         r
       ),
-      children: c.map((f, m) => {
-        const g = l > 0 && m === c.length - 1;
-        return d(
-          f,
+      children: c.map((m, g) => {
+        const o = l > 0 && g === c.length - 1;
+        return u(
           m,
-          g ? /* @__PURE__ */ h("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
-            "+",
-            l
-          ] }) : null
+          g,
+          o ? d : null
         );
       })
     }
@@ -2671,7 +2677,7 @@ const zr = ({
     imgRef: r,
     onLoad: i
   };
-}, Fs = ({
+}, Bs = ({
   state: e,
   src: t,
   alt: n,
@@ -2682,7 +2688,7 @@ const zr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = Zr({ src: t, alt: n, items: r }), f = Le(e), { viewerOpen: m, viewerIndex: g, handleActivate: o, closeViewer: x } = Me(d), _ = u.length === 1, b = ei(_ ? u[0] : void 0);
+  const u = Zr({ src: t, alt: n, items: r }), f = Le(e), { viewerOpen: m, viewerIndex: g, handleActivate: o, closeViewer: x } = Me(d), w = u.length === 1, b = ei(w ? u[0] : void 0);
   if (u.length === 0)
     return null;
   const v = u.map(
@@ -2691,8 +2697,8 @@ const zr = ({
       index: y,
       totalCount: u.length,
       fallbackLoading: l,
-      imgRef: _ ? b.imgRef : void 0,
-      onLoad: _ ? b.onLoad : void 0
+      imgRef: w ? b.imgRef : void 0,
+      onLoad: w ? b.onLoad : void 0
     })
   );
   return /* @__PURE__ */ h(
@@ -2702,7 +2708,7 @@ const zr = ({
       text: i,
       groupPosition: c,
       bordered: !1,
-      widthClassName: _ ? "w-fit max-w-[min(100%,313px)] sm:max-w-[min(100%,330px)]" : "w-[383px] max-w-full",
+      widthClassName: w ? "w-fit max-w-[min(100%,313px)] sm:max-w-[min(100%,330px)]" : "w-[383px] max-w-full",
       paddingClassName: "p-0.5",
       radiusClassName: "rounded-[20px]",
       "data-testid": "image-attachment",
@@ -2712,7 +2718,7 @@ const zr = ({
           {
             tiles: v,
             onTileActivate: o,
-            singleAspectRatio: _ ? b.ratio : void 0
+            singleAspectRatio: w ? b.ratio : void 0
           }
         ) }),
         /* @__PURE__ */ s(
@@ -2727,7 +2733,7 @@ const zr = ({
       ]
     }
   );
-}, ti = (e) => /* @__PURE__ */ s(Jr, { ...e }), si = (e) => /* @__PURE__ */ s(Fs, { ...e, state: "sent" }), ni = (e) => /* @__PURE__ */ s(Fs, { ...e, state: "received" }), ai = {
+}, ti = (e) => /* @__PURE__ */ s(Jr, { ...e }), si = (e) => /* @__PURE__ */ s(Bs, { ...e, state: "sent" }), ni = (e) => /* @__PURE__ */ s(Bs, { ...e, state: "received" }), ai = {
   Composer: ti,
   Sent: si,
   Received: ni
@@ -2821,7 +2827,7 @@ const zr = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const f = Le(e), m = oi({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: o, handleActivate: x, closeViewer: _ } = Me(d), b = e === "composer" && !!u;
+  const f = Le(e), m = oi({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: o, handleActivate: x, closeViewer: w } = Me(d), b = e === "composer" && !!u;
   if (m.length === 0)
     return null;
   const v = m.map((p) => ({
@@ -2837,13 +2843,13 @@ const zr = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: m.map((p, y) => {
-          const w = p.filename ?? ie(p.src), k = b && y === 0 ? /* @__PURE__ */ s(Re, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+          const _ = p.filename ?? ie(p.src), k = b && y === 0 ? /* @__PURE__ */ s(Re, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
             Ms,
             {
               url: p.src,
-              filename: w,
+              filename: _,
               variant: "inline",
-              label: `Download ${w}`,
+              label: `Download ${_}`,
               tone: f
             }
           );
@@ -2865,7 +2871,7 @@ const zr = ({
             open: g,
             items: v,
             initialIndex: o,
-            onClose: _
+            onClose: w
           }
         )
       ]
@@ -2875,7 +2881,7 @@ const zr = ({
   Composer: ci,
   Sent: di,
   Received: ui
-}, Bs = ({
+}, Fs = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2978,7 +2984,7 @@ const zr = ({
     ),
     c ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Re, { onClick: c }) }) : null,
     /* @__PURE__ */ s(
-      Bs,
+      Fs,
       {
         open: l,
         items: $s([{ src: e, poster: t, mimeType: n, preload: r }], a),
@@ -2999,7 +3005,7 @@ const zr = ({
   preload: d,
   onClick: u
 }) => {
-  const f = gi({ src: t, poster: n, mimeType: a, preload: d, items: i }), m = Le(e), { viewerOpen: g, viewerIndex: o, handleActivate: x, closeViewer: _ } = Me(u);
+  const f = gi({ src: t, poster: n, mimeType: a, preload: d, items: i }), m = Le(e), { viewerOpen: g, viewerIndex: o, handleActivate: x, closeViewer: w } = Me(u);
   if (f.length === 0)
     return null;
   const b = f.map(
@@ -3015,12 +3021,12 @@ const zr = ({
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Os, { tiles: b, onTileActivate: x }) }),
         /* @__PURE__ */ s(
-          Bs,
+          Fs,
           {
             open: g,
             items: $s(f, r),
             initialIndex: o,
-            onClose: _
+            onClose: w
           }
         )
       ]
@@ -3200,10 +3206,10 @@ const Ti = ({
   const i = Ni(r), c = (b = n.text) == null ? void 0 : b.trim(), l = r.find((v) => v.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? Qt(l.attachments[0] ?? {}).url : void 0, u = c && _i(c, d) ? void 0 : c;
   let f = 0;
   const m = [], g = u ? "middle" : e, o = e === "single" || e === "end", x = (v, p, y) => {
-    const w = t ? at.Sent : at.Received;
+    const _ = t ? at.Sent : at.Received;
     m.push(
       /* @__PURE__ */ s(
-        w,
+        _,
         {
           ...Qt(v),
           groupPosition: y ? g : "middle"
@@ -3211,7 +3217,7 @@ const Ti = ({
         p
       )
     );
-  }, _ = (v, p) => {
+  }, w = (v, p) => {
     const y = Ci(
       f,
       i,
@@ -3232,16 +3238,16 @@ const Ti = ({
   return r.forEach((v, p) => {
     const y = p === r.length - 1;
     if (v.type === "link") {
-      v.attachments.forEach((w, k) => {
+      v.attachments.forEach((_, k) => {
         x(
-          w,
+          _,
           `link-${p}-${k}`,
           y && k === v.attachments.length - 1
         );
       });
       return;
     }
-    _(v, `media-${p}`);
+    w(v, `media-${p}`);
   }), /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
     /* @__PURE__ */ h(
       "div",
@@ -3267,7 +3273,7 @@ const Ti = ({
           "relative isolate": o
         }),
         children: [
-          /* @__PURE__ */ s(Be, { message: n, renderText: a }),
+          /* @__PURE__ */ s(Fe, { message: n, renderText: a }),
           /* @__PURE__ */ s(st, {}),
           o && /* @__PURE__ */ s(je, { side: t ? "me" : "other" })
         ]
@@ -3275,7 +3281,7 @@ const Ti = ({
     ) : null
   ] });
 }, Ai = (e) => {
-  var Et, It, Tt, At, Rt, Lt, Mt, Dt, Ot, Pt, Ft;
+  var Et, It, Tt, At, Rt, Lt, Mt, Dt, Ot, Pt, Bt;
   const {
     additionalMessageInputProps: t,
     editing: n,
@@ -3291,17 +3297,17 @@ const Ti = ({
     isMyMessage: g,
     message: o,
     renderText: x,
-    threadList: _,
+    threadList: w,
     viewerLanguage: b,
     onOutboundClick: v,
     resolvedOutbound: p
-  } = e, { client: y } = Ge("CustomMessage"), { channel: w } = be("CustomMessage"), { isUnlocking: k, onUnlockClick: T, onFetchSource: A, onDownloadClick: D } = Ra("LockedAttachment"), [F, R] = $(!1), S = on(o.id), {
+  } = e, { client: y } = Ge("CustomMessage"), { channel: _ } = be("CustomMessage"), { isUnlocking: k, onUnlockClick: T, onFetchSource: A, onDownloadClick: D } = Ra("LockedAttachment"), [B, R] = $(!1), S = on(o.id), {
     Attachment: I = ln,
     EditMessageModal: E = cn,
     MessageActions: C,
     MessageBlocked: M = dn,
     MessageBouncePrompt: U = un,
-    MessageDeleted: B = mn,
+    MessageDeleted: F = mn,
     MessageIsThreadReplyInChannelButtonIndicator: O = hn,
     MessageRepliesCountButton: W = fn,
     ReminderNotification: H = gn,
@@ -3313,8 +3319,8 @@ const Ti = ({
   ), P = re(() => {
     const me = o.attachments ?? [], pe = o.shared_location ? [o.shared_location, ...me] : me;
     if (!Ue(o)) return pe;
-    const Bt = pe.filter((zt) => !("type" in zt) || !ot(zt));
-    return Bt.length === pe.length ? pe : Bt;
+    const Ft = pe.filter((zt) => !("type" in zt) || !ot(zt));
+    return Ft.length === pe.length ? pe : Ft;
   }, [o]), se = re(
     () => js(P),
     [P]
@@ -3328,10 +3334,10 @@ const Ti = ({
   if (xn(o))
     return null;
   if (o.deleted_at || o.type === "deleted")
-    return /* @__PURE__ */ s(B, { message: o });
+    return /* @__PURE__ */ s(F, { message: o });
   if (wn(o))
     return /* @__PURE__ */ s(M, {});
-  const ae = !_ && !!o.reply_count, ue = !_ && o.show_in_channel && o.parent_id, le = o.status === "failed" && ((Et = o.error) == null ? void 0 : Et.status) !== 403, _t = _n(o);
+  const ae = !w && !!o.reply_count, ue = !w && o.show_in_channel && o.parent_id, le = o.status === "failed" && ((Et = o.error) == null ? void 0 : Et.status) !== 403, _t = _n(o);
   let ge;
   le ? ge = () => u(o) : _t && (ge = () => R(!0));
   const Z = g(), qs = N(
@@ -3355,7 +3361,7 @@ const Ti = ({
     contentType: "text",
     amountText: (Tt = o.metadata) == null ? void 0 : Tt.amount_text,
     paymentStatus: (At = o.metadata) == null ? void 0 : At.payment_status,
-    renderedText: o.text && /* @__PURE__ */ s(Be, { message: V, renderText: x })
+    renderedText: o.text && /* @__PURE__ */ s(Fe, { message: V, renderText: x })
   }, St = {
     contentType: "media",
     title: (Rt = o.metadata) == null ? void 0 : Rt.attachment_title,
@@ -3364,7 +3370,7 @@ const Ti = ({
     amountText: (Dt = o.metadata) == null ? void 0 : Dt.amount_text,
     detail: (Ot = o.metadata) == null ? void 0 : Ot.attachment_detail,
     paymentStatus: (Pt = o.metadata) == null ? void 0 : Pt.payment_status,
-    onFetchSource: A ? () => A(o, w) : void 0
+    onFetchSource: A ? () => A(o, _) : void 0
   }, kt = /* @__PURE__ */ h(
     "div",
     {
@@ -3372,7 +3378,7 @@ const Ti = ({
         "relative isolate": de
       }),
       children: [
-        /* @__PURE__ */ s(Be, { message: V, renderText: x }),
+        /* @__PURE__ */ s(Fe, { message: V, renderText: x }),
         de && /* @__PURE__ */ s(je, { side: Z ? "me" : "other" })
       ]
     }
@@ -3384,12 +3390,12 @@ const Ti = ({
         additionalMessageInputProps: t
       }
     ),
-    F && /* @__PURE__ */ s(
+    B && /* @__PURE__ */ s(
       yn,
       {
         MessageBouncePrompt: U,
         onClose: () => R(!1),
-        open: F
+        open: B
       }
     ),
     /* @__PURE__ */ h(
@@ -3432,7 +3438,7 @@ const Ti = ({
               },
               children: yt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper message-tip-wrapper", children: [
                 /* @__PURE__ */ s(Va, { message: o }),
-                ((Ft = o.text) == null ? void 0 : Ft.trim()) && kt
+                ((Bt = o.text) == null ? void 0 : Bt.trim()) && kt
               ] }) : Pa(o) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                 Z && C && /* @__PURE__ */ s(C, {}),
                 Z ? /* @__PURE__ */ s(Pe, { ...Ct, isMine: !0 }) : /* @__PURE__ */ s(
@@ -3441,11 +3447,11 @@ const Ti = ({
                     ...Ct,
                     isMine: !1,
                     isUnlocking: k(o.id),
-                    onUnlockClick: () => T == null ? void 0 : T(o, w)
+                    onUnlockClick: () => T == null ? void 0 : T(o, _)
                   }
                 ),
                 !Z && C && /* @__PURE__ */ s(C, {})
-              ] }) }) : Fa(o) ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper message-locked-attachment-wrapper", children: [
+              ] }) }) : Ba(o) ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper message-locked-attachment-wrapper", children: [
                 /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   Z && C && /* @__PURE__ */ s(C, {}),
                   Z ? /* @__PURE__ */ s(
@@ -3453,7 +3459,7 @@ const Ti = ({
                     {
                       ...St,
                       isMine: !0,
-                      onPreviewClick: () => T ? T(o, w) : void 0
+                      onPreviewClick: () => T ? T(o, _) : void 0
                     }
                   ) : /* @__PURE__ */ s(
                     Pe,
@@ -3461,8 +3467,8 @@ const Ti = ({
                       ...St,
                       isMine: !1,
                       isUnlocking: k(o.id),
-                      onUnlockClick: () => T ? T(o, w) : void 0,
-                      onDownloadClick: () => D ? D(o, w) : void 0
+                      onUnlockClick: () => T ? T(o, _) : void 0,
+                      onDownloadClick: () => D ? D(o, _) : void 0
                     }
                   ),
                   !Z && C && /* @__PURE__ */ s(C, {})
@@ -3513,7 +3519,7 @@ const Ti = ({
                         renderText: x
                       }
                     ) : /* @__PURE__ */ s(
-                      Be,
+                      Fe,
                       {
                         message: V,
                         renderText: x
@@ -3612,7 +3618,7 @@ const Ti = ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => tt.previewIsLoaded(t) || tt.previewIsLoading(t)
   )
-}), Fi = () => {
+}), Bi = () => {
   const { linkPreviewsManager: e } = Cn(), { linkPreviews: t } = Sn(
     e.state,
     Pi
@@ -3679,7 +3685,7 @@ const Ti = ({
       );
     }) })
   ) : null;
-}, He = L.createContext(!1), Bi = 200, Uo = () => he(He), zi = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, He = L.createContext(!1), Fi = 200, Uo = () => he(He), zi = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3758,7 +3764,7 @@ const Ti = ({
       children: [
         /* @__PURE__ */ h("div", { className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2", children: [
           /* @__PURE__ */ s(Tn, {}),
-          /* @__PURE__ */ s(Fi, {}),
+          /* @__PURE__ */ s(Bi, {}),
           /* @__PURE__ */ s(i, {})
         ] }),
         /* @__PURE__ */ h("div", { className: "messaging-composer-row flex items-start", children: [
@@ -3819,7 +3825,7 @@ const Ti = ({
       o = b;
       const p = Array.from(
         g.querySelectorAll(".str-chat__list")
-      ).find((w) => w.scrollHeight > w.clientHeight) ?? null, y = p ? p.scrollHeight - p.scrollTop - p.clientHeight < Bi : !1;
+      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, y = p ? p.scrollHeight - p.scrollTop - p.clientHeight < Fi : !1;
       g.style.setProperty(
         "--messaging-composer-height",
         `${b}px`
@@ -3827,9 +3833,9 @@ const Ti = ({
     };
     if (x(), typeof ResizeObserver > "u")
       return;
-    const _ = new ResizeObserver(x);
-    return _.observe(m), () => {
-      _.disconnect(), g.style.removeProperty("--messaging-composer-height");
+    const w = new ResizeObserver(x);
+    return w.observe(m), () => {
+      w.disconnect(), g.style.removeProperty("--messaging-composer-height");
     };
   }, [d]), a ? d ? /* @__PURE__ */ h(
     "div",
@@ -4023,7 +4029,7 @@ const Ti = ({
   Ke.Generating,
   Ke.ExternalSources
 ]), Ki = ({ threadList: e }) => {
-  var x, _;
+  var x, w;
   const { channel: t, channelConfig: n, thread: a } = be(), { client: r } = Ge(), { typing: i = {} } = Rn(), { aiState: c } = Ln(t), l = he(Hs);
   if (!e && l && qi.has(c)) {
     const b = Zi(t, (x = r.user) == null ? void 0 : x.id);
@@ -4052,7 +4058,7 @@ const Ti = ({
   ) : [], m = e ? f : u;
   if (!m.length)
     return null;
-  const g = (_ = m[0]) == null ? void 0 : _.user, o = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
+  const g = (w = m[0]) == null ? void 0 : w.user, o = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
   return /* @__PURE__ */ s(
     as,
     {
@@ -4182,17 +4188,17 @@ const eo = ({
   showReportParticipant: g = !0,
   composerDisabled: o = !1,
   composerDisabledReason: x,
-  showStarButton: _ = !1,
+  showStarButton: w = !1,
   renderChannelBanner: b,
   customChannelActions: v,
   renderChannelActions: p,
   renderMessage: y,
-  viewerLanguage: w,
+  viewerLanguage: _,
   showChannelInfo: k = !0,
   onParticipantNameClick: T,
   onOutboundClick: A,
   resolveOutbound: D,
-  composerInput: F
+  composerInput: B
 }) => {
   const { channel: R, messages: S } = be(), I = j(A);
   q(() => {
@@ -4203,14 +4209,14 @@ const eo = ({
     (X = I.current) == null || X.call(I, H);
   }, []), C = A ? E : void 0, M = Ha(S, D), U = R.state.messages.some(
     (H) => H.type !== "deleted"
-  ), B = b ? /* @__PURE__ */ s(L.Fragment, { children: b() }, "lt-channel-banner") : null, O = /* @__PURE__ */ s(
+  ), F = b ? /* @__PURE__ */ s(L.Fragment, { children: b() }, "lt-channel-banner") : null, O = /* @__PURE__ */ s(
     ka,
     {
       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%)]",
       onBack: e,
       showBackButton: t,
       showChannelInfo: k,
-      showStarButton: _,
+      showStarButton: w,
       onLeaveConversation: i,
       onBlockParticipant: c,
       showDeleteConversation: l,
@@ -4229,13 +4235,13 @@ const eo = ({
         Li,
         {
           ...H,
-          viewerLanguage: w,
+          viewerLanguage: _,
           onOutboundClick: C
         }
       );
       return !y || !X ? K : y(K, X);
     },
-    [C, y, w]
+    [C, y, _]
   );
   return /* @__PURE__ */ s(Cs.Provider, { value: M, children: /* @__PURE__ */ s(
     Dn,
@@ -4246,7 +4252,7 @@ const eo = ({
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ s(On, { children: F ? /* @__PURE__ */ h("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ s(On, { children: B ? /* @__PURE__ */ h("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ h(
           "div",
           {
@@ -4254,14 +4260,14 @@ const eo = ({
             children: [
               !U && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ h("div", { className: "str-chat__message-list-scroll", children: [
                 O,
-                B
+                F
               ] }) }),
               /* @__PURE__ */ s(
                 Ut,
                 {
                   head: U ? /* @__PURE__ */ h("div", { className: "sticky top-0 z-10", children: [
                     O,
-                    B
+                    F
                   ] }) : void 0,
                   hideDeletedMessages: !0,
                   hideNewMessageSeparator: !1
@@ -4283,7 +4289,7 @@ const eo = ({
             renderFooter: () => a == null ? void 0 : a(R),
             disabled: o,
             disabledReason: x,
-            composerInput: F
+            composerInput: B
           },
           "lt-channel-message-input"
         )
@@ -4295,14 +4301,14 @@ const eo = ({
             children: [
               !U && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ h("div", { className: "str-chat__message-list-scroll", children: [
                 O,
-                B
+                F
               ] }) }),
               /* @__PURE__ */ s(
                 Ut,
                 {
                   head: U ? /* @__PURE__ */ h("div", { className: "sticky top-0 z-10", children: [
                     O,
-                    B
+                    F
                   ] }) : void 0,
                   hideDeletedMessages: !0,
                   hideNewMessageSeparator: !1
@@ -4322,7 +4328,7 @@ const eo = ({
             renderFooter: () => a == null ? void 0 : a(R),
             disabled: o,
             disabledReason: x,
-            composerInput: F
+            composerInput: B
           },
           "lt-channel-message-input"
         )
@@ -4346,17 +4352,17 @@ const eo = ({
     onBlockParticipantClick: g,
     onReportParticipantClick: o,
     showBlockParticipant: x = !0,
-    showReportParticipant: _ = !0,
+    showReportParticipant: w = !0,
     composerDisabled: b = !1,
     composerDisabledReason: v,
     dmAgentEnabled: p,
     messageMetadata: y,
-    onMessageSent: w,
+    onMessageSent: _,
     showStarButton: k = !1,
     renderChannelBanner: T,
     customChannelActions: A,
     renderChannelActions: D,
-    renderMessage: F,
+    renderMessage: B,
     onMessageLinkClick: R,
     sendButton: S,
     attachmentPreviewList: I,
@@ -4364,7 +4370,7 @@ const eo = ({
     showChannelInfo: C = !0,
     onParticipantNameClick: M,
     onOutboundClick: U,
-    resolveOutbound: B,
+    resolveOutbound: F,
     composerInput: O
   }) => {
     const W = J(
@@ -4383,9 +4389,9 @@ const eo = ({
           ...te,
           ...P && { skip_push: !0 }
         }, ee = await e.sendMessage(se, V);
-        return w == null || w(ee), ee;
+        return _ == null || _(ee), ee;
       },
-      [e, p, y, w]
+      [e, p, y, _]
     ), H = j(null);
     q(() => {
       if (!R) return;
@@ -4437,19 +4443,19 @@ const eo = ({
                 onBlockParticipantClick: g,
                 onReportParticipantClick: o,
                 showBlockParticipant: x,
-                showReportParticipant: _,
+                showReportParticipant: w,
                 composerDisabled: b,
                 composerDisabledReason: v,
                 showStarButton: k,
                 renderChannelBanner: T,
                 customChannelActions: A,
                 renderChannelActions: D,
-                renderMessage: F,
+                renderMessage: B,
                 viewerLanguage: E,
                 showChannelInfo: C,
                 onParticipantNameClick: M,
                 onOutboundClick: U,
-                resolveOutbound: B,
+                resolveOutbound: F,
                 composerInput: O
               }
             )
@@ -4491,25 +4497,25 @@ const jo = ({
   viewerLanguage: g,
   renderChannelBanner: o,
   customChannelActions: x,
-  renderChannelActions: _,
+  renderChannelActions: w,
   onParticipantNameClick: b,
   onOutboundClick: v,
   resolveOutbound: p,
   renderMessage: y,
-  onMessageLinkClick: w,
+  onMessageLinkClick: _,
   showChannelInfo: k,
   composerInput: T,
   attachmentPreviewList: A
 }) => {
   const {
     client: D,
-    isConnected: F,
+    isConnected: B,
     isLoading: R,
     error: S,
     refreshConnection: I,
     service: E,
     debug: C
-  } = ga(), [M, U] = $(null), [B, O] = $(null), [W, H] = $(!1), { showDeleteConversation: X = !0 } = e, K = j(c);
+  } = ga(), [M, U] = $(null), [F, O] = $(null), [W, H] = $(!1), { showDeleteConversation: X = !0 } = e, K = j(c);
   K.current = c;
   const G = j(a);
   G.current = a;
@@ -4517,7 +4523,7 @@ const jo = ({
   q(() => {
     Q.current = M;
   }, [M]), q(() => {
-    if (!D || !F) return;
+    if (!D || !B) return;
     const V = D.userID;
     if (!V) return;
     const ee = `${V}::${i}`;
@@ -4579,20 +4585,20 @@ const jo = ({
         ), ne(), Q.current || O("Failed to load conversation");
       }
     })();
-  }, [i, D, F, E, C]);
+  }, [i, D, B, E, C]);
   const P = j(r);
   P.current = r;
   const se = J(() => {
     var V;
     U(null), H(!0), (V = P.current) == null || V.call(P);
   }, []);
-  return R ? /* @__PURE__ */ s(Ve, {}) : S ? /* @__PURE__ */ s(ye, { message: S, onBack: I }) : !F || !D ? /* @__PURE__ */ s(
+  return R ? /* @__PURE__ */ s(Ve, {}) : S ? /* @__PURE__ */ s(ye, { message: S, onBack: I }) : !B || !D ? /* @__PURE__ */ s(
     ye,
     {
       message: "Not connected to messaging service",
       onBack: I
     }
-  ) : B ? /* @__PURE__ */ s(ye, { message: B }) : W && !M ? /* @__PURE__ */ s(ye, { message: "Conversation ended" }) : M ? /* @__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(
+  ) : F ? /* @__PURE__ */ s(ye, { message: F }) : W && !M ? /* @__PURE__ */ s(ye, { message: "Conversation ended" }) : M ? /* @__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(
     Vs,
     {
       channel: M,
@@ -4609,12 +4615,12 @@ const jo = ({
       onMessageSent: m,
       viewerLanguage: g,
       customChannelActions: x,
-      renderChannelActions: _,
+      renderChannelActions: w,
       onParticipantNameClick: b,
       onOutboundClick: v,
       resolveOutbound: p,
       renderMessage: y,
-      onMessageLinkClick: w,
+      onMessageLinkClick: _,
       showChannelInfo: k,
       composerInput: T,
       attachmentPreviewList: A
@@ -4658,7 +4664,7 @@ const Gs = L.createContext({
   });
 }, Ys = L.memo(
   (e) => {
-    var D, F, R;
+    var D, B, R;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -4687,7 +4693,7 @@ const Gs = L.createContext({
       (D = t == null ? void 0 : t.state) == null ? void 0 : D.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), _ = xs(x == null ? void 0 : x.user), b = (F = x == null ? void 0 : x.user) == null ? void 0 : F.image, v = (() => {
+    ), w = xs(x == null ? void 0 : x.user), b = (B = x == null ? void 0 : x.user) == null ? void 0 : B.image, v = (() => {
       var I;
       const S = (I = t == null ? void 0 : t.state) == null ? void 0 : I.messages;
       if (S != null && S.length) {
@@ -4713,13 +4719,13 @@ const Gs = L.createContext({
       if (S) return S;
       const C = (M = v == null ? void 0 : v.attachments) == null ? void 0 : M[0];
       return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), w = v != null && v.created_at ? ro(new Date(v.created_at)) : "", k = v ? Ue(v) : !1, T = l ? l(v, y) : `${k ? "✨ " : ""}${y}`, A = n ?? 0;
+    })(), _ = v != null && v.created_at ? ro(new Date(v.created_at)) : "", k = v ? Ue(v) : !1, T = l ? l(v, y) : `${k ? "✨ " : ""}${y}`, A = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: f,
-      participantName: _,
+      participantName: w,
       unreadCount: A,
-      hasTimestamp: !!w
+      hasTimestamp: !!_
     }), /* @__PURE__ */ s(
       "div",
       {
@@ -4740,7 +4746,7 @@ const Gs = L.createContext({
             ke,
             {
               id: ((R = x == null ? void 0 : x.user) == null ? void 0 : R.id) || t.id || "unknown",
-              name: _,
+              name: w,
               image: b,
               size: 48,
               starred: m
@@ -4756,11 +4762,11 @@ const Gs = L.createContext({
                   ),
                   children: [
                     m && /* @__PURE__ */ s("span", { className: "sr-only", children: "Starred conversation. " }),
-                    _
+                    w
                   ]
                 }
               ),
-              w && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: w })
+              _ && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: T }),
@@ -4783,20 +4789,20 @@ const io = { last_message_at: -1 }, oo = L.memo(
     sort: i = io,
     className: c,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = Fn,
+    channelListPaginator: d = Bn,
     channelPreview: u,
     renderMessagePreview: f,
     viewerLanguage: m,
     lockChannelOrder: g,
     onMessageNewHandler: o,
     onMessageNew: x,
-    onChannelVisible: _,
+    onChannelVisible: w,
     onAddedToChannel: b,
     onChannelUpdated: v
   }) => {
     const p = L.useRef(0);
     p.current++;
-    const { debug: y = !1 } = it(), w = L.useCallback(
+    const { debug: y = !1 } = it(), _ = L.useCallback(
       (T) => {
         for (const A of T)
           to(A);
@@ -4841,11 +4847,11 @@ const io = { last_message_at: -1 }, oo = L.memo(
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
-            channelRenderFilterFn: w,
+            channelRenderFilterFn: _,
             lockChannelOrder: g,
             onMessageNewHandler: o,
             onMessageNew: x,
-            onChannelVisible: _,
+            onChannelVisible: w,
             onAddedToChannel: b,
             onChannelUpdated: v,
             Paginator: d,
@@ -4973,7 +4979,7 @@ const lo = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
         "relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden",
         mo[e]
       ),
-      children: l.map(({ src: o, index: x }, _) => /* @__PURE__ */ s(
+      children: l.map(({ src: o, index: x }, w) => /* @__PURE__ */ s(
         "img",
         {
           src: Ee(o) ?? o,
@@ -4984,8 +4990,8 @@ const lo = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
           onError: () => a((b) => ({ ...b, [x]: !0 })),
           className: "absolute left-1/2 top-1/2 w-[62%] aspect-[3/2] rounded-[12px] bg-[#ffffff] object-cover shadow-md",
           style: {
-            transform: `translate(-50%, -50%) translateX(${f[_]}px) rotate(${u[_]}deg) scale(${g[_]})`,
-            zIndex: m[_]
+            transform: `translate(-50%, -50%) translateX(${f[w]}px) rotate(${u[w]}deg) scale(${g[w]})`,
+            zIndex: m[w]
           }
         },
         `${o}-${x}`
@@ -5217,7 +5223,7 @@ export {
   Ra as B,
   Ji as C,
   ga as D,
-  Fo as E,
+  Bo as E,
   Go as F,
   at as L,
   we as M,
@@ -5232,7 +5238,7 @@ export {
   Ie as g,
   Vo as h,
   fa as i,
-  Bo as j,
+  Fo as j,
   jo as k,
   Or as l,
   Lr as m,
@@ -5250,4 +5256,4 @@ export {
   xs as y,
   Uo as z
 };
-//# sourceMappingURL=index-Cc8BzIhS.js.map
+//# sourceMappingURL=index-CSGqkLxv.js.map