@linktr.ee/messaging-react 3.13.4 → 3.14.0-rc-1784604876

package/dist/{index-Cw1ij-Py.js → index-0uNeCMZl.js}

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as u, Fragment as te } from "react/jsx-runtime";
-import V, { createContext as dt, useContext as Te, useCallback as Q, useState as B, useRef as G, useEffect as K, useId as Ws, useMemo as re, Suspense as qs } from "react";
+import V, { createContext as dt, useContext as Te, useCallback as Q, useState as U, useRef as G, useEffect as K, useId as qs, useMemo as re, Suspense as Ws } from "react";
 import { StreamChatService as Xs } from "@linktr.ee/messaging-core";
 import { StreamChat as Ks, LinkPreviewsManager as Ht } from "stream-chat";
-import { Chat as Zs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as Js, MessageStatus as Qs, useMessageContext as Ne, MessageErrorIcon as at, MessageText as $e, areMessageUIPropsEqual as en, useMessageReminder as tn, useComponentContext as cs, Attachment as sn, EditMessageModal as nn, MessageBlocked as an, MessageBouncePrompt as rn, MessageDeleted as ln, MessageIsThreadReplyInChannelButtonIndicator as on, MessageRepliesCountButton as cn, ReminderNotification as dn, StreamedMessageText as un, messageHasAttachments as mn, messageHasReactions as hn, isDateSeparatorMessage as fn, isMessageBlocked as gn, isMessageBounced as pn, MessageBounceModal as bn, Poll as vn, useMessageComposer as xn, useStateStore as wn, MessageInput as Wt, useMessageInputContext as _n, useMessageComposerHasSendableData as Nn, AttachmentPreviewList as yn, QuotedMessagePreview as kn, TextareaComposer as Cn, MessageTimestamp as Ke, AIStates as Ze, useTypingContext as Sn, useAIState as En, Channel as In, WithComponents as Tn, Window as Mn, MessageList as qt, ChannelList as An, InfiniteScroll as Rn } from "stream-chat-react";
-import { StarIcon as Ie, DotsThreeIcon as Ln, SpinnerGapIcon as Pe, SignOutIcon as Dn, ProhibitInsetIcon as Xt, FlagIcon as ds, ArrowLeftIcon as rt, CurrencyDollarIcon as zn, CaretRightIcon as xe, SparkleIcon as we, FileIcon as us, ImageIcon as Pn, SpeakerHighIcon as On, VideoCameraIcon as ms, FileMdIcon as Fn, FileTextIcon as $n, FileZipIcon as Un, FilePptIcon as Bn, FileCsvIcon as jn, FileXlsIcon as Vn, FileDocIcon as Gn, FilePdfIcon as Yn, CircleNotchIcon as Se, PlayIcon as it, PauseIcon as Hn, LinkIcon as Wn, DownloadSimpleIcon as Ee, XIcon as Ye, CaretLeftIcon as qn, GiftIcon as Xn, ThumbsUpIcon as Kn, ThumbsDownIcon as Zn, ChecksIcon as Jn, PencilSimpleIcon as Qn, TrashSimpleIcon as ea, ArrowUpIcon as ta, ProhibitIcon as sa } from "@phosphor-icons/react";
+import { Chat as Zs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as Js, MessageStatus as Qs, useMessageContext as Ne, MessageErrorIcon as at, MessageText as $e, areMessageUIPropsEqual as en, useMessageReminder as tn, useComponentContext as cs, Attachment as sn, EditMessageModal as nn, MessageBlocked as an, MessageBouncePrompt as rn, MessageDeleted as ln, MessageIsThreadReplyInChannelButtonIndicator as on, MessageRepliesCountButton as cn, ReminderNotification as dn, StreamedMessageText as un, messageHasAttachments as mn, messageHasReactions as hn, isDateSeparatorMessage as fn, isMessageBlocked as gn, isMessageBounced as pn, MessageBounceModal as bn, Poll as vn, useMessageComposer as xn, useStateStore as _n, MessageInput as qt, useMessageInputContext as wn, useMessageComposerHasSendableData as Nn, AttachmentPreviewList as yn, QuotedMessagePreview as kn, TextareaComposer as Cn, MessageTimestamp as Ke, AIStates as Ze, useTypingContext as Sn, useAIState as En, Channel as In, WithComponents as Tn, Window as Mn, MessageList as Wt, ChannelList as An, InfiniteScroll as Rn } from "stream-chat-react";
+import { StarIcon as Ie, DotsThreeIcon as Ln, SpinnerGapIcon as Pe, SignOutIcon as Dn, ProhibitInsetIcon as Xt, FlagIcon as ds, ArrowLeftIcon as rt, CurrencyDollarIcon as zn, CaretRightIcon as xe, SparkleIcon as _e, FileIcon as us, ImageIcon as Pn, SpeakerHighIcon as On, VideoCameraIcon as ms, FileMdIcon as Fn, FileTextIcon as $n, FileZipIcon as Bn, FilePptIcon as Un, FileCsvIcon as jn, FileXlsIcon as Vn, FileDocIcon as Gn, FilePdfIcon as Yn, CircleNotchIcon as Se, PlayIcon as it, PauseIcon as Hn, LinkIcon as qn, DownloadSimpleIcon as Ee, XIcon as Ye, CaretLeftIcon as Wn, GiftIcon as Xn, ThumbsUpIcon as Kn, ThumbsDownIcon as Zn, ChecksIcon as Jn, PencilSimpleIcon as Qn, TrashSimpleIcon as ea, ArrowUpIcon as ta, ProhibitIcon as sa } from "@phosphor-icons/react";
 import C from "classnames";
 import { MessageActions as na, DefaultDropdownActionButton as hs } from "stream-chat-react/experimental";
 const fs = dt({
@@ -16,7 +16,7 @@ const fs = dt({
   refreshConnection: async () => {
   },
   debug: !1
-}), ut = () => Te(fs), gl = ({
+}), ut = () => Te(fs), pl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -38,7 +38,7 @@ const fs = dt({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = B(null), [g, h] = B(null), [f, c] = B(!1), [b, v] = B(!1), [x, p] = B(null), _ = G(!1), w = G(null), S = G(n);
+  const [d, m] = U(null), [g, h] = U(null), [f, c] = U(!1), [b, v] = U(!1), [x, p] = U(null), w = G(!1), _ = G(null), S = G(n);
   S.current = n;
   const z = G(i);
   z.current = i;
@@ -69,7 +69,7 @@ const fs = dt({
   K(() => {
     const M = R.current, O = S.current;
     if (o) {
-      w.current = null, m(null), h(null), c(!1), p(null), v(!1);
+      _.current = null, m(null), h(null), c(!1), p(null), v(!1);
       return;
     }
     if (!a || !D || !O) {
@@ -89,7 +89,7 @@ const fs = dt({
       debug: z.current,
       client: D
     });
-    w.current = $, m($), l("✅ SERVICE SET", {
+    _.current = $, m($), l("✅ SERVICE SET", {
       renderCount: M,
       serviceInstance: !!$
     });
@@ -101,7 +101,7 @@ const fs = dt({
       hasService: !!d,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: _.current,
+      isConnecting: w.current,
       isConnected: f,
       dependencies: { service: !!d, userId: t == null ? void 0 : t.id }
     }), o)
@@ -110,7 +110,7 @@ const fs = dt({
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (_.current) {
+    if (w.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
@@ -122,7 +122,7 @@ const fs = dt({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, v(!0), p(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), w.current = !0, v(!0), p(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
@@ -137,7 +137,7 @@ const fs = dt({
           error: Z
         });
       } finally {
-        v(!1), _.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        v(!1), w.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: f
         });
@@ -147,7 +147,7 @@ const fs = dt({
     const M = D;
     return () => {
       var O;
-      M && (L.current = null, (O = w.current) == null || O.disconnectUser().catch(console.error));
+      M && (L.current = null, (O = _.current) == null || O.disconnectUser().catch(console.error));
     };
   }, [D]);
   const y = Q(async () => {
@@ -226,7 +226,7 @@ const fs = dt({
   ) : e });
 }, aa = () => ut(), mt = (e) => {
   var a, r;
-  const [t, n] = B(
+  const [t, n] = U(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return K(() => {
@@ -408,10 +408,10 @@ const ne = ({
   logLabel: g = "useChannelModerationActions"
 }) => {
   var I;
-  const { service: h, debug: f } = ut(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, b = !!(a && n && h && c), [v, x] = B(!1), [p, _] = B(null), [w, S] = B(!1), [z, E] = B(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
+  const { service: h, debug: f } = ut(), c = (I = t == null ? void 0 : t.user) == null ? void 0 : I.id, b = !!(a && n && h && c), [v, x] = U(!1), [p, w] = U(null), [_, S] = U(!1), [z, E] = U(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
   return K(() => {
     if (!b || !h || !c) {
-      x(!1), _(null);
+      x(!1), w(null);
       return;
     }
     let k = !1;
@@ -427,7 +427,7 @@ const ne = ({
       } catch (T) {
         k || console.error(`[${g}] Failed to check blocked status:`, T);
       } finally {
-        k || _({ participantId: c, service: h });
+        k || w({ participantId: c, service: h });
       }
     })(), () => {
       k = !0;
@@ -435,11 +435,11 @@ const ne = ({
   }, [b, h, c, g]), {
     isParticipantBlocked: v,
     isCheckingBlockedStatus: R,
-    isLeaving: w,
+    isLeaving: _,
     isUpdatingBlockStatus: z,
     handleLeaveConversation: async () => {
       var k;
-      if (!w) {
+      if (!_) {
         o == null || o(), f && console.log(`[${g}] Leave conversation`, e.cid), S(!0);
         try {
           const T = ((k = e._client) == null ? void 0 : k.userID) ?? null;
@@ -512,10 +512,10 @@ const ne = ({
   customChannelActions: g,
   triggerClassName: h
 }) => {
-  const [f, c] = B(!1), b = G(null), v = Ws(), x = Q(() => c(!1), []), {
+  const [f, c] = U(!1), b = G(null), v = qs(), x = Q(() => c(!1), []), {
     isParticipantBlocked: p,
-    isCheckingBlockedStatus: _,
-    isLeaving: w,
+    isCheckingBlockedStatus: w,
+    isLeaving: _,
     isUpdatingBlockStatus: S,
     handleLeaveConversation: z,
     handleBlockUser: E,
@@ -574,15 +574,15 @@ const ne = ({
             ye,
             {
               onClick: z,
-              disabled: w,
-              "aria-busy": w,
+              disabled: _,
+              "aria-busy": _,
               children: [
-                w ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Dn, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Dn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
           ) }),
-          a && /* @__PURE__ */ s("li", { children: _ ? (
+          a && /* @__PURE__ */ s("li", { children: w ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
             /* @__PURE__ */ u(ye, { disabled: !0, "aria-busy": !0, children: [
@@ -641,17 +641,17 @@ const ne = ({
   onParticipantNameClick: x
 }) => {
   var D, L, y, I;
-  const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
+  const { channel: p } = oe(), { client: w } = fe(), _ = V.useMemo(
     () => {
       var k;
       return He(
         (k = p.state) == null ? void 0 : k.members,
-        _ == null ? void 0 : _.userID,
+        w == null ? void 0 : w.userID,
         p.type
       );
     },
-    [(D = p.state) == null ? void 0 : D.members, _ == null ? void 0 : _.userID, p.type]
-  ), S = ht(w == null ? void 0 : w.user), z = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, E = mt(p), R = pa((y = p.data) == null ? void 0 : y.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, F = async () => {
+    [(D = p.state) == null ? void 0 : D.members, w == null ? void 0 : w.userID, p.type]
+  ), S = ht(_ == null ? void 0 : _.user), z = (L = _ == null ? void 0 : _.user) == null ? void 0 : L.image, E = mt(p), R = pa((y = p.data) == null ? void 0 : y.customer_tag) && (_ == null ? void 0 : _.is_follower) === !0, F = async () => {
     try {
       E ? await p.unpin() : await p.pin();
     } catch (k) {
@@ -694,7 +694,7 @@ const ne = ({
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((I = w == null ? void 0 : w.user) == null ? void 0 : I.id) || p.id || "unknown",
+                  id: ((I = _ == null ? void 0 : _.user) == null ? void 0 : I.id) || p.id || "unknown",
                   name: S,
                   image: z,
                   dmAgentEnabled: r,
@@ -734,7 +734,7 @@ const ne = ({
                   ] })
                 ] }),
                 r && /* @__PURE__ */ u("span", { className: "mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { children: ga })
                 ] })
               ] })
@@ -766,7 +766,7 @@ const ne = ({
             lt,
             {
               channel: p,
-              participant: w,
+              participant: _,
               showDeleteConversation: l,
               showBlockParticipant: d,
               showReportParticipant: m,
@@ -787,7 +787,7 @@ const ne = ({
 function xa(e) {
   return e != null && e.length ? e.some((t) => t.type === ct) ? "down" : e.some((t) => t.type === ot) ? "up" : null : null;
 }
-function wa(e) {
+function _a(e) {
   const { channel: t } = oe(), { client: n } = fe("useMessageVote"), a = re(
     () => xa(e.own_reactions),
     [e.own_reactions]
@@ -814,7 +814,7 @@ function wa(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function _a(e) {
+function wa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function ps({
@@ -822,7 +822,7 @@ function ps({
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = _a(t);
+  const n = e == null ? void 0 : e.text, a = wa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
 const Na = ["linktr.ee"], Jt = "messaging-attachment-v1_0";
@@ -875,8 +875,8 @@ const Sa = {
   doc: Gn,
   xls: Vn,
   csv: jn,
-  ppt: Bn,
-  zip: Un,
+  ppt: Un,
+  zip: Bn,
   text: $n,
   markdown: Fn,
   generic: us
@@ -885,7 +885,7 @@ function Ia(e) {
   const t = ce(e);
   return t !== "document" ? Sa[t] : Ea[bs(e)];
 }
-function _e(e, t) {
+function we(e, t) {
   return V.createElement(Ia(e), t);
 }
 const Ta = (e) => {
@@ -903,7 +903,7 @@ const Ta = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ce(t), h = G(null), f = G(null), c = G(null), b = G(r), [v, x] = B(a), [p, _] = B(0), [w, S] = B(!1), [z, E] = B(!1), [R, F] = B(!1), [D, L] = B(!1), [y, I] = B(!0), [k, T] = B(null), M = Q(() => {
+  const g = ce(t), h = G(null), f = G(null), c = G(null), b = G(r), [v, x] = U(a), [p, w] = U(0), [_, S] = U(!1), [z, E] = U(!1), [R, F] = U(!1), [D, L] = U(!1), [y, I] = U(!0), [k, T] = U(null), M = Q(() => {
     F(!1), x(!0);
   }, []), O = Q((N) => {
     const A = f.current;
@@ -919,7 +919,7 @@ const Ta = (e) => {
   }, []), j = (N) => {
     N.stopPropagation(), S(!0);
     const A = O(N);
-    _(A), $(A);
+    w(A), $(A);
   };
   K(() => {
     r !== void 0 && r !== b.current && (b.current = r, x(r));
@@ -930,25 +930,25 @@ const Ta = (e) => {
     }
     const N = () => {
       const A = h.current;
-      A && A.duration && !w && _(A.currentTime / A.duration), c.current = requestAnimationFrame(N);
+      A && A.duration && !_ && w(A.currentTime / A.duration), c.current = requestAnimationFrame(N);
     };
     return c.current = requestAnimationFrame(N), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [v, w]), K(() => {
+  }, [v, _]), K(() => {
     const N = h.current;
     N && (v ? N.play().catch((A) => {
       x(!1), F(!0);
     }) : N.pause());
   }, [v]), K(() => {
-    if (!w) return;
-    const N = (Y) => _(O(Y)), A = (Y) => {
+    if (!_) return;
+    const N = (Y) => w(O(Y)), A = (Y) => {
       S(!1), $(O(Y));
     };
     return window.addEventListener("mousemove", N), window.addEventListener("mouseup", A), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", A), () => {
       window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", A);
     };
-  }, [w, O, $]);
+  }, [_, O, $]);
   const Z = k ? { aspectRatio: String(k) } : void 0, ee = k ? "" : " aspect-video", X = Math.round(p * 100);
   return /* @__PURE__ */ u(
     "div",
@@ -982,7 +982,7 @@ const Ta = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (g === "audio" || y) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: _e(t, {
+        !n && (g === "audio" || y) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: we(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -1001,7 +1001,7 @@ const Ta = (e) => {
             onWaiting: () => L(!0),
             onPlay: () => F(!1),
             onEnded: () => {
-              i || (x(!1), _(0));
+              i || (x(!1), w(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -1025,7 +1025,7 @@ const Ta = (e) => {
               N instanceof HTMLVideoElement && N.videoWidth && N.videoHeight && T(N.videoWidth / N.videoHeight);
             },
             onEnded: () => {
-              i || (x(!1), _(0));
+              i || (x(!1), w(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -1115,7 +1115,7 @@ const Ta = (e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${z || w ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${z || _ ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ s(
                       "div",
                       {
@@ -1128,7 +1128,7 @@ const Ta = (e) => {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${z || w ? "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 ${z || _ ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${X}%` }
                   }
                 )
@@ -1148,7 +1148,7 @@ const Ta = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ce(e), [d, m] = B(!1), g = he(t), h = he(n);
+  const l = ce(e), [d, m] = U(!1), g = he(t), h = he(n);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
     Ma,
     {
@@ -1196,7 +1196,7 @@ const Ta = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: _e(e, {
+      children: we(e, {
         className: Qt(r),
         weight: "regular"
       })
@@ -1213,7 +1213,7 @@ const Ta = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: _e(e, {
+      children: we(e, {
         className: Qt(r),
         weight: "regular"
       })
@@ -1260,7 +1260,7 @@ const Ta = (e) => {
             }
           ),
           /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-1", children: [
-            _e(r, {
+            we(r, {
               className: C(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
@@ -1285,7 +1285,7 @@ const Ta = (e) => {
     }
   );
 };
-function ws(e) {
+function _s(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function ft(e) {
@@ -1319,7 +1319,7 @@ const gt = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${Ra(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Wn, { className: `size-12 ${Pa(t)}` })
+        children: /* @__PURE__ */ s(qn, { className: `size-12 ${Pa(t)}` })
       }
     ) }),
     /* @__PURE__ */ u("div", { className: "px-3 pb-3", children: [
@@ -1330,12 +1330,12 @@ const gt = ({ attachment: e, isMyMessage: t }) => {
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ s("div", { className: "block", children: m });
 };
-function _s(e) {
+function ws(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function pt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(_s);
+  return (t = e.attachments) == null ? void 0 : t.find(ws);
 }
 async function Oa(e, t) {
   let n;
@@ -1353,7 +1353,7 @@ const Fa = ({
   url: e,
   filename: t
 }) => {
-  const [n, a] = B(!1);
+  const [n, a] = U(!1);
   return /* @__PURE__ */ s(
     "button",
     {
@@ -1404,7 +1404,7 @@ const Ns = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? ws(a) : void 0;
+  const i = a !== void 0 ? _s(a) : void 0;
   return /* @__PURE__ */ s(
     xs,
     {
@@ -1432,7 +1432,7 @@ const Ns = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ce(t), o = a !== void 0 ? ws(a) : void 0;
+  const i = ce(t), o = a !== void 0 ? _s(a) : void 0;
   return /* @__PURE__ */ s(
     xs,
     {
@@ -1486,7 +1486,7 @@ const Ns = ({
       }
     )
   ] });
-}, Ua = ({
+}, Ba = ({
   message: e
 }) => {
   const t = pt(e);
@@ -1494,7 +1494,7 @@ const Ns = ({
     return /* @__PURE__ */ s("div", { className: ft(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(gt, { attachment: t, isMyMessage: !0 }) });
   const n = bt(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ns, { ...n }) }) : null;
-}, Ba = ({
+}, Ua = ({
   message: e
 }) => {
   const t = pt(e);
@@ -1502,9 +1502,9 @@ const Ns = ({
     return /* @__PURE__ */ s("div", { className: ft(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(gt, { attachment: t, isMyMessage: !1 }) });
   const n = bt(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ys, { ...n }) }) : null;
-}, pl = Object.assign($a, {
-  Creator: Ua,
-  Visitor: Ba
+}, bl = Object.assign($a, {
+  Creator: Ba,
+  Visitor: Ua
 }), ja = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
@@ -1597,11 +1597,11 @@ const Ns = ({
     ),
     children: /* @__PURE__ */ s(Ye, { className: "size-3", weight: "bold" })
   }
-), Re = (e) => e === "received" ? "light" : "dark", Wa = ({
+), Re = (e) => e === "received" ? "light" : "dark", qa = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", qa = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Wa = ({
   src: e,
   mimeType: t,
   filename: n,
@@ -1629,7 +1629,7 @@ const Ns = ({
   preload: l,
   onDismiss: d
 }) => {
-  const m = Re(e), g = e === "composer" && !!d, h = qa({ src: t, mimeType: n, filename: a, items: r });
+  const m = Re(e), g = e === "composer" && !!d, h = Wa({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
   const f = l ?? (h.length > 1 ? "none" : "metadata");
@@ -1730,7 +1730,7 @@ const ar = {
         rr[e]
       ),
       "aria-hidden": !0,
-      children: _e(a, {
+      children: we(a, {
         className: C("size-6", ir[e]),
         weight: "regular"
       })
@@ -1837,8 +1837,8 @@ const lr = ({
     if ((m == null ? void 0 : m(x)) === !1) return;
     const p = c[x];
     if (!p) return;
-    const _ = p.filename ?? ie(p.src);
-    Cs(p.src, _);
+    const w = p.filename ?? ie(p.src);
+    Cs(p.src, w);
   };
   if (c.length === 0)
     return null;
@@ -1877,7 +1877,7 @@ const lr = ({
   Composer: cr,
   Sent: dr,
   Received: ur
-}, wt = ({
+}, _t = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
@@ -1890,7 +1890,7 @@ const lr = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(qn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Wn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1912,7 +1912,7 @@ const lr = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = B(!1), m = Q(
+  const [l, d] = U(!1), m = Q(
     (c) => {
       c.stopPropagation(), !l && (d(!0), Cs(e, t).catch(() => {
       }).finally(() => {
@@ -1988,12 +1988,12 @@ const lr = ({
       ]
     }
   );
-}, Qe = (e, t, n) => Math.min(Math.max(e, t), n), _t = ({
+}, Qe = (e, t, n) => Math.min(Math.max(e, t), n), wt = ({
   length: e,
   initialIndex: t,
   open: n
 }) => {
-  const a = Qe(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
+  const a = Qe(t, 0, Math.max(e - 1, 0)), [r, i] = U(a);
   K(() => {
     n && i(Qe(t, 0, Math.max(e - 1, 0)));
   }, [n, t, e]), K(() => {
@@ -2109,7 +2109,7 @@ const lr = ({
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = _t({
+  const { index: r, prev: i, next: o } = wt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2148,7 +2148,7 @@ const lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          wt,
+          _t,
           {
             onPrev: i,
             onNext: o,
@@ -2230,7 +2230,7 @@ const lr = ({
     }
   );
 }, Le = (e) => {
-  const [t, n] = B(!1), [a, r] = B(0), i = Q(
+  const [t, n] = U(!1), [a, r] = U(0), i = Q(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), n(!0));
     },
@@ -2336,17 +2336,17 @@ const lr = ({
       ]
     }
   );
-}, br = (e) => /* @__PURE__ */ s(pr, { ...e }), vr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), xr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), wr = {
+}, br = (e) => /* @__PURE__ */ s(pr, { ...e }), vr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), xr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), _r = {
   Composer: br,
   Sent: vr,
   Received: xr
-}, _r = ({
+}, wr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = _t({
+  const { index: r, prev: i, next: o } = wt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2377,7 +2377,7 @@ const lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          wt,
+          _t,
           {
             onPrev: i,
             onNext: o,
@@ -2435,9 +2435,9 @@ const lr = ({
   ), x = e === "composer" && !!m;
   if (h.length === 0)
     return null;
-  const p = h.map((_) => ({
-    src: _.src,
-    filename: _.filename ?? ie(_.src)
+  const p = h.map((w) => ({
+    src: w.src,
+    filename: w.filename ?? ie(w.src)
   }));
   return /* @__PURE__ */ u(
     Me,
@@ -2447,11 +2447,11 @@ const lr = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((_, w) => {
-          const S = _.filename ?? ie(_.src), z = x && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((w, _) => {
+          const S = w.filename ?? ie(w.src), z = x && _ === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
             Ss,
             {
-              url: _.src,
+              url: w.src,
               filename: S,
               variant: "inline",
               label: `Download ${S}`,
@@ -2462,16 +2462,16 @@ const lr = ({
             kr,
             {
               variant: g,
-              item: _,
-              index: w,
+              item: w,
+              index: _,
               onActivate: b,
               trailingAction: z
             },
-            `${_.src}-${w}`
+            `${w.src}-${_}`
           );
         }) }),
         /* @__PURE__ */ s(
-          _r,
+          wr,
           {
             open: f,
             items: p,
@@ -2492,7 +2492,7 @@ const lr = ({
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = _t({
+  const { index: r, prev: i, next: o } = wt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2525,7 +2525,7 @@ const lr = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          wt,
+          _t,
           {
             onPrev: i,
             onNext: o,
@@ -2621,7 +2621,7 @@ const lr = ({
   if (g.length === 0)
     return null;
   const x = g.map(
-    (p, _) => Mr(p, _, g.length)
+    (p, w) => Mr(p, w, g.length)
   );
   return /* @__PURE__ */ u(
     Me,
@@ -2656,7 +2656,7 @@ const lr = ({
   Sent: Dr,
   Received: zr
 }, ke = {
-  Image: wr,
+  Image: _r,
   Video: Pr,
   Audio: Qa,
   Pdf: Ir,
@@ -2665,17 +2665,17 @@ const lr = ({
   isUnlocking: () => !1
 }, Fr = {
   LockedAttachment: Or
-}, zs = dt({}), bl = zs.Provider;
+}, zs = dt({}), vl = zs.Provider;
 function $r(e) {
   return Te(zs)[e] ?? Fr[e];
 }
-const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import("./Card-fPhu90tj.js")), jr = () => /* @__PURE__ */ s(
+const Br = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import("./Card-BcvG9C1y.js")), jr = () => /* @__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)]",
     "aria-hidden": !0
   }
-), Oe = (e) => /* @__PURE__ */ s(qs, { fallback: /* @__PURE__ */ s(jr, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Ur, { ...e }) : /* @__PURE__ */ s(Br, { ...e }) }), Vr = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Oe = (e) => /* @__PURE__ */ s(Ws, { fallback: /* @__PURE__ */ s(jr, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Br, { ...e }) : /* @__PURE__ */ s(Ur, { ...e }) }), Vr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2698,7 +2698,7 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
 }, Yr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Ue = (e) => {
+}, Be = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
 }, kt = (e) => {
@@ -2707,10 +2707,10 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
 }, Hr = (e) => {
   var t;
   return kt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, Wr = (e) => {
+}, qr = (e) => {
   var t;
   return kt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Ps = (e) => Gr(e) || Yr(e), qr = (e) => {
+}, Ps = (e) => Gr(e) || Yr(e), Wr = (e) => {
   var t;
   return Ps(e) && !((t = e.text) != null && t.trim());
 }, et = ({
@@ -2720,7 +2720,7 @@ const Ur = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var h;
-  const r = Ps(e), i = Ue(e);
+  const r = Ps(e), i = Be(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -2891,7 +2891,7 @@ const ei = {
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Be = ({
+), Ue = ({
   variant: e,
   children: t,
   href: n,
@@ -2957,7 +2957,7 @@ const ei = {
 }, li = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, We = (e, t) => !!t && !!e && ce(e) === "audio", Et = (e, t) => {
+}, qe = (e, t) => !!t && !!e && ce(e) === "audio", Et = (e, t) => {
   if (!t || !e) return !1;
   const n = ce(e);
   return n === "video" || n === "audio";
@@ -2971,7 +2971,7 @@ const ei = {
   topRight: o
 }) => {
   const l = ce(r), d = !!n && l === "video", m = he(t);
-  return We(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
+  return qe(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
       src: n,
@@ -3014,7 +3014,7 @@ const ei = {
               "flex h-full w-full items-center justify-center",
               ii[e]
             ),
-            children: _e(r, {
+            children: we(r, {
               className: li[e],
               weight: "regular"
             })
@@ -3039,7 +3039,7 @@ const ei = {
   onDismiss: g,
   onEditClick: h
 }) => {
-  const f = l === "classic", c = We(r, o), b = g ? /* @__PURE__ */ s(
+  const f = l === "classic", c = qe(r, o), b = g ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
@@ -3058,7 +3058,7 @@ const ei = {
       children: /* @__PURE__ */ s(Qn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ s(Be, { variant: "dark", bgClassName: It, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ s(Ue, { variant: "dark", bgClassName: It, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
       je,
       {
@@ -3070,7 +3070,7 @@ const ei = {
     ) }),
     b && /* @__PURE__ */ s("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ u(
-    Be,
+    Ue,
     {
       variant: "dark",
       topRight: f ? b : void 0,
@@ -3114,7 +3114,7 @@ const ei = {
   cta: d,
   onClick: m
 }) => {
-  const g = Et(a, i), h = Ct(n), f = d == null && h != null && !g ? h : void 0, c = d == null && !g ? m : void 0, b = We(a, i) ? It : void 0, v = d && m ? {
+  const g = Et(a, i), h = Ct(n), f = d == null && h != null && !g ? h : void 0, c = d == null && !g ? m : void 0, b = qe(a, i) ? It : void 0, v = d && m ? {
     ...d,
     onClick: () => {
       var x;
@@ -3122,7 +3122,7 @@ const ei = {
     }
   } : d;
   return /* @__PURE__ */ u(
-    Be,
+    Ue,
     {
       variant: "light",
       href: f,
@@ -3170,12 +3170,12 @@ const ei = {
 }) => {
   const h = Et(r, o), f = Ct(a), c = m == null && f != null && !h ? f : void 0, b = m == null && !h && c != null ? g : void 0;
   return /* @__PURE__ */ u(
-    Be,
+    Ue,
     {
       variant: "dark",
       href: c,
       onClick: b,
-      bgClassName: We(r, o) ? It : void 0,
+      bgClassName: qe(r, o) ? It : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ s(
           je,
@@ -3431,8 +3431,8 @@ const vi = ({
   };
   return r.forEach((v, x) => {
     if (v.type === "link") {
-      v.attachments.forEach((p, _) => {
-        f(p, `link-${x}-${_}`);
+      v.attachments.forEach((p, w) => {
+        f(p, `link-${x}-${w}`);
       });
       return;
     }
@@ -3467,7 +3467,7 @@ const vi = ({
     ] }) : null
   ] });
 }, xi = (e) => {
-  var Dt, zt, Pt, Ot, Ft, $t, Ut, Bt, jt, Vt;
+  var Dt, zt, Pt, Ot, Ft, $t, Bt, Ut, jt, Vt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3485,7 +3485,7 @@ const vi = ({
     renderText: b,
     threadList: v,
     viewerLanguage: x
-  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: S, onFetchSource: z, onDownloadClick: E } = $r("LockedAttachment"), [R, F] = B(!1), D = tn(c.id), { selected: L, voteUp: y, voteDown: I } = wa(c), {
+  } = e, { client: p } = fe("CustomMessage"), { channel: w } = oe("CustomMessage"), { isUnlocking: _, onUnlockClick: S, onFetchSource: z, onDownloadClick: E } = $r("LockedAttachment"), [R, F] = U(!1), D = tn(c.id), { selected: L, voteUp: y, voteDown: I } = _a(c), {
     Attachment: k = sn,
     EditMessageModal: T = nn,
     MessageActions: M,
@@ -3497,24 +3497,24 @@ const vi = ({
     ReminderNotification: X = dn,
     StreamedMessageText: N = un,
     PinIndicator: A
-  } = cs("CustomMessage"), Y = mn(c), W = hn(c), H = re(
+  } = cs("CustomMessage"), Y = mn(c), q = hn(c), H = re(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), U = re(() => {
+  ), B = re(() => {
     const me = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...me] : me;
-    if (!Ue(c)) return be;
-    const Gt = be.filter((Yt) => !("type" in Yt) || !_s(Yt));
+    if (!Be(c)) return be;
+    const Gt = be.filter((Yt) => !("type" in Yt) || !ws(Yt));
     return Gt.length === be.length ? be : Gt;
-  }, [c]), q = re(
-    () => Fs(U),
-    [U]
+  }, [c]), W = re(
+    () => Fs(B),
+    [B]
   ), J = re(() => {
     const me = ps({ message: c, viewerLanguage: x });
     return me === c.text ? c : { ...c, text: me };
-  }, [c, x]), de = q.length > 0, De = q.reduce(
+  }, [c, x]), de = W.length > 0, De = W.reduce(
     (me, be) => me + be.attachments.length,
     0
-  ) === ((U == null ? void 0 : U.length) ?? 0), ze = Wa({
+  ) === ((B == null ? void 0 : B.length) ?? 0), ze = qa({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: o
@@ -3538,14 +3538,14 @@ const vi = ({
       "str-chat__message--has-attachment": Y,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": W,
+      "str-chat__message--with-reactions": q,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((zt = c == null ? void 0 : c.error) == null ? void 0 : zt.status) !== 403,
       "str-chat__message-with-thread-link": ae || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), qe = c.poll_id && p.polls.fromState(c.poll_id), Mt = qr(c), pe = Ue(c), Ys = kt(c), Xe = !!(U != null && U.length && !c.quoted_message), At = pe && se && Xe, Hs = de && De && !c.quoted_message && !qe && !H && !pe, Rt = {
+  ), We = c.poll_id && p.polls.fromState(c.poll_id), Mt = Wr(c), pe = Be(c), Ys = kt(c), Xe = !!(B != null && B.length && !c.quoted_message), At = pe && se && Xe, Hs = de && De && !c.quoted_message && !We && !H && !pe, Rt = {
     contentType: "text",
     amountText: (Pt = c.metadata) == null ? void 0 : Pt.amount_text,
     paymentStatus: (Ot = c.metadata) == null ? void 0 : Ot.payment_status,
@@ -3554,11 +3554,11 @@ const vi = ({
     contentType: "media",
     title: (Ft = c.metadata) == null ? void 0 : Ft.attachment_title,
     mimeType: ($t = c.metadata) == null ? void 0 : $t.attachment_mime_type,
-    thumbnailUrl: (Ut = c.metadata) == null ? void 0 : Ut.attachment_thumbnail,
-    amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
+    thumbnailUrl: (Bt = c.metadata) == null ? void 0 : Bt.attachment_thumbnail,
+    amountText: (Ut = c.metadata) == null ? void 0 : Ut.amount_text,
     detail: (jt = c.metadata) == null ? void 0 : jt.attachment_detail,
     paymentStatus: (Vt = c.metadata) == null ? void 0 : Vt.payment_status,
-    onFetchSource: z ? () => z(c, _) : void 0
+    onFetchSource: z ? () => z(c, w) : void 0
   };
   return /* @__PURE__ */ u(te, { children: [
     a && /* @__PURE__ */ s(
@@ -3626,12 +3626,12 @@ const vi = ({
                   {
                     ...Rt,
                     isMine: !1,
-                    isUnlocking: w(c.id),
-                    onUnlockClick: () => S == null ? void 0 : S(c, _)
+                    isUnlocking: _(c.id),
+                    onUnlockClick: () => S == null ? void 0 : S(c, w)
                   }
                 ),
                 !se && M && /* @__PURE__ */ s(M, {})
-              ] }) }) : Wr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
+              ] }) }) : qr(c) ? /* @__PURE__ */ u("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
                   se && M && /* @__PURE__ */ s(M, {}),
                   se ? /* @__PURE__ */ s(
@@ -3639,16 +3639,16 @@ const vi = ({
                     {
                       ...Lt,
                       isMine: !0,
-                      onPreviewClick: () => S ? S(c, _) : void 0
+                      onPreviewClick: () => S ? S(c, w) : void 0
                     }
                   ) : /* @__PURE__ */ s(
                     Oe,
                     {
                       ...Lt,
                       isMine: !1,
-                      isUnlocking: w(c.id),
-                      onUnlockClick: () => S ? S(c, _) : void 0,
-                      onDownloadClick: () => E ? E(c, _) : void 0
+                      isUnlocking: _(c.id),
+                      onUnlockClick: () => S ? S(c, w) : void 0,
+                      onDownloadClick: () => E ? E(c, w) : void 0
                     }
                   ),
                   !se && M && /* @__PURE__ */ s(M, {})
@@ -3667,7 +3667,7 @@ const vi = ({
                   isMyMessage: se,
                   message: {
                     ...J,
-                    attachments: U,
+                    attachments: B,
                     // MessageText prefers message.i18n[userLanguage_text] from
                     // Stream's TranslationContext over message.text. Drop i18n so
                     // the caption uses displayMessage.text from viewerLanguage.
@@ -3684,12 +3684,12 @@ const vi = ({
                     isMyMessage: se
                   }
                 ),
-                qe && /* @__PURE__ */ s(vn, { poll: qe }),
-                U != null && U.length && !c.quoted_message ? /* @__PURE__ */ s(
+                We && /* @__PURE__ */ s(vn, { poll: We }),
+                B != null && B.length && !c.quoted_message ? /* @__PURE__ */ s(
                   k,
                   {
                     actionHandler: l,
-                    attachments: U
+                    attachments: B
                   }
                 ) : null,
                 H ? /* @__PURE__ */ s(
@@ -3741,12 +3741,12 @@ const vi = ({
       c.id
     )
   ] });
-}, wi = V.memo(
+}, _i = V.memo(
   xi,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : en(e, t)
-), _i = (e) => {
+), wi = (e) => {
   const t = Ne("CustomMessage");
-  return /* @__PURE__ */ s(wi, { ...t, ...e });
+  return /* @__PURE__ */ s(_i, { ...t, ...e });
 }, Ni = () => {
   var n;
   const { handleDelete: e, message: t } = Ne("CustomMessageActions");
@@ -3829,7 +3829,7 @@ const vi = ({
     (t) => Ht.previewIsLoaded(t) || Ht.previewIsLoading(t)
   )
 }), Ei = () => {
-  const { linkPreviewsManager: e } = xn(), { linkPreviews: t } = wn(
+  const { linkPreviewsManager: e } = xn(), { linkPreviews: t } = _n(
     e.state,
     Si
   ), n = (r) => {
@@ -3846,7 +3846,7 @@ const vi = ({
     // fixed-height hero would spill out of the collapsed card box.
     /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Ci, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, Ve = V.createContext(!1), vl = () => Te(Ve), Ii = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Ve = V.createContext(!1), Ii = 40, xl = () => Te(Ve), Ti = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3857,8 +3857,8 @@ const vi = ({
     children: /* @__PURE__ */ s(ta, { weight: "bold", className: "size-4" })
   }
 ), as = () => {
-  const e = Te(Ve), { handleSubmit: t } = _n(), n = Nn(), a = e || !n, {
-    SendButton: r = Ii,
+  const e = Te(Ve), { handleSubmit: t } = wn(), n = Nn(), a = e || !n, {
+    SendButton: r = Ti,
     AttachmentPreviewList: i = yn
   } = cs("CustomMessageInput");
   return (
@@ -3925,10 +3925,13 @@ const vi = ({
     if (!h || !f)
       return;
     const c = () => {
+      const v = f.querySelector(
+        ".str-chat__message-list-scroll"
+      ), x = v ? v.scrollHeight - v.scrollTop - v.clientHeight < Ii : !1;
       f.style.setProperty(
         "--messaging-composer-height",
         `${h.offsetHeight + 16}px`
-      );
+      ), x && v && (v.scrollTop = v.scrollHeight);
     };
     if (c(), typeof ResizeObserver > "u")
       return;
@@ -3986,7 +3989,7 @@ const vi = ({
                 className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
                 children: [
                   e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-                  /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(Wt, { Input: i ?? as }) })
+                  /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(qt, { Input: i ?? as }) })
                 ]
               }
             ),
@@ -4005,28 +4008,28 @@ const vi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(Wt, { Input: as }) })
+          /* @__PURE__ */ s(Ve.Provider, { value: l, children: /* @__PURE__ */ s(qt, { Input: as }) })
         ]
       }
     ),
     n == null ? void 0 : n()
   ] });
-}, Ti = [
+}, Mi = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Mi = {
+], Ai = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ai = [
+}, Ri = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ri = ["SYSTEM_AGE_SAFETY_BLOCKED"], Li = {
+], Li = ["SYSTEM_AGE_SAFETY_BLOCKED"], Di = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, st = "age safety guidelines.", Di = "https://linktr.ee/s/about/contact", is = (e) => Ti.includes(e), zi = (e) => Ai.includes(e), Pi = (e) => Ri.includes(
+}, st = "age safety guidelines.", zi = "https://linktr.ee/s/about/contact", is = (e) => Mi.includes(e), Pi = (e) => Ri.includes(e), Oi = (e) => Li.includes(
   e
-), Oi = (e) => {
+), Fi = (e) => {
   var t;
-  return Pi((t = e.metadata) == null ? void 0 : t.custom_type);
-}, Fi = (e) => {
+  return Oi((t = e.metadata) == null ? void 0 : t.custom_type);
+}, $i = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (is(t))
@@ -4034,7 +4037,7 @@ const vi = ({
       kind: "dm-agent",
       type: t
     };
-  if (zi(t))
+  if (Pi(t))
     return {
       kind: "age-safety",
       type: t
@@ -4045,7 +4048,7 @@ const vi = ({
       kind: "dm-agent",
       type: n
     };
-}, $i = (e) => {
+}, Bi = (e) => {
   const t = e.indexOf(st);
   if (t === -1)
     return e;
@@ -4055,7 +4058,7 @@ const vi = ({
     /* @__PURE__ */ s(
       "a",
       {
-        href: Di,
+        href: zi,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -4066,11 +4069,11 @@ const vi = ({
   ] });
 }, Ui = (e) => {
   var a, r;
-  const t = !Oi(e.message), n = Fi(
+  const t = !Fi(e.message), n = $i(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Mi[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ai[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4080,7 +4083,7 @@ const vi = ({
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              we,
+              _e,
               {
                 size: 16,
                 weight: "regular",
@@ -4096,7 +4099,7 @@ const vi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Li[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Di[n.type];
     return /* @__PURE__ */ u("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ u(
         "div",
@@ -4115,7 +4118,7 @@ const vi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: $i(i) }) })
+            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Bi(i) }) })
           ]
         }
       ),
@@ -4140,15 +4143,15 @@ const vi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Bi = /* @__PURE__ */ new Set([
+) }), ji = /* @__PURE__ */ new Set([
   Ze.Thinking,
   Ze.Generating,
   Ze.ExternalSources
-]), ji = ({ threadList: e }) => {
+]), Vi = ({ threadList: e }) => {
   var b, v;
   const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = fe(), { typing: i = {} } = Sn(), { aiState: o } = En(t), l = Te($s);
-  if (!e && l && Bi.has(o)) {
-    const x = Vi(t, (b = r.user) == null ? void 0 : b.id);
+  if (!e && l && ji.has(o)) {
+    const x = Gi(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
       ls,
       {
@@ -4163,13 +4166,13 @@ const vi = ({
     return null;
   const m = e ? [] : Object.values(i).filter(
     ({ parent_id: x, user: p }) => {
-      var _;
-      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && !x;
+      var w;
+      return (p == null ? void 0 : p.id) !== ((w = r.user) == null ? void 0 : w.id) && !x;
     }
   ), g = e ? Object.values(i).filter(
     ({ parent_id: x, user: p }) => {
-      var _;
-      return (p == null ? void 0 : p.id) !== ((_ = r.user) == null ? void 0 : _.id) && x === (a == null ? void 0 : a.id);
+      var w;
+      return (p == null ? void 0 : p.id) !== ((w = r.user) == null ? void 0 : w.id) && x === (a == null ? void 0 : a.id);
     }
   ) : [], h = e ? g : m;
   if (!h.length)
@@ -4228,7 +4231,7 @@ const vi = ({
     ] })
   }
 );
-function Vi(e, t) {
+function Gi(e, t) {
   var a;
   const n = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(n)) {
@@ -4237,7 +4240,7 @@ function Vi(e, t) {
       return i;
   }
 }
-const Gi = () => null, Yi = ({ className: e, message: t }) => /* @__PURE__ */ u(
+const Yi = () => null, Hi = ({ className: e, message: t }) => /* @__PURE__ */ u(
   "div",
   {
     className: C("flex items-center justify-center h-full", e),
@@ -4281,11 +4284,11 @@ const Gi = () => null, Yi = ({ className: e, message: t }) => /* @__PURE__ */ u(
     ]
   }
 ), Ge = V.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ u("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(Yi, { className: "w-6 h-6" }),
+  /* @__PURE__ */ s(Hi, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ge.displayName = "LoadingState";
-const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Fe = "Replies instantly with AI assistant", Hi = ({
+const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Fe = "Replies instantly with AI assistant", qi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4305,19 +4308,19 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: x
 }) => {
   var I, k, T, M, O, $;
-  const { channel: p } = oe(), { client: _ } = fe(), w = V.useMemo(
+  const { channel: p } = oe(), { client: w } = fe(), _ = V.useMemo(
     () => {
       var j;
       return He(
         (j = p.state) == null ? void 0 : j.members,
-        _ == null ? void 0 : _.userID,
+        w == null ? void 0 : w.userID,
         p.type
       );
     },
-    [(I = p.state) == null ? void 0 : I.members, _ == null ? void 0 : _.userID, p.type]
-  ), S = ht(w == null ? void 0 : w.user), z = (k = w == null ? void 0 : w.user) == null ? void 0 : k.image, E = mt(p), R = x == null ? void 0 : x({
+    [(I = p.state) == null ? void 0 : I.members, w == null ? void 0 : w.userID, p.type]
+  ), S = ht(_ == null ? void 0 : _.user), z = (k = _ == null ? void 0 : _.user) == null ? void 0 : k.image, E = mt(p), R = x == null ? void 0 : x({
     channel: p,
-    participant: w
+    participant: _
   }), F = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", D = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", L = /* @__PURE__ */ u(te, { children: [
     /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: S }),
     R && /* @__PURE__ */ s("span", { className: "shrink-0", children: R })
@@ -4366,7 +4369,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 /* @__PURE__ */ s(
                   ne,
                   {
-                    id: ((T = w == null ? void 0 : w.user) == null ? void 0 : T.id) || p.id || "unknown",
+                    id: ((T = _ == null ? void 0 : _.user) == null ? void 0 : T.id) || p.id || "unknown",
                     name: S,
                     image: z,
                     starred: n && E,
@@ -4379,7 +4382,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   /* @__PURE__ */ s(xe, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { children: Fe })
                 ] })
               ]
@@ -4388,7 +4391,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             /* @__PURE__ */ s(
               ne,
               {
-                id: ((M = w == null ? void 0 : w.user) == null ? void 0 : M.id) || p.id || "unknown",
+                id: ((M = _ == null ? void 0 : _.user) == null ? void 0 : M.id) || p.id || "unknown",
                 name: S,
                 image: z,
                 starred: n && E,
@@ -4407,7 +4410,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ s("span", { children: Fe })
             ] })
           ] })
@@ -4437,7 +4440,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           lt,
           {
             channel: p,
-            participant: w,
+            participant: _,
             showDeleteConversation: o,
             showBlockParticipant: l,
             showReportParticipant: d,
@@ -4481,7 +4484,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               /* @__PURE__ */ s(
                 ne,
                 {
-                  id: ((O = w == null ? void 0 : w.user) == null ? void 0 : O.id) || p.id || "unknown",
+                  id: ((O = _ == null ? void 0 : _.user) == null ? void 0 : O.id) || p.id || "unknown",
                   name: S,
                   image: z,
                   starred: n && E,
@@ -4495,7 +4498,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   /* @__PURE__ */ s(xe, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ u("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-                  /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
                   /* @__PURE__ */ s("span", { className: "truncate", children: Fe })
                 ] })
               ] })
@@ -4505,7 +4508,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           /* @__PURE__ */ s(
             ne,
             {
-              id: (($ = w == null ? void 0 : w.user) == null ? void 0 : $.id) || p.id || "unknown",
+              id: (($ = _ == null ? void 0 : _.user) == null ? void 0 : $.id) || p.id || "unknown",
               name: S,
               image: z,
               starred: n && E,
@@ -4525,7 +4528,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               )
             ] }),
             a && /* @__PURE__ */ u("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-              /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ s(_e, { className: "size-3 shrink-0 text-black/55" }),
               /* @__PURE__ */ s("span", { className: "truncate", children: Fe })
             ] })
           ] })
@@ -4555,7 +4558,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           lt,
           {
             channel: p,
-            participant: w,
+            participant: _,
             showDeleteConversation: o,
             showBlockParticipant: l,
             showReportParticipant: d,
@@ -4590,8 +4593,8 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showStarButton: v = !1,
   chatbotVotingEnabled: x = !1,
   renderChannelBanner: p,
-  renderHeaderTitleBadges: _,
-  customChannelActions: w,
+  renderHeaderTitleBadges: w,
+  customChannelActions: _,
   renderChannelActions: S,
   renderMessage: z,
   dmAgentEnabled: E = !1,
@@ -4600,7 +4603,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onParticipantNameClick: D,
   composerInput: L
 }) => {
-  var N, A, Y, W;
+  var N, A, Y, q;
   const { channel: y } = oe(), { client: I } = fe(), k = V.useMemo(
     () => {
       var H;
@@ -4612,13 +4615,13 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     },
     [(N = y.state) == null ? void 0 : N.members, I == null ? void 0 : I.userID, y.type]
   ), T = V.useMemo(() => {
-    var q;
+    var W;
     const H = I == null ? void 0 : I.userID;
-    return H ? Object.values(((q = y.state) == null ? void 0 : q.members) || {}).find((J) => {
+    return H ? Object.values(((W = y.state) == null ? void 0 : W.members) || {}).find((J) => {
       var de;
       return ((de = J.user) == null ? void 0 : de.id) === H;
     }) : void 0;
-  }, [I == null ? void 0 : I.userID, (A = y.state) == null ? void 0 : A.members]), M = ((Y = T == null ? void 0 : T.user) == null ? void 0 : Y.is_account) ?? (T == null ? void 0 : T.is_account), O = ((W = k == null ? void 0 : k.user) == null ? void 0 : W.is_account) ?? (k == null ? void 0 : k.is_account), $ = E && M === !1 && O === !0, j = y.state.messages.some(
+  }, [I == null ? void 0 : I.userID, (A = y.state) == null ? void 0 : A.members]), M = ((Y = T == null ? void 0 : T.user) == null ? void 0 : Y.is_account) ?? (T == null ? void 0 : T.is_account), O = ((q = k == null ? void 0 : k.user) == null ? void 0 : q.is_account) ?? (k == null ? void 0 : k.is_account), $ = E && M === !1 && O === !0, j = y.state.messages.some(
     (H) => H.type !== "deleted"
   ), Z = p ? /* @__PURE__ */ s(V.Fragment, { children: p() }, "lt-channel-banner") : null, ee = D ? /* @__PURE__ */ s(
     ba,
@@ -4637,21 +4640,21 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       onDeleteConversationClick: d,
       onBlockParticipantClick: m,
       onReportParticipantClick: g,
-      customChannelActions: w,
+      customChannelActions: _,
       renderChannelActions: S,
       onParticipantNameClick: D
     }
   ) : null, X = Q(
     (H) => {
-      const { message: U } = Ne("ChannelView"), q = /* @__PURE__ */ s(
-        _i,
+      const { message: B } = Ne("ChannelView"), W = /* @__PURE__ */ s(
+        wi,
         {
           ...H,
           chatbotVotingEnabled: x,
           viewerLanguage: R
         }
       );
-      return !z || !U ? q : z(q, U);
+      return !z || !B ? W : z(W, B);
     },
     [x, z, R]
   );
@@ -4667,7 +4670,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       children: /* @__PURE__ */ u(Mn, { children: [
         !D && /* @__PURE__ */ u(te, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            Hi,
+            qi,
             {
               onBack: e,
               showBackButton: t,
@@ -4682,9 +4685,9 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               onDeleteConversationClick: d,
               onBlockParticipantClick: m,
               onReportParticipantClick: g,
-              customChannelActions: w,
+              customChannelActions: _,
               renderChannelActions: S,
-              renderHeaderTitleBadges: _
+              renderHeaderTitleBadges: w
             }
           ) }, "lt-channel-header"),
           Z
@@ -4700,7 +4703,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   Z
                 ] }) }),
                 /* @__PURE__ */ s(
-                  qt,
+                  Wt,
                   {
                     head: D && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                       ee,
@@ -4741,7 +4744,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   Z
                 ] }) }),
                 /* @__PURE__ */ s(
-                  qt,
+                  Wt,
                   {
                     head: D && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                       ee,
@@ -4773,7 +4776,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, Us = V.memo(
+}, Bs = V.memo(
   ({
     channel: e,
     onBack: t,
@@ -4784,7 +4787,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Gi,
+    CustomChannelEmptyState: m = Yi,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: h,
     onBlockParticipantClick: f,
@@ -4793,8 +4796,8 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     showReportParticipant: v = !0,
     composerDisabled: x = !1,
     composerDisabledReason: p,
-    dmAgentEnabled: _,
-    messageMetadata: w,
+    dmAgentEnabled: w,
+    messageMetadata: _,
     onMessageSent: S,
     showStarButton: z = !1,
     chatbotVotingEnabled: E = !1,
@@ -4814,31 +4817,31 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     const Z = Q(
       async (X, N, A) => {
         var J;
-        const Y = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, W = _ && !Y, H = {
+        const Y = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, q = w && !Y, H = {
           ...N,
-          ...W && { silent: !0 },
-          ...w && {
+          ...q && { silent: !0 },
+          ..._ && {
             metadata: {
               ...N.metadata ?? {},
-              ...w
+              ..._
             }
           }
-        }, U = {
+        }, B = {
           ...A,
-          ...W && { skip_push: !0 }
-        }, q = await e.sendMessage(H, U);
-        return S == null || S(q), q;
+          ...q && { skip_push: !0 }
+        }, W = await e.sendMessage(H, B);
+        return S == null || S(W), W;
       },
-      [e, _, w, S]
+      [e, w, _, S]
     ), ee = G(null);
     return K(() => {
       if (!I) return;
       const X = ee.current;
       if (!X) return;
       const N = (A) => {
-        const Y = A.target, W = Y == null ? void 0 : Y.closest("a[href]"), H = W == null ? void 0 : W.getAttribute("href");
+        const Y = A.target, q = Y == null ? void 0 : Y.closest("a[href]"), H = q == null ? void 0 : q.getAttribute("href");
         if (!H) return;
-        const U = W == null ? void 0 : W.closest("[data-message-id]"), q = U == null ? void 0 : U.getAttribute("data-message-id"), J = q ? e.state.messages.find((de) => de.id === q) : void 0;
+        const B = q == null ? void 0 : q.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), J = W ? e.state.messages.find((de) => de.id === W) : void 0;
         I(H, J);
       };
       return X.addEventListener("click", N), () => X.removeEventListener("click", N);
@@ -4850,7 +4853,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s($s.Provider, { value: _ ?? !1, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s($s.Provider, { value: w ?? !1, children: /* @__PURE__ */ s(
           In,
           {
             channel: e,
@@ -4858,7 +4861,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             EmptyStateIndicator: m,
             LoadingIndicator: Ge,
             DateSeparator: va,
-            TypingIndicator: ji,
+            TypingIndicator: Vi,
             doSendMessageRequest: Z,
             ...k ? { SendButton: k } : {},
             ...T ? { AttachmentPreviewList: T } : {},
@@ -4882,7 +4885,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 composerDisabled: x,
                 composerDisabledReason: p,
                 showStarButton: z,
-                dmAgentEnabled: _,
+                dmAgentEnabled: w,
                 chatbotVotingEnabled: E,
                 renderChannelBanner: R,
                 renderHeaderTitleBadges: F,
@@ -4901,7 +4904,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-Us.displayName = "ChannelView";
+Bs.displayName = "ChannelView";
 const Ce = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ u("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ s("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ s("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ s("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
@@ -4917,7 +4920,7 @@ const Ce = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const xl = ({
+const _l = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4936,8 +4939,8 @@ const xl = ({
   renderChannelBanner: v,
   customChannelActions: x,
   renderChannelActions: p,
-  onParticipantNameClick: _,
-  renderMessage: w,
+  onParticipantNameClick: w,
+  renderMessage: _,
   onMessageLinkClick: S,
   showChannelInfo: z,
   composerInput: E
@@ -4950,7 +4953,7 @@ const xl = ({
     refreshConnection: y,
     service: I,
     debug: k
-  } = aa(), [T, M] = B(null), [O, $] = B(null), [j, Z] = B(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
+  } = aa(), [T, M] = U(null), [O, $] = U(null), [j, Z] = U(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
   X.current = o;
   const N = G(a);
   N.current = a;
@@ -4959,13 +4962,13 @@ const xl = ({
     Y.current = T;
   }, [T]), K(() => {
     if (!R || !F) return;
-    const U = R.userID;
-    if (!U) return;
-    const q = `${U}::${i}`;
-    if (A.current === q) return;
-    A.current = q;
+    const B = R.userID;
+    if (!B) return;
+    const W = `${B}::${i}`;
+    if (A.current === W) return;
+    A.current = W;
     const J = () => {
-      A.current === q && (A.current = null);
+      A.current === W && (A.current = null);
     };
     (async () => {
       var De, ze;
@@ -4977,7 +4980,7 @@ const xl = ({
         const ae = await R.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [U, i] }
+            members: { $eq: [B, i] }
           },
           {},
           { limit: 1 }
@@ -5021,11 +5024,11 @@ const xl = ({
       }
     })();
   }, [i, R, F, I, k]);
-  const W = G(r);
-  W.current = r;
+  const q = G(r);
+  q.current = r;
   const H = Q(() => {
-    var U;
-    M(null), Z(!0), (U = W.current) == null || U.call(W);
+    var B;
+    M(null), Z(!0), (B = q.current) == null || B.call(q);
   }, []);
   return D ? /* @__PURE__ */ s(Ge, {}) : L ? /* @__PURE__ */ s(Ce, { message: L, onBack: y }) : !F || !R ? /* @__PURE__ */ s(
     Ce,
@@ -5034,7 +5037,7 @@ const xl = ({
       onBack: y
     }
   ) : O ? /* @__PURE__ */ s(Ce, { message: O }) : j && !T ? /* @__PURE__ */ s(Ce, { message: "Conversation ended" }) : T ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
-    Us,
+    Bs,
     {
       channel: T,
       renderMessageInputActions: t,
@@ -5053,8 +5056,8 @@ const xl = ({
       renderHeaderTitleBadges: b,
       customChannelActions: x,
       renderChannelActions: p,
-      onParticipantNameClick: _,
-      renderMessage: w,
+      onParticipantNameClick: w,
+      renderMessage: _,
       onMessageLinkClick: S,
       showChannelInfo: z,
       composerInput: E
@@ -5062,13 +5065,13 @@ const xl = ({
     T.id
   ) }) }) : /* @__PURE__ */ s(Ge, {});
 };
-function qi(e) {
+function Xi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const Bs = V.createContext({
+const Us = V.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5076,18 +5079,18 @@ const Bs = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Xi = Bs.Provider, Ki = () => V.useContext(Bs), Zi = (e, t) => {
+}), Ki = Us.Provider, Zi = () => V.useContext(Us), Ji = (e, t) => {
   const n = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, Ji = (e) => {
+}, Qi = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Zi(e, t);
+  const a = Ji(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -5107,7 +5110,7 @@ const Bs = V.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = Ki(), { client: m } = fe(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = mt(t);
+    } = Zi(), { client: m } = fe(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = mt(t);
     if (o)
       return /* @__PURE__ */ s(
         o,
@@ -5135,7 +5138,7 @@ const Bs = V.createContext({
         for (let k = y.length - 1; k >= 0; k--)
           if (y[k].type !== "system") return y[k];
       }
-    })(), w = (() => {
+    })(), _ = (() => {
       var M;
       const y = ps({
         message: p,
@@ -5154,7 +5157,7 @@ const Bs = V.createContext({
       if (y) return y;
       const T = (M = p == null ? void 0 : p.attachments) == null ? void 0 : M[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), S = p != null && p.created_at ? Ji(new Date(p.created_at)) : "", z = p ? Ue(p) : !1, E = l ? l(p, w) : `${z ? "✨ " : ""}${w}`, R = n ?? 0;
+    })(), S = p != null && p.created_at ? Qi(new Date(p.created_at)) : "", z = p ? Be(p) : !1, E = l ? l(p, _) : `${z ? "✨ " : ""}${_}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
@@ -5214,14 +5217,14 @@ const Bs = V.createContext({
   }
 );
 js.displayName = "CustomChannelPreview";
-const Qi = { last_message_at: -1 }, el = V.memo(
+const el = { last_message_at: -1 }, tl = V.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Qi,
+    sort: i = el,
     className: o,
     customEmptyStateIndicator: l,
     channelListPaginator: d = Rn,
@@ -5235,18 +5238,18 @@ const Qi = { last_message_at: -1 }, el = V.memo(
     onAddedToChannel: x,
     onChannelUpdated: p
   }) => {
-    const _ = V.useRef(0);
-    _.current++;
-    const { debug: w = !1 } = ut(), S = V.useCallback(
+    const w = V.useRef(0);
+    w.current++;
+    const { debug: _ = !1 } = ut(), S = V.useCallback(
       (E) => {
         for (const R of E)
-          qi(R);
+          Xi(R);
         return r ? r(E) : E;
       },
       [r]
     );
-    w && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: _.current,
+    _ && console.log("📺 [ChannelList] 🔄 RENDER START", {
+      renderCount: w.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: n
     });
@@ -5254,7 +5257,7 @@ const Qi = { last_message_at: -1 }, el = V.memo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
-        debug: w,
+        debug: _,
         channelPreview: m,
         renderMessagePreview: g,
         viewerLanguage: h
@@ -5262,7 +5265,7 @@ const Qi = { last_message_at: -1 }, el = V.memo(
       [
         t,
         e,
-        w,
+        _,
         m,
         g,
         h
@@ -5275,7 +5278,7 @@ const Qi = { last_message_at: -1 }, el = V.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Xi, { value: z, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Ki, { value: z, children: /* @__PURE__ */ s(
           An,
           {
             filters: n,
@@ -5299,11 +5302,11 @@ const Qi = { last_message_at: -1 }, el = V.memo(
     );
   }
 );
-el.displayName = "ChannelList";
-const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, tl = {
+tl.displayName = "ChannelList";
+const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, sl = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, sl = ({ variant: e }) => /* @__PURE__ */ s(
+}, nl = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -5313,12 +5316,12 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: tl[e],
+      backgroundColor: sl[e],
       WebkitMask: os,
       mask: os
     }
   }
-), nl = {
+), al = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5343,17 +5346,17 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       r
     ),
     style: {
-      ...nl[e],
+      ...al[e],
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
     children: [
       a != null && /* @__PURE__ */ s("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ s("p", { className: "m-0 whitespace-pre-wrap break-words", children: t }),
-      n && /* @__PURE__ */ s(sl, { variant: e })
+      n && /* @__PURE__ */ s(nl, { variant: e })
     ]
   }
-), al = ({
+), rl = ({
   text: e,
   tail: t,
   header: n,
@@ -5367,10 +5370,10 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), rl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Vs, { variant: "sent", text: e, tail: t, className: n }), wl = {
-  Sent: rl,
-  Received: al
-}, il = ({
+), il = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Vs, { variant: "sent", text: e, tail: t, className: n }), wl = {
+  Sent: il,
+  Received: rl
+}, ll = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5392,7 +5395,7 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     ),
     children: e
   }
-), _l = ({
+), Nl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5421,7 +5424,7 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ s(
-            il,
+            ll,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5437,40 +5440,40 @@ const os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
 export {
   vs as A,
   bt as B,
-  Gi as C,
+  Yi as C,
   ht as D,
-  vl as E,
-  _l as F,
+  xl as E,
+  Nl as F,
   $r as G,
-  wa as H,
+  _a as H,
   aa as I,
   es as L,
-  pl as M,
+  bl as M,
   ye as a,
   ne as b,
-  el as c,
-  Us as d,
-  bl as e,
-  il as f,
+  tl as c,
+  Bs as d,
+  vl as e,
+  ll as f,
   ce as g,
   Oe as h,
   ke as i,
   wl as j,
   Xr as k,
-  gl as l,
-  xl as m,
+  pl as l,
+  _l as m,
   nr as n,
   he as o,
   er as p,
-  Ji as q,
-  _e as r,
+  Qi as q,
+  we as r,
   sr as s,
   ps as t,
-  _s as u,
+  ws as u,
   oa as v,
-  Wa as w,
-  _a as x,
+  qa as w,
+  wa as x,
   He as y,
   pt as z
 };
-//# sourceMappingURL=index-Cw1ij-Py.js.map
+//# sourceMappingURL=index-0uNeCMZl.js.map